guilhem_lavaux/gl-website-deployer
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update website

Browse source
This commit is contained in:
Guilhem Lavaux 2024-11-19 09:35:33 +01:00
parent bb4b0f9be8
commit 011b183e28
4263 changed files with 3014 additions and 720369 deletions
Download patch file Download diff file Expand all files Collapse all files

2
assets/admin.d58ac2d6b15d95de107e.js
View file

File diff suppressed because one or more lines are too long

11
assets/admin.d58ac2d6b15d95de107e.js.LICENSE.txt
View file

@ -1,11 +0,0 @@
/*!
* Bootstrap v5.3.2 (https://getbootstrap.com/)
* Copyright 2011-2023 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
/*!
* Knockout JavaScript library v3.5.1
* (c) The Knockout.js team - http://knockoutjs.com/
* License: MIT (http://www.opensource.org/licenses/mit-license.php)
*/

640
assets/app.js
View file

File diff suppressed because one or more lines are too long

1
assets/code.d58ac2d6b15d95de107e.js
View file

File diff suppressed because one or more lines are too long

46
assets/static/css/images/intro.svg
View file

@ -1,24 +1,24 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1000px" height="500px" viewBox="0 0 1000 500" zoomAndPan="disable" preserveAspectRatio="none">
<style type="text/css"><![CDATA[
line
{
stroke: rgba(255,255,255,0.05);
stroke-width: 1px;
}
]]></style>
<line x1="1100" y1="500" x2="-1000" y2="250" />
<line x1="1100" y1="500" x2="-1000" y2="-100" />
<line x1="1100" y1="500" x2="-1000" y2="-500" />
<line x1="1100" y1="500" x2="-250" y2="-500" />
<line x1="1100" y1="500" x2="300" y2="-500" />
<line x1="1100" y1="500" x2="750" y2="-500" />
<line x1="1750" y1="0" x2="750" y2="500" />
<line x1="1500" y1="0" x2="500" y2="500" />
<line x1="1150" y1="0" x2="150" y2="500" />
<line x1="700" y1="0" x2="-300" y2="500" />
<line x1="150" y1="0" x2="-850" y2="500" />
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1000px" height="500px" viewBox="0 0 1000 500" zoomAndPan="disable" preserveAspectRatio="none">
<style type="text/css"><![CDATA[
line
{
stroke: rgba(255,255,255,0.05);
stroke-width: 1px;
}
]]></style>
<line x1="1100" y1="500" x2="-1000" y2="250" />
<line x1="1100" y1="500" x2="-1000" y2="-100" />
<line x1="1100" y1="500" x2="-1000" y2="-500" />
<line x1="1100" y1="500" x2="-250" y2="-500" />
<line x1="1100" y1="500" x2="300" y2="-500" />
<line x1="1100" y1="500" x2="750" y2="-500" />
<line x1="1750" y1="0" x2="750" y2="500" />
<line x1="1500" y1="0" x2="500" y2="500" />
<line x1="1150" y1="0" x2="150" y2="500" />
<line x1="700" y1="0" x2="-300" y2="500" />
<line x1="150" y1="0" x2="-850" y2="500" />
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 839 B

After

Width:  |  Height:  |  Size: 862 B

Before After
Before After

8
assets/static/css/noscript.css
View file

@ -1,7 +1,7 @@
/*
Hyperspace by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
/*
Hyperspace by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
/* Spotlights */

2
assets/static/js/breakpoints.min.js vendored
View file

