diff options
| author | Danilo M. <danix@danix.xyz> | 2026-04-05 09:52:36 +0200 |
|---|---|---|
| committer | Danilo M. <danix@danix.xyz> | 2026-04-05 09:52:36 +0200 |
| commit | 25b879bd290528adfb47b0042749305a6a408800 (patch) | |
| tree | 22048174696683141c5eaf00a6a4aee34ce8a244 /public/posts | |
| parent | 123b15e442a5a2bd2d73fb9d32cdded69a28f109 (diff) | |
| download | danixxyz-theme-25b879bd290528adfb47b0042749305a6a408800.tar.gz danixxyz-theme-25b879bd290528adfb47b0042749305a6a408800.zip | |
fix: resolve matrix rain opacity, menu styling, and featured articles
Issues fixed:
1. Added missing header.css and footer.css imports to main.css (fixes unstyled menu)
2. Increased matrix rain canvas opacity (0.13→0.25, 0.18→0.35) for better visibility
3. Updated home.html to display featured articles first, then latest 3
4. Removed invalid pseudo-element CSS rule on canvas element
The form on /is/here should now be visible, menu properly styled, and matrix rain more prominent.
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
Diffstat (limited to 'public/posts')
| -rw-r--r-- | public/posts/index.html | 82 | ||||
| -rw-r--r-- | public/posts/post-1/index.html | 89 | ||||
| -rw-r--r-- | public/posts/post-2/index.html | 89 | ||||
| -rw-r--r-- | public/posts/post-3/bryce-canyon.jpg | bin | 0 -> 19224 bytes | |||
| -rw-r--r-- | public/posts/post-3/index.html | 90 |
5 files changed, 350 insertions, 0 deletions
diff --git a/public/posts/index.html b/public/posts/index.html new file mode 100644 index 0000000..47d0691 --- /dev/null +++ b/public/posts/index.html @@ -0,0 +1,82 @@ +<!DOCTYPE html> +<html lang="en-US" dir="ltr"> +<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script> + <meta charset="utf-8"> +<meta name="viewport" content="width=device-width, initial-scale=1"> +<meta name="description" content="Writing about IT, life, and the things that matter."> +<meta name="theme-color" content="#060b10"> +<title>Posts | danilo m.</title> + + + <link rel="stylesheet" href="/css/main.css"> + + + <script src="/js/main.js"></script> + + +</head> +<body> + <div class="reading-progress"></div> + <header><div class="header-container"> + <a href="/" class="site-title">Danilo M.</a> + <div class="header-controls"> + <nav> + <ul> + + <li> + <a href="/articles/" > + articles + </a> + </li> + + <li> + <a href="/is/" > + about + </a> + </li> + + <li> + <a href="/is/here/" > + contact + </a> + </li> + + </ul> + </nav> + <button id="theme-toggle-btn" class="theme-toggle" aria-label="Toggle theme">🌙 dark</button> + </div> +</div> +</header> + <main> + <div class="container"> + <h1>Posts</h1> + + + <p>Tempor est exercitation ad qui pariatur quis adipisicing aliquip nisi ea consequat ipsum occaecat. Nostrud consequat ullamco laboris fugiat esse esse adipisicing velit laborum ipsum incididunt ut enim. Dolor pariatur nulla quis fugiat dolore excepteur. Aliquip ad quis aliqua enim do consequat.</p> + + + </div> + + +</main> + <footer><div class="footer-container"> + <div class="footer-content"> + <div class="footer-copyright"> + © 2026 Danilo M.. All rights reserved. + </div> + <nav> + <ul class="footer-nav"> + + <li><a href="/articles/">articles</a></li> + + <li><a href="/is/">about</a></li> + + <li><a href="/is/here/">contact</a></li> + + </ul> + </nav> + </div> +</div> +</footer> +</body> +</html> diff --git a/public/posts/post-1/index.html b/public/posts/post-1/index.html new file mode 100644 index 0000000..129968f --- /dev/null +++ b/public/posts/post-1/index.html @@ -0,0 +1,89 @@ +<!DOCTYPE html> +<html lang="en-US" dir="ltr"> +<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script> + <meta charset="utf-8"> +<meta name="viewport" content="width=device-width, initial-scale=1"> +<meta name="description" content="Writing about IT, life, and the things that matter."> +<meta name="theme-color" content="#060b10"> +<title>Post 1 | danilo m.</title> + + + <link rel="stylesheet" href="/css/main.css"> + + + <script src="/js/main.js"></script> + + +</head> +<body> + <div class="reading-progress"></div> + <header><div class="header-container"> + <a href="/" class="site-title">Danilo M.</a> + <div class="header-controls"> + <nav> + <ul> + + <li> + <a href="/articles/" > + articles + </a> + </li> + + <li> + <a href="/is/" > + about + </a> + </li> + + <li> + <a href="/is/here/" > + contact + </a> + </li> + + </ul> + </nav> + <button id="theme-toggle-btn" class="theme-toggle" aria-label="Toggle theme">🌙 dark</button> + </div> +</div> +</header> + <main> + <article class="page-page"> + <div class="container-narrow"> + <h1>Post 1</h1> + <div class="post-card-meta" style="margin-bottom: 2rem;"> + <span>Jan 15, 2023</span> + + </div> + + <div class="post-content"> + <p>Tempor proident minim aliquip reprehenderit dolor et ad anim Lorem duis sint eiusmod. Labore ut ea duis dolor. Incididunt consectetur proident qui occaecat incididunt do nisi Lorem. Tempor do laborum elit laboris excepteur eiusmod do. Eiusmod nisi excepteur ut amet pariatur adipisicing Lorem.</p> +<p>Occaecat nulla excepteur dolore excepteur duis eiusmod ullamco officia anim in voluptate ea occaecat officia. Cillum sint esse velit ea officia minim fugiat. Elit ea esse id aliquip pariatur cupidatat id duis minim incididunt ea ea. Anim ut duis sunt nisi. Culpa cillum sit voluptate voluptate eiusmod dolor. Enim nisi Lorem ipsum irure est excepteur voluptate eu in enim nisi. Nostrud ipsum Lorem anim sint labore consequat do.</p> + + </div> + </div> + </article> + + +</main> + <footer><div class="footer-container"> + <div class="footer-content"> + <div class="footer-copyright"> + © 2026 Danilo M.. All rights reserved. + </div> + <nav> + <ul class="footer-nav"> + + <li><a href="/articles/">articles</a></li> + + <li><a href="/is/">about</a></li> + + <li><a href="/is/here/">contact</a></li> + + </ul> + </nav> + </div> +</div> +</footer> +</body> +</html> diff --git a/public/posts/post-2/index.html b/public/posts/post-2/index.html new file mode 100644 index 0000000..9a56e90 --- /dev/null +++ b/public/posts/post-2/index.html @@ -0,0 +1,89 @@ +<!DOCTYPE html> +<html lang="en-US" dir="ltr"> +<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script> + <meta charset="utf-8"> +<meta name="viewport" content="width=device-width, initial-scale=1"> +<meta name="description" content="Writing about IT, life, and the things that matter."> +<meta name="theme-color" content="#060b10"> +<title>Post 2 | danilo m.</title> + + + <link rel="stylesheet" href="/css/main.css"> + + + <script src="/js/main.js"></script> + + +</head> +<body> + <div class="reading-progress"></div> + <header><div class="header-container"> + <a href="/" class="site-title">Danilo M.</a> + <div class="header-controls"> + <nav> + <ul> + + <li> + <a href="/articles/" > + articles + </a> + </li> + + <li> + <a href="/is/" > + about + </a> + </li> + + <li> + <a href="/is/here/" > + contact + </a> + </li> + + </ul> + </nav> + <button id="theme-toggle-btn" class="theme-toggle" aria-label="Toggle theme">🌙 dark</button> + </div> +</div> +</header> + <main> + <article class="page-page"> + <div class="container-narrow"> + <h1>Post 2</h1> + <div class="post-card-meta" style="margin-bottom: 2rem;"> + <span>Feb 15, 2023</span> + + </div> + + <div class="post-content"> + <p>Anim eiusmod irure incididunt sint cupidatat. Incididunt irure irure irure nisi ipsum do ut quis fugiat consectetur proident cupidatat incididunt cillum. Dolore voluptate occaecat qui mollit laborum ullamco et. Ipsum laboris officia anim laboris culpa eiusmod ex magna ex cupidatat anim ipsum aute. Mollit aliquip occaecat qui sunt velit ut cupidatat reprehenderit enim sunt laborum. Velit veniam in officia nulla adipisicing ut duis officia.</p> +<p>Exercitation voluptate irure in irure tempor mollit Lorem nostrud ad officia. Velit id fugiat occaecat do tempor. Sit officia Lorem aliquip eu deserunt consectetur. Aute proident deserunt in nulla aliquip dolore ipsum Lorem ut cupidatat consectetur sit sint laborum. Esse cupidatat sit sint sunt tempor exercitation deserunt. Labore dolor duis laborum est do nisi ut veniam dolor et nostrud nostrud.</p> + + </div> + </div> + </article> + + +</main> + <footer><div class="footer-container"> + <div class="footer-content"> + <div class="footer-copyright"> + © 2026 Danilo M.. All rights reserved. + </div> + <nav> + <ul class="footer-nav"> + + <li><a href="/articles/">articles</a></li> + + <li><a href="/is/">about</a></li> + + <li><a href="/is/here/">contact</a></li> + + </ul> + </nav> + </div> +</div> +</footer> +</body> +</html> diff --git a/public/posts/post-3/bryce-canyon.jpg b/public/posts/post-3/bryce-canyon.jpg Binary files differnew file mode 100644 index 0000000..9a923be --- /dev/null +++ b/public/posts/post-3/bryce-canyon.jpg diff --git a/public/posts/post-3/index.html b/public/posts/post-3/index.html new file mode 100644 index 0000000..7322f06 --- /dev/null +++ b/public/posts/post-3/index.html @@ -0,0 +1,90 @@ +<!DOCTYPE html> +<html lang="en-US" dir="ltr"> +<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script> + <meta charset="utf-8"> +<meta name="viewport" content="width=device-width, initial-scale=1"> +<meta name="description" content="Writing about IT, life, and the things that matter."> +<meta name="theme-color" content="#060b10"> +<title>Post 3 | danilo m.</title> + + + <link rel="stylesheet" href="/css/main.css"> + + + <script src="/js/main.js"></script> + + +</head> +<body> + <div class="reading-progress"></div> + <header><div class="header-container"> + <a href="/" class="site-title">Danilo M.</a> + <div class="header-controls"> + <nav> + <ul> + + <li> + <a href="/articles/" > + articles + </a> + </li> + + <li> + <a href="/is/" > + about + </a> + </li> + + <li> + <a href="/is/here/" > + contact + </a> + </li> + + </ul> + </nav> + <button id="theme-toggle-btn" class="theme-toggle" aria-label="Toggle theme">🌙 dark</button> + </div> +</div> +</header> + <main> + <article class="page-page"> + <div class="container-narrow"> + <h1>Post 3</h1> + <div class="post-card-meta" style="margin-bottom: 2rem;"> + <span>Mar 15, 2023</span> + + </div> + + <div class="post-content"> + <p>Occaecat aliqua consequat laborum ut ex aute aliqua culpa quis irure esse magna dolore quis. Proident fugiat labore eu laboris officia Lorem enim. Ipsum occaecat cillum ut tempor id sint aliqua incididunt nisi incididunt reprehenderit. Voluptate ad minim sint est aute aliquip esse occaecat tempor officia qui sunt. Aute ex ipsum id ut in est velit est laborum incididunt. Aliqua qui id do esse sunt eiusmod id deserunt eu nostrud aute sit ipsum. Deserunt esse cillum Lorem non magna adipisicing mollit amet consequat.</p> +<p><img src="bryce-canyon.jpg" alt="Bryce Canyon National Park"></p> +<p>Sit excepteur do velit veniam mollit in nostrud laboris incididunt ea. Amet eu cillum ut reprehenderit culpa aliquip labore laborum amet sit sit duis. Laborum id proident nostrud dolore laborum reprehenderit quis mollit nulla amet veniam officia id id. Aliquip in deserunt qui magna duis qui pariatur officia sunt deserunt.</p> + + </div> + </div> + </article> + + +</main> + <footer><div class="footer-container"> + <div class="footer-content"> + <div class="footer-copyright"> + © 2026 Danilo M.. All rights reserved. + </div> + <nav> + <ul class="footer-nav"> + + <li><a href="/articles/">articles</a></li> + + <li><a href="/is/">about</a></li> + + <li><a href="/is/here/">contact</a></li> + + </ul> + </nav> + </div> +</div> +</footer> +</body> +</html> |
