generated from webmural/formula
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
40 lines (35 loc) · 2.75 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<html lang="en" class="dew-media dew-wet dew-tab dew-ion dew-shift">
<meta charset="utf-8">
<title>i'm a lotus</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark">
<meta name="theme-color" content="thistle">
<meta name="description" content="i'm in harmony with all elements">
<meta name="creator" content="*">
<style media=(color) data-help="https://s9a.page/dew" data-tag="v0.3.0">
@media (prefers-reduced-motion:no-preference){.dew-shift,.dew-shift *{transition:var(--dew-shift)}}.dew-wet,.dew-wet *{background-color:var(--dew-oil);color:var(--dew-ink)}.dew-rim,.dew-rim *{border-color:var(--dew-rim)}.dew-hyper,.dew-hyper :any-link{filter:var(--dew-hyper)}.dew-tab :focus,.dew-tab:focus{filter:var(--dew-focus);outline-color:var(--dew-locus)}.dew-field:disabled{filter:var(--dew-vapor)}.dew-image{background-image:none}.dew-lunar.dew-lunar,.dew-media.dew-media,.dew-polar.dew-polar,.dew-solar.dew-solar{fill:var(--dew-oil);background-color:var(--dew-oil);color:var(--dew-ink)}:root{--dew-hyper:none;--dew-media:var(--dew-solar);--dew-polar:var(--dew-lunar);--dew-oil:var(--dew-media);--dew-ink:var(--dew-polar);--dew-rim:var(--dew-ink);--dew-shift:none;--dew-slick:mistyrose;--dew-slime:deeppink;--dew-solar:orchid;--dew-lunar:#111;--dew-locus:currentColor;--dew-focus:invert(100%);--dew-hover:none;--dew-vapor:opacity(60%)}.dew-ion ::selection{background-color:var(--dew-slick);color:var(--dew-slime)}:any-link:hover{--dew-hyper:var(--dew-hover)}:any-link:focus{--dew-hyper:var(--dew-focus)}.dew-media{--dew-oil:var(--dew-media);--dew-ink:var(--dew-polar)}.dew-polar{--dew-oil:var(--dew-polar);--dew-ink:var(--dew-media)}.dew-solar{--dew-oil:var(--dew-solar);--dew-ink:var(--dew-lunar)}.dew-lunar{--dew-oil:var(--dew-lunar);--dew-ink:var(--dew-solar)}@media (prefers-color-scheme:dark){:root{--dew-media:var(--dew-lunar);--dew-polar:var(--dew-solar)}}
</style>
<link rel="stylesheet" href="formula.css">
<link rel="icon" href="icon.svg">
<link rel="help" href="https://s9a.page/dew">
<h1 class="voz">i'm a lotus</h1>
<ul class="unity" aria-label="unity">
<li class="unified dew-solar dew-sun">
<p class="top">my <b>flower</b><br>reaches for<br><b>sun</b> power
<li class="unified dew-solar dew-air">
<p class="bottom">my <b>leaves</b><br>breathe<br><b>breezes</b>
<li class="unified dew-solar dew-h20">
<p class="dew-top">my <b>stem</b><br>stands<br>in <b>water</b>
<li class="unified dew-solar dew-mud">
<p class="bottom">my roots<br>grow deep<br>into <b>mud</b>
</ul>
<ul hidden>
<li lang="en">lotus flower
<li lang="es">flor de loto
<li lang="it">fiore di loto
<li lang="fr">fleur de lotus
<li lang="pt">flor de Lotus
<li lang="sl">lotus cvet
<li lang="ga">bláth lotus
</ul>