changes
This commit is contained in:
informaticker
parent
1a1d318d74
commit
10ecdcf319
@ -54,7 +54,6 @@ body {
|
|||||||
color: rgba(255, 255, 255, 1);
|
color: rgba(255, 255, 255, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Section Styles */
|
|
||||||
.section {
|
.section {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
padding: 20px 0;
|
padding: 20px 0;
|
||||||
@ -69,7 +68,6 @@ body {
|
|||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Header Styles */
|
|
||||||
.header {
|
.header {
|
||||||
border-bottom: 1px solid #2a5a5a;
|
border-bottom: 1px solid #2a5a5a;
|
||||||
padding-bottom: 10px;
|
padding-bottom: 10px;
|
||||||
@ -255,7 +253,6 @@ body {
|
|||||||
transform: scale(1.02);
|
transform: scale(1.02);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Entry and Link Styles */
|
|
||||||
.entry-list {
|
.entry-list {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
@ -289,7 +286,36 @@ body {
|
|||||||
color: #c5e5e5;
|
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 {
|
.contact-links {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@ -311,70 +337,9 @@ body {
|
|||||||
.contact-link:hover {
|
.contact-link:hover {
|
||||||
border-color: #c5e5e5;
|
border-color: #c5e5e5;
|
||||||
background: rgba(42, 90, 90, 0.1);
|
background: rgba(42, 90, 90, 0.1);
|
||||||
transform: translateX(5px);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact-icon {
|
.contact-icon {
|
||||||
margin-right: 15px;
|
margin-right: 15px;
|
||||||
font-size: 24px;
|
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
87
index.html
@ -79,7 +79,7 @@
|
|||||||
<div class="project-content">
|
<div class="project-content">
|
||||||
<p>
|
<p>
|
||||||
Open-Source Language Model interface for use in web
|
Open-Source Language Model interface for use in web
|
||||||
browsers. If ykyk.
|
browsers.
|
||||||
</p>
|
</p>
|
||||||
<div class="project-links">
|
<div class="project-links">
|
||||||
<a
|
<a
|
||||||
@ -93,14 +93,40 @@
|
|||||||
|
|
||||||
<div class="project-item" onclick="toggleProject(this)">
|
<div class="project-item" onclick="toggleProject(this)">
|
||||||
<div class="project-header">
|
<div class="project-header">
|
||||||
<div class="entry">NETWORK</div>
|
<div class="entry">cchat</div>
|
||||||
<span class="expand-icon">+</span>
|
<span class="expand-icon">+</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="project-content">
|
<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">
|
<div class="project-links">
|
||||||
<a href="#" class="project-link">⎮ DOCS →</a>
|
<a
|
||||||
<a href="#" class="project-link">⎔ STATUS →</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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -109,61 +135,20 @@
|
|||||||
<section id="status" class="section">
|
<section id="status" class="section">
|
||||||
<div class="section-title">SYSTEM STATUS</div>
|
<div class="section-title">SYSTEM STATUS</div>
|
||||||
<div id="status-container" class="status-grid">
|
<div id="status-container" class="status-grid">
|
||||||
<div class="status-group">
|
<div class="status-group"></div>
|
||||||
<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>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section id="contact" class="section">
|
<section id="contact" class="section">
|
||||||
<div class="section-title">CONTACT</div>
|
<div class="section-title">CONTACT</div>
|
||||||
<div class="contact-links">
|
<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>
|
<span class="contact-icon">✉</span>
|
||||||
admin@elia.network
|
NOC EMAIL
|
||||||
</a>
|
</a>
|
||||||
<a
|
<a href="https://t.me/beslikmeister" class="contact-link">
|
||||||
href="https://github.com/informaticker"
|
|
||||||
class="contact-link"
|
|
||||||
>
|
|
||||||
<span class="contact-icon">⎆</span>
|
<span class="contact-icon">⎆</span>
|
||||||
github.com/informaticker
|
TELEGRAM
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user