diff options
| author | Ariel Costas Guerrero <94913521+arielcostas@users.noreply.github.com> | 2024-05-04 01:05:04 +0200 |
|---|---|---|
| committer | Ariel Costas Guerrero <94913521+arielcostas@users.noreply.github.com> | 2024-05-04 13:34:10 +0200 |
| commit | fe7c149811f2e20c055ad0375aff05d29491efb4 (patch) | |
| tree | 8df0652a35cca0f9c8fcb5fb90648fef2f8415b4 /assets | |
| parent | 3de434508e0b609dea1ce8dca94ef1b708e61d61 (diff) | |
Rebuild the site in Astro
Add licence
Update site name in header to match README.md
Add missing metadescription, opengraph and link to RSS
Update Astro configuration to include sitemap integration with priority and changefreq settings
New post
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/css/_fonts.scss | 10 | ||||
| -rw-r--r-- | assets/css/_root.scss | 17 | ||||
| -rw-r--r-- | assets/css/_utilities.scss | 3 | ||||
| -rw-r--r-- | assets/css/base.scss | 48 | ||||
| -rw-r--r-- | assets/css/markup/_index.scss | 1 | ||||
| -rw-r--r-- | assets/css/markup/_render-heading.scss | 13 | ||||
| -rw-r--r-- | assets/css/partials/_article.scss | 52 | ||||
| -rw-r--r-- | assets/css/partials/_footer.scss | 11 | ||||
| -rw-r--r-- | assets/css/partials/_header.scss | 168 | ||||
| -rw-r--r-- | assets/css/partials/_index.scss | 3 | ||||
| -rw-r--r-- | assets/js/navbar.js | 16 |
11 files changed, 0 insertions, 342 deletions
diff --git a/assets/css/_fonts.scss b/assets/css/_fonts.scss deleted file mode 100644 index 4740a20..0000000 --- a/assets/css/_fonts.scss +++ /dev/null @@ -1,10 +0,0 @@ -@font-face { - font-family: 'Sen Variable'; - font-style: normal; - font-display: swap; - font-weight: 400 800; - src: url("/fonts/Sen.woff2") format("woff2-variations"); -} - -$mainFontStack: 'Sen Variable', 'Arial', system-ui, sans-serif; -$monoFontStack: 'Fira Code', 'Consolas', monospace;
\ No newline at end of file diff --git a/assets/css/_root.scss b/assets/css/_root.scss deleted file mode 100644 index 500b15c..0000000 --- a/assets/css/_root.scss +++ /dev/null @@ -1,17 +0,0 @@ -$accent: hsl(215, 89%, 55%); -$accentLight: hsl(215, 89%, 69%); -$accentDark: hsl(215, 89%, 42%); -$dark: hsl(340, 13%, 5%); -$light: hsl(214, 64%, 98%); -$lightAlt: hsl(0, 0%, 100%); - -$shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.15); - -$floatingRadius: 0.5rem; - -$breakpointTablet: 480px; -$breakpointDesktop: 1024px; - -:root { - font: 400 16px/1.65 $mainFontStack; -} diff --git a/assets/css/_utilities.scss b/assets/css/_utilities.scss deleted file mode 100644 index 554572c..0000000 --- a/assets/css/_utilities.scss +++ /dev/null @@ -1,3 +0,0 @@ -%tracking-tight { - letter-spacing: -0.05em; -}
\ No newline at end of file diff --git a/assets/css/base.scss b/assets/css/base.scss deleted file mode 100644 index 9ca9b9e..0000000 --- a/assets/css/base.scss +++ /dev/null @@ -1,48 +0,0 @@ -@import "_fonts"; -@import "_utilities"; -@import "_root"; -@import "markup/_index"; -@import "partials/_index"; - -html, -body { - margin: 0; - padding: 0; - box-sizing: border-box; -} - -body { - min-height: 100vh; - max-width: 100vw; - - display: flex; - flex-direction: column; - gap: 0.5rem; - - background-color: $light; - color: $dark; - - background-image: radial-gradient(circle at 1px 1px, #A9A9A988 1px, transparent 0); - background-size: 15px 15px; -} - -h1, h2, h3, h4, h5, h6 { - font-family: $mainFontStack; - @extend %tracking-tight; - line-height: 1.25; - margin-top: 0; - margin-bottom: 0.6em; -} - -a { - color: $accent; -} - -#main-footer-separator { - flex-grow: 1; - flex-shrink: 0; -} - -li > time { - font-family: $monoFontStack; -}
\ No newline at end of file diff --git a/assets/css/markup/_index.scss b/assets/css/markup/_index.scss deleted file mode 100644 index ead742e..0000000 --- a/assets/css/markup/_index.scss +++ /dev/null @@ -1 +0,0 @@ -@import "_render-heading";
\ No newline at end of file diff --git a/assets/css/markup/_render-heading.scss b/assets/css/markup/_render-heading.scss deleted file mode 100644 index 87506a2..0000000 --- a/assets/css/markup/_render-heading.scss +++ /dev/null @@ -1,13 +0,0 @@ -main { - h1, h2, h3, h4, h5, h6 { - a.anchor { - color: $accentDark; - font-weight: 700; - text-decoration: none; - - &:hover { - text-decoration: underline; - } - } - } -}
\ No newline at end of file diff --git a/assets/css/partials/_article.scss b/assets/css/partials/_article.scss deleted file mode 100644 index 7d99b92..0000000 --- a/assets/css/partials/_article.scss +++ /dev/null @@ -1,52 +0,0 @@ -main { - box-sizing: border-box; - margin: 0.75rem 1rem 3rem; - padding: 1.5rem 2.5rem; - border-radius: $floatingRadius; - box-shadow: $shadow; - - align-self: center; - - max-width: 82ch; - font-size: 1.25rem; - - background-color: $lightAlt; - - a { - color: $accentDark; - transition: color 0.2s ease-in-out; - - &:hover { - color: $accent; - } - } - - >* { - margin-top: 0; - margin-bottom: 1.75rem; - } - - >p>code { - word-break: break-word; - font-family: $monoFontStack; - - color: $accentDark; - background-color: #f6f6f6; - } - - h1 { - font-size: 2.75rem; - line-height: 1; - margin-bottom: 1rem; - } - - p.meta { - display: block; - font-size: 0.85rem; - margin-bottom: 1rem; - } - - pre { - overflow: scroll; - } -}
\ No newline at end of file diff --git a/assets/css/partials/_footer.scss b/assets/css/partials/_footer.scss deleted file mode 100644 index 8fdc2b7..0000000 --- a/assets/css/partials/_footer.scss +++ /dev/null @@ -1,11 +0,0 @@ -footer { - background-color: $dark; - color: $light; - text-align: center; - - padding: 0.5rem 1rem; - - a { - color: $accentLight; - } -}
\ No newline at end of file diff --git a/assets/css/partials/_header.scss b/assets/css/partials/_header.scss deleted file mode 100644 index f1501b5..0000000 --- a/assets/css/partials/_header.scss +++ /dev/null @@ -1,168 +0,0 @@ -header { - background-color: $lightAlt; - color: $accent; - box-shadow: $shadow; - - display: flex; - flex-direction: column; - justify-content: space-between; - gap: 0.5rem 0; - - padding: 1rem 1rem; - - position: relative; - overflow: hidden; - - &:before { - content: ""; - height: 4px; - width: 100%; - - background-color: $accent; - - position: absolute; - display: block; - top: 0; - left: 0; - } - - a { - display: inline-block; - } - - #brand { - display: flex; - flex-direction: row; - align-items: center; - gap: 1rem; - - h1 { - font-size: 2rem; - margin: 0; - font-weight: 500; - line-height: 1; - - a { - font-family: $mainFontStack; - color: $accent; - text-decoration: none; - } - } - } - - #nav-pages { - display: flex; - flex-direction: column; - align-items: flex-start; - gap: 0.25rem; - - padding-inline-start: 2.5rem; - - transition: max-height 0.2s linear; - max-height: 100vh; - - a { - @extend %tracking-tight; - } - } - - #nav-socials { - align-self: center; - - display: flex; - gap: 1.5rem; - - transition: max-height 0.2s linear; - max-height: 100vh; - - a { - font-size: 1.5rem; - transition: color 0.2s ease-in-out; - line-height: 1; - } - } - - nav>a { - text-decoration: none; - font-weight: 700; - font-size: 1.2rem; - text-transform: uppercase; - letter-spacing: 0.1rem; - transition: color 0.2s ease-in-out; - color: $accent; - line-height: 1; - - &:hover { - color: $accentDark; - } - - &.active { - color: $accentDark; - } - } - - button#mobile-menu { - display: block; - background-color: transparent; - border: none; - font-size: 2rem; - cursor: pointer; - } -} - -@media (max-width: $breakpointTablet) { - header.collapsed { - gap: 0; - - #nav-pages, - #nav-socials { - max-height: 0; - overflow: hidden; - } - } -} - -@media (min-width: $breakpointTablet) { - header { - flex-direction: row; - align-items: baseline; - justify-content: space-between; - - #nav-pages { - justify-self: start; - flex-direction: row; - gap: 1.5rem; - padding-inline-start: 0; - } - - button#mobile-menu { - display: none; - } - - &.collapsed { - - #nav-pages, - #nav-socials { - display: flex; - max-height: unset; - } - } - } -} - -@media (min-width: $breakpointDesktop) { - header { - padding: 1rem 1.25rem; - gap: 1.5rem; - justify-content: center; - - h1 { - margin-bottom: 0.5rem; - } - - #nav-socials { - align-self: flex-end; - margin-left: auto; - } - } -}
\ No newline at end of file diff --git a/assets/css/partials/_index.scss b/assets/css/partials/_index.scss deleted file mode 100644 index 914dd5b..0000000 --- a/assets/css/partials/_index.scss +++ /dev/null @@ -1,3 +0,0 @@ -@import "_article"; -@import "_footer"; -@import "_header";
\ No newline at end of file diff --git a/assets/js/navbar.js b/assets/js/navbar.js deleted file mode 100644 index c609e1a..0000000 --- a/assets/js/navbar.js +++ /dev/null @@ -1,16 +0,0 @@ -/** @type {HTMLElement} */ -const header = document.querySelector('body > header'); -/** @type {HTMLButtonElement} */ -const toggleButton = document.querySelector('button#mobile-menu'); - -function toggleNavbar() { - const present = header.classList.toggle('collapsed'); - - if (present) { - header.setAttribute('aria-expanded', 'true'); - } else { - header.setAttribute('aria-expanded', 'false'); - } -} - -toggleButton.addEventListener('click', toggleNavbar);
\ No newline at end of file |
