add clouds
This commit is contained in:
parent
3fe0503063
commit
3ccf32b6f2
7 changed files with 203 additions and 33 deletions
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue