website/index.html
elijah 2746f73cff
All checks were successful
Deploy / deploy (push) Successful in 9s
JS refactor and new contact page
2024-11-04 15:42:18 +01:00

260 lines
11 KiB
HTML

<!doctype html>
<html>
<head>
<title>elia dot network</title>
<link rel="stylesheet" href="assets/index.css" />
<meta charset="UTF-8" />
</head>
<body>
<nav class="sidebar">
<a href="#about" class="nav-icon">
<span class="icon"></span>
<span class="nav-label">ABOUT</span>
</a>
<a href="#projects" class="nav-icon">
<span class="icon"></span>
<span class="nav-label">PROJECTS</span>
</a>
<a href="#status" class="nav-icon">
<span class="icon"></span>
<span class="nav-label">STATUS</span>
</a>
<a href="#contact" class="nav-icon">
<span class="icon"></span>
<span class="nav-label">CONTACT</span>
</a>
</nav>
<div class="terminal">
<section id="about" class="section">
<div class="header">
<div class="header-metrics">
<div class="timestamp" id="current-time"></div>
<div class="separator">|</div>
<div class="status-average" id="average-uptime">Initializing...</div>
</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="#" class="entry-link"
>RESEARCH (SEE BELOW)</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 class="entry">
RESEARCH
<div class="nested-entries">
<div class="entry">
<a
href="https://huggingface.co/informatiker"
class="entry-link"
>NLP</a
>
</div>
<div class="entry">
<a
href="https://netwatch.elia.network"
class="entry-link"
>INTERNET IN TIMES OF WAR</a
>
</div>
</div>
</div>
</div>
</section>
<section id="projects" class="section">
<div class="section-title">PROJECTS</div>
<div class="project-item">
<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.
</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">
<div class="project-header">
<div class="entry">cchat</div>
<span class="expand-icon">+</span>
</div>
<div class="project-content">
<p>
Language model interface designed for autonomous
agents that utilize the internet.
</p>
<div class="project-links">
<a
href="https://git.elia.network/informaticker/cchat"
class="project-link"
>⎔ GIT →</a
>
</div>
</div>
</div>
<div class="project-item">
<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 class="project-item">
<div class="project-header">
<div class="entry">netwatch</div>
<span class="expand-icon">+</span>
</div>
<div class="project-content">
<p>
Monitor internet connectivity in regions of war and
conflict.
</p>
<div class="project-links">
<a
href="https://git.elia.network/elia/netwatch"
class="project-link"
>⎔ GIT →</a
>
</div>
<div class="project-links">
<a
href="https://netwatch.elia.network"
class="project-link"
>⎔ NETWATCH →</a
>
</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>
</div>
</section>
<section id="contact" class="section">
<div class="section-title">CONTACT</div>
<div class="contact-grid">
<div class="contact-card">
<div class="contact-header">
<div class="contact-type">NETWORK</div>
<div class="connection-status">
<span class="status-dot"></span>
EMAIL
</div>
</div>
<div class="contact-content">
<a href="mailto:alerts@elia.network" class="contact-method">
<span class="method-icon"></span>
<span class="method-details">
<span class="method-name">ALERTS</span>
<span class="method-address">alerts@elia.network</span>
</span>
<span class="connection-indicator"></span>
</a>
<a href="mailto:noc@elia.network" class="contact-method">
<span class="method-icon"></span>
<span class="method-details">
<span class="method-name">NOC</span>
<span class="method-address">noc@elia.network</span>
</span>
<span class="connection-indicator"></span>
</a>
</div>
</div>
<div class="contact-card">
<div class="contact-header">
<div class="contact-type">DIRECT</div>
<div class="connection-status">
<span class="status-dot"></span>
INSTANT MESSAGING
</div>
</div>
<div class="contact-content">
<a href="https://t.me/beslikmeister" class="contact-method">
<span class="method-icon"></span>
<span class="method-details">
<span class="method-name">TELEGRAM</span>
<span class="method-address">@beslikmeister</span>
</span>
<span class="connection-indicator"></span>
</a>
</div>
</div>
</div>
</section>
</div>
<script src="assets/index.js"></script>
</body>
</html>