#1 astrology anatomy dream

p9e · Oct 17, 2024 · a1a3ab5 · a1a3ab5
1 parent 03fb477
commit a1a3ab5
Show file tree

Hide file tree

Showing 3 changed files with 265 additions and 0 deletions.
diff --git a/chooze.css b/chooze.css
@@ -0,0 +1,62 @@
+:focus { outline: thick dotted }
+:any-link { color: unset }
+:any-link:hover { text-decoration-style: double }
+
+* { box-sizing: border-box }
+li { margin-block: 2ex }
+ol { list-style-type: decimal-leading-zero }
+
+p {
+  max-width: 30em;
+}
+
+html {
+  font-family: sans-serif;
+  font-size: max(3ch, 4vmin);
+  line-height: 1.618;
+}
+
+body {
+  display: flex;
+  flex-flow: column;
+  margin: 0;
+  overflow-wrap: anywhere;
+}
+
+footer,
+header {
+  contain: content;
+  display: flow-root;
+  padding: 1em;
+}
+
+h1 {
+  font-weight: unset;
+	font-size: 1.382em;
+	margin: 0;
+}
+
+h2 {
+  font-weight: unset;
+	font-size: 1.236em;
+	margin: 0;
+}
+
+article {
+  contain: content;
+  display: flex;
+  flex-flow: column;
+}
+
+dl {
+  padding: 1ex 1ch;
+}
+
+figure {
+  margin: 0;
+  padding: 1em;
+}
+
+figcaption { 
+  font-size: 1.236rem;
+}
diff --git a/energy.css b/energy.css
@@ -0,0 +1,56 @@
+/*
+opensource ooze color
+https://s9a.page/ooze
+https://s9a.org/ooze
+*/
+
+:root {
+  --heat: rgb(250, 50, 150);
+  --jupe: rgb(240, 180, 30);
+  --volt: rgb(240, 240, 30);
+  --lawn: rgb(90, 210, 90);
+  --moss: rgb(120, 210, 210);
+  --wind: rgb(150, 210, 240);
+  --teal: rgb(90, 180, 210);
+  --rain: rgb(90, 180, 270);
+  --pour: rgb(90, 150, 240);
+  --pulp: rgb(180, 90, 240);
+  --pynk: rgb(240, 120, 330); 
+  --punk: rgb(270, 120, 330);
+  --ooze: rgb(210, 210, 210);
+	--xxze: rgb(30, 10, 20);
+	--oooo: var(--ooze);
+	--xxxx: var(--xxze);
+}
+
+.ooze.ooze {
+  --oooo: var(--ooze);
+  --xxxx: var(--xxze);
+  background-color: var(--ooze);
+  color: var(--xxze);
+}
+
+.xxze.xxze {
+  --oooo: var(--xxze);
+  --xxxx: var(--ooze);
+  background-color: var(--xxze);
+  color: var(--ooze);
+}
+
+::selection {
+	background: var(--xxxx);
+  color: var(--oooo);
+}
+
+.heat { --ooze: var(--heat) }
+.jupe { --ooze: var(--jupe) }
+.volt { --ooze: var(--volt) }
+.lawn { --ooze: var(--lawn) }
+.moss { --ooze: var(--moss) }
+.wind { --ooze: var(--wind) }
+.teal { --ooze: var(--teal) }
+.rain { --ooze: var(--rain) }
+.pour { --ooze: var(--pour) }
+.pulp { --ooze: var(--pulp) }
+.pynk { --ooze: var(--pynk) }
+.punk { --ooze: var(--punk) }
diff --git a/index.html b/index.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html lang="en-US" class="ooze">
+<meta charset="utf-8">
+
+<title>astrology anatomy</title>
+
+<meta name="color-scheme" content="dark light">
+<meta name="theme-color" content="deepskyblue">
+<meta name="viewport" content="width=device-width">
+<meta name="description" content="astrology body parts guide">
+
+<link rel="stylesheet" href="energy.css" media="(color)">
+<link rel="stylesheet" href="chooze.css" media="all">
+<link rel="home" href="https://p9e.page">
+<link rel="help" href="https://s9a.page/ooze">
+
+<article>
+  <header class="ooze">
+    <h1>astrology anatomy</h1>
+    <p>
+      Astrology signs influence different body parts.
+      When the moon visits each sign the related
+      body parts become sensitive.
+      Best to choose diet and activity that 
+      keeps these body parts at <a href="https://p9e.page">peace️</a> ☮
+    </p>
+  </header>
+  <figure aria-label="list" class="xxze">
+    <ol>
+      <li id="aries">
+        <dl class="ooze heat">
+          <dt><a href="https://p9e.page/aries">aries</a>
+          <dd>head
+          <dd>eyes
+          <dd>teeth
+          <dd>tongue
+        </dl>
+      </li>
+      <li id="taurus">
+        <dl class="ooze pynk">
+          <dt>taurus
+          <dd>neck
+          <dd>throat
+          <dd>thyroid
+          <dd>voice box
+        </dl>
+      </li>
+      <li id="gemini">
+        <dl class="ooze wind">
+          <dt>gemini
+          <dd>lungs
+          <dd>airways
+          <dd>arms
+          <dd>hands
+          <dd>shoulders
+        </dl>
+      </li>
+      <li id="cancer">
+        <dl class="ooze rain">
+          <dt>cancer
+          <dd>breasts
+          <dd>stomach
+          <dd>mucosa
+          <dd>womb
+          <dd>ovary
+        </dl>
+      </li>
+      <li id="leo">
+        <dl class="ooze jupe">
+          <dt>leo
+          <dd>heart
+          <dd>aorta
+          <dd>upper back
+          <dd>vitality
+        </dl>
+      </li>
+      <li id="virgo">
+        <dl class="ooze lawn">
+          <dt>virgo
+          <dd>pancreas
+          <dd>digestion
+          <dd>abdomen
+        </dl>
+      </li>
+      <li id="libra">
+        <dl class="ooze punk">
+          <dt>libra
+          <dd>butt
+          <dd>kidneys
+          <dd>ureter
+          <dd>bladder
+        </dl>
+      </li>
+      <li id="scorpio">
+        <dl class="ooze pulp">
+          <dt>scorpio
+          <dd>genitals
+          <dd>urethra
+          <dd>prostate
+          <dd>pelvis
+          <dd>reproduction
+        </dl>
+      </li>
+      <li id="sagittarius">
+        <dl class="ooze volt">
+          <dt>sagittarius
+          <dd>liver
+          <dd>hips
+          <dd>thighs
+        </dl>
+      </li>
+      <li id="capricorn">
+        <dl class="ooze teal">
+          <dt>capricorn
+          <dd>skeleton
+          <dd>joints
+          <dd>knees
+          <dd>skin
+          <dd>hair
+        </dl>
+      </li>
+      <li id="aquarius">
+        <dl class="ooze moss">
+          <dt>aquarius
+          <dd>calves
+          <dd>ankles
+          <dd>shins
+          <dd>circulation
+        </dl>
+      </li>
+      <li id="pisces">
+        <dl class="ooze pour">
+          <dt>pisces
+          <dd>feet
+          <dd>pineal gland
+          <dd>nerves
+        </dl>
+      </li>
+    </ol>
+  </figure>
+  <footer class="ooze pulp">
+    <h2>thank you www and <a href="https://s9a.page/ooze">beyond</a></h2>
+    <p>
+      <a class="ooze pynk" href="https://octopus.boo">Enjoy your body ∞)</a>
+    </p>
+  </footer>
+</article>