@ -1,2 +1,2 @@
/* breakpoints.js v1.0 | @ajlkn | MIT licensed */
/* breakpoints.js v1.0 | @ajlkn | MIT licensed */
var breakpoints=function(){"use strict";function e(e){t.init(e)}var t={list:null,media:{},events:[],init:function(e){t.list=e,window.addEventListener("resize",t.poll),window.addEventListener("orientationchange",t.poll),window.addEventListener("load",t.poll),window.addEventListener("fullscreenchange",t.poll)},active:function(e){var n,a,s,i,r,d,c;if(!(e in t.media)){if(">="==e.substr(0,2)?(a="gte",n=e.substr(2)):"<="==e.substr(0,2)?(a="lte",n=e.substr(2)):">"==e.substr(0,1)?(a="gt",n=e.substr(1)):"<"==e.substr(0,1)?(a="lt",n=e.substr(1)):"!"==e.substr(0,1)?(a="not",n=e.substr(1)):(a="eq",n=e),n&&n in t.list)if(i=t.list[n],Array.isArray(i)){if(r=parseInt(i[0]),d=parseInt(i[1]),isNaN(r)){if(isNaN(d))return;c=i[1].substr(String(d).length)}else c=i[0].substr(String(r).length);if(isNaN(r))switch(a){case"gte":s="screen";break;case"lte":s="screen and (max-width: "+d+c+")";break;case"gt":s="screen and (min-width: "+(d+1)+c+")";break;case"lt":s="screen and (max-width: -1px)";break;case"not":s="screen and (min-width: "+(d+1)+c+")";break;default:s="screen and (max-width: "+d+c+")"}else if(isNaN(d))switch(a){case"gte":s="screen and (min-width: "+r+c+")";break;case"lte":s="screen";break;case"gt":s="screen and (max-width: -1px)";break;case"lt":s="screen and (max-width: "+(r-1)+c+")";break;case"not":s="screen and (max-width: "+(r-1)+c+")";break;default:s="screen and (min-width: "+r+c+")"}else switch(a){case"gte":s="screen and (min-width: "+r+c+")";break;case"lte":s="screen and (max-width: "+d+c+")";break;case"gt":s="screen and (min-width: "+(d+1)+c+")";break;case"lt":s="screen and (max-width: "+(r-1)+c+")";break;case"not":s="screen and (max-width: "+(r-1)+c+"), screen and (min-width: "+(d+1)+c+")";break;default:s="screen and (min-width: "+r+c+") and (max-width: "+d+c+")"}}else s="("==i.charAt(0)?"screen and "+i:i;t.media[e]=!!s&&s}return t.media[e]!==!1&&window.matchMedia(t.media[e]).matches},on:function(e,n){t.events.push({query:e,handler:n,state:!1}),t.active(e)&&n()},poll:function(){var e,n;for(e=0;e<t.events.length;e++)n=t.events[e],t.active(n.query)?n.state||(n.state=!0,n.handler()):n.state&&(n.state=!1)}};return e._=t,e.on=function(e,n){t.on(e,n)},e.active=function(e){return t.active(e)},e}();!function(e,t){"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?module.exports=t():e.breakpoints=t()}(this,function(){return breakpoints});

2
assets/static/js/browser.min.js vendored
View file

@ -1,2 +1,2 @@
/* browser.js v1.0 | @ajlkn | MIT licensed */
/* browser.js v1.0 | @ajlkn | MIT licensed */
var browser=function(){"use strict";var e={name:null,version:null,os:null,osVersion:null,touch:null,mobile:null,_canUse:null,canUse:function(n){e._canUse||(e._canUse=document.createElement("div"));var o=e._canUse.style,r=n.charAt(0).toUpperCase()+n.slice(1);return n in o||"Moz"+r in o||"Webkit"+r in o||"O"+r in o||"ms"+r in o},init:function(){var n,o,r,i,t=navigator.userAgent;for(n="other",o=0,r=[["firefox",/Firefox\/([0-9\.]+)/],["bb",/BlackBerry.+Version\/([0-9\.]+)/],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/],["opera",/OPR\/([0-9\.]+)/],["opera",/Opera\/([0-9\.]+)/],["edge",/Edge\/([0-9\.]+)/],["safari",/Version\/([0-9\.]+).+Safari/],["chrome",/Chrome\/([0-9\.]+)/],["ie",/MSIE ([0-9]+)/],["ie",/Trident\/.+rv:([0-9]+)/]],i=0;i<r.length;i++)if(t.match(r[i][1])){n=r[i][0],o=parseFloat(RegExp.$1);break}for(e.name=n,e.version=o,n="other",o=0,r=[["ios",/([0-9_]+) like Mac OS X/,function(e){return e.replace("_",".").replace("_","")}],["ios",/CPU like Mac OS X/,function(e){return 0}],["wp",/Windows Phone ([0-9\.]+)/,null],["android",/Android ([0-9\.]+)/,null],["mac",/Macintosh.+Mac OS X ([0-9_]+)/,function(e){return e.replace("_",".").replace("_","")}],["windows",/Windows NT ([0-9\.]+)/,null],["bb",/BlackBerry.+Version\/([0-9\.]+)/,null],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/,null],["linux",/Linux/,null],["bsd",/BSD/,null],["unix",/X11/,null]],i=0;i<r.length;i++)if(t.match(r[i][1])){n=r[i][0],o=parseFloat(r[i][2]?r[i][2](RegExp.$1):RegExp.$1);break}e.os=n,e.osVersion=o,e.touch="wp"==e.os?navigator.msMaxTouchPoints>0:!!("ontouchstart"in window),e.mobile="wp"==e.os||"android"==e.os||"ios"==e.os||"bb"==e.os}};return e.init(),e}();!function(e,n){"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?module.exports=n():e.browser=n()}(this,function(){return browser});

2
assets/static/js/jquery.scrollex.min.js vendored
View file

@ -1,2 +1,2 @@
/* jquery.scrollex v0.2.1 | (c) @ajlkn | github.com/ajlkn/jquery.scrollex | MIT licensed */
/* jquery.scrollex v0.2.1 | (c) @ajlkn | github.com/ajlkn/jquery.scrollex | MIT licensed */
!function(t){function e(t,e,n){return"string"==typeof t&&("%"==t.slice(-1)?t=parseInt(t.substring(0,t.length-1))/100*e:"vh"==t.slice(-2)?t=parseInt(t.substring(0,t.length-2))/100*n:"px"==t.slice(-2)&&(t=parseInt(t.substring(0,t.length-2)))),t}var n=t(window),i=1,o={};n.on("scroll",function(){var e=n.scrollTop();t.map(o,function(t){window.clearTimeout(t.timeoutId),t.timeoutId=window.setTimeout(function(){t.handler(e)},t.options.delay)})}).on("load",function(){n.trigger("scroll")}),jQuery.fn.scrollex=function(l){var s=t(this);if(0==this.length)return s;if(this.length>1){for(var r=0;r<this.length;r++)t(this[r]).scrollex(l);return s}if(s.data("_scrollexId"))return s;var a,u,h,c,p;switch(a=i++,u=jQuery.extend({top:0,bottom:0,delay:0,mode:"default",enter:null,leave:null,initialize:null,terminate:null,scroll:null},l),u.mode){case"top":h=function(t,e,n,i,o){return t>=i&&o>=t};break;case"bottom":h=function(t,e,n,i,o){return n>=i&&o>=n};break;case"middle":h=function(t,e,n,i,o){return e>=i&&o>=e};break;case"top-only":h=function(t,e,n,i,o){return i>=t&&n>=i};break;case"bottom-only":h=function(t,e,n,i,o){return n>=o&&o>=t};break;default:case"default":h=function(t,e,n,i,o){return n>=i&&o>=t}}return c=function(t){var i,o,l,s,r,a,u=this.state,h=!1,c=this.$element.offset();i=n.height(),o=t+i/2,l=t+i,s=this.$element.outerHeight(),r=c.top+e(this.options.top,s,i),a=c.top+s-e(this.options.bottom,s,i),h=this.test(t,o,l,r,a),h!=u&&(this.state=h,h?this.options.enter&&this.options.enter.apply(this.element):this.options.leave&&this.options.leave.apply(this.element)),this.options.scroll&&this.options.scroll.apply(this.element,[(o-r)/(a-r)])},p={id:a,options:u,test:h,handler:c,state:null,element:this,$element:s,timeoutId:null},o[a]=p,s.data("_scrollexId",p.id),p.options.initialize&&p.options.initialize.apply(this),s},jQuery.fn.unscrollex=function(){var e=t(this);if(0==this.length)return e;if(this.length>1){for(var n=0;n<this.length;n++)t(this[n]).unscrollex();return e}var i,l;return(i=e.data("_scrollexId"))?(l=o[i],window.clearTimeout(l.timeoutId),delete o[i],e.removeData("_scrollexId"),l.options.terminate&&l.options.terminate.apply(this),e):e}}(jQuery);

2
assets/static/js/jquery.scrolly.min.js vendored
View file

@ -1,2 +1,2 @@
/* jquery.scrolly v1.0.0-dev | (c) @ajlkn | MIT licensed */
/* jquery.scrolly v1.0.0-dev | (c) @ajlkn | MIT licensed */
(function(e){function u(s,o){var u,a,f;if((u=e(s))[t]==0)return n;a=u[i]()[r];switch(o.anchor){case"middle":f=a-(e(window).height()-u.outerHeight())/2;break;default:case r:f=Math.max(a,0)}return typeof o[i]=="function"?f-=o[i]():f-=o[i],f}var t="length",n=null,r="top",i="offset",s="click.scrolly",o=e(window);e.fn.scrolly=function(i){var o,a,f,l,c=e(this);if(this[t]==0)return c;if(this[t]>1){for(o=0;o<this[t];o++)e(this[o]).scrolly(i);return c}l=n,f=c.attr("href");if(f.charAt(0)!="#"||f[t]<2)return c;a=jQuery.extend({anchor:r,easing:"swing",offset:0,parent:e("body,html"),pollOnce:!1,speed:1e3},i),a.pollOnce&&(l=u(f,a)),c.off(s).on(s,function(e){var t=l!==n?l:u(f,a);t!==n&&(e.preventDefault(),a.parent.stop().animate({scrollTop:t},a.speed,a.easing))})}})(jQuery);

378
assets/static/js/main.js
View file

@ -1,190 +1,190 @@
/*
Hyperspace by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
(function($) {
var $window = $(window),
$body = $('body'),
$sidebar = $('#sidebar');
// Breakpoints.
breakpoints({
xlarge: [ '1281px', '1680px' ],
large: [ '981px', '1280px' ],
medium: [ '737px', '980px' ],
small: [ '481px', '736px' ],
xsmall: [ null, '480px' ]
});
// Hack: Enable IE flexbox workarounds.
if (browser.name == 'ie')
$body.addClass('is-ie');
// Play initial animations on page load.
$window.on('load', function() {
window.setTimeout(function() {
$body.removeClass('is-preload');
}, 100);
});
// Forms.
// Hack: Activate non-input submits.
$('form').on('click', '.submit', function(event) {
// Stop propagation, default.
event.stopPropagation();
event.preventDefault();
// Submit form.
$(this).parents('form').submit();
});
// Sidebar.
if ($sidebar.length > 0) {
var $sidebar_a = $sidebar.find('a');
$sidebar_a
.addClass('scrolly')
.on('click', function() {
var $this = $(this);
// External link? Bail.
if ($this.attr('href').charAt(0) != '#')
return;
// Deactivate all links.
$sidebar_a.removeClass('active');
// Activate link *and* lock it (so Scrollex doesn't try to activate other links as we're scrolling to this one's section).
$this
.addClass('active')
.addClass('active-locked');
})
.each(function() {
var $this = $(this),
id = $this.attr('href'),
$section = $(id);
// No section for this link? Bail.
if ($section.length < 1)
return;
// Scrollex.
$section.scrollex({
mode: 'middle',
top: '-20vh',
bottom: '-20vh',
initialize: function() {
// Deactivate section.
$section.addClass('inactive');
},
enter: function() {
// Activate section.
$section.removeClass('inactive');
// No locked links? Deactivate all links and activate this section's one.
if ($sidebar_a.filter('.active-locked').length == 0) {
$sidebar_a.removeClass('active');
$this.addClass('active');
}
// Otherwise, if this section's link is the one that's locked, unlock it.
else if ($this.hasClass('active-locked'))
$this.removeClass('active-locked');
}
});
});
}
// Scrolly.
$('.scrolly').scrolly({
speed: 1000,
offset: function() {
// If <=large, >small, and sidebar is present, use its height as the offset.
if (breakpoints.active('<=large')
&& !breakpoints.active('<=small')
&& $sidebar.length > 0)
return $sidebar.height();
return 0;
}
});
// Spotlights.
$('.spotlights > section')
.scrollex({
mode: 'middle',
top: '-10vh',
bottom: '-10vh',
initialize: function() {
// Deactivate section.
$(this).addClass('inactive');
},
enter: function() {
// Activate section.
$(this).removeClass('inactive');
}
})
.each(function() {
var $this = $(this),
$image = $this.find('.image'),
$img = $image.find('img'),
x;
// Assign image.
$image.css('background-image', 'url(' + $img.attr('src') + ')');
// Set background position.
if (x = $img.data('position'))
$image.css('background-position', x);
// Hide <img>.
$img.hide();
});
// Features.
$('.features')
.scrollex({
mode: 'middle',
top: '-20vh',
bottom: '-20vh',
initialize: function() {
// Deactivate section.
$(this).addClass('inactive');
},
enter: function() {
// Activate section.
$(this).removeClass('inactive');
}
});
/*
Hyperspace by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
(function($) {
var $window = $(window),
$body = $('body'),
$sidebar = $('#sidebar');
// Breakpoints.
breakpoints({
xlarge: [ '1281px', '1680px' ],
large: [ '981px', '1280px' ],
medium: [ '737px', '980px' ],
small: [ '481px', '736px' ],
xsmall: [ null, '480px' ]
});
// Hack: Enable IE flexbox workarounds.
if (browser.name == 'ie')
$body.addClass('is-ie');
// Play initial animations on page load.
$window.on('load', function() {
window.setTimeout(function() {
$body.removeClass('is-preload');
}, 100);
});
// Forms.
// Hack: Activate non-input submits.
$('form').on('click', '.submit', function(event) {
// Stop propagation, default.
event.stopPropagation();
event.preventDefault();
// Submit form.
$(this).parents('form').submit();
});
// Sidebar.
if ($sidebar.length > 0) {
var $sidebar_a = $sidebar.find('a');
$sidebar_a
.addClass('scrolly')
.on('click', function() {
var $this = $(this);
// External link? Bail.
if ($this.attr('href').charAt(0) != '#')
return;
// Deactivate all links.
$sidebar_a.removeClass('active');
// Activate link *and* lock it (so Scrollex doesn't try to activate other links as we're scrolling to this one's section).
$this
.addClass('active')
.addClass('active-locked');
})
.each(function() {
var $this = $(this),
id = $this.attr('href'),
$section = $(id);
// No section for this link? Bail.
if ($section.length < 1)
return;
// Scrollex.
$section.scrollex({
mode: 'middle',
top: '-20vh',
bottom: '-20vh',
initialize: function() {
// Deactivate section.
$section.addClass('inactive');
},
enter: function() {
// Activate section.
$section.removeClass('inactive');
// No locked links? Deactivate all links and activate this section's one.
if ($sidebar_a.filter('.active-locked').length == 0) {
$sidebar_a.removeClass('active');
$this.addClass('active');
}
// Otherwise, if this section's link is the one that's locked, unlock it.
else if ($this.hasClass('active-locked'))
$this.removeClass('active-locked');
}
});
});
}
// Scrolly.
$('.scrolly').scrolly({
speed: 1000,
offset: function() {
// If <=large, >small, and sidebar is present, use its height as the offset.
if (breakpoints.active('<=large')
&& !breakpoints.active('<=small')
&& $sidebar.length > 0)
return $sidebar.height();
return 0;
}
});
// Spotlights.
$('.spotlights > section')
.scrollex({
mode: 'middle',
top: '-10vh',
bottom: '-10vh',
initialize: function() {
// Deactivate section.
$(this).addClass('inactive');
},
enter: function() {
// Activate section.
$(this).removeClass('inactive');
}
})
.each(function() {
var $this = $(this),
$image = $this.find('.image'),
$img = $image.find('img'),
x;
// Assign image.
$image.css('background-image', 'url(' + $img.attr('src') + ')');
// Set background position.
if (x = $img.data('position'))
$image.css('background-position', x);
// Hide <img>.
$img.hide();
});
// Features.
$('.features')
.scrollex({
mode: 'middle',
top: '-20vh',
bottom: '-20vh',
initialize: function() {
// Deactivate section.
$(this).addClass('inactive');
},
enter: function() {
// Activate section.
$(this).removeClass('inactive');
}
});
})(jQuery);

1172
assets/static/js/util.js
View file

File diff suppressed because it is too large Load diff

92
assets/static/sass/base/_page.scss
View file

@ -1,47 +1,47 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Basic */
// MSIE: Required for IEMobile.
@-ms-viewport {
width: device-width;
}
// MSIE: Prevents scrollbar from overlapping content.
body {
-ms-overflow-style: scrollbar;
}
// Ensures page width is always >=320px.
@include breakpoint('<=xsmall') {
html, body {
min-width: 320px;
}
}
// Set box model to border-box.
// Based on css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
body {
background: _palette(bg);
// Stops initial animations until page loads.
&.is-preload {
*, *:before, *:after {
@include vendor('animation', 'none !important');
@include vendor('transition', 'none !important');
}
}
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Basic */
// MSIE: Required for IEMobile.
@-ms-viewport {
width: device-width;
}
// MSIE: Prevents scrollbar from overlapping content.
body {
-ms-overflow-style: scrollbar;
}
// Ensures page width is always >=320px.
@include breakpoint('<=xsmall') {
html, body {
min-width: 320px;
}
}
// Set box model to border-box.
// Based on css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
body {
background: _palette(bg);
// Stops initial animations until page loads.
&.is-preload {
*, *:before, *:after {
@include vendor('animation', 'none !important');
@include vendor('transition', 'none !important');
}
}
}

150
assets/static/sass/base/_reset.scss
View file

@ -1,76 +1,76 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
// Reset.
// Based on meyerweb.com/eric/tools/css/reset (v2.0 | 20110126 | License: public domain)
html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style:none;
}
blockquote, q {
quotes: none;
&:before,
&:after {
content: '';
content: none;
}
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body {
-webkit-text-size-adjust: none;
}
mark {
background-color: transparent;
color: inherit;
}
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input, select, textarea {
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
// Reset.
// Based on meyerweb.com/eric/tools/css/reset (v2.0 | 20110126 | License: public domain)
html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style:none;
}
blockquote, q {
quotes: none;
&:before,
&:after {
content: '';
content: none;
}
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body {
-webkit-text-size-adjust: none;
}
mark {
background-color: transparent;
color: inherit;
}
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input, select, textarea {
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
}

200
assets/static/sass/components/_actions.scss
View file

@ -1,101 +1,101 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Actions */
ul.actions {
@include vendor('display', 'flex');
cursor: default;
list-style: none;
margin-left: (_size(element-margin) * -0.5);
padding-left: 0;
li {
padding: 0 0 0 (_size(element-margin) * 0.5);
vertical-align: middle;
}
&.special {
@include vendor('justify-content', 'center');
width: 100%;
margin-left: 0;
li {
&:first-child {
padding-left: 0;
}
}
}
&.stacked {
@include vendor('flex-direction', 'column');
margin-left: 0;
li {
padding: (_size(element-margin) * 0.65) 0 0 0;
&:first-child {
padding-top: 0;
}
}
}
&.fit {
width: calc(100% + #{_size(element-margin) * 0.5});
li {
@include vendor('flex-grow', '1');
@include vendor('flex-shrink', '1');
width: 100%;
> * {
width: 100%;
}
}
&.stacked {
width: 100%;
}
}
@include breakpoint('<=xsmall') {
&:not(.fixed) {
@include vendor('flex-direction', 'column');
margin-left: 0;
width: 100% !important;
li {
@include vendor('flex-grow', '1');
@include vendor('flex-shrink', '1');
padding: (_size(element-margin) * 0.5) 0 0 0;
text-align: center;
width: 100%;
> * {
width: 100%;
}
&:first-child {
padding-top: 0;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
width: 100%;
&.icon {
&:before {
margin-left: -0.5rem;
}
}
}
}
}
}
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Actions */
ul.actions {
@include vendor('display', 'flex');
cursor: default;
list-style: none;
margin-left: (_size(element-margin) * -0.5);
padding-left: 0;
li {
padding: 0 0 0 (_size(element-margin) * 0.5);
vertical-align: middle;
}
&.special {
@include vendor('justify-content', 'center');
width: 100%;
margin-left: 0;
li {
&:first-child {
padding-left: 0;
}
}
}
&.stacked {
@include vendor('flex-direction', 'column');
margin-left: 0;
li {
padding: (_size(element-margin) * 0.65) 0 0 0;
&:first-child {
padding-top: 0;
}
}
}
&.fit {
width: calc(100% + #{_size(element-margin) * 0.5});
li {
@include vendor('flex-grow', '1');
@include vendor('flex-shrink', '1');
width: 100%;
> * {
width: 100%;
}
}
&.stacked {
width: 100%;
}
}
@include breakpoint('<=xsmall') {
&:not(.fixed) {
@include vendor('flex-direction', 'column');
margin-left: 0;
width: 100% !important;
li {
@include vendor('flex-grow', '1');
@include vendor('flex-shrink', '1');
padding: (_size(element-margin) * 0.5) 0 0 0;
text-align: center;
width: 100%;
> * {
width: 100%;
}
&:first-child {
padding-top: 0;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
width: 100%;
&.icon {
&:before {
margin-left: -0.5rem;
}
}
}
}
}
}
}

50
assets/static/sass/components/_box.scss
View file

@ -1,26 +1,26 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Box */
.box {
border-radius: _size(border-radius);
border: solid _size(border-width) _palette(border);
margin-bottom: _size(element-margin);
padding: 1.5em;
> :last-child,
> :last-child > :last-child,
> :last-child > :last-child > :last-child {
margin-bottom: 0;
}
&.alt {
border: 0;
border-radius: 0;
padding: 0;
}
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Box */
.box {
border-radius: _size(border-radius);
border: solid _size(border-width) _palette(border);
margin-bottom: _size(element-margin);
padding: 1.5em;
> :last-child,
> :last-child > :last-child,
> :last-child > :last-child > :last-child {
margin-bottom: 0;
}
&.alt {
border: 0;
border-radius: 0;
padding: 0;
}
}

210
assets/static/sass/components/_button.scss
View file

@ -1,106 +1,106 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Button */
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
@include vendor('appearance', 'none');
@include vendor('transition', (
'border-color #{_duration(transition)} ease'
));
background-color: transparent;
border: solid 1px !important;
border-color: _palette(border) !important;
border-radius: 3em;
color: _palette(fg-bold) !important;
cursor: pointer;
display: inline-block;
font-size: 0.6em;
font-weight: _font(weight-bold);
height: calc(4.75em + 2px);
letter-spacing: _font(kerning-alt);
line-height: 4.75em;
outline: 0;
padding: 0 3.75em;
position: relative;
text-align: center;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
&:after {
@include vendor('transform', 'scale(0.25)');
@include vendor('pointer-events', 'none');
@include vendor('transition', (
'opacity #{_duration(transition)} ease',
'transform #{_duration(transition)} ease'
));
background: _palette(fg-bold);
border-radius: 3em;
content: '';
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
}
&.icon {
&:before {
margin-right: 0.75em;
}
}
&.fit {
width: 100%;
}
&.small {
font-size: 0.4em;
}
&.large {
font-size: 0.8em;
}
&.primary {
background-color: _palette(fg-bold);
color: _palette(bg) !important;
&:after {
display: none;
}
}
&.disabled,
&:disabled {
cursor: default;
opacity: 0.5;
@include vendor('pointer-events', 'none');
}
&:hover {
border-color: _palette(fg) !important;
&:after {
opacity: 0.05;
@include vendor('transform', 'scale(1)');
}
&:active {
border-color: _palette(fg-bold) !important;
&:after {
opacity: 0.1;
}
}
}
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Button */
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
@include vendor('appearance', 'none');
@include vendor('transition', (
'border-color #{_duration(transition)} ease'
));
background-color: transparent;
border: solid 1px !important;
border-color: _palette(border) !important;
border-radius: 3em;
color: _palette(fg-bold) !important;
cursor: pointer;
display: inline-block;
font-size: 0.6em;
font-weight: _font(weight-bold);
height: calc(4.75em + 2px);
letter-spacing: _font(kerning-alt);
line-height: 4.75em;
outline: 0;
padding: 0 3.75em;
position: relative;
text-align: center;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
&:after {
@include vendor('transform', 'scale(0.25)');
@include vendor('pointer-events', 'none');
@include vendor('transition', (
'opacity #{_duration(transition)} ease',
'transform #{_duration(transition)} ease'
));
background: _palette(fg-bold);
border-radius: 3em;
content: '';
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
}
&.icon {
&:before {
margin-right: 0.75em;
}
}
&.fit {
width: 100%;
}
&.small {
font-size: 0.4em;
}
&.large {
font-size: 0.8em;
}
&.primary {
background-color: _palette(fg-bold);
color: _palette(bg) !important;
&:after {
display: none;
}
}
&.disabled,
&:disabled {
cursor: default;
opacity: 0.5;
@include vendor('pointer-events', 'none');
}
&:hover {
border-color: _palette(fg) !important;
&:after {
opacity: 0.05;
@include vendor('transform', 'scale(1)');
}
&:active {
border-color: _palette(fg-bold) !important;
&:after {
opacity: 0.1;
}
}
}
}

194
assets/static/sass/components/_features.scss
View file

@ -1,98 +1,98 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Features */
.features {
@include vendor('display', 'flex');
@include vendor('flex-wrap', 'wrap');
border-radius: _size(border-radius);
border: solid 1px _palette(border);
background: _palette(border-bg);
margin: 0 0 _size(element-margin) 0;
section {
@include padding(3em, 3em, (0.5em, 0, 0, 4em));
width: 50%;
border-top: solid 1px _palette(border);
position: relative;
&:nth-child(-n + 2) {
border-top-width: 0;
}
&:nth-child(2n) {
border-left: solid 1px _palette(border);
}
.icon {
@include vendor('transition', (
'opacity #{_duration(activation) * 0.5} ease',
'transform #{_duration(activation) * 0.5} ease'
));
@include vendor('transition-delay', '1s');
@include vendor('transform', 'scale(1)');
position: absolute;
left: 3em;
top: 3em;
opacity: 1;
}
@for $i from 1 through _misc(max-features) {
&:nth-child(#{$i}) {
.icon {
@include vendor('transition-delay', '#{(_duration(transition) * 0.75 * $i)}');
}
}
}
}
&.inactive {
section {
.icon {
@include vendor('transform', 'scale(0.5)');
opacity: 0;
}
}
}
@include breakpoint('<=medium') {
display: block;
section {
border-top-width: 1px !important;
border-left-width: 0 !important;
width: 100%;
&:first-child {
border-top-width: 0 !important;
}
}
}
@include breakpoint('<=small') {
section {
@include padding(2em, 1.5em, (0.5em, 0, 0, 4em));
.icon {
left: 1.5em;
top: 2em;
}
}
}
@include breakpoint('<=xsmall') {
section {
@include padding(2em, 1.5em, (0, 0, 0, 0));
.icon {
left: 0;
position: relative;
top: 0;
}
}
}
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Features */
.features {
@include vendor('display', 'flex');
@include vendor('flex-wrap', 'wrap');
border-radius: _size(border-radius);
border: solid 1px _palette(border);
background: _palette(border-bg);
margin: 0 0 _size(element-margin) 0;
section {
@include padding(3em, 3em, (0.5em, 0, 0, 4em));
width: 50%;
border-top: solid 1px _palette(border);
position: relative;
&:nth-child(-n + 2) {
border-top-width: 0;
}
&:nth-child(2n) {
border-left: solid 1px _palette(border);
}
.icon {
@include vendor('transition', (
'opacity #{_duration(activation) * 0.5} ease',
'transform #{_duration(activation) * 0.5} ease'
));
@include vendor('transition-delay', '1s');
@include vendor('transform', 'scale(1)');
position: absolute;
left: 3em;
top: 3em;
opacity: 1;
}
@for $i from 1 through _misc(max-features) {
&:nth-child(#{$i}) {
.icon {
@include vendor('transition-delay', '#{(_duration(transition) * 0.75 * $i)}');
}
}
}
}
&.inactive {
section {
.icon {
@include vendor('transform', 'scale(0.5)');
opacity: 0;
}
}
}
@include breakpoint('<=medium') {
display: block;
section {
border-top-width: 1px !important;
border-left-width: 0 !important;
width: 100%;
&:first-child {
border-top-width: 0 !important;
}
}
}
@include breakpoint('<=small') {
section {
@include padding(2em, 1.5em, (0.5em, 0, 0, 4em));
.icon {
left: 1.5em;
top: 2em;
}
}
}
@include breakpoint('<=xsmall') {
section {
@include padding(2em, 1.5em, (0, 0, 0, 0));
.icon {
left: 0;
position: relative;
top: 0;
}
}
}
}

144
assets/static/sass/components/_icon.scss
View file

@ -1,73 +1,73 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Icon */
.icon {
@include icon;
border-bottom: none;
position: relative;
> .label {
display: none;
}
&:before {
line-height: inherit;
}
&.solid {
&:before {
font-weight: 900;
}
}
&.brands {
&:before {
font-family: 'Font Awesome 5 Brands';
}
}
&.major {
width: 2.5em;
height: 2.5em;
display: block;
background: _palette(fg-bold);
border-radius: 100%;
color: _palette(bg);
text-align: center;
line-height: 2.5em;
margin: 0 0 (_size(element-margin) * 0.65) 0;
&:before {
font-size: 1.25em;
.wrapper.style1 & {
color: _palette(accent1);
}
.wrapper.style1-alt & {
color: _palette(accent1-alt);
}
.wrapper.style2 & {
color: _palette(accent2);
}
.wrapper.style2-alt & {
color: _palette(accent2-alt);
}
.wrapper.style3 & {
color: _palette(accent3);
}
.wrapper.style3-alt & {
color: _palette(accent3-alt);
}
}
}
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Icon */
.icon {
@include icon;
border-bottom: none;
position: relative;
> .label {
display: none;
}
&:before {
line-height: inherit;
}
&.solid {
&:before {
font-weight: 900;
}
}
&.brands {
&:before {
font-family: 'Font Awesome 5 Brands';
}
}
&.major {
width: 2.5em;
height: 2.5em;
display: block;
background: _palette(fg-bold);
border-radius: 100%;
color: _palette(bg);
text-align: center;
line-height: 2.5em;
margin: 0 0 (_size(element-margin) * 0.65) 0;
&:before {
font-size: 1.25em;
.wrapper.style1 & {
color: _palette(accent1);
}
.wrapper.style1-alt & {
color: _palette(accent1-alt);
}
.wrapper.style2 & {
color: _palette(accent2);
}
.wrapper.style2-alt & {
color: _palette(accent2-alt);
}
.wrapper.style3 & {
color: _palette(accent3);
}
.wrapper.style3-alt & {
color: _palette(accent3-alt);
}
}
}
}

118
assets/static/sass/components/_image.scss
View file

@ -1,60 +1,60 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Image */
.image {
border-radius: _size(border-radius);
border: 0;
display: inline-block;
position: relative;
img {
border-radius: _size(border-radius);
display: block;
}
&.left,
&.right {
max-width: 40%;
img {
width: 100%;
}
}
&.left {
float: left;
margin: 0 1.5em 1em 0;
top: 0.25em;
}
&.right {
float: right;
margin: 0 0 1em 1.5em;
top: 0.25em;
}
&.fit {
display: block;
margin: 0 0 _size(element-margin) 0;
width: 100%;
img {
width: 100%;
}
}
&.main {
display: block;
margin: 0 0 (_size(element-margin) * 1.5) 0;
width: 100%;
img {
width: 100%;
}
}
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Image */
.image {
border-radius: _size(border-radius);
border: 0;
display: inline-block;
position: relative;
img {
border-radius: _size(border-radius);
display: block;
}
&.left,
&.right {
max-width: 40%;
img {
width: 100%;
}
}
&.left {
float: left;
margin: 0 1.5em 1em 0;
top: 0.25em;
}
&.right {
float: right;
margin: 0 0 1em 1.5em;
top: 0.25em;
}
&.fit {
display: block;
margin: 0 0 _size(element-margin) 0;
width: 100%;
img {
width: 100%;
}
}
&.main {
display: block;
margin: 0 0 (_size(element-margin) * 1.5) 0;
width: 100%;
img {
width: 100%;
}
}
}

110
assets/static/sass/components/_list.scss
View file

@ -1,56 +1,56 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* List */
ol {
list-style: decimal;
margin: 0 0 _size(element-margin) 0;
padding-left: 1.25em;
li {
padding-left: 0.25em;
}
}
ul {
list-style: disc;
margin: 0 0 _size(element-margin) 0;
padding-left: 1em;
li {
padding-left: 0.5em;
}
&.alt {
list-style: none;
padding-left: 0;
li {
border-top: solid _size(border-width) _palette(border);
padding: 0.5em 0;
&:first-child {
border-top: 0;
padding-top: 0;
}
}
}
}
dl {
margin: 0 0 _size(element-margin) 0;
dt {
display: block;
font-weight: _font(weight-bold);
margin: 0 0 (_size(element-margin) * 0.5) 0;
}
dd {
margin-left: _size(element-margin);
}
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* List */
ol {
list-style: decimal;
margin: 0 0 _size(element-margin) 0;
padding-left: 1.25em;
li {
padding-left: 0.25em;
}
}
ul {
list-style: disc;
margin: 0 0 _size(element-margin) 0;
padding-left: 1em;
li {
padding-left: 0.5em;
}
&.alt {
list-style: none;
padding-left: 0;
li {
border-top: solid _size(border-width) _palette(border);
padding: 0.5em 0;
&:first-child {
border-top: 0;
padding-top: 0;
}
}
}
}
dl {
margin: 0 0 _size(element-margin) 0;
dt {
display: block;
font-weight: _font(weight-bold);
margin: 0 0 (_size(element-margin) * 0.5) 0;
}
dd {
margin-left: _size(element-margin);
}
}

60
assets/static/sass/components/_row.scss
View file

@ -1,31 +1,31 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Row */
.row {
@include html-grid(1.5em);
@include breakpoint('<=xlarge') {
@include html-grid(1.5em, 'xlarge');
}
@include breakpoint('<=large') {
@include html-grid(1.5em, 'large');
}
@include breakpoint('<=medium') {
@include html-grid(1.5em, 'medium');
}
@include breakpoint('<=small') {
@include html-grid(1.5em, 'small');
}
@include breakpoint('<=xsmall') {
@include html-grid(1.5em, 'xsmall');
}
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Row */
.row {
@include html-grid(1.5em);
@include breakpoint('<=xlarge') {
@include html-grid(1.5em, 'xlarge');
}
@include breakpoint('<=large') {
@include html-grid(1.5em, 'large');
}
@include breakpoint('<=medium') {
@include html-grid(1.5em, 'medium');
}
@include breakpoint('<=small') {
@include html-grid(1.5em, 'small');
}
@include breakpoint('<=xsmall') {
@include html-grid(1.5em, 'xsmall');
}
}

84
assets/static/sass/components/_section.scss
View file

@ -1,42 +1,42 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Section/Article */
section, article {
&.special {
text-align: center;
}
background-color: _palette(bg-main);
}
header {
p {
color: _palette(fg-light);
position: relative;
margin: 0 0 (_size(element-margin) * 0.75) 0;
}
h2 + p {
font-size: 1.25em;
margin-top: (_size(element-margin) * -0.5);
line-height: 1.5em;
}
h3 + p {
font-size: 1.1em;
margin-top: (_size(element-margin) * -0.4);
line-height: 1.5em;
}
h4 + p,
h5 + p,
h6 + p {
font-size: 0.9em;
margin-top: (_size(element-margin) * -0.3);
line-height: 1.5em;
}
}
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Section/Article */
section, article {
&.special {
text-align: center;
}
background-color: _palette(bg-main);
}
header {
p {
color: _palette(fg-light);
position: relative;
margin: 0 0 (_size(element-margin) * 0.75) 0;
}
h2 + p {
font-size: 1.25em;
margin-top: (_size(element-margin) * -0.5);
line-height: 1.5em;
}
h3 + p {
font-size: 1.1em;
margin-top: (_size(element-margin) * -0.4);
line-height: 1.5em;
}
h4 + p,
h5 + p,
h6 + p {
font-size: 0.9em;
margin-top: (_size(element-margin) * -0.3);
line-height: 1.5em;
}
}

194
assets/static/sass/components/_split.scss
View file

@ -1,97 +1,97 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Split */
.split {
@include vendor('display', 'flex');
> * {
width: calc(50% - 2.5em);
padding-top: 1em;
padding-bottom: 1em;
}
> :first-child {
padding-left: 1em;
}
> :nth-child(2n - 1) {
padding-right: 2.5em;
border-right: solid 1px _palette(border);
}
> :nth-child(2n) {
padding-left: 2.5em;
}
&.style1 {
> :nth-child(2n - 1) {
width: calc(66.66666% - 2.5em);
}
> :nth-child(2n) {
width: calc(33.33333% - 2.5em);
}
}
@include breakpoint('<=xlarge') {
> * {
width: calc(50% - 2em);
}
> :nth-child(2n - 1) {
padding-right: 2em;
}
> :nth-child(2n) {
padding-left: 2em;
}
&.style1 {
> :nth-child(2n - 1) {
width: calc(66.66666% - 2em);
}
> :nth-child(2n) {
width: calc(33.33333% - 2em);
}
}
}
@include breakpoint('<=medium') {
display: block;
> * {
border-top: solid 1px _palette(border);
margin: 4em 0 0 0;
padding: 4em 0 0 0;
width: 100% !important;
}
> :nth-child(2n - 1) {
border-right: 0;
padding-right: 0;
}
> :nth-child(2n) {
padding-left: 0;
}
> :first-child {
border-top: 0;
margin-top: 0;
padding-top: 0;
}
}
@include breakpoint('<=small') {
> * {
margin: 3em 0 0 0;
padding: 3em 0 0 0;
}
}
}
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Split */
.split {
@include vendor('display', 'flex');
> * {
width: calc(50% - 2.5em);
padding-top: 1em;
padding-bottom: 1em;
}
> :first-child {
padding-left: 1em;
}
> :nth-child(2n - 1) {
padding-right: 2.5em;
border-right: solid 1px _palette(border);
}
> :nth-child(2n) {
padding-left: 2.5em;
}
&.style1 {
> :nth-child(2n - 1) {
width: calc(66.66666% - 2.5em);
}
> :nth-child(2n) {
width: calc(33.33333% - 2.5em);
}
}
@include breakpoint('<=xlarge') {
> * {
width: calc(50% - 2em);
}
> :nth-child(2n - 1) {
padding-right: 2em;
}
> :nth-child(2n) {
padding-left: 2em;
}
&.style1 {
> :nth-child(2n - 1) {
width: calc(66.66666% - 2em);
}
> :nth-child(2n) {
width: calc(33.33333% - 2em);
}
}
}
@include breakpoint('<=medium') {
display: block;
> * {
border-top: solid 1px _palette(border);
margin: 4em 0 0 0;
padding: 4em 0 0 0;
width: 100% !important;
}
> :nth-child(2n - 1) {
border-right: 0;
padding-right: 0;
}
> :nth-child(2n) {
padding-left: 0;
}
> :first-child {
border-top: 0;
margin-top: 0;
padding-top: 0;
}
}
@include breakpoint('<=small') {
> * {
margin: 3em 0 0 0;
padding: 3em 0 0 0;
}
}
}

262
assets/static/sass/components/_spotlights.scss
View file

@ -1,131 +1,131 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Spotlights */
.spotlights {
> section {
@include vendor('display', 'flex');
@include vendor('flex-direction', 'row');
min-height: 22.5em;
body.is-ie & {
min-height: 0;
}
> .image {
background-position: center center;
background-size: cover;
border-radius: 0;
display: block;
position: relative;
width: 25em;
img {
border-radius: 0;
display: block;
}
&:before {
@include vendor('transition', 'opacity #{_duration(activation)} ease');
background: transparentize(_palette(bg), 0.1);
content: '';
display: block;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
}
}
> .content {
@include padding(4em, 5em);
@include vendor('display', 'flex');
@include vendor('flex-direction', 'column');
@include vendor('justify-content', 'center');
width: #{_size(inner-width) - 25em};
-ms-flex: 1;
> .inner {
@include vendor('transform', 'translateX(0) translateY(0)');
@include vendor('transition', (
'opacity #{_duration(activation)} ease',
'transform #{_duration(activation)} ease'
));
opacity: 1;
}
}
&:nth-child(1) {
}
&:nth-child(2) {
background-color: rgba(0,0,0,0.05);
}
&:nth-child(3) {
background-color: rgba(0,0,0,0.1);
}
&.inactive,
body.is-preload & {
> .image {
&:before {
opacity: 1;
}
}
> .content {
> .inner {
@include vendor('transform', 'translateX(-1em)');
opacity: 0;
}
}
}
@include breakpoint('<=xlarge') {
> .content {
@include padding(4em, 4em);
}
}
@include breakpoint('<=medium') {
display: block;
> .image {
width: 100%;
height: 50vh;
}
> .content {
width: 100%;
}
&.inactive,
body.is-preload & {
> .content {
> .inner {
@include vendor('transform', 'translateY(1em)');
}
}
}
}
@include breakpoint('<=small') {
> .image {
height: 50vh;
min-height: 15em;
}
> .content {
@include padding(3em, 2em);
}
}
}
}
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Spotlights */
.spotlights {
> section {
@include vendor('display', 'flex');
@include vendor('flex-direction', 'row');
min-height: 22.5em;
body.is-ie & {
min-height: 0;
}
> .image {
background-position: center center;
background-size: cover;
border-radius: 0;
display: block;
position: relative;
width: 25em;
img {
border-radius: 0;
display: block;
}
&:before {
@include vendor('transition', 'opacity #{_duration(activation)} ease');
background: transparentize(_palette(bg), 0.1);
content: '';
display: block;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
}
}
> .content {
@include padding(4em, 5em);
@include vendor('display', 'flex');
@include vendor('flex-direction', 'column');
@include vendor('justify-content', 'center');
width: #{_size(inner-width) - 25em};
-ms-flex: 1;
> .inner {
@include vendor('transform', 'translateX(0) translateY(0)');
@include vendor('transition', (
'opacity #{_duration(activation)} ease',
'transform #{_duration(activation)} ease'
));
opacity: 1;
}
}
&:nth-child(1) {
}
&:nth-child(2) {
background-color: rgba(0,0,0,0.05);
}
&:nth-child(3) {
background-color: rgba(0,0,0,0.1);
}
&.inactive,
body.is-preload & {
> .image {
&:before {
opacity: 1;
}
}
> .content {
> .inner {
@include vendor('transform', 'translateX(-1em)');
opacity: 0;
}
}
}
@include breakpoint('<=xlarge') {
> .content {
@include padding(4em, 4em);
}
}
@include breakpoint('<=medium') {
display: block;
> .image {
width: 100%;
height: 50vh;
}
> .content {
width: 100%;
}
&.inactive,
body.is-preload & {
> .content {
> .inner {
@include vendor('transform', 'translateY(1em)');
}
}
}
}
@include breakpoint('<=small') {
> .image {
height: 50vh;
min-height: 15em;
}
> .content {
@include padding(3em, 2em);
}
}
}
}

160
assets/static/sass/components/_table.scss
View file

@ -1,81 +1,81 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Table */
.table-wrapper {
-webkit-overflow-scrolling: touch;
overflow-x: auto;
}
table {
margin: 0 0 _size(element-margin) 0;
width: 100%;
tbody {
tr {
border: solid _size(border-width) _palette(border);
border-left: 0;
border-right: 0;
&:nth-child(2n + 1) {
background-color: _palette(border-bg);
}
}
}
td {
padding: 0.75em 0.75em;
}
th {
color: _palette(fg-bold);
font-size: 1em;
font-weight: _font(weight-bold);
padding: 0 0.75em 0.75em 0.75em;
text-align: left;
}
thead {
border-bottom: solid (_size(border-width) * 2) _palette(border);
}
tfoot {
border-top: solid (_size(border-width) * 2) _palette(border);
}
&.alt {
border-collapse: separate;
tbody {
tr {
td {
border: solid _size(border-width) _palette(border);
border-left-width: 0;
border-top-width: 0;
&:first-child {
border-left-width: _size(border-width);
}
}
&:first-child {
td {
border-top-width: _size(border-width);
}
}
}
}
thead {
border-bottom: 0;
}
tfoot {
border-top: 0;
}
}
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Table */
.table-wrapper {
-webkit-overflow-scrolling: touch;
overflow-x: auto;
}
table {
margin: 0 0 _size(element-margin) 0;
width: 100%;
tbody {
tr {
border: solid _size(border-width) _palette(border);
border-left: 0;
border-right: 0;
&:nth-child(2n + 1) {
background-color: _palette(border-bg);
}
}
}
td {
padding: 0.75em 0.75em;
}
th {
color: _palette(fg-bold);
font-size: 1em;
font-weight: _font(weight-bold);
padding: 0 0.75em 0.75em 0.75em;
text-align: left;
}
thead {
border-bottom: solid (_size(border-width) * 2) _palette(border);
}
tfoot {
border-top: solid (_size(border-width) * 2) _palette(border);
}
&.alt {
border-collapse: separate;
tbody {
tr {
td {
border: solid _size(border-width) _palette(border);
border-left-width: 0;
border-top-width: 0;
&:first-child {
border-left-width: _size(border-width);
}
}
&:first-child {
td {
border-top-width: _size(border-width);
}
}
}
}
thead {
border-bottom: 0;
}
tfoot {
border-top: 0;
}
}
}

74
assets/static/sass/layout/_footer.scss
View file

@ -1,38 +1,38 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Footer */
#footer {
#sidebar + #wrapper + & {
margin-left: _size(sidebar-width);
@include breakpoint('<=large') {
margin-left: 0;
}
}
> .inner {
a {
border-bottom-color: _palette(border);
&:hover {
border-bottom-color: transparent;
}
}
.menu {
font-size: 0.8em;
color: _palette(border);
}
}
#header + #wrapper + & {
> .inner {
margin: 0 auto;
}
}
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Footer */
#footer {
#sidebar + #wrapper + & {
margin-left: _size(sidebar-width);
@include breakpoint('<=large') {
margin-left: 0;
}
}
> .inner {
a {
border-bottom-color: _palette(border);
&:hover {
border-bottom-color: transparent;
}
}
.menu {
font-size: 0.8em;
color: _palette(border);
}
}
#header + #wrapper + & {
> .inner {
margin: 0 auto;
}
}
}

184
assets/static/sass/layout/_header.scss
View file

@ -1,92 +1,92 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Header */
#header {
@include vendor('display', 'flex');
background-color: _palette(bg); //accent1);
cursor: default;
padding: 1.75em 2em;
> .title {
border: 0;
color: _palette(fg-bold);
display: block;
font-size: 1.25em;
font-weight: _font(weight-bold);
}
> nav {
@include vendor('flex', '1');
text-align: right;
> ul {
margin: 0;
padding: 0;
> li {
display: inline-block;
margin-left: 1.75em;
padding: 0;
vertical-align: middle;
&:first-child {
margin-left: 0;
}
a {
border: 0;
color: _palette(fg-light);
display: inline-block;
font-size: 0.6em;
font-weight: _font(weight-bold);
letter-spacing: _font(kerning-alt);
text-transform: uppercase;
&:hover {
color: _palette(fg);
}
&.active {
color: _palette(fg-bold);
}
}
}
}
}
@include breakpoint('<=small') {
padding: 1em 2em;
}
@include breakpoint('<=xsmall') {
display: block;
padding: 0 2em;
text-align: left;
.title {
font-size: 1.25em;
padding: 1em 0;
}
> nav {
border-top: solid 1px _palette(border);
text-align: inherit;
> ul {
> li {
margin-left: 1.5em;
a {
height: 6em;
line-height: 6em;
}
}
}
}
}
}
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Header */
#header {
@include vendor('display', 'flex');
background-color: _palette(bg); //accent1);
cursor: default;
padding: 1.75em 2em;
> .title {
border: 0;
color: _palette(fg-bold);
display: block;
font-size: 1.25em;
font-weight: _font(weight-bold);
}
> nav {
@include vendor('flex', '1');
text-align: right;
> ul {
margin: 0;
padding: 0;
> li {
display: inline-block;
margin-left: 1.75em;
padding: 0;
vertical-align: middle;
&:first-child {
margin-left: 0;
}
a {
border: 0;
color: _palette(fg-light);
display: inline-block;
font-size: 0.6em;
font-weight: _font(weight-bold);
letter-spacing: _font(kerning-alt);
text-transform: uppercase;
&:hover {
color: _palette(fg);
}
&.active {
color: _palette(fg-bold);
}
}
}
}
}
@include breakpoint('<=small') {
padding: 1em 2em;
}
@include breakpoint('<=xsmall') {
display: block;
padding: 0 2em;
text-align: left;
.title {
font-size: 1.25em;
padding: 1em 0;
}
> nav {
border-top: solid 1px _palette(border);
text-align: inherit;
> ul {
> li {
margin-left: 1.5em;
a {
height: 6em;
line-height: 6em;
}
}
}
}
}
}

82
assets/static/sass/layout/_intro.scss
View file

@ -1,41 +1,41 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Intro */
#intro {
background-attachment: fixed;
background-image: url('images/Virgo.jpg');
background-position: top right;
background-repeat: no-repeat;
background-size: 100%;
.shade-spotlight {
width: 100%;
background-color: _palette(shade-spot-color);
box-shadow: 0px 0px 4px 3px _palette(shade-spot-color);
}
p {
font-size: 1.25em;
@include breakpoint('<=medium') {
br {
display: none;
}
}
@include breakpoint('<=small') {
font-size: 1em;
}
}
@include breakpoint('<=large') {
background-attachment: scroll;
}
}
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Intro */
#intro {
background-attachment: fixed;
background-image: url('images/Virgo.jpg');
background-position: top right;
background-repeat: no-repeat;
background-size: 100%;
.shade-spotlight {
width: 100%;
background-color: _palette(shade-spot-color);
box-shadow: 0px 0px 4px 3px _palette(shade-spot-color);
}
p {
font-size: 1.25em;
@include breakpoint('<=medium') {
br {
display: none;
}
}
@include breakpoint('<=small') {
font-size: 1em;
}
}
@include breakpoint('<=large') {
background-attachment: scroll;
}
}

370
assets/static/sass/layout/_sidebar.scss
View file

@ -1,185 +1,185 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Sidebar */
#sidebar {
@include padding(2.5em, 2.5em);
background: _palette(bg);
cursor: default;
height: 100vh;
left: 0;
overflow-x: hidden;
overflow-y: auto;
position: fixed;
text-align: right;
top: 0;
width: _size(sidebar-width);
z-index: _misc(z-index-base);
> .inner {
@include vendor('display', 'flex');
@include vendor('flex-direction', 'column');
@include vendor('justify-content', 'center');
@include vendor('transform', 'translateY(0)');
@include vendor('transition', (
'opacity #{_duration(activation)} ease',
));
min-height: 100%;
opacity: 1;
width: 100%;
body.is-ie & {
height: 100%;
}
}
nav {
> ul {
list-style: none;
padding: 0;
> li {
@include vendor('transform', 'translateY(0)');
@include vendor('transition', (
'opacity #{_duration(activation) * 0.15} ease',
'transform #{_duration(activation) * 0.75} ease'
));
margin: 1.5em 0 0 0;
opacity: 1;
padding: 0;
position: relative;
&:first-child {
margin: 0;
}
@for $i from 1 through _misc(max-sidebar-links) {
&:nth-child(#{$i}) {
@include vendor('transition-delay', '#{(_duration(activation) * 0.2 * $i) + (_duration(activation) * 0.25)}');
}
}
}
}
a {
@include vendor('transition', 'color #{_duration(transition)} ease');
border: 0;
color: _palette(fg-light);
display: block;
font-size: 0.6em;
font-weight: _font(weight-bold);
letter-spacing: _font(kerning-alt);
line-height: 1.75;
outline: 0;
padding: 1.35em 0;
position: relative;
text-decoration: none;
text-transform: uppercase;
&:before,
&:after {
border-radius: 0.2em;
bottom: 0;
content: '';
height: 0.2em;
position: absolute;
right: 0;
width: 100%;
}
&:before {
background: lighten(_palette(bg), 5);
}
&:after {
@include vendor('background-image', 'linear-gradient(to right, #{_palette(accent1-uline)}, #{_palette(accent3-uline)})');
@include vendor('transition', 'max-width #{_duration(transition)} ease');
max-width: 0;
}
&:hover {
color: _palette(fg);
}
&.active {
color: _palette(fg-bold);
&:after {
max-width: 100%;
}
}
}
}
body.is-preload & {
> .inner {
opacity: 0;
}
nav {
ul {
li {
@include vendor('transform', 'translateY(2em)');
opacity: 0;
}
}
}
}
@include breakpoint('<=large') {
height: _size(sidebar-height);
left: 0;
line-height: _size(sidebar-height);
overflow: hidden;
padding: 0;
text-align: center;
top: 0;
width: 100%;
> .inner {
@include vendor('flex-direction', 'row');
@include vendor('align-items', 'stretch');
height: inherit;
line-height: inherit;
}
nav {
height: inherit;
line-height: inherit;
ul {
@include vendor('display', 'flex');
height: inherit;
line-height: inherit;
margin: 0;
li {
display: block;
height: inherit;
line-height: inherit;
margin: 0 0 0 2em;
padding: 0;
}
}
a {
height: inherit;
line-height: inherit;
padding: 0;
&:after {
background-image: none;
background-color: _palette(accent3);
}
}
}
}
@include breakpoint('<=small') {
display: none;
}
}
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Sidebar */
#sidebar {
@include padding(2.5em, 2.5em);
background: _palette(bg);
cursor: default;
height: 100vh;
left: 0;
overflow-x: hidden;
overflow-y: auto;
position: fixed;
text-align: right;
top: 0;
width: _size(sidebar-width);
z-index: _misc(z-index-base);
> .inner {
@include vendor('display', 'flex');
@include vendor('flex-direction', 'column');
@include vendor('justify-content', 'center');
@include vendor('transform', 'translateY(0)');
@include vendor('transition', (
'opacity #{_duration(activation)} ease',
));
min-height: 100%;
opacity: 1;
width: 100%;
body.is-ie & {
height: 100%;
}
}
nav {
> ul {
list-style: none;
padding: 0;
> li {
@include vendor('transform', 'translateY(0)');
@include vendor('transition', (
'opacity #{_duration(activation) * 0.15} ease',
'transform #{_duration(activation) * 0.75} ease'
));
margin: 1.5em 0 0 0;
opacity: 1;
padding: 0;
position: relative;
&:first-child {
margin: 0;
}
@for $i from 1 through _misc(max-sidebar-links) {
&:nth-child(#{$i}) {
@include vendor('transition-delay', '#{(_duration(activation) * 0.2 * $i) + (_duration(activation) * 0.25)}');
}
}
}
}
a {
@include vendor('transition', 'color #{_duration(transition)} ease');
border: 0;
color: _palette(fg-light);
display: block;
font-size: 0.6em;
font-weight: _font(weight-bold);
letter-spacing: _font(kerning-alt);
line-height: 1.75;
outline: 0;
padding: 1.35em 0;
position: relative;
text-decoration: none;
text-transform: uppercase;
&:before,
&:after {
border-radius: 0.2em;
bottom: 0;
content: '';
height: 0.2em;
position: absolute;
right: 0;
width: 100%;
}
&:before {
background: lighten(_palette(bg), 5);
}
&:after {
@include vendor('background-image', 'linear-gradient(to right, #{_palette(accent1-uline)}, #{_palette(accent3-uline)})');
@include vendor('transition', 'max-width #{_duration(transition)} ease');
max-width: 0;
}
&:hover {
color: _palette(fg);
}
&.active {
color: _palette(fg-bold);
&:after {
max-width: 100%;
}
}
}
}
body.is-preload & {
> .inner {
opacity: 0;
}
nav {
ul {
li {
@include vendor('transform', 'translateY(2em)');
opacity: 0;
}
}
}
}
@include breakpoint('<=large') {
height: _size(sidebar-height);
left: 0;
line-height: _size(sidebar-height);
overflow: hidden;
padding: 0;
text-align: center;
top: 0;
width: 100%;
> .inner {
@include vendor('flex-direction', 'row');
@include vendor('align-items', 'stretch');
height: inherit;
line-height: inherit;
}
nav {
height: inherit;
line-height: inherit;
ul {
@include vendor('display', 'flex');
height: inherit;
line-height: inherit;
margin: 0;
li {
display: block;
height: inherit;
line-height: inherit;
margin: 0 0 0 2em;
padding: 0;
}
}
a {
height: inherit;
line-height: inherit;
padding: 0;
&:after {
background-image: none;
background-color: _palette(accent3);
}
}
}
}
@include breakpoint('<=small') {
display: none;
}
}

58
assets/static/sass/layout/_wrapper.scss
View file

@ -1,30 +1,30 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Wrapper (main) */
#wrapper {
#sidebar + & {
margin-left: _size(sidebar-width);
@include breakpoint('<=large') {
margin-left: 0;
padding-top: _size(sidebar-height);
}
@include breakpoint('<=small') {
padding-top: 0;
}
}
#header + & {
> .wrapper {
> .inner {
margin: 0 auto;
}
}
}
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Wrapper (main) */
#wrapper {
#sidebar + & {
margin-left: _size(sidebar-width);
@include breakpoint('<=large') {
margin-left: 0;
padding-top: _size(sidebar-height);
}
@include breakpoint('<=small') {
padding-top: 0;
}
}
#header + & {
> .wrapper {
> .inner {
margin: 0 auto;
}
}
}
}

