#2 GradienTVorTex

webmural · Nov 26, 2024 · d925529 · d925529
1 parent c78a991
commit d925529
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -1,14 +1,18 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" class="fouc">
 <meta charset="utf-8">
 
 <title>LUCY mural</title>
 
 <meta name="viewport" content="width=device-width">
-<meta name="theme-color" content="hotpink">
+<meta name="theme-color" content="#fab">
 <meta name="color-scheme" content="light">
 <meta name="description" content="instant message everywhere">
 
+<style>
+  .fouc { background-color: #fab }
+</style>
+
 <link rel="stylesheet" href="spice.css" media=(color)>
 <link rel="stylesheet" href="space.css" media="all">
 <link rel="home" href="https://webmural.com">
@@ -18,7 +22,7 @@
 <link rel href="https://s9a.page">
 
 <article>
-  <h1 class="gel" id="79">
+  <h1 class="gel" id="lucy">
     <a href="https://webmural.com/nature"><cite>Lucy</cite></a>
   </h1>
   <p class="gel air">

diff --git a/space.css b/space.css
@@ -1,6 +1,6 @@
 html {
   font-family: sans-serif;
-  font-size: max(3ch, 3vmax + 3vmin);
+  font-size: max(3ch, 3vmax + 5vmin);
 }
 
 body {

diff --git a/spice.css b/spice.css
@@ -1,5 +1,6 @@
 :root {
-  background: silver;
+  background-color: #fab;
+  background-image: radial-gradient(#1ed, plum, skyblue, #fab, #fab, skyblue, plum, #1ed);
   background-image: conic-gradient(#1ed, plum, skyblue, #fab, #fab, skyblue, plum, #1ed);
   color: indigo;
 }