diff --git a/site/config.toml b/site/config.toml index faf21c801..ea89736c6 100644 --- a/site/config.toml +++ b/site/config.toml @@ -11,7 +11,7 @@ paginate = 10 name = "about" weight = 1 identifier = "about" - url = "/" + url = "/#about-section" [[menu.main]] name = "wiki" diff --git a/site/layouts/index.html b/site/layouts/index.html index 1ace2241f..faa97f369 100644 --- a/site/layouts/index.html +++ b/site/layouts/index.html @@ -44,6 +44,7 @@
+

About

diff --git a/site/layouts/partials/jumbotron.html b/site/layouts/partials/jumbotron.html new file mode 100644 index 000000000..0a679e244 --- /dev/null +++ b/site/layouts/partials/jumbotron.html @@ -0,0 +1,400 @@ +image/svg+xml \ No newline at end of file diff --git a/src/js/hero.js b/src/js/hero.js index c83e7066e..64952202d 100644 --- a/src/js/hero.js +++ b/src/js/hero.js @@ -12,3 +12,8 @@ if (navbar) { } }); } + +// Handle random switch colors +const colors = ["orangered", "deepskyblue", "yellow", "deeppink", "lime", "gray"]; +document.getElementById('LeftJoy').classList.add("switch-" + colors[Math.floor(Math.random() * colors.length)]); +document.getElementById('RightJoy').classList.add("switch-" + colors[Math.floor(Math.random() * colors.length)]); \ No newline at end of file diff --git a/src/scss/yuzu/yuzu.scss b/src/scss/yuzu/yuzu.scss index e69de29bb..6eb283496 100644 --- a/src/scss/yuzu/yuzu.scss +++ b/src/scss/yuzu/yuzu.scss @@ -0,0 +1,19 @@ +$switch-orangered: #ff3c28; +$switch-deepskyblue: #0ab9e6; +$switch-yellow: #e6ff00; +$switch-deeppink: #ff3278; +$switch-lime: #1edc00; +$switch-gray: #828282; + +@each $name, $color in ("orangered", $switch-orangered), ("deepskyblue", $switch-deepskyblue), + ("yellow", $switch-yellow), ("deeppink", $switch-deeppink), ("lime", $switch-lime), ("gray", $switch-gray) { + .switch-#{$name} path { + // The normal coloring for the .svg is inline, so we cannot override it normally. + stroke: $color !important; + } +} + +#about-section { + position: relative; + top: -100px; +} \ No newline at end of file