Compare commits
No commits in common. 'main' and '1937e13e1266dcc174253f9a4a7a2bdd3451d9fb' have entirely different histories.
main
...
1937e13e12
@ -0,0 +1,3 @@
|
||||
# 默认忽略的文件
|
||||
/shelf/
|
||||
/workspace.xml
|
||||
@ -0,0 +1,6 @@
|
||||
<component name="InspectionProjectProfileManager">
|
||||
<settings>
|
||||
<option name="USE_PROJECT_PROFILE" value="false" />
|
||||
<version value="1.0" />
|
||||
</settings>
|
||||
</component>
|
||||
@ -0,0 +1,7 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="Black">
|
||||
<option name="sdkName" value="Python 3.11 (pythonProject)" />
|
||||
</component>
|
||||
<component name="ProjectRootManager" version="2" project-jdk-name="Python 3.11 (pythonProject)" project-jdk-type="Python SDK" />
|
||||
</project>
|
||||
@ -0,0 +1,8 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="ProjectModuleManager">
|
||||
<modules>
|
||||
<module fileurl="file://$PROJECT_DIR$/.idea/pythonProject.iml" filepath="$PROJECT_DIR$/.idea/pythonProject.iml" />
|
||||
</modules>
|
||||
</component>
|
||||
</project>
|
||||
@ -0,0 +1,10 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<module type="PYTHON_MODULE" version="4">
|
||||
<component name="NewModuleRootManager">
|
||||
<content url="file://$MODULE_DIR$">
|
||||
<excludeFolder url="file://$MODULE_DIR$/.venv" />
|
||||
</content>
|
||||
<orderEntry type="inheritedJdk" />
|
||||
<orderEntry type="sourceFolder" forTests="false" />
|
||||
</component>
|
||||
</module>
|
||||
Binary file not shown.
@ -0,0 +1 @@
|
||||
Subproject commit 6ea995ed3bfd91a98e2f7c7dc4e9b424dfd199b1
|
||||
@ -0,0 +1,3 @@
|
||||
# 默认忽略的文件
|
||||
/shelf/
|
||||
/workspace.xml
|
||||
@ -0,0 +1,6 @@
|
||||
<component name="InspectionProjectProfileManager">
|
||||
<settings>
|
||||
<option name="USE_PROJECT_PROFILE" value="false" />
|
||||
<version value="1.0" />
|
||||
</settings>
|
||||
</component>
|
||||
@ -0,0 +1,4 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="ProjectRootManager" version="2" project-jdk-name="Python 3.11 (pythonProject3)" project-jdk-type="Python SDK" />
|
||||
</project>
|
||||
@ -0,0 +1,8 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="ProjectModuleManager">
|
||||
<modules>
|
||||
<module fileurl="file://$PROJECT_DIR$/.idea/pythonProject3.iml" filepath="$PROJECT_DIR$/.idea/pythonProject3.iml" />
|
||||
</modules>
|
||||
</component>
|
||||
</project>
|
||||
@ -0,0 +1,8 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<module type="PYTHON_MODULE" version="4">
|
||||
<component name="NewModuleRootManager">
|
||||
<content url="file://$MODULE_DIR$" />
|
||||
<orderEntry type="inheritedJdk" />
|
||||
<orderEntry type="sourceFolder" forTests="false" />
|
||||
</component>
|
||||
</module>
|
||||
@ -0,0 +1,47 @@
|
||||
from flask import Flask,request,render_template
|
||||
import os
|
||||
import pandas as pd
|
||||
import math
|
||||
|
||||
|
||||
csv_file='data/export.csv'
|
||||
if os.path.exists(csv_file):
|
||||
df=pd.read_csv(csv_file,encoding='utf-8')
|
||||
else:
|
||||
print('文件不存在')
|
||||
|
||||
app=Flask(__name__)
|
||||
|
||||
movies_page=25
|
||||
|
||||
|
||||
|
||||
@app.route('/')
|
||||
def index():
|
||||
total_movies = len(df)
|
||||
return render_template("index.html",total_movies=total_movies)
|
||||
@app.route('/index')
|
||||
def index1():
|
||||
total_movies = len(df)
|
||||
return render_template("index.html",total_movies=total_movies)
|
||||
@app.route('/movie')
|
||||
def movie():
|
||||
page=int(request.args.get('page',1))
|
||||
|
||||
start_idx=(page-1)*movies_page
|
||||
end_idx=start_idx+movies_page
|
||||
|
||||
# 将数据转换为字典列表
|
||||
movie_data=df.to_dict(orient='records')[start_idx:end_idx]
|
||||
|
||||
total_movies=len(df)
|
||||
total_pages=math.ceil(total_movies/movies_page)
|
||||
return render_template('movie.html',movie_data=movie_data,page=page,total_pages=total_pages)
|
||||
@app.route('/score')
|
||||
def score():
|
||||
return render_template("score.html")
|
||||
@app.route('/word')
|
||||
def word():
|
||||
return render_template("word.html")
|
||||
if __name__=='__main__':
|
||||
app.run(debug=True)
|
||||
|
@ -0,0 +1,8 @@
|
||||
#!usr/bin/env python
|
||||
# -*- coding:utf-8 _*-
|
||||
"""
|
||||
@author:zhengxin
|
||||
@file: __init__.py.py
|
||||
@time: 2024/3/20 14:19
|
||||
# @describe:
|
||||
"""
|
||||
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 22 KiB |
File diff suppressed because one or more lines are too long
@ -0,0 +1,171 @@
|
||||
/**
|
||||
* Template Name: Mamba - v2.0.1
|
||||
* Template URL: https://bootstrapmade.com/mamba-one-page-bootstrap-template-free/
|
||||
* Author: BootstrapMade.com
|
||||
* License: https://bootstrapmade.com/license/
|
||||
*/
|
||||
!(function($) {
|
||||
"use strict";
|
||||
|
||||
// Toggle .header-scrolled class to #header when page is scrolled
|
||||
$(window).scroll(function() {
|
||||
if ($(this).scrollTop() > 100) {
|
||||
$('#header').addClass('header-scrolled');
|
||||
} else {
|
||||
$('#header').removeClass('header-scrolled');
|
||||
}
|
||||
});
|
||||
|
||||
if ($(window).scrollTop() > 100) {
|
||||
$('#header').addClass('header-scrolled');
|
||||
}
|
||||
|
||||
// Stick the header at top on scroll
|
||||
$("#header").sticky({
|
||||
topSpacing: 0,
|
||||
zIndex: '50'
|
||||
});
|
||||
|
||||
// Smooth scroll for the navigation menu and links with .scrollto classes
|
||||
$(document).on('click', '.nav-menu a, .mobile-nav a, .scrollto', function(e) {
|
||||
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
|
||||
e.preventDefault();
|
||||
var target = $(this.hash);
|
||||
if (target.length) {
|
||||
|
||||
var scrollto = target.offset().top;
|
||||
var scrolled = 2;
|
||||
|
||||
if ($('#header-sticky-wrapper').length) {
|
||||
scrollto -= $('#header-sticky-wrapper').outerHeight() - scrolled;
|
||||
}
|
||||
|
||||
if ($(this).attr("href") == '#header') {
|
||||
scrollto = 0;
|
||||
}
|
||||
|
||||
$('html, body').animate({
|
||||
scrollTop: scrollto
|
||||
}, 1500, 'easeInOutExpo');
|
||||
|
||||
if ($(this).parents('.nav-menu, .mobile-nav').length) {
|
||||
$('.nav-menu .active, .mobile-nav .active').removeClass('active');
|
||||
$(this).closest('li').addClass('active');
|
||||
}
|
||||
|
||||
if ($('body').hasClass('mobile-nav-active')) {
|
||||
$('body').removeClass('mobile-nav-active');
|
||||
$('.mobile-nav-toggle i').toggleClass('icofont-navigation-menu icofont-close');
|
||||
$('.mobile-nav-overly').fadeOut();
|
||||
}
|
||||
return false;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Mobile Navigation
|
||||
if ($('.nav-menu').length) {
|
||||
var $mobile_nav = $('.nav-menu').clone().prop({
|
||||
class: 'mobile-nav d-lg-none'
|
||||
});
|
||||
$('body').append($mobile_nav);
|
||||
$('body').prepend('<button type="button" class="mobile-nav-toggle d-lg-none"><i class="icofont-navigation-menu"></i></button>');
|
||||
$('body').append('<div class="mobile-nav-overly"></div>');
|
||||
|
||||
$(document).on('click', '.mobile-nav-toggle', function(e) {
|
||||
$('body').toggleClass('mobile-nav-active');
|
||||
$('.mobile-nav-toggle i').toggleClass('icofont-navigation-menu icofont-close');
|
||||
$('.mobile-nav-overly').toggle();
|
||||
});
|
||||
|
||||
$(document).on('click', '.mobile-nav .drop-down > a', function(e) {
|
||||
e.preventDefault();
|
||||
$(this).next().slideToggle(300);
|
||||
$(this).parent().toggleClass('active');
|
||||
});
|
||||
|
||||
$(document).click(function(e) {
|
||||
var container = $(".mobile-nav, .mobile-nav-toggle");
|
||||
if (!container.is(e.target) && container.has(e.target).length === 0) {
|
||||
if ($('body').hasClass('mobile-nav-active')) {
|
||||
$('body').removeClass('mobile-nav-active');
|
||||
$('.mobile-nav-toggle i').toggleClass('icofont-navigation-menu icofont-close');
|
||||
$('.mobile-nav-overly').fadeOut();
|
||||
}
|
||||
}
|
||||
});
|
||||
} else if ($(".mobile-nav, .mobile-nav-toggle").length) {
|
||||
$(".mobile-nav, .mobile-nav-toggle").hide();
|
||||
}
|
||||
|
||||
// Intro carousel
|
||||
var heroCarousel = $("#heroCarousel");
|
||||
var heroCarouselIndicators = $("#hero-carousel-indicators");
|
||||
heroCarousel.find(".carousel-inner").children(".carousel-item").each(function(index) {
|
||||
(index === 0) ?
|
||||
heroCarouselIndicators.append("<li data-target='#heroCarousel' data-slide-to='" + index + "' class='active'></li>"):
|
||||
heroCarouselIndicators.append("<li data-target='#heroCarousel' data-slide-to='" + index + "'></li>");
|
||||
});
|
||||
|
||||
heroCarousel.on('slid.bs.carousel', function(e) {
|
||||
$(this).find('h2').addClass('animated fadeInDown');
|
||||
$(this).find('p').addClass('animated fadeInUp');
|
||||
$(this).find('.btn-get-started').addClass('animated fadeInUp');
|
||||
});
|
||||
|
||||
// Back to top button
|
||||
$(window).scroll(function() {
|
||||
if ($(this).scrollTop() > 100) {
|
||||
$('.back-to-top').fadeIn('slow');
|
||||
} else {
|
||||
$('.back-to-top').fadeOut('slow');
|
||||
}
|
||||
});
|
||||
|
||||
$('.back-to-top').click(function() {
|
||||
$('html, body').animate({
|
||||
scrollTop: 0
|
||||
}, 1500, 'easeInOutExpo');
|
||||
return false;
|
||||
});
|
||||
|
||||
// Initiate the venobox plugin
|
||||
$(window).on('load', function() {
|
||||
$('.venobox').venobox();
|
||||
});
|
||||
|
||||
// jQuery counterUp
|
||||
$('[data-toggle="counter-up"]').counterUp({
|
||||
delay: 10,
|
||||
time: 1000
|
||||
});
|
||||
|
||||
// Porfolio isotope and filter
|
||||
$(window).on('load', function() {
|
||||
var portfolioIsotope = $('.portfolio-container').isotope({
|
||||
itemSelector: '.portfolio-item',
|
||||
layoutMode: 'fitRows'
|
||||
});
|
||||
|
||||
$('#portfolio-flters li').on('click', function() {
|
||||
$("#portfolio-flters li").removeClass('filter-active');
|
||||
$(this).addClass('filter-active');
|
||||
|
||||
portfolioIsotope.isotope({
|
||||
filter: $(this).data('filter')
|
||||
});
|
||||
});
|
||||
|
||||
// Initiate venobox (lightbox feature used in portofilo)
|
||||
$(document).ready(function() {
|
||||
$('.venobox').venobox();
|
||||
});
|
||||
});
|
||||
|
||||
// Initi AOS
|
||||
AOS.init({
|
||||
duration: 1000,
|
||||
easing: "ease-in-out-back"
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,327 @@
|
||||
/*!
|
||||
* Bootstrap Reboot v4.4.1 (https://getbootstrap.com/)
|
||||
* Copyright 2011-2019 The Bootstrap Authors
|
||||
* Copyright 2011-2019 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
|
||||
*/
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html {
|
||||
font-family: sans-serif;
|
||||
line-height: 1.15;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.5;
|
||||
color: #212529;
|
||||
text-align: left;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
[tabindex="-1"]:focus:not(:focus-visible) {
|
||||
outline: 0 !important;
|
||||
}
|
||||
|
||||
hr {
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
abbr[title],
|
||||
abbr[data-original-title] {
|
||||
text-decoration: underline;
|
||||
-webkit-text-decoration: underline dotted;
|
||||
text-decoration: underline dotted;
|
||||
cursor: help;
|
||||
border-bottom: 0;
|
||||
-webkit-text-decoration-skip-ink: none;
|
||||
text-decoration-skip-ink: none;
|
||||
}
|
||||
|
||||
address {
|
||||
margin-bottom: 1rem;
|
||||
font-style: normal;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul,
|
||||
dl {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
ol ol,
|
||||
ul ul,
|
||||
ol ul,
|
||||
ul ol {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-bottom: .5rem;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
sub,
|
||||
sup {
|
||||
position: relative;
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -.5em;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #007bff;
|
||||
text-decoration: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #0056b3;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:not([href]) {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:not([href]):hover {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
pre,
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
pre {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
svg {
|
||||
overflow: hidden;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
caption {
|
||||
padding-top: 0.75rem;
|
||||
padding-bottom: 0.75rem;
|
||||
color: #6c757d;
|
||||
text-align: left;
|
||||
caption-side: bottom;
|
||||
}
|
||||
|
||||
th {
|
||||
text-align: inherit;
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
button {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
button:focus {
|
||||
outline: 1px dotted;
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
}
|
||||
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
optgroup,
|
||||
textarea {
|
||||
margin: 0;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
button,
|
||||
input {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
select {
|
||||
word-wrap: normal;
|
||||
}
|
||||
|
||||
button,
|
||||
[type="button"],
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
button:not(:disabled),
|
||||
[type="button"]:not(:disabled),
|
||||
[type="reset"]:not(:disabled),
|
||||
[type="submit"]:not(:disabled) {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
button::-moz-focus-inner,
|
||||
[type="button"]::-moz-focus-inner,
|
||||
[type="reset"]::-moz-focus-inner,
|
||||
[type="submit"]::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
input[type="radio"],
|
||||
input[type="checkbox"] {
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
input[type="date"],
|
||||
input[type="time"],
|
||||
input[type="datetime-local"],
|
||||
input[type="month"] {
|
||||
-webkit-appearance: listbox;
|
||||
}
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
min-width: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
legend {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
padding: 0;
|
||||
margin-bottom: .5rem;
|
||||
font-size: 1.5rem;
|
||||
line-height: inherit;
|
||||
color: inherit;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
[type="search"] {
|
||||
outline-offset: -2px;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
font: inherit;
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
output {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
[hidden] {
|
||||
display: none !important;
|
||||
}
|
||||
/*# sourceMappingURL=bootstrap-reboot.css.map */
|
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,8 @@
|
||||
/*!
|
||||
* Bootstrap Reboot v4.4.1 (https://getbootstrap.com/)
|
||||
* Copyright 2011-2019 The Bootstrap Authors
|
||||
* Copyright 2011-2019 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
|
||||
*/*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]){color:inherit;text-decoration:none}a:not([href]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}
|
||||
/*# sourceMappingURL=bootstrap-reboot.min.css.map */
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,386 @@
|
||||
@-webkit-keyframes spin
|
||||
{
|
||||
0%
|
||||
{
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100%
|
||||
{
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@keyframes spin
|
||||
{
|
||||
0%
|
||||
{
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100%
|
||||
{
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes burst
|
||||
{
|
||||
0%
|
||||
{
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
|
||||
opacity: 1;
|
||||
}
|
||||
90%
|
||||
{
|
||||
-webkit-transform: scale(1.5);
|
||||
transform: scale(1.5);
|
||||
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes burst
|
||||
{
|
||||
0%
|
||||
{
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
|
||||
opacity: 1;
|
||||
}
|
||||
90%
|
||||
{
|
||||
-webkit-transform: scale(1.5);
|
||||
transform: scale(1.5);
|
||||
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes flashing
|
||||
{
|
||||
0%
|
||||
{
|
||||
opacity: 1;
|
||||
}
|
||||
45%
|
||||
{
|
||||
opacity: 0;
|
||||
}
|
||||
90%
|
||||
{
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@keyframes flashing
|
||||
{
|
||||
0%
|
||||
{
|
||||
opacity: 1;
|
||||
}
|
||||
45%
|
||||
{
|
||||
opacity: 0;
|
||||
}
|
||||
90%
|
||||
{
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes fade-left
|
||||
{
|
||||
0%
|
||||
{
|
||||
-webkit-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
|
||||
opacity: 1;
|
||||
}
|
||||
75%
|
||||
{
|
||||
-webkit-transform: translateX(-20px);
|
||||
transform: translateX(-20px);
|
||||
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes fade-left
|
||||
{
|
||||
0%
|
||||
{
|
||||
-webkit-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
|
||||
opacity: 1;
|
||||
}
|
||||
75%
|
||||
{
|
||||
-webkit-transform: translateX(-20px);
|
||||
transform: translateX(-20px);
|
||||
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes fade-right
|
||||
{
|
||||
0%
|
||||
{
|
||||
-webkit-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
|
||||
opacity: 1;
|
||||
}
|
||||
75%
|
||||
{
|
||||
-webkit-transform: translateX(20px);
|
||||
transform: translateX(20px);
|
||||
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes fade-right
|
||||
{
|
||||
0%
|
||||
{
|
||||
-webkit-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
|
||||
opacity: 1;
|
||||
}
|
||||
75%
|
||||
{
|
||||
-webkit-transform: translateX(20px);
|
||||
transform: translateX(20px);
|
||||
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes fade-up
|
||||
{
|
||||
0%
|
||||
{
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
|
||||
opacity: 1;
|
||||
}
|
||||
75%
|
||||
{
|
||||
-webkit-transform: translateY(-20px);
|
||||
transform: translateY(-20px);
|
||||
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes fade-up
|
||||
{
|
||||
0%
|
||||
{
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
|
||||
opacity: 1;
|
||||
}
|
||||
75%
|
||||
{
|
||||
-webkit-transform: translateY(-20px);
|
||||
transform: translateY(-20px);
|
||||
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes fade-down
|
||||
{
|
||||
0%
|
||||
{
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
|
||||
opacity: 1;
|
||||
}
|
||||
75%
|
||||
{
|
||||
-webkit-transform: translateY(20px);
|
||||
transform: translateY(20px);
|
||||
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes fade-down
|
||||
{
|
||||
0%
|
||||
{
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
|
||||
opacity: 1;
|
||||
}
|
||||
75%
|
||||
{
|
||||
-webkit-transform: translateY(20px);
|
||||
transform: translateY(20px);
|
||||
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes tada
|
||||
{
|
||||
from
|
||||
{
|
||||
-webkit-transform: scale3d(1, 1, 1);
|
||||
transform: scale3d(1, 1, 1);
|
||||
}
|
||||
|
||||
10%,
|
||||
20%
|
||||
{
|
||||
-webkit-transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg);
|
||||
transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg);
|
||||
}
|
||||
|
||||
30%,
|
||||
50%,
|
||||
70%,
|
||||
90%
|
||||
{
|
||||
-webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
|
||||
transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
|
||||
}
|
||||
|
||||
40%,
|
||||
60%,
|
||||
80%
|
||||
{
|
||||
-webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -10deg);
|
||||
transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -10deg);
|
||||
}
|
||||
|
||||
to
|
||||
{
|
||||
-webkit-transform: scale3d(1, 1, 1);
|
||||
transform: scale3d(1, 1, 1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes tada
|
||||
{
|
||||
from
|
||||
{
|
||||
-webkit-transform: scale3d(1, 1, 1);
|
||||
transform: scale3d(1, 1, 1);
|
||||
}
|
||||
|
||||
10%,
|
||||
20%
|
||||
{
|
||||
-webkit-transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg);
|
||||
transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg);
|
||||
}
|
||||
|
||||
30%,
|
||||
50%,
|
||||
70%,
|
||||
90%
|
||||
{
|
||||
-webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
|
||||
transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
|
||||
}
|
||||
|
||||
40%,
|
||||
60%,
|
||||
80%
|
||||
{
|
||||
-webkit-transform: rotate3d(0, 0, 1, -10deg);
|
||||
transform: rotate3d(0, 0, 1, -10deg);
|
||||
}
|
||||
|
||||
to
|
||||
{
|
||||
-webkit-transform: scale3d(1, 1, 1);
|
||||
transform: scale3d(1, 1, 1);
|
||||
}
|
||||
}
|
||||
.bx-spin
|
||||
{
|
||||
-webkit-animation: spin 2s linear infinite;
|
||||
animation: spin 2s linear infinite;
|
||||
}
|
||||
.bx-spin-hover:hover
|
||||
{
|
||||
-webkit-animation: spin 2s linear infinite;
|
||||
animation: spin 2s linear infinite;
|
||||
}
|
||||
|
||||
.bx-tada
|
||||
{
|
||||
-webkit-animation: tada 1.5s ease infinite;
|
||||
animation: tada 1.5s ease infinite;
|
||||
}
|
||||
.bx-tada-hover:hover
|
||||
{
|
||||
-webkit-animation: tada 1.5s ease infinite;
|
||||
animation: tada 1.5s ease infinite;
|
||||
}
|
||||
|
||||
.bx-flashing
|
||||
{
|
||||
-webkit-animation: flashing 1.5s infinite linear;
|
||||
animation: flashing 1.5s infinite linear;
|
||||
}
|
||||
.bx-flashing-hover:hover
|
||||
{
|
||||
-webkit-animation: flashing 1.5s infinite linear;
|
||||
animation: flashing 1.5s infinite linear;
|
||||
}
|
||||
|
||||
.bx-burst
|
||||
{
|
||||
-webkit-animation: burst 1.5s infinite linear;
|
||||
animation: burst 1.5s infinite linear;
|
||||
}
|
||||
.bx-burst-hover:hover
|
||||
{
|
||||
-webkit-animation: burst 1.5s infinite linear;
|
||||
animation: burst 1.5s infinite linear;
|
||||
}
|
||||
.bx-fade-up
|
||||
{
|
||||
-webkit-animation: fade-up 1.5s infinite linear;
|
||||
animation: fade-up 1.5s infinite linear;
|
||||
}
|
||||
.bx-fade-up-hover:hover
|
||||
{
|
||||
-webkit-animation: fade-up 1.5s infinite linear;
|
||||
animation: fade-up 1.5s infinite linear;
|
||||
}
|
||||
.bx-fade-down
|
||||
{
|
||||
-webkit-animation: fade-down 1.5s infinite linear;
|
||||
animation: fade-down 1.5s infinite linear;
|
||||
}
|
||||
.bx-fade-down-hover:hover
|
||||
{
|
||||
-webkit-animation: fade-down 1.5s infinite linear;
|
||||
animation: fade-down 1.5s infinite linear;
|
||||
}
|
||||
.bx-fade-left
|
||||
{
|
||||
-webkit-animation: fade-left 1.5s infinite linear;
|
||||
animation: fade-left 1.5s infinite linear;
|
||||
}
|
||||
.bx-fade-left-hover:hover
|
||||
{
|
||||
-webkit-animation: fade-left 1.5s infinite linear;
|
||||
animation: fade-left 1.5s infinite linear;
|
||||
}
|
||||
.bx-fade-right
|
||||
{
|
||||
-webkit-animation: fade-right 1.5s infinite linear;
|
||||
animation: fade-right 1.5s infinite linear;
|
||||
}
|
||||
.bx-fade-right-hover:hover
|
||||
{
|
||||
-webkit-animation: fade-right 1.5s infinite linear;
|
||||
animation: fade-right 1.5s infinite linear;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -0,0 +1,30 @@
|
||||
.bx-rotate-90
|
||||
{
|
||||
transform: rotate(90deg);
|
||||
|
||||
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=1)';
|
||||
}
|
||||
.bx-rotate-180
|
||||
{
|
||||
transform: rotate(180deg);
|
||||
|
||||
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2)';
|
||||
}
|
||||
.bx-rotate-270
|
||||
{
|
||||
transform: rotate(270deg);
|
||||
|
||||
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)';
|
||||
}
|
||||
.bx-flip-horizontal
|
||||
{
|
||||
transform: scaleX(-1);
|
||||
|
||||
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)';
|
||||
}
|
||||
.bx-flip-vertical
|
||||
{
|
||||
transform: scaleY(-1);
|
||||
|
||||
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)';
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 797 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,11 @@
|
||||
/*!
|
||||
* jquery.counterup.js 2.1.0
|
||||
*
|
||||
* Copyright 2013, Benjamin Intal http://gambit.ph @bfintal
|
||||
* Released under the GPL v2 License
|
||||
*
|
||||
* Amended by Jeremy Paris, Ciro Mattia Gonano and others
|
||||
*
|
||||
* Date: Feb 24, 2017
|
||||
*/
|
||||
(function($){"use strict";$.fn.counterUp=function(options){var settings=$.extend({time:400,delay:10,offset:100,beginAt:0,formatter:false,context:"window",callback:function(){}},options),s;return this.each(function(){var $this=$(this),counter={time:$(this).data("counterup-time")||settings.time,delay:$(this).data("counterup-delay")||settings.delay,offset:$(this).data("counterup-offset")||settings.offset,beginAt:$(this).data("counterup-beginat")||settings.beginAt,context:$(this).data("counterup-context")||settings.context};var counterUpper=function(){var nums=[];var divisions=counter.time/counter.delay;var num=$(this).attr("data-num")?$(this).attr("data-num"):$this.text();var isComma=/[0-9]+,[0-9]+/.test(num);num=num.replace(/,/g,"");var decimalPlaces=(num.split(".")[1]||[]).length;if(counter.beginAt>num)counter.beginAt=num;var isTime=/[0-9]+:[0-9]+:[0-9]+/.test(num);if(isTime){var times=num.split(":"),m=1;s=0;while(times.length>0){s+=m*parseInt(times.pop(),10);m*=60}}for(var i=divisions;i>=counter.beginAt/num*divisions;i--){var newNum=parseFloat(num/divisions*i).toFixed(decimalPlaces);if(isTime){newNum=parseInt(s/divisions*i);var hours=parseInt(newNum/3600)%24;var minutes=parseInt(newNum/60)%60;var seconds=parseInt(newNum%60,10);newNum=(hours<10?"0"+hours:hours)+":"+(minutes<10?"0"+minutes:minutes)+":"+(seconds<10?"0"+seconds:seconds)}if(isComma){while(/(\d+)(\d{3})/.test(newNum.toString())){newNum=newNum.toString().replace(/(\d+)(\d{3})/,"$1"+","+"$2")}}if(settings.formatter){newNum=settings.formatter.call(this,newNum)}nums.unshift(newNum)}$this.data("counterup-nums",nums);$this.text(counter.beginAt);var f=function(){if(!$this.data("counterup-nums")){settings.callback.call(this);return}$this.html($this.data("counterup-nums").shift());if($this.data("counterup-nums").length){setTimeout($this.data("counterup-func"),counter.delay)}else{$this.data("counterup-nums",null);$this.data("counterup-func",null);settings.callback.call(this)}};$this.data("counterup-func",f);setTimeout($this.data("counterup-func"),counter.delay)};$this.waypoint(function(direction){counterUpper();this.destroy()},{offset:counter.offset+"%",context:counter.context})})}})(jQuery);
|
||||
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -0,0 +1,274 @@
|
||||
// Sticky Plugin v1.0.4 for jQuery
|
||||
// =============
|
||||
// Author: Anthony Garand
|
||||
// Improvements by German M. Bravo (Kronuz) and Ruud Kamphuis (ruudk)
|
||||
// Improvements by Leonardo C. Daronco (daronco)
|
||||
// Created: 02/14/2011
|
||||
// Date: 07/20/2015
|
||||
// Website: http://stickyjs.com/
|
||||
// Description: Makes an element on the page stick on the screen as you scroll
|
||||
// It will only set the 'top' and 'position' of your element, you
|
||||
// might need to adjust the width in some cases.
|
||||
|
||||
(function (factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
// AMD. Register as an anonymous module.
|
||||
define(['jquery'], factory);
|
||||
} else if (typeof module === 'object' && module.exports) {
|
||||
// Node/CommonJS
|
||||
module.exports = factory(require('jquery'));
|
||||
} else {
|
||||
// Browser globals
|
||||
factory(jQuery);
|
||||
}
|
||||
}(function ($) {
|
||||
var slice = Array.prototype.slice; // save ref to original slice()
|
||||
var splice = Array.prototype.splice; // save ref to original slice()
|
||||
|
||||
var defaults = {
|
||||
topSpacing: 0,
|
||||
bottomSpacing: 0,
|
||||
className: 'is-sticky',
|
||||
wrapperClassName: 'sticky-wrapper',
|
||||
center: false,
|
||||
getWidthFrom: '',
|
||||
widthFromWrapper: true, // works only when .getWidthFrom is empty
|
||||
responsiveWidth: false,
|
||||
zIndex: 'auto'
|
||||
},
|
||||
$window = $(window),
|
||||
$document = $(document),
|
||||
sticked = [],
|
||||
windowHeight = $window.height(),
|
||||
scroller = function() {
|
||||
var scrollTop = $window.scrollTop(),
|
||||
documentHeight = $document.height(),
|
||||
dwh = documentHeight - windowHeight,
|
||||
extra = (scrollTop > dwh) ? dwh - scrollTop : 0;
|
||||
|
||||
for (var i = 0, l = sticked.length; i < l; i++) {
|
||||
var s = sticked[i],
|
||||
elementTop = s.stickyWrapper.offset().top,
|
||||
etse = elementTop - s.topSpacing - extra;
|
||||
|
||||
//update height in case of dynamic content
|
||||
s.stickyWrapper.css('height', s.stickyElement.outerHeight());
|
||||
|
||||
if (scrollTop <= etse) {
|
||||
if (s.currentTop !== null) {
|
||||
s.stickyElement
|
||||
.css({
|
||||
'width': '',
|
||||
'position': '',
|
||||
'top': '',
|
||||
'z-index': ''
|
||||
});
|
||||
s.stickyElement.parent().removeClass(s.className);
|
||||
s.stickyElement.trigger('sticky-end', [s]);
|
||||
s.currentTop = null;
|
||||
}
|
||||
}
|
||||
else {
|
||||
var newTop = documentHeight - s.stickyElement.outerHeight()
|
||||
- s.topSpacing - s.bottomSpacing - scrollTop - extra;
|
||||
if (newTop < 0) {
|
||||
newTop = newTop + s.topSpacing;
|
||||
} else {
|
||||
newTop = s.topSpacing;
|
||||
}
|
||||
if (s.currentTop !== newTop) {
|
||||
var newWidth;
|
||||
if (s.getWidthFrom) {
|
||||
newWidth = $(s.getWidthFrom).width() || null;
|
||||
} else if (s.widthFromWrapper) {
|
||||
newWidth = s.stickyWrapper.width();
|
||||
}
|
||||
if (newWidth == null) {
|
||||
newWidth = s.stickyElement.width();
|
||||
}
|
||||
s.stickyElement
|
||||
.css('width', newWidth)
|
||||
.css('position', 'fixed')
|
||||
.css('top', newTop)
|
||||
.css('z-index', s.zIndex);
|
||||
|
||||
s.stickyElement.parent().addClass(s.className);
|
||||
|
||||
if (s.currentTop === null) {
|
||||
s.stickyElement.trigger('sticky-start', [s]);
|
||||
} else {
|
||||
// sticky is started but it have to be repositioned
|
||||
s.stickyElement.trigger('sticky-update', [s]);
|
||||
}
|
||||
|
||||
if (s.currentTop === s.topSpacing && s.currentTop > newTop || s.currentTop === null && newTop < s.topSpacing) {
|
||||
// just reached bottom || just started to stick but bottom is already reached
|
||||
s.stickyElement.trigger('sticky-bottom-reached', [s]);
|
||||
} else if(s.currentTop !== null && newTop === s.topSpacing && s.currentTop < newTop) {
|
||||
// sticky is started && sticked at topSpacing && overflowing from top just finished
|
||||
s.stickyElement.trigger('sticky-bottom-unreached', [s]);
|
||||
}
|
||||
|
||||
s.currentTop = newTop;
|
||||
}
|
||||
|
||||
// Check if sticky has reached end of container and stop sticking
|
||||
var stickyWrapperContainer = s.stickyWrapper.parent();
|
||||
var unstick = (s.stickyElement.offset().top + s.stickyElement.outerHeight() >= stickyWrapperContainer.offset().top + stickyWrapperContainer.outerHeight()) && (s.stickyElement.offset().top <= s.topSpacing);
|
||||
|
||||
if( unstick ) {
|
||||
s.stickyElement
|
||||
.css('position', 'absolute')
|
||||
.css('top', '')
|
||||
.css('bottom', 0)
|
||||
.css('z-index', '');
|
||||
} else {
|
||||
s.stickyElement
|
||||
.css('position', 'fixed')
|
||||
.css('top', newTop)
|
||||
.css('bottom', '')
|
||||
.css('z-index', s.zIndex);
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
resizer = function() {
|
||||
windowHeight = $window.height();
|
||||
|
||||
for (var i = 0, l = sticked.length; i < l; i++) {
|
||||
var s = sticked[i];
|
||||
var newWidth = null;
|
||||
if (s.getWidthFrom) {
|
||||
if (s.responsiveWidth) {
|
||||
newWidth = $(s.getWidthFrom).width();
|
||||
}
|
||||
} else if(s.widthFromWrapper) {
|
||||
newWidth = s.stickyWrapper.width();
|
||||
}
|
||||
if (newWidth != null) {
|
||||
s.stickyElement.css('width', newWidth);
|
||||
}
|
||||
}
|
||||
},
|
||||
methods = {
|
||||
init: function(options) {
|
||||
var o = $.extend({}, defaults, options);
|
||||
return this.each(function() {
|
||||
var stickyElement = $(this);
|
||||
|
||||
var stickyId = stickyElement.attr('id');
|
||||
var wrapperId = stickyId ? stickyId + '-' + defaults.wrapperClassName : defaults.wrapperClassName;
|
||||
var wrapper = $('<div></div>')
|
||||
.attr('id', wrapperId)
|
||||
.addClass(o.wrapperClassName);
|
||||
|
||||
stickyElement.wrapAll(wrapper);
|
||||
|
||||
var stickyWrapper = stickyElement.parent();
|
||||
|
||||
if (o.center) {
|
||||
stickyWrapper.css({width:stickyElement.outerWidth(),marginLeft:"auto",marginRight:"auto"});
|
||||
}
|
||||
|
||||
if (stickyElement.css("float") === "right") {
|
||||
stickyElement.css({"float":"none"}).parent().css({"float":"right"});
|
||||
}
|
||||
|
||||
o.stickyElement = stickyElement;
|
||||
o.stickyWrapper = stickyWrapper;
|
||||
o.currentTop = null;
|
||||
|
||||
sticked.push(o);
|
||||
|
||||
methods.setWrapperHeight(this);
|
||||
methods.setupChangeListeners(this);
|
||||
});
|
||||
},
|
||||
|
||||
setWrapperHeight: function(stickyElement) {
|
||||
var element = $(stickyElement);
|
||||
var stickyWrapper = element.parent();
|
||||
if (stickyWrapper) {
|
||||
stickyWrapper.css('height', element.outerHeight());
|
||||
}
|
||||
},
|
||||
|
||||
setupChangeListeners: function(stickyElement) {
|
||||
if (window.MutationObserver) {
|
||||
var mutationObserver = new window.MutationObserver(function(mutations) {
|
||||
if (mutations[0].addedNodes.length || mutations[0].removedNodes.length) {
|
||||
methods.setWrapperHeight(stickyElement);
|
||||
}
|
||||
});
|
||||
mutationObserver.observe(stickyElement, {subtree: true, childList: true});
|
||||
} else {
|
||||
stickyElement.addEventListener('DOMNodeInserted', function() {
|
||||
methods.setWrapperHeight(stickyElement);
|
||||
}, false);
|
||||
stickyElement.addEventListener('DOMNodeRemoved', function() {
|
||||
methods.setWrapperHeight(stickyElement);
|
||||
}, false);
|
||||
}
|
||||
},
|
||||
update: scroller,
|
||||
unstick: function(options) {
|
||||
return this.each(function() {
|
||||
var that = this;
|
||||
var unstickyElement = $(that);
|
||||
|
||||
var removeIdx = -1;
|
||||
var i = sticked.length;
|
||||
while (i-- > 0) {
|
||||
if (sticked[i].stickyElement.get(0) === that) {
|
||||
splice.call(sticked,i,1);
|
||||
removeIdx = i;
|
||||
}
|
||||
}
|
||||
if(removeIdx !== -1) {
|
||||
unstickyElement.unwrap();
|
||||
unstickyElement
|
||||
.css({
|
||||
'width': '',
|
||||
'position': '',
|
||||
'top': '',
|
||||
'float': '',
|
||||
'z-index': ''
|
||||
})
|
||||
;
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
// should be more efficient than using $window.scroll(scroller) and $window.resize(resizer):
|
||||
if (window.addEventListener) {
|
||||
window.addEventListener('scroll', scroller, false);
|
||||
window.addEventListener('resize', resizer, false);
|
||||
} else if (window.attachEvent) {
|
||||
window.attachEvent('onscroll', scroller);
|
||||
window.attachEvent('onresize', resizer);
|
||||
}
|
||||
|
||||
$.fn.sticky = function(method) {
|
||||
if (methods[method]) {
|
||||
return methods[method].apply(this, slice.call(arguments, 1));
|
||||
} else if (typeof method === 'object' || !method ) {
|
||||
return methods.init.apply( this, arguments );
|
||||
} else {
|
||||
$.error('Method ' + method + ' does not exist on jQuery.sticky');
|
||||
}
|
||||
};
|
||||
|
||||
$.fn.unstick = function(method) {
|
||||
if (methods[method]) {
|
||||
return methods[method].apply(this, slice.call(arguments, 1));
|
||||
} else if (typeof method === 'object' || !method ) {
|
||||
return methods.unstick.apply( this, arguments );
|
||||
} else {
|
||||
$.error('Method ' + method + ' does not exist on jQuery.sticky');
|
||||
}
|
||||
};
|
||||
$(function() {
|
||||
setTimeout(scroller, 0);
|
||||
});
|
||||
}));
|
||||
@ -0,0 +1 @@
|
||||
(function(factory){if(typeof define==="function"&&define.amd){define(["jquery"],function($){return factory($)})}else if(typeof module==="object"&&typeof module.exports==="object"){exports=factory(require("jquery"))}else{factory(jQuery)}})(function($){$.easing.jswing=$.easing.swing;var pow=Math.pow,sqrt=Math.sqrt,sin=Math.sin,cos=Math.cos,PI=Math.PI,c1=1.70158,c2=c1*1.525,c3=c1+1,c4=2*PI/3,c5=2*PI/4.5;function bounceOut(x){var n1=7.5625,d1=2.75;if(x<1/d1){return n1*x*x}else if(x<2/d1){return n1*(x-=1.5/d1)*x+.75}else if(x<2.5/d1){return n1*(x-=2.25/d1)*x+.9375}else{return n1*(x-=2.625/d1)*x+.984375}}$.extend($.easing,{def:"easeOutQuad",swing:function(x){return $.easing[$.easing.def](x)},easeInQuad:function(x){return x*x},easeOutQuad:function(x){return 1-(1-x)*(1-x)},easeInOutQuad:function(x){return x<.5?2*x*x:1-pow(-2*x+2,2)/2},easeInCubic:function(x){return x*x*x},easeOutCubic:function(x){return 1-pow(1-x,3)},easeInOutCubic:function(x){return x<.5?4*x*x*x:1-pow(-2*x+2,3)/2},easeInQuart:function(x){return x*x*x*x},easeOutQuart:function(x){return 1-pow(1-x,4)},easeInOutQuart:function(x){return x<.5?8*x*x*x*x:1-pow(-2*x+2,4)/2},easeInQuint:function(x){return x*x*x*x*x},easeOutQuint:function(x){return 1-pow(1-x,5)},easeInOutQuint:function(x){return x<.5?16*x*x*x*x*x:1-pow(-2*x+2,5)/2},easeInSine:function(x){return 1-cos(x*PI/2)},easeOutSine:function(x){return sin(x*PI/2)},easeInOutSine:function(x){return-(cos(PI*x)-1)/2},easeInExpo:function(x){return x===0?0:pow(2,10*x-10)},easeOutExpo:function(x){return x===1?1:1-pow(2,-10*x)},easeInOutExpo:function(x){return x===0?0:x===1?1:x<.5?pow(2,20*x-10)/2:(2-pow(2,-20*x+10))/2},easeInCirc:function(x){return 1-sqrt(1-pow(x,2))},easeOutCirc:function(x){return sqrt(1-pow(x-1,2))},easeInOutCirc:function(x){return x<.5?(1-sqrt(1-pow(2*x,2)))/2:(sqrt(1-pow(-2*x+2,2))+1)/2},easeInElastic:function(x){return x===0?0:x===1?1:-pow(2,10*x-10)*sin((x*10-10.75)*c4)},easeOutElastic:function(x){return x===0?0:x===1?1:pow(2,-10*x)*sin((x*10-.75)*c4)+1},easeInOutElastic:function(x){return x===0?0:x===1?1:x<.5?-(pow(2,20*x-10)*sin((20*x-11.125)*c5))/2:pow(2,-20*x+10)*sin((20*x-11.125)*c5)/2+1},easeInBack:function(x){return c3*x*x*x-c1*x*x},easeOutBack:function(x){return 1+c3*pow(x-1,3)+c1*pow(x-1,2)},easeInOutBack:function(x){return x<.5?pow(2*x,2)*((c2+1)*2*x-c2)/2:(pow(2*x-2,2)*((c2+1)*(x*2-2)+c2)+2)/2},easeInBounce:function(x){return 1-bounceOut(1-x)},easeOutBounce:bounceOut,easeInOutBounce:function(x){return x<.5?(1-bounceOut(1-2*x))/2:(1+bounceOut(2*x-1))/2}})});
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,763 @@
|
||||
/*
|
||||
* VenoBox - jQuery Plugin
|
||||
* version: 1.8.6
|
||||
* @requires jQuery >= 1.7.0
|
||||
*
|
||||
* Examples at http://veno.es/venobox/
|
||||
* License: MIT License
|
||||
* License URI: https://github.com/nicolafranchini/VenoBox/blob/master/LICENSE
|
||||
* Copyright 2013-2019 Nicola Franchini - @nicolafranchini
|
||||
*
|
||||
*/
|
||||
|
||||
/* global jQuery */
|
||||
|
||||
(function($){
|
||||
"use strict";
|
||||
var autoplay, bgcolor, blocknum, blocktitle, border, core, container, content, dest, extraCss,
|
||||
framewidth, frameheight, gallItems, infinigall, items, keyNavigationDisabled, margine, numeratio,
|
||||
overlayColor, overlay, title, thisgall, thenext, theprev, nextok, prevok, preloader, $preloader, navigation,
|
||||
obj, gallIndex, startouch, vbheader, images, startY, startX, endY, endX, diff, diffX, diffY, threshold;
|
||||
|
||||
$.fn.extend({
|
||||
//plugin name - venobox
|
||||
venobox: function(options) {
|
||||
var plugin = this;
|
||||
// default options
|
||||
var defaults = {
|
||||
arrowsColor : '#B6B6B6',
|
||||
autoplay : false, // same as data-autoplay - thanks @codibit
|
||||
bgcolor: '#fff',
|
||||
border: '0',
|
||||
closeBackground : '#161617',
|
||||
closeColor : "#d2d2d2",
|
||||
framewidth: '',
|
||||
frameheight: '',
|
||||
gallItems: false,
|
||||
infinigall: false,
|
||||
htmlClose : '×',
|
||||
htmlNext : '<span>Next</span>',
|
||||
htmlPrev : '<span>Prev</span>',
|
||||
numeratio: false,
|
||||
numerationBackground : '#161617',
|
||||
numerationColor : '#d2d2d2',
|
||||
numerationPosition : 'top', // 'top' || 'bottom'
|
||||
overlayClose: true, // disable overlay click-close - thanx @martybalandis
|
||||
overlayColor : 'rgba(23,23,23,0.85)',
|
||||
spinner : 'double-bounce', // available: 'rotating-plane' | 'double-bounce' | 'wave' | 'wandering-cubes' | 'spinner-pulse' | 'chasing-dots' | 'three-bounce' | 'circle' | 'cube-grid' | 'fading-circle' | 'folding-cube'
|
||||
spinColor : '#d2d2d2',
|
||||
titleattr: 'title', // specific attribute to get a title (e.g. [data-title]) - thanx @mendezcode
|
||||
titleBackground: '#161617',
|
||||
titleColor: '#d2d2d2',
|
||||
titlePosition : 'top', // 'top' || 'bottom'
|
||||
cb_pre_open: function(){ return true; }, // Callbacks - thanx @garyee
|
||||
cb_post_open: function(){},
|
||||
cb_pre_close: function(){ return true; },
|
||||
cb_post_close: function(){},
|
||||
cb_post_resize: function(){},
|
||||
cb_after_nav: function(){},
|
||||
cb_content_loaded: function(){},
|
||||
cb_init: function(){}
|
||||
};
|
||||
|
||||
var option = $.extend(defaults, options);
|
||||
|
||||
// callback plugin initialization
|
||||
option.cb_init(plugin);
|
||||
|
||||
return this.each(function() {
|
||||
|
||||
obj = $(this);
|
||||
|
||||
// Prevent double initialization - thanx @matthistuff
|
||||
if (obj.data('venobox')) {
|
||||
return true;
|
||||
}
|
||||
|
||||
// method to be used outside the plugin
|
||||
plugin.VBclose = function() {
|
||||
closeVbox();
|
||||
};
|
||||
obj.addClass('vbox-item');
|
||||
obj.data('framewidth', option.framewidth);
|
||||
obj.data('frameheight', option.frameheight);
|
||||
obj.data('border', option.border);
|
||||
obj.data('bgcolor', option.bgcolor);
|
||||
obj.data('numeratio', option.numeratio);
|
||||
obj.data('gallItems', option.gallItems);
|
||||
obj.data('infinigall', option.infinigall);
|
||||
obj.data('overlaycolor', option.overlayColor);
|
||||
obj.data('titleattr', option.titleattr);
|
||||
|
||||
obj.data('venobox', true);
|
||||
|
||||
obj.on('click', function(e){
|
||||
|
||||
e.preventDefault();
|
||||
obj = $(this);
|
||||
|
||||
// callback plugin initialization
|
||||
var cb_pre_open = option.cb_pre_open(obj);
|
||||
|
||||
if (cb_pre_open === false) {
|
||||
return false;
|
||||
}
|
||||
|
||||
// methods to be used outside the plugin
|
||||
plugin.VBnext = function() {
|
||||
navigateGall(thenext);
|
||||
};
|
||||
plugin.VBprev = function() {
|
||||
navigateGall(theprev);
|
||||
};
|
||||
|
||||
overlayColor = obj.data('overlay') || obj.data('overlaycolor');
|
||||
|
||||
framewidth = obj.data('framewidth');
|
||||
frameheight = obj.data('frameheight');
|
||||
// set data-autoplay="true" for vimeo and youtube videos - thanx @zehfernandes
|
||||
autoplay = obj.data('autoplay') || option.autoplay;
|
||||
border = obj.data('border');
|
||||
bgcolor = obj.data('bgcolor');
|
||||
nextok = false;
|
||||
prevok = false;
|
||||
keyNavigationDisabled = false;
|
||||
|
||||
// set a different url to be loaded using data-href="" - thanx @pixeline
|
||||
dest = obj.data('href') || obj.attr('href');
|
||||
extraCss = obj.data( 'css' ) || '';
|
||||
title = obj.attr(obj.data('titleattr')) || '';
|
||||
|
||||
preloader = '<div class="vbox-preloader">';
|
||||
|
||||
switch (option.spinner) {
|
||||
|
||||
case 'rotating-plane':
|
||||
preloader += '<div class="sk-rotating-plane"></div>';
|
||||
break;
|
||||
case 'double-bounce':
|
||||
preloader += '<div class="sk-double-bounce">'+
|
||||
'<div class="sk-child sk-double-bounce1"></div>'+
|
||||
'<div class="sk-child sk-double-bounce2"></div>'+
|
||||
'</div>';
|
||||
break;
|
||||
case 'wave':
|
||||
preloader += '<div class="sk-wave">'+
|
||||
'<div class="sk-rect sk-rect1"></div>'+
|
||||
'<div class="sk-rect sk-rect2"></div>'+
|
||||
'<div class="sk-rect sk-rect3"></div>'+
|
||||
'<div class="sk-rect sk-rect4"></div>'+
|
||||
'<div class="sk-rect sk-rect5"></div>'+
|
||||
'</div>';
|
||||
break;
|
||||
case 'wandering-cubes':
|
||||
preloader += '<div class="sk-wandering-cubes">'+
|
||||
'<div class="sk-cube sk-cube1"></div>'+
|
||||
'<div class="sk-cube sk-cube2"></div>'+
|
||||
'</div>';
|
||||
break;
|
||||
case 'spinner-pulse':
|
||||
preloader += '<div class="sk-spinner sk-spinner-pulse"></div>';
|
||||
break;
|
||||
case 'chasing-dots':
|
||||
preloader += '<div class="sk-chasing-dots">'+
|
||||
'<div class="sk-child sk-dot1"></div>'+
|
||||
'<div class="sk-child sk-dot2"></div>'+
|
||||
'</div>';
|
||||
break;
|
||||
case 'three-bounce':
|
||||
preloader += '<div class="sk-three-bounce">'+
|
||||
'<div class="sk-child sk-bounce1"></div>'+
|
||||
'<div class="sk-child sk-bounce2"></div>'+
|
||||
'<div class="sk-child sk-bounce3"></div>'+
|
||||
'</div>';
|
||||
break;
|
||||
case 'circle':
|
||||
preloader += '<div class="sk-circle">'+
|
||||
'<div class="sk-circle1 sk-child"></div>'+
|
||||
'<div class="sk-circle2 sk-child"></div>'+
|
||||
'<div class="sk-circle3 sk-child"></div>'+
|
||||
'<div class="sk-circle4 sk-child"></div>'+
|
||||
'<div class="sk-circle5 sk-child"></div>'+
|
||||
'<div class="sk-circle6 sk-child"></div>'+
|
||||
'<div class="sk-circle7 sk-child"></div>'+
|
||||
'<div class="sk-circle8 sk-child"></div>'+
|
||||
'<div class="sk-circle9 sk-child"></div>'+
|
||||
'<div class="sk-circle10 sk-child"></div>'+
|
||||
'<div class="sk-circle11 sk-child"></div>'+
|
||||
'<div class="sk-circle12 sk-child"></div>'+
|
||||
'</div>';
|
||||
break;
|
||||
case 'cube-grid':
|
||||
preloader += '<div class="sk-cube-grid">'+
|
||||
'<div class="sk-cube sk-cube1"></div>'+
|
||||
'<div class="sk-cube sk-cube2"></div>'+
|
||||
'<div class="sk-cube sk-cube3"></div>'+
|
||||
'<div class="sk-cube sk-cube4"></div>'+
|
||||
'<div class="sk-cube sk-cube5"></div>'+
|
||||
'<div class="sk-cube sk-cube6"></div>'+
|
||||
'<div class="sk-cube sk-cube7"></div>'+
|
||||
'<div class="sk-cube sk-cube8"></div>'+
|
||||
'<div class="sk-cube sk-cube9"></div>'+
|
||||
'</div>';
|
||||
break;
|
||||
case 'fading-circle':
|
||||
preloader += '<div class="sk-fading-circle">'+
|
||||
'<div class="sk-circle1 sk-circle"></div>'+
|
||||
'<div class="sk-circle2 sk-circle"></div>'+
|
||||
'<div class="sk-circle3 sk-circle"></div>'+
|
||||
'<div class="sk-circle4 sk-circle"></div>'+
|
||||
'<div class="sk-circle5 sk-circle"></div>'+
|
||||
'<div class="sk-circle6 sk-circle"></div>'+
|
||||
'<div class="sk-circle7 sk-circle"></div>'+
|
||||
'<div class="sk-circle8 sk-circle"></div>'+
|
||||
'<div class="sk-circle9 sk-circle"></div>'+
|
||||
'<div class="sk-circle10 sk-circle"></div>'+
|
||||
'<div class="sk-circle11 sk-circle"></div>'+
|
||||
'<div class="sk-circle12 sk-circle"></div>'+
|
||||
'</div>';
|
||||
break;
|
||||
case 'folding-cube':
|
||||
preloader += '<div class="sk-folding-cube">'+
|
||||
'<div class="sk-cube1 sk-cube"></div>'+
|
||||
'<div class="sk-cube2 sk-cube"></div>'+
|
||||
'<div class="sk-cube4 sk-cube"></div>'+
|
||||
'<div class="sk-cube3 sk-cube"></div>'+
|
||||
'</div>';
|
||||
break;
|
||||
}
|
||||
preloader += '</div>';
|
||||
|
||||
navigation = '<a class="vbox-next">' + option.htmlNext + '</a><a class="vbox-prev">' + option.htmlPrev + '</a>';
|
||||
vbheader = '<div class="vbox-title"></div><div class="vbox-num">0/0</div><div class="vbox-close">' + option.htmlClose + '</div>';
|
||||
|
||||
core = '<div class="vbox-overlay ' + extraCss + '" style="background:'+ overlayColor +'">'+
|
||||
preloader + '<div class="vbox-container"><div class="vbox-content"></div></div>' + vbheader + navigation + '</div>';
|
||||
|
||||
$('body').append(core).addClass('vbox-open');
|
||||
|
||||
$('.vbox-preloader div:not(.sk-circle) .sk-child, .vbox-preloader .sk-rotating-plane, .vbox-preloader .sk-rect, .vbox-preloader div:not(.sk-folding-cube) .sk-cube, .vbox-preloader .sk-spinner-pulse').css('background-color', option.spinColor);
|
||||
|
||||
overlay = $('.vbox-overlay');
|
||||
container = $('.vbox-container');
|
||||
content = $('.vbox-content');
|
||||
blocknum = $('.vbox-num');
|
||||
blocktitle = $('.vbox-title');
|
||||
$preloader = $('.vbox-preloader');
|
||||
|
||||
$preloader.show();
|
||||
|
||||
blocktitle.css(option.titlePosition, '-1px');
|
||||
blocktitle.css({
|
||||
'color' : option.titleColor,
|
||||
'background-color' : option.titleBackground
|
||||
});
|
||||
|
||||
$('.vbox-close').css({
|
||||
'color' : option.closeColor,
|
||||
'background-color' : option.closeBackground
|
||||
});
|
||||
|
||||
$('.vbox-num').css(option.numerationPosition, '-1px');
|
||||
$('.vbox-num').css({
|
||||
'color' : option.numerationColor,
|
||||
'background-color' : option.numerationBackground
|
||||
});
|
||||
|
||||
$('.vbox-next span, .vbox-prev span').css({
|
||||
'border-top-color' : option.arrowsColor,
|
||||
'border-right-color' : option.arrowsColor
|
||||
});
|
||||
|
||||
content.html('');
|
||||
content.css('opacity', '0');
|
||||
overlay.css('opacity', '0');
|
||||
|
||||
checknav();
|
||||
|
||||
// fade in overlay
|
||||
overlay.animate({opacity:1}, 250, function(){
|
||||
|
||||
if (obj.data('vbtype') == 'iframe') {
|
||||
loadIframe();
|
||||
} else if (obj.data('vbtype') == 'inline') {
|
||||
loadInline();
|
||||
} else if (obj.data('vbtype') == 'ajax') {
|
||||
loadAjax();
|
||||
} else if (obj.data('vbtype') == 'video') {
|
||||
loadVid(autoplay);
|
||||
} else {
|
||||
content.html('<img src="'+dest+'">');
|
||||
preloadFirst();
|
||||
}
|
||||
option.cb_post_open(obj, gallIndex, thenext, theprev);
|
||||
});
|
||||
|
||||
/* -------- KEYBOARD ACTIONS -------- */
|
||||
$('body').keydown(keyboardHandler);
|
||||
|
||||
/* -------- PREVGALL -------- */
|
||||
$('.vbox-prev').on('click', function(){
|
||||
navigateGall(theprev);
|
||||
});
|
||||
/* -------- NEXTGALL -------- */
|
||||
$('.vbox-next').on('click', function(){
|
||||
navigateGall(thenext);
|
||||
});
|
||||
|
||||
return false;
|
||||
|
||||
}); // click
|
||||
|
||||
/* -------- CHECK NEXT / PREV -------- */
|
||||
function checknav(){
|
||||
|
||||
thisgall = obj.data('gall');
|
||||
numeratio = obj.data('numeratio');
|
||||
gallItems = obj.data('gallItems');
|
||||
infinigall = obj.data('infinigall');
|
||||
|
||||
if (gallItems) {
|
||||
items = gallItems;
|
||||
} else {
|
||||
items = $('.vbox-item[data-gall="' + thisgall + '"]');
|
||||
}
|
||||
|
||||
thenext = items.eq( items.index(obj) + 1 );
|
||||
theprev = items.eq( items.index(obj) - 1 );
|
||||
|
||||
if (!thenext.length && infinigall === true) {
|
||||
thenext = items.eq(0);
|
||||
}
|
||||
|
||||
// update gall numeration
|
||||
if (items.length >= 1) {
|
||||
gallIndex = items.index(obj)+1;
|
||||
blocknum.html(gallIndex + ' / ' + items.length);
|
||||
} else {
|
||||
gallIndex = 1;
|
||||
}
|
||||
if (numeratio === true) {
|
||||
blocknum.show();
|
||||
} else {
|
||||
blocknum.hide();
|
||||
}
|
||||
|
||||
// update title
|
||||
if (title !== '') {
|
||||
blocktitle.show();
|
||||
} else {
|
||||
blocktitle.hide();
|
||||
}
|
||||
|
||||
// update navigation arrows
|
||||
if (!thenext.length && infinigall !== true) {
|
||||
$('.vbox-next').css('display', 'none');
|
||||
nextok = false;
|
||||
} else {
|
||||
$('.vbox-next').css('display', 'block');
|
||||
nextok = true;
|
||||
}
|
||||
|
||||
if (items.index(obj) > 0 || infinigall === true) {
|
||||
$('.vbox-prev').css('display', 'block');
|
||||
prevok = true;
|
||||
} else {
|
||||
$('.vbox-prev').css('display', 'none');
|
||||
prevok = false;
|
||||
}
|
||||
// activate swipe
|
||||
if (prevok === true || nextok === true) {
|
||||
content.on(TouchMouseEvent.DOWN, onDownEvent);
|
||||
content.on(TouchMouseEvent.MOVE, onMoveEvent);
|
||||
content.on(TouchMouseEvent.UP, onUpEvent);
|
||||
}
|
||||
}
|
||||
|
||||
/* -------- gallery navigation -------- */
|
||||
function navigateGall(destination) {
|
||||
|
||||
if (destination.length < 1) {
|
||||
return false;
|
||||
}
|
||||
if (keyNavigationDisabled) {
|
||||
return false;
|
||||
}
|
||||
keyNavigationDisabled = true;
|
||||
|
||||
overlayColor = destination.data('overlay') || destination.data('overlaycolor');
|
||||
|
||||
framewidth = destination.data('framewidth');
|
||||
frameheight = destination.data('frameheight');
|
||||
border = destination.data('border');
|
||||
bgcolor = destination.data('bgcolor');
|
||||
dest = destination.data('href') || destination.attr('href');
|
||||
|
||||
autoplay = destination.data('autoplay');
|
||||
|
||||
title = (destination.data('titleattr') && destination.attr(destination.data('titleattr'))) || '';
|
||||
|
||||
// swipe out item
|
||||
if (destination === theprev) {
|
||||
content.addClass('vbox-animated').addClass('swipe-right');
|
||||
}
|
||||
if (destination === thenext) {
|
||||
content.addClass('vbox-animated').addClass('swipe-left');
|
||||
}
|
||||
|
||||
$preloader.show();
|
||||
|
||||
content.animate({
|
||||
opacity : 0,
|
||||
}, 500, function(){
|
||||
|
||||
overlay.css('background',overlayColor);
|
||||
|
||||
content
|
||||
.removeClass('vbox-animated')
|
||||
.removeClass('swipe-left')
|
||||
.removeClass('swipe-right')
|
||||
.css({'margin-left': 0,'margin-right': 0});
|
||||
|
||||
if (destination.data('vbtype') == 'iframe') {
|
||||
loadIframe();
|
||||
} else if (destination.data('vbtype') == 'inline') {
|
||||
loadInline();
|
||||
} else if (destination.data('vbtype') == 'ajax') {
|
||||
loadAjax();
|
||||
} else if (destination.data('vbtype') == 'video') {
|
||||
loadVid(autoplay);
|
||||
} else {
|
||||
content.html('<img src="'+dest+'">');
|
||||
preloadFirst();
|
||||
}
|
||||
obj = destination;
|
||||
checknav();
|
||||
keyNavigationDisabled = false;
|
||||
option.cb_after_nav(obj, gallIndex, thenext, theprev);
|
||||
});
|
||||
}
|
||||
|
||||
/* -------- KEYBOARD HANDLER -------- */
|
||||
function keyboardHandler(e) {
|
||||
if (e.keyCode === 27) { // esc
|
||||
closeVbox();
|
||||
}
|
||||
|
||||
if (e.keyCode == 37 && prevok === true) { // left
|
||||
navigateGall(theprev);
|
||||
}
|
||||
|
||||
if (e.keyCode == 39 && nextok === true) { // right
|
||||
navigateGall(thenext);
|
||||
}
|
||||
}
|
||||
|
||||
/* -------- CLOSE VBOX -------- */
|
||||
function closeVbox(){
|
||||
|
||||
var cb_pre_close = option.cb_pre_close(obj, gallIndex, thenext, theprev);
|
||||
|
||||
if (cb_pre_close === false) {
|
||||
return false;
|
||||
}
|
||||
|
||||
$('body').off('keydown', keyboardHandler).removeClass('vbox-open');
|
||||
|
||||
obj.focus();
|
||||
|
||||
overlay.animate({opacity:0}, 500, function(){
|
||||
overlay.remove();
|
||||
keyNavigationDisabled = false;
|
||||
option.cb_post_close();
|
||||
});
|
||||
}
|
||||
|
||||
/* -------- CLOSE CLICK -------- */
|
||||
var closeclickclass = '.vbox-overlay';
|
||||
if(!option.overlayClose){
|
||||
closeclickclass = '.vbox-close'; // close only on X
|
||||
}
|
||||
|
||||
$('body').on('click touchstart', closeclickclass, function(e){
|
||||
if ($(e.target).is('.vbox-overlay') ||
|
||||
$(e.target).is('.vbox-content') ||
|
||||
$(e.target).is('.vbox-close') ||
|
||||
$(e.target).is('.vbox-preloader') ||
|
||||
$(e.target).is('.vbox-container')
|
||||
) {
|
||||
closeVbox();
|
||||
}
|
||||
});
|
||||
|
||||
startX = 0;
|
||||
endX = 0;
|
||||
|
||||
diff = 0;
|
||||
threshold = 50;
|
||||
startouch = false;
|
||||
|
||||
function onDownEvent(e){
|
||||
content.addClass('vbox-animated');
|
||||
startY = endY = e.pageY;
|
||||
startX = endX = e.pageX;
|
||||
startouch = true;
|
||||
}
|
||||
|
||||
function onMoveEvent(e){
|
||||
if (startouch === true) {
|
||||
endX = e.pageX;
|
||||
endY = e.pageY;
|
||||
|
||||
diffX = endX - startX;
|
||||
diffY = endY - startY;
|
||||
|
||||
var absdiffX = Math.abs(diffX);
|
||||
var absdiffY = Math.abs(diffY);
|
||||
|
||||
if ((absdiffX > absdiffY) && (absdiffX <= 100)) {
|
||||
e.preventDefault();
|
||||
content.css('margin-left', diffX);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function onUpEvent(e){
|
||||
if (startouch === true) {
|
||||
startouch = false;
|
||||
var subject = obj;
|
||||
var change = false;
|
||||
diff = endX - startX;
|
||||
|
||||
if (diff < 0 && nextok === true) {
|
||||
subject = thenext;
|
||||
change = true;
|
||||
}
|
||||
if (diff > 0 && prevok === true) {
|
||||
subject = theprev;
|
||||
change = true;
|
||||
}
|
||||
|
||||
if (Math.abs(diff) >= threshold && change === true) {
|
||||
navigateGall(subject);
|
||||
} else {
|
||||
content.css({'margin-left': 0,'margin-right': 0});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* == GLOBAL DECLERATIONS == */
|
||||
var TouchMouseEvent = {
|
||||
DOWN: "touchmousedown",
|
||||
UP: "touchmouseup",
|
||||
MOVE: "touchmousemove"
|
||||
};
|
||||
|
||||
/* == EVENT LISTENERS == */
|
||||
var onMouseEvent = function(event) {
|
||||
var type;
|
||||
switch (event.type) {
|
||||
case "mousedown": type = TouchMouseEvent.DOWN; break;
|
||||
case "mouseup": type = TouchMouseEvent.UP; break;
|
||||
case "mouseout": type = TouchMouseEvent.UP; break;
|
||||
case "mousemove": type = TouchMouseEvent.MOVE; break;
|
||||
default:
|
||||
return;
|
||||
}
|
||||
var touchMouseEvent = normalizeEvent(type, event, event.pageX, event.pageY);
|
||||
$(event.target).trigger(touchMouseEvent);
|
||||
};
|
||||
|
||||
var onTouchEvent = function(event) {
|
||||
var type;
|
||||
switch (event.type) {
|
||||
case "touchstart": type = TouchMouseEvent.DOWN; break;
|
||||
case "touchend": type = TouchMouseEvent.UP; break;
|
||||
case "touchmove": type = TouchMouseEvent.MOVE; break;
|
||||
default:
|
||||
return;
|
||||
}
|
||||
|
||||
var touch = event.originalEvent.touches[0];
|
||||
var touchMouseEvent;
|
||||
|
||||
if (type == TouchMouseEvent.UP) {
|
||||
touchMouseEvent = normalizeEvent(type, event, null, null);
|
||||
} else {
|
||||
touchMouseEvent = normalizeEvent(type, event, touch.pageX, touch.pageY);
|
||||
}
|
||||
$(event.target).trigger(touchMouseEvent);
|
||||
};
|
||||
|
||||
/* == NORMALIZE == */
|
||||
var normalizeEvent = function(type, original, x, y) {
|
||||
return $.Event(type, {
|
||||
pageX: x,
|
||||
pageY: y,
|
||||
originalEvent: original
|
||||
});
|
||||
};
|
||||
|
||||
/* == LISTEN TO ORIGINAL EVENT == */
|
||||
if ("ontouchstart" in window) {
|
||||
$(document).on("touchstart", onTouchEvent);
|
||||
$(document).on("touchmove", onTouchEvent);
|
||||
$(document).on("touchend", onTouchEvent);
|
||||
} else {
|
||||
$(document).on("mousedown", onMouseEvent);
|
||||
$(document).on("mouseup", onMouseEvent);
|
||||
$(document).on("mouseout", onMouseEvent);
|
||||
$(document).on("mousemove", onMouseEvent);
|
||||
}
|
||||
|
||||
/* -------- LOAD AJAX -------- */
|
||||
function loadAjax(){
|
||||
$.ajax({
|
||||
url: dest,
|
||||
cache: false
|
||||
}).done(function( msg ) {
|
||||
content.html('<div class="vbox-inline">'+ msg +'</div>');
|
||||
preloadFirst();
|
||||
|
||||
}).fail(function() {
|
||||
content.html('<div class="vbox-inline"><p>Error retrieving contents, please retry</div>');
|
||||
updateoverlay();
|
||||
});
|
||||
}
|
||||
|
||||
/* -------- LOAD IFRAME -------- */
|
||||
function loadIframe(){
|
||||
content.html('<iframe class="venoframe" src="'+dest+'"></iframe>');
|
||||
// $('.venoframe').load(function(){ // valid only for iFrames in same domain
|
||||
updateoverlay();
|
||||
// });
|
||||
}
|
||||
|
||||
/* -------- LOAD VIDEOs -------- */
|
||||
function loadVid(autoplay){
|
||||
|
||||
var player;
|
||||
var videoObj = parseVideo(dest);
|
||||
|
||||
// set rel=0 to hide related videos at the end of YT + optional autoplay
|
||||
var stringAutoplay = autoplay ? "?rel=0&autoplay=1" : "?rel=0";
|
||||
var queryvars = stringAutoplay + getUrlParameter(dest);
|
||||
|
||||
if (videoObj.type == 'vimeo') {
|
||||
player = 'https://player.vimeo.com/video/';
|
||||
} else if (videoObj.type == 'youtube') {
|
||||
player = 'https://www.youtube.com/embed/';
|
||||
}
|
||||
content.html('<iframe class="venoframe vbvid" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay" frameborder="0" src="'+player+videoObj.id+queryvars+'"></iframe>');
|
||||
updateoverlay();
|
||||
}
|
||||
|
||||
/**
|
||||
* Parse Youtube or Vimeo videos and get host & ID
|
||||
*/
|
||||
function parseVideo (url) {
|
||||
url.match(/(http:|https:|)\/\/(player.|www.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com))\/(video\/|embed\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(\&\S+)?/);
|
||||
var type;
|
||||
if (RegExp.$3.indexOf('youtu') > -1) {
|
||||
type = 'youtube';
|
||||
} else if (RegExp.$3.indexOf('vimeo') > -1) {
|
||||
type = 'vimeo';
|
||||
}
|
||||
return {
|
||||
type: type,
|
||||
id: RegExp.$6
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* get additional video url parameters
|
||||
*/
|
||||
function getUrlParameter(name) {
|
||||
var result = '';
|
||||
var sPageURL = decodeURIComponent(name);
|
||||
var firstsplit = sPageURL.split('?');
|
||||
|
||||
if (firstsplit[1] !== undefined) {
|
||||
var sURLVariables = firstsplit[1].split('&');
|
||||
var sParameterName;
|
||||
var i;
|
||||
for (i = 0; i < sURLVariables.length; i++) {
|
||||
sParameterName = sURLVariables[i].split('=');
|
||||
result = result + '&'+ sParameterName[0]+'='+ sParameterName[1];
|
||||
}
|
||||
}
|
||||
return encodeURI(result);
|
||||
}
|
||||
|
||||
/* -------- LOAD INLINE -------- */
|
||||
function loadInline(){
|
||||
content.html('<div class="vbox-inline">'+$(dest).html()+'</div>');
|
||||
updateoverlay();
|
||||
}
|
||||
|
||||
/* -------- PRELOAD IMAGE -------- */
|
||||
function preloadFirst(){
|
||||
images = content.find('img');
|
||||
|
||||
if (images.length) {
|
||||
images.each(function(){
|
||||
$(this).one('load', function() {
|
||||
updateoverlay();
|
||||
});
|
||||
});
|
||||
} else {
|
||||
updateoverlay();
|
||||
}
|
||||
}
|
||||
|
||||
/* -------- FADE-IN THE NEW CONTENT -------- */
|
||||
function updateoverlay(){
|
||||
|
||||
blocktitle.html(title);
|
||||
|
||||
content.find(">:first-child").addClass('vbox-figlio').css({
|
||||
'width': framewidth,
|
||||
'height': frameheight,
|
||||
'padding': border,
|
||||
'background': bgcolor
|
||||
});
|
||||
|
||||
$('img.vbox-figlio').on('dragstart', function(event) {
|
||||
event.preventDefault();
|
||||
});
|
||||
|
||||
updateOL();
|
||||
|
||||
content.animate({
|
||||
'opacity': '1'
|
||||
},'slow', function(){
|
||||
$preloader.hide();
|
||||
});
|
||||
option.cb_content_loaded(obj, gallIndex, thenext, theprev);
|
||||
}
|
||||
|
||||
/* -------- CENTER FRAME -------- */
|
||||
function updateOL(){
|
||||
|
||||
var sonH = content.outerHeight();
|
||||
var finH = $(window).height();
|
||||
|
||||
if (sonH + 60 < finH) {
|
||||
margine = (finH - sonH)/2;
|
||||
} else {
|
||||
margine = '30px';
|
||||
}
|
||||
content.css('margin-top', margine);
|
||||
content.css('margin-bottom', margine);
|
||||
option.cb_post_resize();
|
||||
}
|
||||
|
||||
$(window).resize(function(){
|
||||
if($('.vbox-content').length){
|
||||
setTimeout(updateOL(), 800);
|
||||
}
|
||||
});
|
||||
}); // each
|
||||
} // venobox
|
||||
}); // extend
|
||||
})(jQuery);
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,198 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Awesome-pyecharts</title>
|
||||
<script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/echarts.min.js"></script>
|
||||
|
||||
</head>
|
||||
<body >
|
||||
<div id="07d643492ef547ee94ca00795126a4d7" class="chart-container" style="width:900px; height:500px; "></div>
|
||||
<script>
|
||||
var chart_07d643492ef547ee94ca00795126a4d7 = echarts.init(
|
||||
document.getElementById('07d643492ef547ee94ca00795126a4d7'), 'white', {renderer: 'canvas'});
|
||||
var option_07d643492ef547ee94ca00795126a4d7 = {
|
||||
"animation": true,
|
||||
"animationThreshold": 2000,
|
||||
"animationDuration": 1000,
|
||||
"animationEasing": "cubicOut",
|
||||
"animationDelay": 0,
|
||||
"animationDurationUpdate": 300,
|
||||
"animationEasingUpdate": "cubicOut",
|
||||
"animationDelayUpdate": 0,
|
||||
"aria": {
|
||||
"enabled": false
|
||||
},
|
||||
"color": [
|
||||
"#5470c6",
|
||||
"#91cc75",
|
||||
"#fac858",
|
||||
"#ee6666",
|
||||
"#73c0de",
|
||||
"#3ba272",
|
||||
"#fc8452",
|
||||
"#9a60b4",
|
||||
"#ea7ccc"
|
||||
],
|
||||
"series": [
|
||||
{
|
||||
"type": "bar",
|
||||
"name": "\u7535\u5f71\u6570\u91cf",
|
||||
"legendHoverLink": true,
|
||||
"data": [
|
||||
114,
|
||||
33,
|
||||
20,
|
||||
20,
|
||||
17,
|
||||
10,
|
||||
6,
|
||||
6,
|
||||
5,
|
||||
3
|
||||
],
|
||||
"realtimeSort": false,
|
||||
"showBackground": false,
|
||||
"stackStrategy": "samesign",
|
||||
"cursor": "pointer",
|
||||
"barMinHeight": 0,
|
||||
"barCategoryGap": "20%",
|
||||
"barGap": "30%",
|
||||
"large": false,
|
||||
"largeThreshold": 400,
|
||||
"seriesLayoutBy": "column",
|
||||
"datasetIndex": 0,
|
||||
"clip": true,
|
||||
"zlevel": 0,
|
||||
"z": 2,
|
||||
"label": {
|
||||
"show": true,
|
||||
"margin": 8
|
||||
}
|
||||
}
|
||||
],
|
||||
"legend": [
|
||||
{
|
||||
"data": [
|
||||
"\u7535\u5f71\u6570\u91cf"
|
||||
],
|
||||
"selected": {},
|
||||
"show": true,
|
||||
"padding": 5,
|
||||
"itemGap": 10,
|
||||
"itemWidth": 25,
|
||||
"itemHeight": 14,
|
||||
"backgroundColor": "transparent",
|
||||
"borderColor": "#ccc",
|
||||
"borderRadius": 0,
|
||||
"pageButtonItemGap": 5,
|
||||
"pageButtonPosition": "end",
|
||||
"pageFormatter": "{current}/{total}",
|
||||
"pageIconColor": "#2f4554",
|
||||
"pageIconInactiveColor": "#aaa",
|
||||
"pageIconSize": 15,
|
||||
"animationDurationUpdate": 800,
|
||||
"selector": false,
|
||||
"selectorPosition": "auto",
|
||||
"selectorItemGap": 7,
|
||||
"selectorButtonGap": 10
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"show": true,
|
||||
"trigger": "item",
|
||||
"triggerOn": "mousemove|click",
|
||||
"axisPointer": {
|
||||
"type": "line"
|
||||
},
|
||||
"showContent": true,
|
||||
"alwaysShowContent": false,
|
||||
"showDelay": 0,
|
||||
"hideDelay": 100,
|
||||
"enterable": false,
|
||||
"confine": false,
|
||||
"appendToBody": false,
|
||||
"transitionDuration": 0.4,
|
||||
"textStyle": {
|
||||
"fontSize": 14
|
||||
},
|
||||
"borderWidth": 0,
|
||||
"padding": 5,
|
||||
"order": "seriesAsc"
|
||||
},
|
||||
"xAxis": [
|
||||
{
|
||||
"show": true,
|
||||
"scale": false,
|
||||
"nameLocation": "end",
|
||||
"nameGap": 15,
|
||||
"gridIndex": 0,
|
||||
"inverse": false,
|
||||
"offset": 0,
|
||||
"splitNumber": 5,
|
||||
"minInterval": 0,
|
||||
"splitLine": {
|
||||
"show": true,
|
||||
"lineStyle": {
|
||||
"show": true,
|
||||
"width": 1,
|
||||
"opacity": 1,
|
||||
"curveness": 0,
|
||||
"type": "solid"
|
||||
}
|
||||
},
|
||||
"data": [
|
||||
"\u7f8e\u56fd",
|
||||
"\u65e5\u672c",
|
||||
"\u4e2d\u56fd\u9999\u6e2f",
|
||||
"\u82f1\u56fd",
|
||||
"\u4e2d\u56fd\u5927\u9646",
|
||||
"\u97e9\u56fd",
|
||||
"\u6cd5\u56fd",
|
||||
"\u4e2d\u56fd\u53f0\u6e7e",
|
||||
"\u610f\u5927\u5229",
|
||||
"\u5fb7\u56fd"
|
||||
]
|
||||
}
|
||||
],
|
||||
"yAxis": [
|
||||
{
|
||||
"show": true,
|
||||
"scale": false,
|
||||
"nameLocation": "end",
|
||||
"nameGap": 15,
|
||||
"gridIndex": 0,
|
||||
"inverse": false,
|
||||
"offset": 0,
|
||||
"splitNumber": 5,
|
||||
"minInterval": 0,
|
||||
"splitLine": {
|
||||
"show": true,
|
||||
"lineStyle": {
|
||||
"show": true,
|
||||
"width": 1,
|
||||
"opacity": 1,
|
||||
"curveness": 0,
|
||||
"type": "solid"
|
||||
}
|
||||
}
|
||||
}
|
||||
],
|
||||
"title": [
|
||||
{
|
||||
"show": true,
|
||||
"text": "\u6309\u56fd\u5bb6\u5206\u7ec4\u7edf\u8ba1\u7535\u5f71\u6570\u91cf TOP 10",
|
||||
"target": "blank",
|
||||
"subtarget": "blank",
|
||||
"padding": 5,
|
||||
"itemGap": 10,
|
||||
"textAlign": "auto",
|
||||
"textVerticalAlign": "auto",
|
||||
"triggerEvent": false
|
||||
}
|
||||
]
|
||||
};
|
||||
chart_07d643492ef547ee94ca00795126a4d7.setOption(option_07d643492ef547ee94ca00795126a4d7);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,119 @@
|
||||
body{
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.clearfix::after{
|
||||
content: "";
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.main{
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.main .nav{
|
||||
height: 60px;
|
||||
background: pink;
|
||||
color: #999;
|
||||
text-align: center;
|
||||
line-height: 60px;
|
||||
}
|
||||
|
||||
.main .nav a{
|
||||
margin: 0 38px;
|
||||
}
|
||||
|
||||
.main .nav a:hover{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.main .nav a.selected{
|
||||
color: #ef4238;
|
||||
}
|
||||
|
||||
.main .container{
|
||||
width: 1120px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.main .container .choose-area{
|
||||
border: 1px solid #e5e5e5;
|
||||
margin: 40px 0;
|
||||
font-size: 14px;
|
||||
line-height: 30px;
|
||||
padding: 0 30px;
|
||||
}
|
||||
|
||||
.main .container .choose-area .choose-item{
|
||||
margin: 1em 0;
|
||||
border-bottom: 1px dotted #e5e5e5;
|
||||
}
|
||||
|
||||
.main .container .choose-area .choose-item.no-line{
|
||||
border: none;
|
||||
}
|
||||
|
||||
.main .container .choose-area .choose-item .left{
|
||||
float: left;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.main .container .choose-area .choose-item .right{
|
||||
float: left;
|
||||
width: 1010px;
|
||||
}
|
||||
|
||||
.main .container .choose-area .choose-item .right li{
|
||||
float: left;
|
||||
margin: 0 9px;
|
||||
padding: 0 6px;
|
||||
/* padding: 3px 9px; */
|
||||
}
|
||||
|
||||
.main .container .choose-area .choose-item .right li:hover{
|
||||
color: #ef4238;
|
||||
}
|
||||
|
||||
.main .container .choose-area .choose-item .right li .selected{
|
||||
background: #ef4238;
|
||||
color: #fff;
|
||||
border-radius: 14px;
|
||||
}
|
||||
|
||||
|
||||
/* 电影列表 */
|
||||
|
||||
.main .container .movies .movie-item{
|
||||
float: left;
|
||||
width: 160px;
|
||||
margin: 10px 32px 10px 0;
|
||||
}
|
||||
|
||||
.main .container .movies .movie-item:nth-child(6n){
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.main .container .movies .movie-item .poster img{
|
||||
width: 160px;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.main .container .movies .movie-item .name{
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
padding: 0 2px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.main .container .movies .movie-item .score{
|
||||
color: #ffb400;
|
||||
text-align: center;
|
||||
font-style: italic;
|
||||
line-height: 2.5;
|
||||
}
|
||||
|
||||
.main .container .movies .movie-item .score::first-letter{
|
||||
font-size: 1.5em;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,187 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Awesome-pyecharts</title>
|
||||
<script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/echarts.min.js"></script>
|
||||
|
||||
</head>
|
||||
<body >
|
||||
<div id="fb946e9a366343d093617147cf5134a3" class="chart-container" style="width:900px; height:500px; "></div>
|
||||
<script>
|
||||
var chart_fb946e9a366343d093617147cf5134a3 = echarts.init(
|
||||
document.getElementById('fb946e9a366343d093617147cf5134a3'), 'white', {renderer: 'canvas'});
|
||||
var option_fb946e9a366343d093617147cf5134a3 = {
|
||||
"animation": true,
|
||||
"animationThreshold": 2000,
|
||||
"animationDuration": 1000,
|
||||
"animationEasing": "cubicOut",
|
||||
"animationDelay": 0,
|
||||
"animationDurationUpdate": 300,
|
||||
"animationEasingUpdate": "cubicOut",
|
||||
"animationDelayUpdate": 0,
|
||||
"aria": {
|
||||
"enabled": false
|
||||
},
|
||||
"color": [
|
||||
"#5470c6",
|
||||
"#91cc75",
|
||||
"#fac858",
|
||||
"#ee6666",
|
||||
"#73c0de",
|
||||
"#3ba272",
|
||||
"#fc8452",
|
||||
"#9a60b4",
|
||||
"#ea7ccc"
|
||||
],
|
||||
"series": [
|
||||
{
|
||||
"type": "pie",
|
||||
"colorBy": "data",
|
||||
"legendHoverLink": true,
|
||||
"selectedMode": false,
|
||||
"selectedOffset": 10,
|
||||
"clockwise": true,
|
||||
"startAngle": 90,
|
||||
"minAngle": 0,
|
||||
"minShowLabelAngle": 0,
|
||||
"avoidLabelOverlap": true,
|
||||
"stillShowZeroSum": true,
|
||||
"percentPrecision": 2,
|
||||
"showEmptyCircle": true,
|
||||
"emptyCircleStyle": {
|
||||
"color": "lightgray",
|
||||
"borderColor": "#000",
|
||||
"borderWidth": 0,
|
||||
"borderType": "solid",
|
||||
"borderDashOffset": 0,
|
||||
"borderCap": "butt",
|
||||
"borderJoin": "bevel",
|
||||
"borderMiterLimit": 10,
|
||||
"opacity": 1
|
||||
},
|
||||
"data": [
|
||||
{
|
||||
"name": "1994\u00a0",
|
||||
"value": 3
|
||||
},
|
||||
{
|
||||
"name": "1993\u00a0",
|
||||
"value": 2
|
||||
},
|
||||
{
|
||||
"name": "1997\u00a0",
|
||||
"value": 2
|
||||
},
|
||||
{
|
||||
"name": "1957\u00a0",
|
||||
"value": 1
|
||||
},
|
||||
{
|
||||
"name": "1982(\u4e2d\u56fd\u5927\u9646)\u00a0",
|
||||
"value": 1
|
||||
},
|
||||
{
|
||||
"name": "1984",
|
||||
"value": 1
|
||||
}
|
||||
],
|
||||
"radius": [
|
||||
"30%",
|
||||
"75%"
|
||||
],
|
||||
"center": [
|
||||
"50%",
|
||||
"50%"
|
||||
],
|
||||
"roseType": "radius",
|
||||
"label": {
|
||||
"show": false,
|
||||
"margin": 8
|
||||
},
|
||||
"labelLine": {
|
||||
"show": true,
|
||||
"showAbove": false,
|
||||
"length": 15,
|
||||
"length2": 15,
|
||||
"smooth": false,
|
||||
"minTurnAngle": 90,
|
||||
"maxSurfaceAngle": 90
|
||||
}
|
||||
}
|
||||
],
|
||||
"legend": [
|
||||
{
|
||||
"data": [
|
||||
"1994\u00a0",
|
||||
"1993\u00a0",
|
||||
"1997\u00a0",
|
||||
"1957\u00a0",
|
||||
"1982(\u4e2d\u56fd\u5927\u9646)\u00a0",
|
||||
"1984"
|
||||
],
|
||||
"selected": {},
|
||||
"show": true,
|
||||
"left": "2%",
|
||||
"top": "15%",
|
||||
"orient": "vertical",
|
||||
"padding": 5,
|
||||
"itemGap": 10,
|
||||
"itemWidth": 25,
|
||||
"itemHeight": 14,
|
||||
"backgroundColor": "transparent",
|
||||
"borderColor": "#ccc",
|
||||
"borderRadius": 0,
|
||||
"pageButtonItemGap": 5,
|
||||
"pageButtonPosition": "end",
|
||||
"pageFormatter": "{current}/{total}",
|
||||
"pageIconColor": "#2f4554",
|
||||
"pageIconInactiveColor": "#aaa",
|
||||
"pageIconSize": 15,
|
||||
"animationDurationUpdate": 800,
|
||||
"selector": false,
|
||||
"selectorPosition": "auto",
|
||||
"selectorItemGap": 7,
|
||||
"selectorButtonGap": 10
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"show": true,
|
||||
"trigger": "item",
|
||||
"triggerOn": "mousemove|click",
|
||||
"axisPointer": {
|
||||
"type": "line"
|
||||
},
|
||||
"showContent": true,
|
||||
"alwaysShowContent": false,
|
||||
"showDelay": 0,
|
||||
"hideDelay": 100,
|
||||
"enterable": false,
|
||||
"confine": false,
|
||||
"appendToBody": false,
|
||||
"transitionDuration": 0.4,
|
||||
"textStyle": {
|
||||
"fontSize": 14
|
||||
},
|
||||
"borderWidth": 0,
|
||||
"padding": 5,
|
||||
"order": "seriesAsc"
|
||||
},
|
||||
"title": [
|
||||
{
|
||||
"show": true,
|
||||
"text": "Top10\u9ad8\u5206\u7535\u5f71\u6570\u91cf\u6700\u591a\u7684\u5e74\u4efd",
|
||||
"target": "blank",
|
||||
"subtarget": "blank",
|
||||
"padding": 5,
|
||||
"itemGap": 10,
|
||||
"textAlign": "auto",
|
||||
"textVerticalAlign": "auto",
|
||||
"triggerEvent": false
|
||||
}
|
||||
]
|
||||
};
|
||||
chart_fb946e9a366343d093617147cf5134a3.setOption(option_fb946e9a366343d093617147cf5134a3);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,198 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Awesome-pyecharts</title>
|
||||
<script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/echarts.min.js"></script>
|
||||
|
||||
</head>
|
||||
<body >
|
||||
<div id="297e1ef37356447e8a732a9c3830d1e4" class="chart-container" style="width:900px; height:500px; "></div>
|
||||
<script>
|
||||
var chart_297e1ef37356447e8a732a9c3830d1e4 = echarts.init(
|
||||
document.getElementById('297e1ef37356447e8a732a9c3830d1e4'), 'white', {renderer: 'canvas'});
|
||||
var option_297e1ef37356447e8a732a9c3830d1e4 = {
|
||||
"animation": true,
|
||||
"animationThreshold": 2000,
|
||||
"animationDuration": 1000,
|
||||
"animationEasing": "cubicOut",
|
||||
"animationDelay": 0,
|
||||
"animationDurationUpdate": 300,
|
||||
"animationEasingUpdate": "cubicOut",
|
||||
"animationDelayUpdate": 0,
|
||||
"aria": {
|
||||
"enabled": false
|
||||
},
|
||||
"color": [
|
||||
"#5470c6",
|
||||
"#91cc75",
|
||||
"#fac858",
|
||||
"#ee6666",
|
||||
"#73c0de",
|
||||
"#3ba272",
|
||||
"#fc8452",
|
||||
"#9a60b4",
|
||||
"#ea7ccc"
|
||||
],
|
||||
"series": [
|
||||
{
|
||||
"type": "bar",
|
||||
"name": "\u8bc4\u4ef7\u4eba\u6570",
|
||||
"legendHoverLink": true,
|
||||
"data": [
|
||||
3010199.0,
|
||||
2372082.0,
|
||||
2328728.0,
|
||||
2281005.0,
|
||||
2242779.0,
|
||||
2224669.0,
|
||||
2183449.0,
|
||||
2146278.0,
|
||||
2035032.0,
|
||||
1943829.0
|
||||
],
|
||||
"realtimeSort": false,
|
||||
"showBackground": false,
|
||||
"stackStrategy": "samesign",
|
||||
"cursor": "pointer",
|
||||
"barMinHeight": 0,
|
||||
"barCategoryGap": "20%",
|
||||
"barGap": "30%",
|
||||
"large": false,
|
||||
"largeThreshold": 400,
|
||||
"seriesLayoutBy": "column",
|
||||
"datasetIndex": 0,
|
||||
"clip": true,
|
||||
"zlevel": 0,
|
||||
"z": 2,
|
||||
"label": {
|
||||
"show": true,
|
||||
"margin": 8
|
||||
}
|
||||
}
|
||||
],
|
||||
"legend": [
|
||||
{
|
||||
"data": [
|
||||
"\u8bc4\u4ef7\u4eba\u6570"
|
||||
],
|
||||
"selected": {},
|
||||
"show": true,
|
||||
"padding": 5,
|
||||
"itemGap": 10,
|
||||
"itemWidth": 25,
|
||||
"itemHeight": 14,
|
||||
"backgroundColor": "transparent",
|
||||
"borderColor": "#ccc",
|
||||
"borderRadius": 0,
|
||||
"pageButtonItemGap": 5,
|
||||
"pageButtonPosition": "end",
|
||||
"pageFormatter": "{current}/{total}",
|
||||
"pageIconColor": "#2f4554",
|
||||
"pageIconInactiveColor": "#aaa",
|
||||
"pageIconSize": 15,
|
||||
"animationDurationUpdate": 800,
|
||||
"selector": false,
|
||||
"selectorPosition": "auto",
|
||||
"selectorItemGap": 7,
|
||||
"selectorButtonGap": 10
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"show": true,
|
||||
"trigger": "item",
|
||||
"triggerOn": "mousemove|click",
|
||||
"axisPointer": {
|
||||
"type": "line"
|
||||
},
|
||||
"showContent": true,
|
||||
"alwaysShowContent": false,
|
||||
"showDelay": 0,
|
||||
"hideDelay": 100,
|
||||
"enterable": false,
|
||||
"confine": false,
|
||||
"appendToBody": false,
|
||||
"transitionDuration": 0.4,
|
||||
"textStyle": {
|
||||
"fontSize": 14
|
||||
},
|
||||
"borderWidth": 0,
|
||||
"padding": 5,
|
||||
"order": "seriesAsc"
|
||||
},
|
||||
"xAxis": [
|
||||
{
|
||||
"show": true,
|
||||
"scale": false,
|
||||
"nameLocation": "end",
|
||||
"nameGap": 15,
|
||||
"gridIndex": 0,
|
||||
"inverse": false,
|
||||
"offset": 0,
|
||||
"splitNumber": 5,
|
||||
"minInterval": 0,
|
||||
"splitLine": {
|
||||
"show": true,
|
||||
"lineStyle": {
|
||||
"show": true,
|
||||
"width": 1,
|
||||
"opacity": 1,
|
||||
"curveness": 0,
|
||||
"type": "solid"
|
||||
}
|
||||
},
|
||||
"data": [
|
||||
"\u8096\u7533\u514b\u7684\u6551\u8d4e",
|
||||
"\u8fd9\u4e2a\u6740\u624b\u4e0d\u592a\u51b7",
|
||||
"\u5343\u4e0e\u5343\u5bfb",
|
||||
"\u6cf0\u5766\u5c3c\u514b\u53f7",
|
||||
"\u963f\u7518\u6b63\u4f20",
|
||||
"\u9738\u738b\u522b\u59ec",
|
||||
"\u6211\u4e0d\u662f\u836f\u795e",
|
||||
"\u76d7\u68a6\u7a7a\u95f4",
|
||||
"\u75af\u72c2\u52a8\u7269\u57ce",
|
||||
"\u661f\u9645\u7a7f\u8d8a"
|
||||
]
|
||||
}
|
||||
],
|
||||
"yAxis": [
|
||||
{
|
||||
"show": true,
|
||||
"scale": false,
|
||||
"nameLocation": "end",
|
||||
"nameGap": 15,
|
||||
"gridIndex": 0,
|
||||
"inverse": false,
|
||||
"offset": 0,
|
||||
"splitNumber": 5,
|
||||
"minInterval": 0,
|
||||
"splitLine": {
|
||||
"show": true,
|
||||
"lineStyle": {
|
||||
"show": true,
|
||||
"width": 1,
|
||||
"opacity": 1,
|
||||
"curveness": 0,
|
||||
"type": "solid"
|
||||
}
|
||||
}
|
||||
}
|
||||
],
|
||||
"title": [
|
||||
{
|
||||
"show": true,
|
||||
"text": "\u8bc4\u4ef7\u4eba\u6570TOP 10\u7535\u5f71",
|
||||
"target": "blank",
|
||||
"subtarget": "blank",
|
||||
"padding": 5,
|
||||
"itemGap": 10,
|
||||
"textAlign": "auto",
|
||||
"textVerticalAlign": "auto",
|
||||
"triggerEvent": false
|
||||
}
|
||||
]
|
||||
};
|
||||
chart_297e1ef37356447e8a732a9c3830d1e4.setOption(option_297e1ef37356447e8a732a9c3830d1e4);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,333 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Awesome-pyecharts</title>
|
||||
<script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/echarts.min.js"></script>
|
||||
<script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/echarts-wordcloud.min.js"></script>
|
||||
|
||||
</head>
|
||||
<body >
|
||||
<div id="9a0ef05212cd458ca187b688bb6af772" class="chart-container" style="width:50%; height:600px; "></div>
|
||||
<script>
|
||||
var chart_9a0ef05212cd458ca187b688bb6af772 = echarts.init(
|
||||
document.getElementById('9a0ef05212cd458ca187b688bb6af772'), 'white', {renderer: 'canvas'});
|
||||
var option_9a0ef05212cd458ca187b688bb6af772 = {
|
||||
"animation": true,
|
||||
"animationThreshold": 2000,
|
||||
"animationDuration": 1000,
|
||||
"animationEasing": "cubicOut",
|
||||
"animationDelay": 0,
|
||||
"animationDurationUpdate": 300,
|
||||
"animationEasingUpdate": "cubicOut",
|
||||
"animationDelayUpdate": 0,
|
||||
"aria": {
|
||||
"enabled": false
|
||||
},
|
||||
"color": [
|
||||
"#5470c6",
|
||||
"#91cc75",
|
||||
"#fac858",
|
||||
"#ee6666",
|
||||
"#73c0de",
|
||||
"#3ba272",
|
||||
"#fc8452",
|
||||
"#9a60b4",
|
||||
"#ea7ccc"
|
||||
],
|
||||
"series": [
|
||||
{
|
||||
"type": "wordCloud",
|
||||
"shape": "diamond",
|
||||
"rotationRange": [
|
||||
0,
|
||||
0
|
||||
],
|
||||
"rotationStep": 45,
|
||||
"girdSize": 20,
|
||||
"sizeRange": [
|
||||
12,
|
||||
60
|
||||
],
|
||||
"data": [
|
||||
{
|
||||
"name": "\u5267\u60c5",
|
||||
"value": 185,
|
||||
"textStyle": {
|
||||
"color": "rgb(144,87,108)"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "\u7231\u60c5",
|
||||
"value": 58,
|
||||
"textStyle": {
|
||||
"color": "rgb(11,144,99)"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "\u559c\u5267",
|
||||
"value": 52,
|
||||
"textStyle": {
|
||||
"color": "rgb(101,30,121)"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "\u5192\u9669",
|
||||
"value": 50,
|
||||
"textStyle": {
|
||||
"color": "rgb(105,60,17)"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "\u5947\u5e7b",
|
||||
"value": 42,
|
||||
"textStyle": {
|
||||
"color": "rgb(91,86,58)"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "\u72af\u7f6a",
|
||||
"value": 41,
|
||||
"textStyle": {
|
||||
"color": "rgb(150,3,11)"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "\u52a8\u753b",
|
||||
"value": 37,
|
||||
"textStyle": {
|
||||
"color": "rgb(76,127,54)"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "\u60ca\u609a",
|
||||
"value": 33,
|
||||
"textStyle": {
|
||||
"color": "rgb(73,80,4)"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "\u52a8\u4f5c",
|
||||
"value": 31,
|
||||
"textStyle": {
|
||||
"color": "rgb(121,120,144)"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "\u60ac\u7591",
|
||||
"value": 29,
|
||||
"textStyle": {
|
||||
"color": "rgb(65,44,37)"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "\u79d1\u5e7b",
|
||||
"value": 23,
|
||||
"textStyle": {
|
||||
"color": "rgb(88,124,40)"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "\u5bb6\u5ead",
|
||||
"value": 20,
|
||||
"textStyle": {
|
||||
"color": "rgb(29,0,106)"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "\u4f20\u8bb0",
|
||||
"value": 15,
|
||||
"textStyle": {
|
||||
"color": "rgb(26,5,107)"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "\u6218\u4e89",
|
||||
"value": 15,
|
||||
"textStyle": {
|
||||
"color": "rgb(105,74,150)"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "\u53e4\u88c5",
|
||||
"value": 10,
|
||||
"textStyle": {
|
||||
"color": "rgb(123,135,107)"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "\u97f3\u4e50",
|
||||
"value": 9,
|
||||
"textStyle": {
|
||||
"color": "rgb(2,156,141)"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "\u5386\u53f2",
|
||||
"value": 8,
|
||||
"textStyle": {
|
||||
"color": "rgb(157,129,38)"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "\u540c\u6027",
|
||||
"value": 8,
|
||||
"textStyle": {
|
||||
"color": "rgb(135,113,124)"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "\u6b4c\u821e",
|
||||
"value": 6,
|
||||
"textStyle": {
|
||||
"color": "rgb(81,1,6)"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "\u513f\u7ae5",
|
||||
"value": 4,
|
||||
"textStyle": {
|
||||
"color": "rgb(13,13,136)"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "\u6b66\u4fa0",
|
||||
"value": 4,
|
||||
"textStyle": {
|
||||
"color": "rgb(121,0,36)"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "\u897f\u90e8",
|
||||
"value": 3,
|
||||
"textStyle": {
|
||||
"color": "rgb(14,21,134)"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "\u707e\u96be",
|
||||
"value": 2,
|
||||
"textStyle": {
|
||||
"color": "rgb(134,4,142)"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "\u8fd0\u52a8",
|
||||
"value": 2,
|
||||
"textStyle": {
|
||||
"color": "rgb(78,109,16)"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "\u60c5\u8272",
|
||||
"value": 2,
|
||||
"textStyle": {
|
||||
"color": "rgb(37,70,97)"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "\u7eaa\u5f55\u7247",
|
||||
"value": 2,
|
||||
"textStyle": {
|
||||
"color": "rgb(60,110,108)"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "\u6050\u6016",
|
||||
"value": 2,
|
||||
"textStyle": {
|
||||
"color": "rgb(41,43,70)"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "\u4e2d\u56fd\u5927\u9646",
|
||||
"value": 1,
|
||||
"textStyle": {
|
||||
"color": "rgb(131,90,139)"
|
||||
}
|
||||
}
|
||||
],
|
||||
"drawOutOfBound": false,
|
||||
"textStyle": {
|
||||
"emphasis": {}
|
||||
},
|
||||
"rippleEffect": {
|
||||
"show": true,
|
||||
"brushType": "stroke",
|
||||
"scale": 2.5,
|
||||
"period": 4
|
||||
},
|
||||
"textstyle_opts": {
|
||||
"fontSize": 500
|
||||
}
|
||||
}
|
||||
],
|
||||
"legend": [
|
||||
{
|
||||
"data": [],
|
||||
"selected": {},
|
||||
"show": true,
|
||||
"padding": 5,
|
||||
"itemGap": 10,
|
||||
"itemWidth": 25,
|
||||
"itemHeight": 14,
|
||||
"backgroundColor": "transparent",
|
||||
"borderColor": "#ccc",
|
||||
"borderRadius": 0,
|
||||
"pageButtonItemGap": 5,
|
||||
"pageButtonPosition": "end",
|
||||
"pageFormatter": "{current}/{total}",
|
||||
"pageIconColor": "#2f4554",
|
||||
"pageIconInactiveColor": "#aaa",
|
||||
"pageIconSize": 15,
|
||||
"animationDurationUpdate": 800,
|
||||
"selector": false,
|
||||
"selectorPosition": "auto",
|
||||
"selectorItemGap": 7,
|
||||
"selectorButtonGap": 10
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"show": true,
|
||||
"trigger": "item",
|
||||
"triggerOn": "mousemove|click",
|
||||
"axisPointer": {
|
||||
"type": "line"
|
||||
},
|
||||
"showContent": true,
|
||||
"alwaysShowContent": false,
|
||||
"showDelay": 0,
|
||||
"hideDelay": 100,
|
||||
"enterable": false,
|
||||
"confine": false,
|
||||
"appendToBody": false,
|
||||
"transitionDuration": 0.4,
|
||||
"formatter": "{b}:{c}",
|
||||
"textStyle": {
|
||||
"fontSize": 14
|
||||
},
|
||||
"borderWidth": 0,
|
||||
"padding": 5,
|
||||
"order": "seriesAsc"
|
||||
},
|
||||
"title": [
|
||||
{
|
||||
"show": true,
|
||||
"target": "blank",
|
||||
"subtarget": "blank",
|
||||
"left": "center",
|
||||
"padding": 5,
|
||||
"itemGap": 10,
|
||||
"textAlign": "auto",
|
||||
"textVerticalAlign": "auto",
|
||||
"triggerEvent": false
|
||||
}
|
||||
]
|
||||
};
|
||||
chart_9a0ef05212cd458ca187b688bb6af772.setOption(option_9a0ef05212cd458ca187b688bb6af772);
|
||||
window.addEventListener('resize', function(){
|
||||
chart_9a0ef05212cd458ca187b688bb6af772.resize();
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,144 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||||
|
||||
<title>Home</title>
|
||||
<meta content="" name="descriptison">
|
||||
<meta content="" name="keywords">
|
||||
|
||||
<!-- Favicons -->
|
||||
<!-- <link href="../static/assets/img/favicon.png" rel="icon">-->
|
||||
<!-- <link href="../static/assets/img/apple-touch-icon.png" rel="apple-touch-icon">-->
|
||||
|
||||
<!-- Google Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,600,600i,700,700i,900" rel="stylesheet">
|
||||
|
||||
<!-- Vendor CSS Files -->
|
||||
<link href="../static/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="../static/assets/vendor/icofont/icofont.min.css" rel="stylesheet">
|
||||
<!-- <link href="../static/assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">-->
|
||||
<!-- <link href="../static/assets/vendor/animate.css/animate.min.css" rel="stylesheet">-->
|
||||
<!-- <link href="../static/assets/vendor/venobox/venobox.css" rel="stylesheet">-->
|
||||
<!-- <link href="../static/assets/vendor/aos/aos.css" rel="stylesheet">-->
|
||||
|
||||
<!-- Template Main CSS File -->
|
||||
<link href="../static/assets/css/style.css" rel="stylesheet">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ======= Top Bar ======= -->
|
||||
|
||||
<!-- ======= Header ======= -->
|
||||
<header id="header">
|
||||
<div class="container">
|
||||
|
||||
<div class="logo float-left">
|
||||
<h1 class="text-light"><a href="index.html"><span>豆瓣电影TOP250</span></a></h1>
|
||||
<!-- Uncomment below if you prefer to use an image logo -->
|
||||
<!-- <a href="index.html"><img src="static/assets/img/logo.png" alt="" class="img-fluid"></a>-->
|
||||
</div>
|
||||
|
||||
<nav class="nav-menu float-right d-none d-lg-block">
|
||||
<ul>
|
||||
<li class="active"><a href="/index">首页 <i class="la la-angle-down"></i></a></li>
|
||||
<li><a href="/movie">电影</a></li>
|
||||
<li><a href="/score">分析</a></li>
|
||||
<li><a href="/word">词云</a></li>
|
||||
|
||||
</ul>
|
||||
</nav><!-- .nav-menu -->
|
||||
|
||||
</div>
|
||||
</header><!-- End Header -->
|
||||
|
||||
<!-- ======= Our Team Section ======= -->
|
||||
<section id="team" class="team">
|
||||
<div class="container">
|
||||
|
||||
<div class="section-title">
|
||||
<h2>豆瓣电影TOP250数据分析</h2>
|
||||
<p>应用Python爬虫/Flask框架/Echarts插件/WordCloud等技术实现</p>
|
||||
</div>
|
||||
<!-- ======= End Our Team Section ======= -->
|
||||
|
||||
|
||||
<!-- ======= Counts Section ======= -->
|
||||
<section class="counts section-bg">
|
||||
<div class="container">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-lg-3 col-md-6 text-center" data-aos="fade-up">
|
||||
<div class="count-box">
|
||||
<i class="icofont-simple-smile" style="color: #20b38e;"></i>
|
||||
<span data-toggle="counter-up">{{total_movies}}</span>
|
||||
<p>经典电影</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-6 text-center" data-aos="fade-up" data-aos-delay="200">
|
||||
<div class="count-box">
|
||||
<i class="icofont-document-folder" style="color: #c042ff;"></i>
|
||||
<span data-toggle="counter-up">238</span>
|
||||
<p>评分统计</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-6 text-center" data-aos="fade-up" data-aos-delay="400">
|
||||
<div class="count-box">
|
||||
<i class="icofont-live-support" style="color: #46d1ff;"></i>
|
||||
<span data-toggle="counter-up">3397</span>
|
||||
<p>词汇统计</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-6 text-center" data-aos="fade-up" data-aos-delay="600">
|
||||
<div class="count-box">
|
||||
<i class="icofont-users-alt-5" style="color: #ffb459;"></i>
|
||||
<span data-toggle="counter-up">1</span>
|
||||
<p>团队成员</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section><!-- End Counts Section -->
|
||||
|
||||
|
||||
|
||||
<!-- ======= Footer ======= -->
|
||||
<footer id="footer">
|
||||
<div class="container">
|
||||
<div class="copyright"></div>
|
||||
<div class="credits"></div>
|
||||
</div>
|
||||
</footer><!-- End Footer -->
|
||||
|
||||
<a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>
|
||||
|
||||
<!-- Vendor JS Files -->
|
||||
<script src="../static/assets/vendor/jquery/jquery.min.js"></script>
|
||||
<script src="../static/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="../static/assets/vendor/jquery.easing/jquery.easing.min.js"></script>
|
||||
<!-- <script src="../static/assets/vendor/php-email-form/validate.js"></script>-->
|
||||
<script src="../static/assets/vendor/jquery-sticky/jquery.sticky.js"></script>
|
||||
<script src="../static/assets/vendor/venobox/venobox.min.js"></script>
|
||||
<script src="../static/assets/vendor/waypoints/jquery.waypoints.min.js"></script>
|
||||
<script src="../static/assets/vendor/counterup/counterup.min.js"></script>
|
||||
<script src="../static/assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
|
||||
<script src="../static/assets/vendor/aos/aos.js"></script>
|
||||
|
||||
<!-- Template Main JS File -->
|
||||
<script src="../static/assets/js/main.js"></script>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1,137 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||||
|
||||
<title>Home</title>
|
||||
<meta content="" name="descriptison">
|
||||
<meta content="" name="keywords">
|
||||
|
||||
<!-- Favicons -->
|
||||
<!-- <link href="../static/assets/img/favicon.png" rel="icon">-->
|
||||
<!-- <link href="../static/assets/img/apple-touch-icon.png" rel="apple-touch-icon">-->
|
||||
|
||||
<!-- Google Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,600,600i,700,700i,900" rel="stylesheet">
|
||||
|
||||
<!-- Vendor CSS Files -->
|
||||
<link href="../static/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="../static/assets/vendor/icofont/icofont.min.css" rel="stylesheet">
|
||||
<link href="../static/assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
|
||||
<link href="../static/assets/vendor/animate.css/animate.min.css" rel="stylesheet">
|
||||
<link href="../static/assets/vendor/venobox/venobox.css" rel="stylesheet">
|
||||
<link href="../static/assets/vendor/aos/aos.css" rel="stylesheet">
|
||||
|
||||
<!-- Template Main CSS File -->
|
||||
<link href="../static/assets/css/style.css" rel="stylesheet">
|
||||
<style>
|
||||
#page {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- ======= Header ======= -->
|
||||
<header id="header">
|
||||
<div class="container">
|
||||
|
||||
<div class="logo float-left">
|
||||
<h1 class="text-light"><a href="index.html"><span>豆瓣电影TOP250</span></a></h1>
|
||||
<!-- Uncomment below if you prefer to use an image logo -->
|
||||
<!-- <a href="index.html"><img src="static/assets/img/logo.png" alt="" class="img-fluid"></a>-->
|
||||
</div>
|
||||
<nav class="nav-menu float-right d-none d-lg-block">
|
||||
<ul>
|
||||
<li ><a href="/index">首页 <i class="la la-angle-down"></i></a></li>
|
||||
<li class="active"><a href="/movie">电影</a></li>
|
||||
<li><a href="/score">分析</a></li>
|
||||
<li><a href="/word">词云</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
</header><!-- End Header -->
|
||||
<!-- ======= Our Team Section ======= -->
|
||||
<section id="team" class="team">
|
||||
<div class="container">
|
||||
|
||||
<div class="section-title">
|
||||
<h2>豆瓣电影TOP250数据分析</h2>
|
||||
<p>应用Python爬虫/Flask框架/Echarts插件/WordCloud等技术实现</p>
|
||||
</div>
|
||||
|
||||
<!-- ======= Counts Section ======= -->
|
||||
<section class="counts section-bg">
|
||||
<div class="container table-responsive">
|
||||
<table class="table text-nowrap">
|
||||
<tr class="text-center">
|
||||
<td>电影排名</td>
|
||||
<td>电影中文名称</td>
|
||||
<td>电影时长</td>
|
||||
<td>电影评分</td>
|
||||
<td>评价人数</td>
|
||||
<td>电影类别</td>
|
||||
<td>电影年份</td>
|
||||
</tr>
|
||||
{% for movie in movie_data %}
|
||||
<tr class="text-center">
|
||||
<td>{{movie['ranking']}}</td>
|
||||
<td>
|
||||
<a href="{{ movie['link'] }}" target="_blank">
|
||||
{{movie['title']}}
|
||||
</a>
|
||||
</td>
|
||||
<td>{{movie['time']}}</td>
|
||||
<td>{{movie['rating']}}</td>
|
||||
<td>{{movie['num_reviews']}}</td>
|
||||
<td>{{movie['type']}}</td>
|
||||
<td>{{movie['year']}}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
|
||||
<nav id="page">
|
||||
<ul class="pagination">
|
||||
{% for i in range(1, total_pages+1) %}
|
||||
<a class="page-link" href="{{ url_for('movie', page=i) }}">{{ i }}</a>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</section><!-- End Counts Section -->
|
||||
|
||||
</div>
|
||||
</section><!-- End Our Team Section -->
|
||||
|
||||
<!-- ======= Footer ======= -->
|
||||
<footer id="footer">
|
||||
<div class="container">
|
||||
<div class="copyright"></div>
|
||||
<div class="credits"></div>
|
||||
</div>
|
||||
</footer><!-- End Footer -->
|
||||
|
||||
<a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>
|
||||
|
||||
<!-- Vendor JS Files -->
|
||||
<script src="../static/assets/vendor/jquery/jquery.min.js"></script>
|
||||
<script src="../static/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="../static/assets/vendor/jquery.easing/jquery.easing.min.js"></script>
|
||||
<script src="../static/assets/vendor/php-email-form/validate.js"></script>
|
||||
<script src="../static/assets/vendor/jquery-sticky/jquery.sticky.js"></script>
|
||||
<script src="../static/assets/vendor/venobox/venobox.min.js"></script>
|
||||
<script src="../static/assets/vendor/waypoints/jquery.waypoints.min.js"></script>
|
||||
<script src="../static/assets/vendor/counterup/counterup.min.js"></script>
|
||||
<script src="../static/assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
|
||||
<script src="../static/assets/vendor/aos/aos.js"></script>
|
||||
|
||||
<!-- Template Main JS File -->
|
||||
<script src="../static/assets/js/main.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1,104 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||||
<script src="../static/assets/js/echarts.min.js"></script>
|
||||
<title>Home</title>
|
||||
<meta content="" name="descriptison">
|
||||
<meta content="" name="keywords">
|
||||
|
||||
<!-- Google Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,600,600i,700,700i,900" rel="stylesheet">
|
||||
|
||||
<!-- Vendor CSS Files -->
|
||||
<link href="../static/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="../static/assets/vendor/icofont/icofont.min.css" rel="stylesheet">
|
||||
<link href="../static/assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
|
||||
<link href="../static/assets/vendor/animate.css/animate.min.css" rel="stylesheet">
|
||||
<link href="../static/assets/vendor/venobox/venobox.css" rel="stylesheet">
|
||||
<link href="../static/assets/vendor/aos/aos.css" rel="stylesheet">
|
||||
|
||||
<!-- Template Main CSS File -->
|
||||
<link href="../static/assets/css/style.css" rel="stylesheet">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- ======= Header ======= -->
|
||||
<header id="header">
|
||||
<div class="container">
|
||||
|
||||
<div class="logo float-left">
|
||||
<h1 class="text-light"><a href="index.html"><span>豆瓣电影TOP250</span></a></h1>
|
||||
<!-- Uncomment below if you prefer to use an image logo -->
|
||||
<!-- <a href="index.html"><img src="static/assets/img/logo.png" alt="" class="img-fluid"></a>-->
|
||||
</div>
|
||||
|
||||
<nav class="nav-menu float-right d-none d-lg-block">
|
||||
<ul>
|
||||
<li ><a href="/index">首页 <i class="la la-angle-down"></i></a></li>
|
||||
<li><a href="/movie">电影</a></li>
|
||||
<li class="active"><a href="/score">分析</a></li>
|
||||
<li><a href="/word">词云</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
</header><!-- End Header -->
|
||||
|
||||
<!-- ======= Our Team Section ======= -->
|
||||
<section id="team" class="team">
|
||||
<div class="container">
|
||||
|
||||
<div class="section-title">
|
||||
<h2>豆瓣电影TOP250数据分析</h2>
|
||||
<p>应用Python爬虫/Flask框架/Echarts插件/WordCloud等技术实现</p>
|
||||
</div>
|
||||
<!-- ======= Counts Section ======= -->
|
||||
<section class="counts section-bg">
|
||||
<div class="container">
|
||||
<div class="iframe-container">
|
||||
<iframe src="../static/country_movie_count.html" style="width: 100%;height:530px;"></iframe>
|
||||
</div>
|
||||
<div class="iframe-container">
|
||||
<iframe src="../static/movie_3dvisualizatiom.html" style="width: 100%;height:530px;"></iframe>
|
||||
</div>
|
||||
<div class="iframe-container">
|
||||
<iframe src="../static/rating_ranting_scatter.html" style="width: 100%;height:530px;"></iframe>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section><!-- End Counts Section -->
|
||||
</div>
|
||||
</section><!-- End Our Team Section -->
|
||||
|
||||
<!-- ======= Footer ======= -->
|
||||
<footer id="footer">
|
||||
<div class="container">
|
||||
<div class="copyright"></div>
|
||||
<div class="credits"></div>
|
||||
</div>
|
||||
</footer><!-- End Footer -->
|
||||
|
||||
<a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>
|
||||
|
||||
<!-- Vendor JS Files -->
|
||||
<script src="../static/assets/vendor/jquery/jquery.min.js"></script>
|
||||
<script src="../static/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="../static/assets/vendor/jquery.easing/jquery.easing.min.js"></script>
|
||||
<script src="../static/assets/vendor/php-email-form/validate.js"></script>
|
||||
<script src="../static/assets/vendor/jquery-sticky/jquery.sticky.js"></script>
|
||||
<script src="../static/assets/vendor/venobox/venobox.min.js"></script>
|
||||
<script src="../static/assets/vendor/waypoints/jquery.waypoints.min.js"></script>
|
||||
<script src="../static/assets/vendor/counterup/counterup.min.js"></script>
|
||||
<script src="../static/assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
|
||||
<script src="../static/assets/vendor/aos/aos.js"></script>
|
||||
|
||||
<!-- Template Main JS File -->
|
||||
<script src="../static/assets/js/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1 @@
|
||||
Subproject commit 4850af11a0b28506fa6955f93e8989f69d8031e7
|
||||
Loading…
Reference in new issue