diff --git a/main-site/hugo.yaml b/main-site/hugo.yaml index eaced0a..170b41b 100644 --- a/main-site/hugo.yaml +++ b/main-site/hugo.yaml @@ -10,3 +10,15 @@ Params: gitlab: https://gitlab.com/shockrah github: https://github.com/tempersama mastodon: https://mastodon.social/@tempertv + + # Here we link the fun stuff ;) + launchpad: + - Name: Feed + description: πŸ“œ Posts about things + uri: /feed + - name: Stream + description: πŸ“½οΈCome watch + uri: /stream + - name: Dev Blog + description: πŸ§‘β€πŸ’» Dev stuff + uri: /dev diff --git a/main-site/themes/temper/layouts/index.html b/main-site/themes/temper/layouts/index.html index d06ce43..21fcec5 100644 --- a/main-site/themes/temper/layouts/index.html +++ b/main-site/themes/temper/layouts/index.html @@ -3,14 +3,17 @@ {{ partial "head.html" . }} diff --git a/main-site/themes/temper/layouts/partials/main-buttons.html b/main-site/themes/temper/layouts/partials/main-buttons.html new file mode 100644 index 0000000..7c69f19 --- /dev/null +++ b/main-site/themes/temper/layouts/partials/main-buttons.html @@ -0,0 +1,6 @@ +{{ range .Site.Params.Launchpad }} + +{{ end }} diff --git a/main-site/themes/temper/static/css/style.css b/main-site/themes/temper/static/css/style.css index b792b51..6daa507 100644 --- a/main-site/themes/temper/static/css/style.css +++ b/main-site/themes/temper/static/css/style.css @@ -83,6 +83,7 @@ html { .socials { display:inline; font-size: 1.5rem; + text-decoration: none; } .reveal-text { @@ -193,10 +194,31 @@ ul.timeline > li:before { z-index: 400; } -.bigger { - font-size: 1.5rem; +.launchpad { + border: red; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%,-50%); + + /* Stack things vertically */ + flex-direction: column; + align-items: flex-start; + justify-content: center; + display: inline-flex; + vertical-align: middle; } +.launchpad > * { + margin: 15px 0; + width: 100%; +} + +/* Overriding some bootstrap shittery here */ +.launchpad-button { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} @media (max-width: 768px) { body { min-width: 100%; } @@ -218,7 +240,7 @@ ul.timeline > li:before { } -@media only (max-width: 1024px) { +@media only screen and (max-width: 1024px) { p { font-size: xxx-large; } li { font-size: xxx-large; } h6 { font-size: xxx-large; }