175 lines
7.5 KiB
HTML
175 lines
7.5 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<link rel="stylesheet" href="assets/index.css" />
|
|
<meta charset="UTF-8" />
|
|
</head>
|
|
<body>
|
|
<nav class="sidebar">
|
|
<a href="#about" class="nav-icon">⎮</a>
|
|
<a href="#projects" class="nav-icon">⎔</a>
|
|
<a href="#status" class="nav-icon">◈</a>
|
|
<a href="#contact" class="nav-icon">⊡</a>
|
|
</nav>
|
|
|
|
<div class="terminal">
|
|
<section id="about" class="section">
|
|
<div class="header">
|
|
<div class="timestamp" id="current-time"></div>
|
|
<div class="location">ZÜRICH, SWITZERLAND</div>
|
|
</div>
|
|
<div class="section-title">ELIA.NETWORK</div>
|
|
<div class="entry-list">
|
|
<div class="entry">
|
|
WHAT WE DO
|
|
<div class="nested-entries">
|
|
<div class="entry">
|
|
<a
|
|
href="https://status.elia.network"
|
|
class="entry-link"
|
|
>NETWORK INFRASTRUCTURE</a
|
|
>
|
|
</div>
|
|
<div class="entry">
|
|
<a
|
|
href="https://huggingface.co/informatiker"
|
|
class="entry-link"
|
|
>RESEARCH</a
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="entry">
|
|
SERVICES
|
|
<div class="nested-entries">
|
|
<div class="entry">
|
|
<a
|
|
href="https://media.elia.services"
|
|
class="entry-link"
|
|
>MEDIA</a
|
|
>
|
|
</div>
|
|
<div class="entry">
|
|
<a
|
|
href="https://docs.elia.network"
|
|
class="entry-link"
|
|
>DOCS</a
|
|
>
|
|
</div>
|
|
<div class="entry">
|
|
<a
|
|
href="https://chat.elia.services"
|
|
class="entry-link"
|
|
>CHAT</a
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="projects" class="section">
|
|
<div class="section-title">PROJECTS</div>
|
|
|
|
<div class="project-item" onclick="toggleProject(this)">
|
|
<div class="project-header">
|
|
<div class="entry">CAS</div>
|
|
<span class="expand-icon">+</span>
|
|
</div>
|
|
<div class="project-content">
|
|
<p>
|
|
Open-Source Language Model interface for use in web
|
|
browsers. If ykyk.
|
|
</p>
|
|
<div class="project-links">
|
|
<a
|
|
href="https://git.elia.network/elia/cas/"
|
|
class="project-link"
|
|
>⎔ GIT →</a
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="project-item" onclick="toggleProject(this)">
|
|
<div class="project-header">
|
|
<div class="entry">NETWORK</div>
|
|
<span class="expand-icon">+</span>
|
|
</div>
|
|
<div class="project-content">
|
|
<p>Infrastructure and networking solutions.</p>
|
|
<div class="project-links">
|
|
<a href="#" class="project-link">⎮ DOCS →</a>
|
|
<a href="#" class="project-link">⎔ STATUS →</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<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>
|
|
</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">
|
|
<span class="contact-icon">✉</span>
|
|
admin@elia.network
|
|
</a>
|
|
<a
|
|
href="https://github.com/informaticker"
|
|
class="contact-link"
|
|
>
|
|
<span class="contact-icon">⎆</span>
|
|
github.com/informaticker
|
|
</a>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<script src="assets/index.js"></script>
|
|
</body>
|
|
</html>
|