aboutsummaryrefslogtreecommitdiff
path: root/assets
diff options
context:
space:
mode:
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
generated by cgit v1.3 (git 2.53.0) at 2026-04-12 04:53:25 +0000