From 9a7f28c2a81c26daa20b13fd59d819e9264d20af Mon Sep 17 00:00:00 2001
From: odilon <genot.clement@gmail.com>
Date: Sun, 6 Aug 2023 16:39:48 +0200
Subject: [PATCH] Add halo and carbon bg

---
 index.html                  |   3 +++
 static/carbon-fibre-big.png | Bin 0 -> 204 bytes
 static/style.css            |  21 ++++++++++++++++++++-
 3 files changed, 23 insertions(+), 1 deletion(-)
 create mode 100644 static/carbon-fibre-big.png
diff --git a/index.html b/index.html
index 43746bb..08d75d1 100644
--- a/index.html
+++ b/index.html
@@ -16,6 +16,9 @@
     </head>
     <body>
         <main>
+            {{if .power}}
+            <div class="halo"></div>
+            {{end}}
             <form method="post" {{if .power}}onsubmit="return confirmForm();"{{end}} class="center">
                 <div class="power-container">
                     <button type="submit" class="power-button {{if .power}}power-button--on{{end}} {{if .error}}power-button--error{{end}}">
diff --git a/static/carbon-fibre-big.png b/static/carbon-fibre-big.png
new file mode 100644
index 0000000000000000000000000000000000000000..ee6a75ae8ed774c99bd56b3d23e647cef189b9f6
GIT binary patch
literal 204
zcmeAS@N?(olHy`uVBq!ia0vp^B0wz0!3HD`IPL*alRaG=Lo808y}XgL!9c|IqIE;G
zMc-88CELBGy1ogvbdX{%(C6OIvFOt$L6Z-&Sop-^8W?yS*t&FY#}@Q3&S-qPMY2P#
zV9$YXsr(Ug2R?Bd*fyMG-ew*j`DU%un;U*CYSCMEpJQfQz%JEy`9|!Aru=u&0iIj9
yf`z6!ng&XSbpPTD5r!~@*Z$(4>QX=N9@nDmWABaTKa>PIkHOQ`&t;ucLK6Uqxk;h`

literal 0
HcmV?d00001

diff --git a/static/style.css b/static/style.css
index fd7f9c6..ad170ba 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,11 +1,23 @@
 html {
-    background-color: #444444;
+	background-color: rgb(30, 30, 30);
+	background-image: url("/static/carbon-fibre-big.png");
 }
 
 html, body, main {
     height: 100%;
 }
 
+.halo {
+	position: fixed;
+	top: calc(50% - 12px);
+	left: 50%;
+	transform: translate(-50%, -50%);
+	width: 500px;
+	height: 500px;
+	background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 50%);
+	z-index: -5;
+}
+
 .center {
     height: 100%;
     display: flex;
@@ -107,3 +119,10 @@ html, body, main {
 	box-shadow: inset 0px 1px 0px 0px rgba(250,250,250,0.5),
 				0px 0px 3px 2px rgba(135,187,83,0.5);
 }
+
+@media (min-width: 640px) {
+	.halo {
+		width: 900px;
+		height: 900px;	
+	}
+}
