From 0a1e36ccc83bc655db50e9ab70c7c4cfcb1eeadf Mon Sep 17 00:00:00 2001
From: Francesco <inbox@francescorocca.me>
Date: Mon, 4 Aug 2025 23:29:07 +0200
Subject: [PATCH] new homepage

---
 www/favicon.ico | Bin 0 -> 2825 bytes
 www/index.html  |  21 ++++++++++++++-----
 www/style.css   |  54 ++++++++++++++++++++++++++++++++++++++++--------
 3 files changed, 61 insertions(+), 14 deletions(-)
 create mode 100644 www/favicon.ico

diff --git a/www/favicon.ico b/www/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..f9589d0e6b64a3b53f4d5e6532cd4599d441c482
GIT binary patch
literal 2825
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
bL@f9}y4yuGwM(fT00000NkvXXu0mjfQG#5F

literal 0
HcmV?d00001

diff --git a/www/index.html b/www/index.html
index 574aa99..2b9b2d0 100644
--- a/www/index.html
+++ b/www/index.html
@@ -4,7 +4,8 @@
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>CWS</title>
+    <title>cws</title>
+    <link rel="icon" href="/favicon.ico" />
     <link rel="stylesheet" href="style.css" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
@@ -12,10 +13,20 @@
 </head>
 
 <body>
-    <div>
-        <h1>Hello from <span class="highlight">CWS</span>!</h1>
-        <p>Open an image <a href="/cws.jpg" target="_blank">here</a>.</p>
-    </div>
+    <main>
+        <h1>Hello from <span class="highlight">cws</span>!</h1>
+        <p>
+            Open an image
+            <a href="/cws.jpg" target="_blank" rel="noopener noreferrer">here</a>.
+        </p>
+    </main>
+
+    <footer class="icon-credit">
+        <a target="_blank" href="https://icons8.com/icon/38796/linux">Linux</a>
+        icon by
+        <a target="_blank" href="https://icons8.com">Icons8</a>
+    </footer>
+
 </body>
 
 </html>
\ No newline at end of file
diff --git a/www/style.css b/www/style.css
index ea8d8e3..42571f2 100644
--- a/www/style.css
+++ b/www/style.css
@@ -2,11 +2,29 @@ body {
     margin: 0;
     height: 100vh;
     font-family: "Montserrat", sans-serif;
-    background: linear-gradient(135deg, #ff6a6a, #ff9472);
+    background: linear-gradient(135deg, #3a8ddb, #6dd5fa);
     display: flex;
     justify-content: center;
     align-items: center;
     color: white;
+    animation: fadeIn 1s ease-out;
+}
+
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+        transform: translateY(10px);
+    }
+
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+main {
+    text-align: center;
+    padding: 1rem;
 }
 
 h1 {
@@ -16,7 +34,7 @@ h1 {
 }
 
 .highlight {
-    color: #ffe678;
+    color: #d1b3ff;
 }
 
 p {
@@ -36,14 +54,32 @@ a:hover {
     color: #ffe678;
 }
 
-@keyframes fadeIn {
-    from {
-        opacity: 0;
-        transform: translateY(10px);
+.icon-credit {
+    position: absolute;
+    bottom: 10px;
+    width: 100%;
+    text-align: center;
+    font-size: 0.8rem;
+    color: #cccccc;
+}
+
+.icon-credit a {
+    color: #cccccc;
+    text-decoration: none;
+    transition: color 0.3s;
+}
+
+.icon-credit a:hover {
+    color: #ffffff;
+}
+
+/* Mobile tweaks */
+@media (max-width: 480px) {
+    h1 {
+        font-size: 2.2rem;
     }
 
-    to {
-        opacity: 1;
-        transform: translateY(0);
+    p {
+        font-size: 1rem;
     }
 }
\ No newline at end of file