Fix front page

This commit is contained in:
Anna Sidwell 2019-12-03 00:08:31 +01:00
parent 30d86673c5
commit 693e8c9665
1 changed files with 190 additions and 191 deletions

View File

@ -1,191 +1,190 @@
/* /*
Spectral by HTML5 UP Spectral by HTML5 UP
html5up.net | @ajlkn html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/ */
(function($) { (function($) {
skel.breakpoints({ skel.breakpoints({
xlarge: "(max-width: 1680px)", xlarge: "(max-width: 1680px)",
large: "(max-width: 1280px)", large: "(max-width: 1280px)",
medium: "(max-width: 980px)", medium: "(max-width: 980px)",
small: "(max-width: 736px)", small: "(max-width: 736px)",
xsmall: "(max-width: 480px)" xsmall: "(max-width: 480px)"
}); });
$(function() { var $window = $(window),
var $window = $(window), $body = $("body"),
$body = $("body"), $wrapper = $("#page-wrapper"),
$wrapper = $("#page-wrapper"), $banner = $("#banner"),
$banner = $("#banner"), $header = $(".header");
$header = $(".header");
// Disable animations/transitions until the page has loaded.
// Disable animations/transitions until the page has loaded. $body.addClass("is-loading");
$body.addClass("is-loading");
$window.on("load", function() {
$window.on("load", function() { window.setTimeout(function() {
window.setTimeout(function() { $body.removeClass("is-loading");
$body.removeClass("is-loading"); }, 100);
}, 100); });
});
// Mobile?
// Mobile? if (skel.vars.mobile) {
if (skel.vars.mobile) $body.addClass("is-mobile"); $body.addClass("is-mobile");
else } else {
skel skel
.on("-medium !medium", function() { .on("-medium !medium", function() {
$body.removeClass("is-mobile"); $body.removeClass("is-mobile");
}) })
.on("+medium", function() { .on("+medium", function() {
$body.addClass("is-mobile"); $body.addClass("is-mobile");
}); });
}
// Fix: Placeholder polyfill.
$("form").placeholder(); // Fix: Placeholder polyfill.
$("form").placeholder();
// Prioritize "important" elements on medium.
skel.on("+medium -medium", function() { // Prioritize "important" elements on medium.
$.prioritize( skel.on("+medium -medium", function() {
".important\\28 medium\\29", $.prioritize(
skel.breakpoint("medium").active ".important\\28 medium\\29",
); skel.breakpoint("medium").active
}); );
});
// Header.
if (skel.vars.IEVersion < 9) $header.removeClass("alt"); // Header.
if (skel.vars.IEVersion < 9) $header.removeClass("alt");
if ($banner.length > 0 && $header.hasClass("alt")) {
$window.on("resize", function() { if ($banner.length > 0 && $header.hasClass("alt")) {
$window.trigger("scroll"); $window.on("resize", function() {
}); $window.trigger("scroll");
});
$banner.scrollex({
bottom: $header.outerHeight() + 1, $banner.scrollex({
terminate: function() { bottom: $header.outerHeight() + 1,
$header.removeClass("alt"); terminate: function() {
}, $header.removeClass("alt");
enter: function() { },
$header.addClass("alt"); enter: function() {
}, $header.addClass("alt");
leave: function() { },
$header.removeClass("alt"); leave: function() {
} $header.removeClass("alt");
}); }
});
// Particles
if ($(window).width() > 980) { // Particles
particlesJS("banner", { if ($(window).width() > 980) {
particles: { particlesJS("banner", {
number: { particles: {
value: 65, number: {
density: { value: 65,
enable: false, density: {
value_area: 800 enable: false,
} value_area: 800
}, }
color: { },
value: "#f99081" color: {
}, value: "#f99081"
shape: { },
type: "circle", shape: {
stroke: { type: "circle",
width: 0, stroke: {
color: "#000000" width: 0,
}, color: "#000000"
polygon: { },
nb_sides: 5 polygon: {
}, nb_sides: 5
image: { },
src: "img/github.svg", image: {
width: 100, src: "img/github.svg",
height: 100 width: 100,
} height: 100
}, }
opacity: { },
value: 0.6, opacity: {
random: true, value: 0.6,
anim: { random: true,
enable: false, anim: {
speed: 1, enable: false,
opacity_min: 0.4, speed: 1,
sync: false opacity_min: 0.4,
} sync: false
}, }
size: { },
value: 14, size: {
random: true, value: 14,
anim: { random: true,
enable: true, anim: {
speed: 6, enable: true,
size_min: 4, speed: 6,
sync: false size_min: 4,
} sync: false
}, }
line_linked: { },
enable: true, line_linked: {
distance: 250, enable: true,
color: "#f99081", distance: 250,
opacity: 0.8, color: "#f99081",
width: 2 opacity: 0.8,
}, width: 2
move: { },
enable: true, move: {
speed: 0.4, enable: true,
direction: "none", speed: 0.4,
random: true, direction: "none",
straight: false, random: true,
out_mode: "out", straight: false,
bounce: false, out_mode: "out",
attract: { bounce: false,
enable: false, attract: {
rotateX: 600, enable: false,
rotateY: 1200 rotateX: 600,
} rotateY: 1200
} }
}, }
interactivity: { },
detect_on: "canvas", interactivity: {
events: { detect_on: "canvas",
onhover: { events: {
enable: true, onhover: {
mode: "grab" enable: true,
}, mode: "grab"
onclick: { },
enable: true, onclick: {
mode: "push" enable: true,
}, mode: "push"
resize: true },
}, resize: true
modes: { },
grab: { modes: {
distance: 200, grab: {
line_linked: { distance: 200,
opacity: 0.8 line_linked: {
} opacity: 0.8
}, }
bubble: { },
distance: 400, bubble: {
size: 40, distance: 400,
duration: 2, size: 40,
opacity: 8, duration: 2,
speed: 3 opacity: 8,
}, speed: 3
repulse: { },
distance: 200, repulse: {
duration: 0.4 distance: 200,
}, duration: 0.4
push: { },
particles_nb: 2 push: {
}, particles_nb: 2
remove: { },
particles_nb: 2 remove: {
} particles_nb: 2
} }
}, }
retina_detect: true },
}); retina_detect: true
} });
} }
}); }
})(jQuery); })(jQuery);