elia/beta-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changes

Browse Source
This commit is contained in:
informaticker 2024-10-27 15:49:43 +01:00
parent 1a1d318d74
commit 10ecdcf319
2 changed files with 66 additions and 116 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

95
assets/index.css
View File

@ -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;
}

87
index.html
View File

@ -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>