178
assets/static/sass/libs/_functions.scss
View file

@ -1,90 +1,90 @@
/// Removes a specific item from a list.
/// @author Hugo Giraudel
/// @param {list} $list List.
/// @param {integer} $index Index.
/// @return {list} Updated list.
@function remove-nth($list, $index) {
$result: null;
@if type-of($index) != number {
@warn "$index: #{quote($index)} is not a number for `remove-nth`.";
}
@else if $index == 0 {
@warn "List index 0 must be a non-zero integer for `remove-nth`.";
}
@else if abs($index) > length($list) {
@warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";
}
@else {
$result: ();
$index: if($index < 0, length($list) + $index + 1, $index);
@for $i from 1 through length($list) {
@if $i != $index {
$result: append($result, nth($list, $i));
}
}
}
@return $result;
}
/// Gets a value from a map.
/// @author Hugo Giraudel
/// @param {map} $map Map.
/// @param {string} $keys Key(s).
/// @return {string} Value.
@function val($map, $keys...) {
@if nth($keys, 1) == null {
$keys: remove-nth($keys, 1);
}
@each $key in $keys {
$map: map-get($map, $key);
}
@return $map;
}
/// Gets a duration value.
/// @param {string} $keys Key(s).
/// @return {string} Value.
@function _duration($keys...) {
@return val($duration, $keys...);
}
/// Gets a font value.
/// @param {string} $keys Key(s).
/// @return {string} Value.
@function _font($keys...) {
@return val($font, $keys...);
}
/// Gets a misc value.
/// @param {string} $keys Key(s).
/// @return {string} Value.
@function _misc($keys...) {
@return val($misc, $keys...);
}
/// Gets a palette value.
/// @param {string} $keys Key(s).
/// @return {string} Value.
@function _palette($keys...) {
@return val($palette, $keys...);
}
/// Gets a size value.
/// @param {string} $keys Key(s).
/// @return {string} Value.
@function _size($keys...) {
@return val($size, $keys...);
/// Removes a specific item from a list.
/// @author Hugo Giraudel
/// @param {list} $list List.
/// @param {integer} $index Index.
/// @return {list} Updated list.
@function remove-nth($list, $index) {
$result: null;
@if type-of($index) != number {
@warn "$index: #{quote($index)} is not a number for `remove-nth`.";
}
@else if $index == 0 {
@warn "List index 0 must be a non-zero integer for `remove-nth`.";
}
@else if abs($index) > length($list) {
@warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";
}
@else {
$result: ();
$index: if($index < 0, length($list) + $index + 1, $index);
@for $i from 1 through length($list) {
@if $i != $index {
$result: append($result, nth($list, $i));
}
}
}
@return $result;
}
/// Gets a value from a map.
/// @author Hugo Giraudel
/// @param {map} $map Map.
/// @param {string} $keys Key(s).
/// @return {string} Value.
@function val($map, $keys...) {
@if nth($keys, 1) == null {
$keys: remove-nth($keys, 1);
}
@each $key in $keys {
$map: map-get($map, $key);
}
@return $map;
}
/// Gets a duration value.
/// @param {string} $keys Key(s).
/// @return {string} Value.
@function _duration($keys...) {
@return val($duration, $keys...);
}
/// Gets a font value.
/// @param {string} $keys Key(s).
/// @return {string} Value.
@function _font($keys...) {
@return val($font, $keys...);
}
/// Gets a misc value.
/// @param {string} $keys Key(s).
/// @return {string} Value.
@function _misc($keys...) {
@return val($misc, $keys...);
}
/// Gets a palette value.
/// @param {string} $keys Key(s).
/// @return {string} Value.
@function _palette($keys...) {
@return val($palette, $keys...);
}
/// Gets a size value.
/// @param {string} $keys Key(s).
/// @return {string} Value.
@function _size($keys...) {
@return val($size, $keys...);
}

298
assets/static/sass/libs/_html-grid.scss
View file

@ -1,149 +1,149 @@
// html-grid.scss v1.0 | @ajlkn | MIT licensed */
// Mixins.
/// Initializes the current element as an HTML grid.
/// @param {mixed} $gutters Gutters (either a single number to set both column/row gutters, or a list to set them individually).
/// @param {mixed} $suffix Column class suffix (optional; either a single suffix or a list).
@mixin html-grid($gutters: 1.5em, $suffix: '') {
// Initialize.
$cols: 12;
$multipliers: 0, 0.25, 0.5, 1, 1.50, 2.00;
$unit: calc(100% / $cols);
// Suffixes.
$suffixes: null;
@if (type-of($suffix) == 'list') {
$suffixes: $suffix;
}
@else {
$suffixes: ($suffix);
}
// Gutters.
$guttersCols: null;
$guttersRows: null;
@if (type-of($gutters) == 'list') {
$guttersCols: nth($gutters, 1);
$guttersRows: nth($gutters, 2);
}
@else {
$guttersCols: $gutters;
$guttersRows: 0;
}
// Row.
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
align-items: stretch;
// Columns.
> * {
box-sizing: border-box;
}
// Gutters.
&.gtr-uniform {
> * {
> :last-child {
margin-bottom: 0;
}
}
}
// Alignment.
&.aln-left {
justify-content: flex-start;
}
&.aln-center {
justify-content: center;
}
&.aln-right {
justify-content: flex-end;
}
&.aln-top {
align-items: flex-start;
}
&.aln-middle {
align-items: center;
}
&.aln-bottom {
align-items: flex-end;
}
// Step through suffixes.
@each $suffix in $suffixes {
// Suffix.
@if ($suffix != '') {
$suffix: '-' + $suffix;
}
@else {
$suffix: '';
}
// Row.
// Important.
> .imp#{$suffix} {
order: -1;
}
// Columns, offsets.
@for $i from 1 through $cols {
> .col-#{$i}#{$suffix} {
width: $unit * $i;
}
> .off-#{$i}#{$suffix} {
margin-left: $unit * $i;
}
}
// Step through multipliers.
@each $multiplier in $multipliers {
// Gutters.
$class: null;
@if ($multiplier != 1) {
$class: '.gtr-' + ($multiplier * 100);
}
&#{$class} {
margin-top: ($guttersRows * $multiplier * -1);
margin-left: ($guttersCols * $multiplier * -1);
> * {
padding: ($guttersRows * $multiplier) 0 0 ($guttersCols * $multiplier);
}
// Uniform.
&.gtr-uniform {
margin-top: $guttersCols * $multiplier * -1;
> * {
padding-top: $guttersCols * $multiplier;
}
}
}
}
}
}
// html-grid.scss v1.0 | @ajlkn | MIT licensed */
// Mixins.
/// Initializes the current element as an HTML grid.
/// @param {mixed} $gutters Gutters (either a single number to set both column/row gutters, or a list to set them individually).
/// @param {mixed} $suffix Column class suffix (optional; either a single suffix or a list).
@mixin html-grid($gutters: 1.5em, $suffix: '') {
// Initialize.
$cols: 12;
$multipliers: 0, 0.25, 0.5, 1, 1.50, 2.00;
$unit: calc(100% / $cols);
// Suffixes.
$suffixes: null;
@if (type-of($suffix) == 'list') {
$suffixes: $suffix;
}
@else {
$suffixes: ($suffix);
}
// Gutters.
$guttersCols: null;
$guttersRows: null;
@if (type-of($gutters) == 'list') {
$guttersCols: nth($gutters, 1);
$guttersRows: nth($gutters, 2);
}
@else {
$guttersCols: $gutters;
$guttersRows: 0;
}
// Row.
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
align-items: stretch;
// Columns.
> * {
box-sizing: border-box;
}
// Gutters.
&.gtr-uniform {
> * {
> :last-child {
margin-bottom: 0;
}
}
}
// Alignment.
&.aln-left {
justify-content: flex-start;
}
&.aln-center {
justify-content: center;
}
&.aln-right {
justify-content: flex-end;
}
&.aln-top {
align-items: flex-start;
}
&.aln-middle {
align-items: center;
}
&.aln-bottom {
align-items: flex-end;
}
// Step through suffixes.
@each $suffix in $suffixes {
// Suffix.
@if ($suffix != '') {
$suffix: '-' + $suffix;
}
@else {
$suffix: '';
}
// Row.
// Important.
> .imp#{$suffix} {
order: -1;
}
// Columns, offsets.
@for $i from 1 through $cols {
> .col-#{$i}#{$suffix} {
width: $unit * $i;
}
> .off-#{$i}#{$suffix} {
margin-left: $unit * $i;
}
}
// Step through multipliers.
@each $multiplier in $multipliers {
// Gutters.
$class: null;
@if ($multiplier != 1) {
$class: '.gtr-' + ($multiplier * 100);
}
&#{$class} {
margin-top: ($guttersRows * $multiplier * -1);
margin-left: ($guttersCols * $multiplier * -1);
> * {
padding: ($guttersRows * $multiplier) 0 0 ($guttersCols * $multiplier);
}
// Uniform.
&.gtr-uniform {
margin-top: $guttersCols * $multiplier * -1;
> * {
padding-top: $guttersCols * $multiplier;
}
}
}
}
}
}

