diff options
| -rw-r--r-- | .build.yml | 1 | ||||
| -rw-r--r-- | assets/css/main.css | 704 | ||||
| -rw-r--r-- | layouts/_partials/head.html | 3 |
3 files changed, 705 insertions, 3 deletions
@@ -2,7 +2,6 @@ image: alpine/latest packages: - hugo - hut - - dart-sass-js oauth: pages.sr.ht/PAGES:RW environment: site: forever2k38.net diff --git a/assets/css/main.css b/assets/css/main.css new file mode 100644 index 0000000..a64feb0 --- /dev/null +++ b/assets/css/main.css @@ -0,0 +1,704 @@ +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 100; + font-stretch: normal; + font-style: normal; + src: url('/fonts/Iosevka/WOFF2/Iosevka-Thin.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 100; + font-stretch: expanded; + font-style: normal; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedThin.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 100; + font-stretch: normal; + font-style: oblique; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ThinOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web Oblique'; + font-display: swap; + font-weight: 100; + font-stretch: normal; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ThinOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 100; + font-stretch: expanded; + font-style: oblique; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedThinOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web Oblique'; + font-display: swap; + font-weight: 100; + font-stretch: expanded; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedThinOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 100; + font-stretch: normal; + font-style: italic; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ThinItalic.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 100; + font-stretch: expanded; + font-style: italic; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedThinItalic.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 200; + font-stretch: normal; + font-style: normal; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtraLight.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 200; + font-stretch: expanded; + font-style: normal; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedExtraLight.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 200; + font-stretch: normal; + font-style: oblique; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtraLightOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web Oblique'; + font-display: swap; + font-weight: 200; + font-stretch: normal; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtraLightOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 200; + font-stretch: expanded; + font-style: oblique; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedExtraLightOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web Oblique'; + font-display: swap; + font-weight: 200; + font-stretch: expanded; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedExtraLightOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 200; + font-stretch: normal; + font-style: italic; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtraLightItalic.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 200; + font-stretch: expanded; + font-style: italic; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedExtraLightItalic.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 300; + font-stretch: normal; + font-style: normal; + src: url('/fonts/Iosevka/WOFF2/Iosevka-Light.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 300; + font-stretch: expanded; + font-style: normal; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedLight.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 300; + font-stretch: normal; + font-style: oblique; + src: url('/fonts/Iosevka/WOFF2/Iosevka-LightOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web Oblique'; + font-display: swap; + font-weight: 300; + font-stretch: normal; + src: url('/fonts/Iosevka/WOFF2/Iosevka-LightOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 300; + font-stretch: expanded; + font-style: oblique; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedLightOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web Oblique'; + font-display: swap; + font-weight: 300; + font-stretch: expanded; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedLightOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 300; + font-stretch: normal; + font-style: italic; + src: url('/fonts/Iosevka/WOFF2/Iosevka-LightItalic.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 300; + font-stretch: expanded; + font-style: italic; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedLightItalic.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 400; + font-stretch: normal; + font-style: normal; + src: url('/fonts/Iosevka/WOFF2/Iosevka-Regular.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 400; + font-stretch: expanded; + font-style: normal; + src: url('/fonts/Iosevka/WOFF2/Iosevka-Extended.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 400; + font-stretch: normal; + font-style: oblique; + src: url('/fonts/Iosevka/WOFF2/Iosevka-Oblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web Oblique'; + font-display: swap; + font-weight: 400; + font-stretch: normal; + src: url('/fonts/Iosevka/WOFF2/Iosevka-Oblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 400; + font-stretch: expanded; + font-style: oblique; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web Oblique'; + font-display: swap; + font-weight: 400; + font-stretch: expanded; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 400; + font-stretch: normal; + font-style: italic; + src: url('/fonts/Iosevka/WOFF2/Iosevka-Italic.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 400; + font-stretch: expanded; + font-style: italic; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedItalic.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 500; + font-stretch: normal; + font-style: normal; + src: url('/fonts/Iosevka/WOFF2/Iosevka-Medium.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 500; + font-stretch: expanded; + font-style: normal; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedMedium.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 500; + font-stretch: normal; + font-style: oblique; + src: url('/fonts/Iosevka/WOFF2/Iosevka-MediumOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web Oblique'; + font-display: swap; + font-weight: 500; + font-stretch: normal; + src: url('/fonts/Iosevka/WOFF2/Iosevka-MediumOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 500; + font-stretch: expanded; + font-style: oblique; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedMediumOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web Oblique'; + font-display: swap; + font-weight: 500; + font-stretch: expanded; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedMediumOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 500; + font-stretch: normal; + font-style: italic; + src: url('/fonts/Iosevka/WOFF2/Iosevka-MediumItalic.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 500; + font-stretch: expanded; + font-style: italic; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedMediumItalic.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 600; + font-stretch: normal; + font-style: normal; + src: url('/fonts/Iosevka/WOFF2/Iosevka-SemiBold.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 600; + font-stretch: expanded; + font-style: normal; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedSemiBold.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 600; + font-stretch: normal; + font-style: oblique; + src: url('/fonts/Iosevka/WOFF2/Iosevka-SemiBoldOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web Oblique'; + font-display: swap; + font-weight: 600; + font-stretch: normal; + src: url('/fonts/Iosevka/WOFF2/Iosevka-SemiBoldOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 600; + font-stretch: expanded; + font-style: oblique; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedSemiBoldOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web Oblique'; + font-display: swap; + font-weight: 600; + font-stretch: expanded; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedSemiBoldOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 600; + font-stretch: normal; + font-style: italic; + src: url('/fonts/Iosevka/WOFF2/Iosevka-SemiBoldItalic.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 600; + font-stretch: expanded; + font-style: italic; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedSemiBoldItalic.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 700; + font-stretch: normal; + font-style: normal; + src: url('/fonts/Iosevka/WOFF2/Iosevka-Bold.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 700; + font-stretch: expanded; + font-style: normal; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedBold.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 700; + font-stretch: normal; + font-style: oblique; + src: url('/fonts/Iosevka/WOFF2/Iosevka-BoldOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web Oblique'; + font-display: swap; + font-weight: 700; + font-stretch: normal; + src: url('/fonts/Iosevka/WOFF2/Iosevka-BoldOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 700; + font-stretch: expanded; + font-style: oblique; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedBoldOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web Oblique'; + font-display: swap; + font-weight: 700; + font-stretch: expanded; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedBoldOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 700; + font-stretch: normal; + font-style: italic; + src: url('/fonts/Iosevka/WOFF2/Iosevka-BoldItalic.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 700; + font-stretch: expanded; + font-style: italic; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedBoldItalic.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 800; + font-stretch: normal; + font-style: normal; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtraBold.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 800; + font-stretch: expanded; + font-style: normal; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedExtraBold.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 800; + font-stretch: normal; + font-style: oblique; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtraBoldOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web Oblique'; + font-display: swap; + font-weight: 800; + font-stretch: normal; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtraBoldOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 800; + font-stretch: expanded; + font-style: oblique; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedExtraBoldOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web Oblique'; + font-display: swap; + font-weight: 800; + font-stretch: expanded; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedExtraBoldOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 800; + font-stretch: normal; + font-style: italic; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtraBoldItalic.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 800; + font-stretch: expanded; + font-style: italic; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedExtraBoldItalic.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 900; + font-stretch: normal; + font-style: normal; + src: url('/fonts/Iosevka/WOFF2/Iosevka-Heavy.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 900; + font-stretch: expanded; + font-style: normal; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedHeavy.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 900; + font-stretch: normal; + font-style: oblique; + src: url('/fonts/Iosevka/WOFF2/Iosevka-HeavyOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web Oblique'; + font-display: swap; + font-weight: 900; + font-stretch: normal; + src: url('/fonts/Iosevka/WOFF2/Iosevka-HeavyOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 900; + font-stretch: expanded; + font-style: oblique; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedHeavyOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web Oblique'; + font-display: swap; + font-weight: 900; + font-stretch: expanded; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedHeavyOblique.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 900; + font-stretch: normal; + font-style: italic; + src: url('/fonts/Iosevka/WOFF2/Iosevka-HeavyItalic.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Web'; + font-display: swap; + font-weight: 900; + font-stretch: expanded; + font-style: italic; + src: url('/fonts/Iosevka/WOFF2/Iosevka-ExtendedHeavyItalic.woff2') format('woff2'); +} + + +* { + font-family: "Iosevka Web"; +} + + + +* { + color: #f0f0f0; + + margin: 0; +} + +html { + background: #0e0614; +} + +h1, h2, h3, h4, h5 { + font-weight: normal; +} + +header { + display: flex; + flex-direction: column; + + align-items: center; + justify-content: center; + + text-align: center; + + gap: 1.2rem; + + padding: 1rem ; +} + +header h1 { + font-style: italic; +} + +nav a { + padding: 0 0.1rem; +} + +footer { + text-align: center; +} + +h1 a { + text-decoration: none; +} + +code { + overflow-wrap: anywhere; +} + +.content { + max-width: 50rem; + + text-wrap: pretty; + + margin: auto; +} + +.title { + font-size: 5rem; +} + +.content * { + padding: 0.5rem 0; +} + +.smaller-title { + font-size: 3rem; +} diff --git a/layouts/_partials/head.html b/layouts/_partials/head.html index 1689fcc..8d65756 100644 --- a/layouts/_partials/head.html +++ b/layouts/_partials/head.html @@ -1,7 +1,6 @@ <title>forever2k38</title> -{{ $scss := resources.Get "scss/main.scss" }} -{{ $css := $scss | toCSS (dict "transpiler" "dartsass") | minify | fingerprint }} +{{ $css := resources.Get "css/main.css" | minify | fingerprint }} <link rel="stylesheet" href="{{ $css.RelPermalink }}" integrity="{{ $css.Data.Integrity }}" |