summaryrefslogtreecommitdiffstats
path: root/themes/danix-xyz-hacker/layouts
diff options
context:
space:
mode:
Diffstat (limited to 'themes/danix-xyz-hacker/layouts')
-rw-r--r--themes/danix-xyz-hacker/layouts/_default/baseof.html11
-rw-r--r--themes/danix-xyz-hacker/layouts/_default/single.html2
-rw-r--r--themes/danix-xyz-hacker/layouts/articles/single.html2
-rw-r--r--themes/danix-xyz-hacker/layouts/is/list.html2
-rw-r--r--themes/danix-xyz-hacker/layouts/partials/article-list-item.html2
5 files changed, 14 insertions, 5 deletions
diff --git a/themes/danix-xyz-hacker/layouts/_default/baseof.html b/themes/danix-xyz-hacker/layouts/_default/baseof.html
index 7e8338a..efeba38 100644
--- a/themes/danix-xyz-hacker/layouts/_default/baseof.html
+++ b/themes/danix-xyz-hacker/layouts/_default/baseof.html
@@ -27,7 +27,7 @@
{{ $chroma := resources.Get "css/chroma-custom.css" | minify }}
<link rel="stylesheet" href="{{ $chroma.RelPermalink }}">
</head>
-<body class="bg-bg text-text antialiased">
+<body class="bg-bg text-text antialiased" data-page-kind="{{ if .IsHome }}home{{ else }}other{{ end }}">
<!-- Reading progress bar (only on single pages/articles) -->
{{ if eq .Kind "page" }}
<div
@@ -48,6 +48,9 @@
z-index: -1;
"></div>
+ <!-- Matrix rain canvas background -->
+ <canvas id="matrix-rain" aria-hidden="true"></canvas>
+
<!-- Theme toggle & language toggle (before Alpine loads to prevent flash) -->
<script>
(function() {
@@ -93,5 +96,11 @@
{{ $progressScript := resources.Get "js/reading-progress.js" | minify }}
<script src="{{ $progressScript.RelPermalink }}"></script>
{{ end }}
+
+ <!-- Matrix rain background effect -->
+ {{ with resources.Get "js/matrix-rain.js" }}
+ {{ $s := . | minify }}
+ <script src="{{ $s.RelPermalink }}"></script>
+ {{ end }}
</body>
</html>
diff --git a/themes/danix-xyz-hacker/layouts/_default/single.html b/themes/danix-xyz-hacker/layouts/_default/single.html
index 16d519f..5707968 100644
--- a/themes/danix-xyz-hacker/layouts/_default/single.html
+++ b/themes/danix-xyz-hacker/layouts/_default/single.html
@@ -1,6 +1,6 @@
{{ define "main" }}
<article class="mx-auto px-4 py-12">
- <div class="grid md:grid-cols-3 gap-8 max-w-7xl mx-auto">
+ <div class="grid md:grid-cols-3 gap-8 max-w-7xl mx-auto content-grid">
<!-- Article section -->
<div class="md:col-span-2">
<!-- Article header -->
diff --git a/themes/danix-xyz-hacker/layouts/articles/single.html b/themes/danix-xyz-hacker/layouts/articles/single.html
index 93abdb6..fe2ff6e 100644
--- a/themes/danix-xyz-hacker/layouts/articles/single.html
+++ b/themes/danix-xyz-hacker/layouts/articles/single.html
@@ -2,7 +2,7 @@
{{ $articleType := .Params.type | default "life" }}
{{ $template := printf "article-types/%s.html" $articleType }}
<article class="mx-auto px-4 py-12">
- <div class="grid md:grid-cols-3 gap-8 max-w-7xl mx-auto">
+ <div class="grid md:grid-cols-3 gap-8 max-w-7xl mx-auto content-grid">
<!-- Article section -->
<div class="md:col-span-2">
<!-- Article header -->
diff --git a/themes/danix-xyz-hacker/layouts/is/list.html b/themes/danix-xyz-hacker/layouts/is/list.html
index 7535a37..1184b18 100644
--- a/themes/danix-xyz-hacker/layouts/is/list.html
+++ b/themes/danix-xyz-hacker/layouts/is/list.html
@@ -1,6 +1,6 @@
{{ define "main" }}
<div class="mx-auto px-4 py-12">
- <div class="grid md:grid-cols-3 gap-8">
+ <div class="grid md:grid-cols-3 gap-8 max-w-7xl mx-auto content-grid">
<!-- Article section -->
<div class="md:col-span-2">
<!-- Article header -->
diff --git a/themes/danix-xyz-hacker/layouts/partials/article-list-item.html b/themes/danix-xyz-hacker/layouts/partials/article-list-item.html
index 70d530c..29f8d2b 100644
--- a/themes/danix-xyz-hacker/layouts/partials/article-list-item.html
+++ b/themes/danix-xyz-hacker/layouts/partials/article-list-item.html
@@ -13,7 +13,7 @@
{{ end }}
{{ end }}
-<article class="border border-border/30 rounded-lg overflow-hidden hover:border-accent/50 transition-all duration-200 group">
+<article class="border border-border/30 rounded-lg overflow-hidden hover:border-accent/50 transition-all duration-200 group bg-bg">
<!-- Thumbnail -->
{{ if $imageURL }}
<a href="{{ .RelPermalink }}" class="block overflow-hidden bg-surface/50 relative" tabindex="-1">