156
assets/static/sass/libs/_mixins.scss
View file

@ -1,78 +1,78 @@
/// Makes an element's :before pseudoelement a FontAwesome icon.
/// @param {string} $content Optional content value to use.
/// @param {string} $category Optional category to use.
/// @param {string} $where Optional pseudoelement to target (before or after).
@mixin icon($content: false, $category: regular, $where: before) {
text-decoration: none;
&:#{$where} {
@if $content {
content: $content;
}
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
text-transform: none !important;
@if ($category == brands) {
font-family: 'Font Awesome 5 Brands';
}
@else if ($category == solid) {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
@else {
font-family: 'Font Awesome 5 Free';
font-weight: 400;
}
}
}
/// Applies padding to an element, taking the current element-margin value into account.
/// @param {mixed} $tb Top/bottom padding.
/// @param {mixed} $lr Left/right padding.
/// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left)
/// @param {bool} $important If true, adds !important.
@mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) {
@if $important {
$important: '!important';
}
$x: 0.1em;
@if unit(_size(element-margin)) == 'rem' {
$x: 0.1rem;
}
padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max($x, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important};
}
/// Encodes a SVG data URL so IE doesn't choke (via codepen.io/jakob-e/pen/YXXBrp).
/// @param {string} $svg SVG data URL.
/// @return {string} Encoded SVG data URL.
@function svg-url($svg) {
$svg: str-replace($svg, '"', '\'');
$svg: str-replace($svg, '%', '%25');
$svg: str-replace($svg, '<', '%3C');
$svg: str-replace($svg, '>', '%3E');
$svg: str-replace($svg, '&', '%26');
$svg: str-replace($svg, '#', '%23');
$svg: str-replace($svg, '{', '%7B');
$svg: str-replace($svg, '}', '%7D');
$svg: str-replace($svg, ';', '%3B');
@return url("data:image/svg+xml;charset=utf8,#{$svg}");
}
/// Makes an element's :before pseudoelement a FontAwesome icon.
/// @param {string} $content Optional content value to use.
/// @param {string} $category Optional category to use.
/// @param {string} $where Optional pseudoelement to target (before or after).
@mixin icon($content: false, $category: regular, $where: before) {
text-decoration: none;
&:#{$where} {
@if $content {
content: $content;
}
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
text-transform: none !important;
@if ($category == brands) {
font-family: 'Font Awesome 5 Brands';
}
@else if ($category == solid) {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
@else {
font-family: 'Font Awesome 5 Free';
font-weight: 400;
}
}
}
/// Applies padding to an element, taking the current element-margin value into account.
/// @param {mixed} $tb Top/bottom padding.
/// @param {mixed} $lr Left/right padding.
/// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left)
/// @param {bool} $important If true, adds !important.
@mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) {
@if $important {
$important: '!important';
}
$x: 0.1em;
@if unit(_size(element-margin)) == 'rem' {
$x: 0.1rem;
}
padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max($x, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important};
}
/// Encodes a SVG data URL so IE doesn't choke (via codepen.io/jakob-e/pen/YXXBrp).
/// @param {string} $svg SVG data URL.
/// @return {string} Encoded SVG data URL.
@function svg-url($svg) {
$svg: str-replace($svg, '"', '\'');
$svg: str-replace($svg, '%', '%25');
$svg: str-replace($svg, '<', '%3C');
$svg: str-replace($svg, '>', '%3E');
$svg: str-replace($svg, '&', '%26');
$svg: str-replace($svg, '#', '%23');
$svg: str-replace($svg, '{', '%7B');
$svg: str-replace($svg, '}', '%7D');
$svg: str-replace($svg, ';', '%3B');
@return url("data:image/svg+xml;charset=utf8,#{$svg}");
}

