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

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;
}
}
}
}