From 10ecdcf3196db6b5e20952d01b35e7127bbb815b Mon Sep 17 00:00:00 2001
From: informaticker <me@elia.li>
Date: Sun, 27 Oct 2024 15:49:43 +0100
Subject: [PATCH] changes

---
 assets/index.css | 95 +++++++++++++++---------------------------------
 index.html       | 87 ++++++++++++++++++--------------------------
 2 files changed, 66 insertions(+), 116 deletions(-)

diff --git a/assets/index.css b/assets/index.css
index 5063156..bcfbf27 100644
--- a/assets/index.css
+++ b/assets/index.css
@@ -54,7 +54,6 @@ body {
     color: rgba(255, 255, 255, 1);
 }
 
-/* Section Styles */
 .section {
     height: 100vh;
     padding: 20px 0;
@@ -69,7 +68,6 @@ body {
     min-height: 100vh;
 }
 
-/* Header Styles */
 .header {
     border-bottom: 1px solid #2a5a5a;
     padding-bottom: 10px;
@@ -255,7 +253,6 @@ body {
     transform: scale(1.02);
 }
 
-/* Entry and Link Styles */
 .entry-list {
     margin-top: 10px;
 }
@@ -289,7 +286,36 @@ body {
     color: #c5e5e5;
 }
 
-/* Contact Styles */
+.nested-entries .entry {
+    color: #88aaaa;
+    font-size: 0.95em;
+}
+
+.nested-entries .entry:hover {
+    color: #c5e5e5;
+}
+
+.nested-entries .entry:hover::before {
+    color: #c5e5e5;
+}
+
+.project-link {
+    display: inline-block;
+    color: #c5e5e5;
+    text-decoration: none;
+    padding: 10px 15px;
+    border: 1px solid #2a5a5a;
+    transition: all 0.3s ease;
+    background: rgba(42, 90, 90, 0.05);
+    margin-top: 10px;
+}
+
+.project-link:hover {
+    border-color: #c5e5e5;
+    background: rgba(42, 90, 90, 0.1);
+    transform: translateX(5px);
+}
+
 .contact-links {
     display: flex;
     flex-direction: column;
@@ -311,70 +337,9 @@ body {
 .contact-link:hover {
     border-color: #c5e5e5;
     background: rgba(42, 90, 90, 0.1);
-    transform: translateX(5px);
 }
 
 .contact-icon {
     margin-right: 15px;
     font-size: 24px;
 }
-
-.nested-entries {
-    margin-left: 20px;
-    margin-top: 5px;
-}
-
-.nested-entries .entry {
-    color: #88aaaa;
-    font-size: 0.95em;
-}
-
-.entry {
-    margin: 10px 0;
-    padding-left: 20px;
-    position: relative;
-}
-
-.entry::before {
-    content: "▹";
-    color: #88aaaa;
-    position: absolute;
-    left: 0;
-    margin-right: 10px;
-}
-
-.entry-link {
-    color: inherit;
-    text-decoration: none;
-    transition: color 0.3s ease;
-}
-
-.entry-link:hover {
-    color: #c5e5e5;
-}
-
-.nested-entries .entry {
-    color: #88aaaa;
-}
-
-.nested-entries .entry:hover {
-    color: #c5e5e5;
-}
-
-.entry {
-    margin: 10px 0;
-    padding-left: 20px;
-    position: relative;
-}
-
-.entry::before {
-    content: "▹";
-    color: #88aaaa;
-    position: absolute;
-    left: 0;
-    margin-right: 10px;
-}
-
-.nested-entries .entry:hover::before {
-    color: #c5e5e5;
-}
diff --git a/index.html b/index.html
index ef3e8b3..95b6193 100644
--- a/index.html
+++ b/index.html
@@ -79,7 +79,7 @@
                     <div class="project-content">
                         <p>
                             Open-Source Language Model interface for use in web
-                            browsers. If ykyk.
+                            browsers.
                         </p>
                         <div class="project-links">
                             <a
@@ -93,14 +93,40 @@
 
                 <div class="project-item" onclick="toggleProject(this)">
                     <div class="project-header">
-                        <div class="entry">NETWORK</div>
+                        <div class="entry">cchat</div>
                         <span class="expand-icon">+</span>
                     </div>
                     <div class="project-content">
-                        <p>Infrastructure and networking solutions.</p>
+                        <p>
+                            Language model interface designed for autonomous
+                            agents that utilize the internet.
+                        </p>
                         <div class="project-links">
-                            <a href="#" class="project-link">⎮ DOCS →</a>
-                            <a href="#" class="project-link">⎔ STATUS →</a>
+                            <a
+                                href="https://git.elia.network/informaticker/cchat"
+                                class="project-link"
+                                >⎔ GIT →</a
+                            >
+                        </div>
+                    </div>
+                </div>
+
+                <div class="project-item" onclick="toggleProject(this)">
+                    <div class="project-header">
+                        <div class="entry">discord-jellyfin-bot</div>
+                        <span class="expand-icon">+</span>
+                    </div>
+                    <div class="project-content">
+                        <p>
+                            Discord music bot utilizing Jellyfin to play your
+                            own music at crisp 96kbps Opus quality.
+                        </p>
+                        <div class="project-links">
+                            <a
+                                href="https://git.elia.network/informaticker/discord-jellyfin-bot"
+                                class="project-link"
+                                >⎔ GIT →</a
+                            >
                         </div>
                     </div>
                 </div>
@@ -109,61 +135,20 @@
             <section id="status" class="section">
                 <div class="section-title">SYSTEM STATUS</div>
                 <div id="status-container" class="status-grid">
-                    <div class="status-group">
-                        <div class="status-item" onclick="toggleStatus(this)">
-                            <span class="status-indicator status-online"></span>
-                            <span class="service-name">MEDIA SERVER</span>
-                            <div class="status-details">
-                                <div class="status-metric">Uptime: 99.99%</div>
-                                <div class="status-metric">
-                                    Response Time: 120ms
-                                </div>
-                                <div class="status-metric">Load: Normal</div>
-                            </div>
-                        </div>
-
-                        <div class="status-item" onclick="toggleStatus(this)">
-                            <span
-                                class="status-indicator status-warning"
-                            ></span>
-                            <span class="service-name">CHAT SERVICE</span>
-                            <div class="status-details">
-                                <div class="status-metric">Uptime: 98.5%</div>
-                                <div class="status-metric">
-                                    Response Time: 350ms
-                                </div>
-                                <div class="status-metric">Load: High</div>
-                            </div>
-                        </div>
-
-                        <div class="status-item" onclick="toggleStatus(this)">
-                            <span class="status-indicator status-online"></span>
-                            <span class="service-name">DOCUMENTATION</span>
-                            <div class="status-details">
-                                <div class="status-metric">Uptime: 100%</div>
-                                <div class="status-metric">
-                                    Response Time: 89ms
-                                </div>
-                                <div class="status-metric">Load: Low</div>
-                            </div>
-                        </div>
-                    </div>
+                    <div class="status-group"></div>
                 </div>
             </section>
 
             <section id="contact" class="section">
                 <div class="section-title">CONTACT</div>
                 <div class="contact-links">
-                    <a href="mailto:contact@elia.network" class="contact-link">
+                    <a href="mailto:noc@elia.network" class="contact-link">
                         <span class="contact-icon">✉</span>
-                        admin@elia.network
+                        NOC EMAIL
                     </a>
-                    <a
-                        href="https://github.com/informaticker"
-                        class="contact-link"
-                    >
+                    <a href="https://t.me/beslikmeister" class="contact-link">
                         <span class="contact-icon">⎆</span>
-                        github.com/informaticker
+                        TELEGRAM
                     </a>
                 </div>
             </section>