138
assets/static/sass/libs/_vars.scss
View file

@ -1,69 +1,69 @@
// Misc.
$misc: (
z-index-base: 10000,
max-features: 20,
max-sidebar-links: 20
);
// Duration.
$duration: (
transition: 0.2s,
activation: 1s
);
// Size.
$size: (
border-radius: 0.25em,
border-width: 1px,
element-height: 2.75em,
element-margin: 2em,
sidebar-width: 18em,
sidebar-height: 3.5em, // when <=large is active
inner-width: 75em
);
// Font.
$font: (
family: (Arial, Helvetica, sans-serif),
family-fixed: ('Courier New', monospace),
weight: normal,
weight-bold: bold,
kerning-alt: 0.25em
);
// Palette.
$palette: (
bg: #335, //aaaaff,
bg-alt: darken(#335, 5),
bg-main: #114,
fg: rgba(255,255,255,0.55),
shade-spot-color: rgba(100,230, 230, 0.4),
fg-bold: rgb(255, 255 , 255),
fg-light: rgba(255, 255,255,0.35),
border: rgba(100,100,100,0.65),
border-bg: rgba(120,120,120,0.15),
accent1: darken(#224, 2),
accent1-alt: darken(#334, 5),
accent2: darken(#335, 2),
accent2-alt: darken(#335, 10),
accent3: #224,
accent3-alt: darken(#224, 10),
accent1-uline: #ff0000,
accent3-uline: #0000ff,
gradient1: #909090,
gradient3: #702020,
// bg: #312450,
// bg-alt: darken(#312450, 5),
// fg: rgba(255,255,255,0.55),
// fg-bold: #ffffff,
// fg-light: rgba(255,255,255,0.35),
// border: rgba(255,255,255,0.15),
// border-bg: rgba(255,255,255,0.05),
// accent1: #5e42a6,
// accent1-alt: darken(#5e42a6, 10),
// accent2: #5052b5,
// accent2-alt: darken(#5052b5, 10),
// accent3: #b74e91,
// accent3-alt: darken(#b74e91, 10)
);
// Misc.
$misc: (
z-index-base: 10000,
max-features: 20,
max-sidebar-links: 20
);
// Duration.
$duration: (
transition: 0.2s,
activation: 1s
);
// Size.
$size: (
border-radius: 0.25em,
border-width: 1px,
element-height: 2.75em,
element-margin: 2em,
sidebar-width: 18em,
sidebar-height: 3.5em, // when <=large is active
inner-width: 75em
);
// Font.
$font: (
family: (Arial, Helvetica, sans-serif),
family-fixed: ('Courier New', monospace),
weight: normal,
weight-bold: bold,
kerning-alt: 0.25em
);
// Palette.
$palette: (
bg: #335, //aaaaff,
bg-alt: darken(#335, 5),
bg-main: #114,
fg: rgba(255,255,255,0.55),
shade-spot-color: rgba(100,230, 230, 0.4),
fg-bold: rgb(255, 255 , 255),
fg-light: rgba(255, 255,255,0.35),
border: rgba(100,100,100,0.65),
border-bg: rgba(120,120,120,0.15),
accent1: darken(#224, 2),
accent1-alt: darken(#334, 5),
accent2: darken(#335, 2),
accent2-alt: darken(#335, 10),
accent3: #224,
accent3-alt: darken(#224, 10),
accent1-uline: #ff0000,
accent3-uline: #0000ff,
gradient1: #909090,
gradient3: #702020,
// bg: #312450,
// bg-alt: darken(#312450, 5),
// fg: rgba(255,255,255,0.55),
// fg-bold: #ffffff,
// fg-light: rgba(255,255,255,0.35),
// border: rgba(255,255,255,0.15),
// border-bg: rgba(255,255,255,0.05),
// accent1: #5e42a6,
// accent1-alt: darken(#5e42a6, 10),
// accent2: #5052b5,
// accent2-alt: darken(#5052b5, 10),
// accent3: #b74e91,
// accent3-alt: darken(#b74e91, 10)
);

114
assets/static/sass/main.scss
View file

@ -1,58 +1,58 @@
@import 'libs/vars';
@import 'libs/functions';
@import 'libs/mixins';
@import 'libs/vendor';
@import 'libs/breakpoints';
@import 'libs/html-grid';
@import 'fontawesome-all.min.css';
/*
Hyperspace by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
// Breakpoints.
@include breakpoints((
xlarge: ( 1281px, 1680px ),
large: ( 981px, 1280px ),
medium: ( 737px, 980px ),
small: ( 481px, 736px ),
xsmall: ( 361px, 480px ),
xxsmall: ( null, 360px )
));
// Base.
@import 'base/reset';
@import 'base/page';
@import 'base/typography';
// Component.
@import 'components/row';
@import 'components/box';
@import 'components/button';
@import 'components/features';
@import 'components/form';
@import 'components/icon';
@import 'components/image';
@import 'components/list';
@import 'components/actions';
@import 'components/contact';
@import 'components/icons';
@import 'components/menu';
@import 'components/section';
@import 'components/split';
@import 'components/spotlights';
@import 'components/table';
@import 'components/wrapper';
// Layout.
@import 'layout/header';
@import 'layout/wrapper';
@import 'layout/footer';
@import 'layout/sidebar';
@import 'libs/vars';
@import 'libs/functions';
@import 'libs/mixins';
@import 'libs/vendor';
@import 'libs/breakpoints';
@import 'libs/html-grid';
@import 'fontawesome-all.min.css';
/*
Hyperspace by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
// Breakpoints.
@include breakpoints((
xlarge: ( 1281px, 1680px ),
large: ( 981px, 1280px ),
medium: ( 737px, 980px ),
small: ( 481px, 736px ),
xsmall: ( 361px, 480px ),
xxsmall: ( null, 360px )
));
// Base.
@import 'base/reset';
@import 'base/page';
@import 'base/typography';
// Component.
@import 'components/row';
@import 'components/box';
@import 'components/button';
@import 'components/features';
@import 'components/form';
@import 'components/icon';
@import 'components/image';
@import 'components/list';
@import 'components/actions';
@import 'components/contact';
@import 'components/icons';
@import 'components/menu';
@import 'components/section';
@import 'components/split';
@import 'components/spotlights';
@import 'components/table';
@import 'components/wrapper';
// Layout.
@import 'layout/header';
@import 'layout/wrapper';
@import 'layout/footer';
@import 'layout/sidebar';
@import 'layout/intro';

112
assets/static/sass/noscript.scss
View file

@ -1,57 +1,57 @@
@import 'libs/vars';
@import 'libs/functions';
@import 'libs/mixins';
@import 'libs/vendor';
@import 'libs/breakpoints';
@import 'libs/html-grid';
/*
Hyperspace by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
/* Spotlights */
.spotlights {
> section {
> .image {
&:before {
opacity: 0 !important;
}
}
> .content {
> .inner {
@include vendor('transform', 'none !important');
opacity: 1 !important;
}
}
}
}
/* Wrapper */
.wrapper {
> .inner {
opacity: 1 !important;
@include vendor('transform', 'none !important');
}
}
/* Sidebar */
#sidebar {
> .inner {
opacity: 1 !important;
}
nav {
> ul {
> li {
@include vendor('transform', 'none !important');
opacity: 1 !important;
}
}
}
@import 'libs/vars';
@import 'libs/functions';
@import 'libs/mixins';
@import 'libs/vendor';
@import 'libs/breakpoints';
@import 'libs/html-grid';
/*
Hyperspace by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
/* Spotlights */
.spotlights {
> section {
> .image {
&:before {
opacity: 0 !important;
}
}
> .content {
> .inner {
@include vendor('transform', 'none !important');
opacity: 1 !important;
}
}
}
}
/* Wrapper */
.wrapper {
> .inner {
opacity: 1 !important;
@include vendor('transform', 'none !important');
}
}
/* Sidebar */
#sidebar {
> .inner {
opacity: 1 !important;
}
nav {
> ul {
> li {
@include vendor('transform', 'none !important');
opacity: 1 !important;
}
}
}
}