website/index.html
informaticker 785801a375 PGP
2024-11-15 00:04:09 +01:00

337 lines
16 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"></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>
<!-- Projects Section -->
<section id="projects" class="section">
<div class="section-title">PROJECTS</div>
<div class="project-grid">
<div class="project-card">
<div class="project-header">
<div class="project-title">CAS</div>
</div>
<div class="project-content">
<div class="project-description">
Open-Source Language Model interface for use in
web browsers.
</div>
<div class="project-tech-stack">
<span class="tech-tag">JavaScript</span>
<span class="tech-tag">LLama</span>
</div>
<a
href="https://git.elia.network/elia/cas/"
class="contact-method"
>
<span class="method-icon"></span>
<span class="method-details">
<span class="method-name">Repository</span>
<span class="method-address"
>git.elia.network/elia/cas</span
>
</span>
<span class="connection-indicator"></span>
</a>
</div>
</div>
<div class="project-card">
<div class="project-header">
<div class="project-title">cchat</div>
</div>
<div class="project-content">
<div class="project-description">
Language model interface designed for autonomous
agents that utilize the internet.
</div>
<div class="project-tech-stack">
<span class="tech-tag">Python</span>
<span class="tech-tag">LLama</span>
</div>
<a
href="https://git.elia.network/informaticker/cchat"
class="contact-method"
>
<span class="method-icon"></span>
<span class="method-details">
<span class="method-name">Repository</span>
<span class="method-address"
>git.elia.network/informaticker/cchat</span
>
</span>
<span class="connection-indicator"></span>
</a>
</div>
</div>
<div class="project-card">
<div class="project-header">
<div class="project-title">
discord-jellyfin-bot
</div>
</div>
<div class="project-content">
<div class="project-description">
Discord music bot utilizing Jellyfin to play
your own music at crisp 96kbps Opus quality.
</div>
<div class="project-tech-stack">
<span class="tech-tag">Python</span>
<span class="tech-tag">Discord</span>
<span class="tech-tag">TypeScript</span>
</div>
<a
href="https://git.elia.network/informaticker/discord-jellyfin-bot"
class="contact-method"
>
<span class="method-icon"></span>
<span class="method-details">
<span class="method-name">Repository</span>
<span class="method-address"
>git.elia.network/.../discord-jellyfin-bot</span
>
</span>
<span class="connection-indicator"></span>
</a>
</div>
</div>
<div class="project-card">
<div class="project-header">
<div class="project-title">netwatch</div>
</div>
<div class="project-content">
<div class="project-description">
Monitor internet connectivity in regions of war
and conflict.
</div>
<div class="project-tech-stack">
<span class="tech-tag">Python</span>
<span class="tech-tag">Networking</span>
</div>
<a
href="https://git.elia.network/elia/netwatch"
class="contact-method"
>
<span class="method-icon"></span>
<span class="method-details">
<span class="method-name">Repository</span>
<span class="method-address"
>git.elia.network/elia/netwatch</span
>
</span>
<span class="connection-indicator"></span>
</a>
<a
href="https://netwatch.elia.network"
class="contact-method"
>
<span class="method-icon"></span>
<span class="method-details">
<span class="method-name"
>Live Instance</span
>
<span class="method-address"
>netwatch.elia.network</span
>
</span>
<span class="connection-indicator"></span>
</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>
</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>
<a href="/pgp.txt" class="contact-method">
<span class="method-icon"></span>
<span class="method-details">
<span class="method-name">PGP</span>
<span class="method-address"
>Public Key</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>