aboutsummaryrefslogtreecommitdiff
path: root/assets
diff options
context:
space:
mode:
authorAriel Costas Guerrero <94913521+arielcostas@users.noreply.github.com>2024-05-04 01:05:04 +0200
committerAriel Costas Guerrero <94913521+arielcostas@users.noreply.github.com>2024-05-04 13:34:10 +0200
commitfe7c149811f2e20c055ad0375aff05d29491efb4 (patch)
tree8df0652a35cca0f9c8fcb5fb90648fef2f8415b4 /assets
parent3de434508e0b609dea1ce8dca94ef1b708e61d61 (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.scss10
-rw-r--r--assets/css/_root.scss17
-rw-r--r--assets/css/_utilities.scss3
-rw-r--r--assets/css/base.scss48
-rw-r--r--assets/css/markup/_index.scss1
-rw-r--r--assets/css/markup/_render-heading.scss13
-rw-r--r--assets/css/partials/_article.scss52
-rw-r--r--assets/css/partials/_footer.scss11
-rw-r--r--assets/css/partials/_header.scss168
-rw-r--r--assets/css/partials/_index.scss3
-rw-r--r--assets/js/navbar.js16
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