add clouds

This commit is contained in:
Joshua Seigler 2025-05-08 00:50:14 -04:00
parent 3fe0503063
commit 3ccf32b6f2
7 changed files with 203 additions and 33 deletions

View file

@ -20,20 +20,36 @@
}
input.addEventListener('change', function () {
const newValue = this.value;
localStorage.setItem("language", newValue);
document.body.setAttribute('data-font', newValue);
localStorage.setItem("language", newValue);
document.body.setAttribute('data-font', newValue);
})
})
</script>
</div>
</nav>
<h1>{{ tag | capitalize if tag else title }}</h1>
<div class="header-meta">
{%-if author -%}
<author>{{ author }}</author>
{%- endif -%}
{%- if date -%}
<date>{{ date | formatDate("MMMM D, YYYY") }}</date>
{%- endif -%}
<div class="scene">
<div class="sky">
<div id="brand">
<h1>{{ tag | capitalize if tag else title }}</h1>
<div class="header-meta">
{%- if author -%}
<author>{{ author }}</author>
{%- endif -%}
{%- if date -%}
<date>{{ date | formatDate("MMMM D, YYYY") }}</date>
{%- endif -%}
</div>
</div>
<div class="cloud" style="--n: 0"></div>
<div class="cloud" style="--n: 1"></div>
<div class="cloud" style="--n: 2"></div>
<div class="cloud" style="--n: 3"></div>
<div class="cloud" style="--n: 4"></div>
<div class="cloud" style="--n: 5"></div>
<div class="cloud" style="--n: 6"></div>
<div class="cloud" style="--n: 7"></div>
<div class="cloud" style="--n: 8"></div>
<div class="cloud" style="--n: 9"></div>
</div>
</div>
</header>