webionite.com/index.html

225 lines
10 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Ceda EI </title>
<link rel="stylesheet" type="text/css" href="index.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.7/css/fork-awesome.min.css" integrity="sha256-gsmEoJAws/Kd3CjuOQzLie5Q3yshhvmo7YNtBG7aaEY=" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Comfortaa:300,700|Roboto&display=swap" rel="stylesheet">
<meta name="Description" content="Homepage of Ceda EI." />
<meta property="og:description" content="Homepage of Ceda EI." />
<meta property="og:image" content="https://webionite.com/images/webionite.jpg" />
</head>
<body>
<div class="top-body">
<div class="left-pane">
<div class="page" id="home">
<img alt="Webionite Logo" src="images/webionite.svg" class="title-image"/>
<h1>Webionite</h1>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec augue risus. Praesent at lectus ante. Maecenas volutpat purus et eros vehicula, vitae scelerisque turpis iaculis. Pellentesque iaculis lectus at erat fermentum ultricies. Curabitur est ante, accumsan in tortor vitae, molestie elementum ante. Duis tristique tellus eu molestie porta. Mauris euismod id sem ut ultrices. </p>
</div>
<div class="page full-width" id="projects">
<h2>Projects</h2>
<div class="projects">
<div class="project">
<h3>Questable</h3>
<p>Questable is an RPG-like bot (and API Server) for maintaining events in real life.</p>
<div class="spacer"></div>
<div class="link">
<a href="https://t.me/questable_bot"><i class="fa fa-link"></i> Bot</a>
<a href="https://gitlab.com/questable/questable_bot"><i class="fa fa-link"></i> Source</a>
<a href="https://questable.webionite.com/api/"><i class="fa fa-link"></i> API</a>
</div>
</div>
<div class="project">
<h3>Questable CLI</h3>
<p>Command Line Interface for Questable using the Questable Server API.</p>
<div class="spacer"></div>
<div class="link">
<a href="https://gitlab.com/questable/questable-cli"><i class="fa fa-link"></i> Source</a>
</div>
</div>
<div class="project">
<h3>Wish</h3>
<p>Extensible Bash Prompt with support for plugins and themes.</p>
<div class="spacer"></div>
<div class="link">
<a href="https://gitlab.com/ceda_ei/wish"><i class="fa fa-link"></i> Source</a>
</div>
</div>
<div class="project">
<h3>Sky</h3>
<p>A simple terminal based weather monitor.</p>
<div class="spacer"></div>
<div class="link">
<a href="https://gitlab.com/ceda_ei/sky"><i class="fa fa-link"></i> Source and Help</a>
</div>
</div>
<div class="project">
<h3>Quadnite Bot</h3>
<p>A simple telegram bot that makes chats in group more fun.</p>
<div class="spacer"></div>
<div class="link">
<a href="https://t.me/quadnite_bot"><i class="fa fa-link"></i> Bot</a>
<a href="https://gitlab.com/ceda_ei/Quadnite-Bot"><i class="fa fa-link"></i> Source</a>
</div>
</div>
<div class="project">
<h3>Minetest Telegram Bridge</h3>
<p>Bridge the chat between a Telegram group and Minetest chat.</p>
<div class="spacer"></div>
<div class="link">
<a href="https://git.webionite.com/ceda_ei/minetest-telegram-bridge"><i class="fa fa-link"></i> Source</a>
</div>
</div>
<div class="project">
<h3>The Long Night</h3>
<p>Increase Bus Factor by providing ssh access to your server.</p>
<div class="spacer"></div>
<div class="link">
<a href="https://gitlab.com/ceda_ei/the-long-night"><i class="fa fa-link"></i> Source</a>
</div>
</div>
<div class="project">
<h3>Bin Client</h3>
<p>Command line client for mkr/bin and hastebin.</p>
<div class="spacer"></div>
<div class="link">
<a href="https://git.webionite.com/ceda_ei/bin-client"><i class="fa fa-link"></i> Source</a>
</div>
</div>
<div class="project">
<h3>PC Monitor Bot</h3>
<p>A bot intended to check the state of your PC (screenshots and check if locked)</p>
<div class="spacer"></div>
<div class="link">
<a href="https://gitlab.com/ceda_ei/pc-monitor-bot"><i class="fa fa-link"></i> Source</a>
</div>
</div>
<div class="project">
<h3>i3lock-delta</h3>
<p>A new image from Unsplash everytime you lock the screen.</p>
<div class="spacer"></div>
<div class="link">
<a href="https://gitlab.com/ceda_ei/i3lock-delta"><i class="fa fa-link"></i> Source</a>
</div>
</div>
<div class="project">
<h3>Kaomoji Rofi</h3>
<p>Rofi script for entering kaomojis in linux.</p>
<div class="spacer"></div>
<div class="link">
<a href="https://gitlab.com/ceda_ei/kaomoji-rofi"><i class="fa fa-link"></i> Source</a>
</div>
</div>
<div class="project">
<h3>Temac</h3>
<p>Telegram Matrix Channels Bridge</p>
<div class="spacer"></div>
<div class="link">
<a href="https://matrix.to/#/+temac:matrix.org"><i class="fa fa-link"></i> Community</a>
<a href="https://gitlab.com/ceda_ei/temac"><i class="fa fa-link"></i> Source</a>
</div>
</div>
</div>
</div>
<div class="page full-width" id="hosted">
<h2>Hosted Services</h2>
<div class="projects">
<div class="project">
<h3>Lorem</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec augue risus. Praesent at lectus ante. Maecenas volutpat purus et eros vehicula, vitae scelerisque turpis iaculis.</p>
<div class="spacer"></div>
<div class="link"><a href="#"><i class="fa fa-link"></i> Go to project</a></div>
</div>
<div class="project">
<h3>Lorem</h3>
<p>Lorem ipsum dolor sit amet, </p>
<div class="spacer"></div>
<div class="link"><a href="#"><i class="fa fa-link"></i> Go to project</a></div>
</div>
<div class="project">
<h3>Lorem</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec augue risus. Praesent at lectus ante. Maecenas volutpat purus et eros vehicula, vitae scelerisque turpis iaculis.</p>
<div class="spacer"></div>
<div class="link"><a href="#"><i class="fa fa-link"></i> Go to project</a></div>
</div>
<div class="project">
<h3>Lorem</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec augue risus. Praesent at lectus ante. Maecenas volutpat purus et eros vehicula, vitae scelerisque turpis iaculis.</p>
<div class="spacer"></div>
<div class="link"><a href="#"><i class="fa fa-link"></i> Go to project</a></div>
</div>
<div class="project">
<h3>Lorem</h3>
<p>Lorem ipsum dolor sit amet, </p>
<div class="spacer"></div>
<div class="link"><a href="#"><i class="fa fa-link"></i> Go to project</a></div>
</div>
<div class="project">
<h3>Lorem</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec augue risus. Praesent at lectus ante. Maecenas volutpat purus et eros vehicula, vitae scelerisque turpis iaculis.</p>
<div class="spacer"></div>
<div class="link"><a href="#"><i class="fa fa-link"></i> Go to project</a></div>
</div>
<div class="project">
<h3>Lorem</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec augue risus. Praesent at lectus ante. Maecenas volutpat purus et eros vehicula, vitae scelerisque turpis iaculis.</p>
<div class="spacer"></div>
<div class="link"><a href="#"><i class="fa fa-link"></i> Go to project</a></div>
</div>
<div class="project">
<h3>Lorem</h3>
<p>Lorem ipsum dolor sit amet, </p>
<div class="spacer"></div>
<div class="link"><a href="#"><i class="fa fa-link"></i> Go to project</a></div>
</div>
<div class="project">
<h3>Lorem</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec augue risus. Praesent at lectus ante. Maecenas volutpat purus et eros vehicula, vitae scelerisque turpis iaculis.</p>
<div class="spacer"></div>
<div class="link"><a href="#"><i class="fa fa-link"></i> Go to project</a></div>
</div>
</div>
</div>
<div class="page" id="contact">
<h2>Contact</h2>
<img alt="Ceda EI" src="images/ceda.jpg" class="image-about"/>
<h3>@ceda_ei</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec augue risus. Praesent at lectus ante. Maecenas volutpat purus et eros vehicula, vitae scelerisque turpis iaculis.</p>
<div class="icons large">
<a class="icon" href="https://matrix.to/#/@ceda_ei:matrix.org"><i class="fa fa-matrix-org"></i></a>
<a class="icon" href="https://t.me/ceda_ei"><i class="fa fa-paper-plane"></i></a>
<a class="icon" href="mailto:ceda_ei@webionite.com"><i class="fa fa-envelope"></i></a>
</div>
</div>
</div>
<div class="right-pane">
<div class="selectors">
<a href="#home" class="selector">
<i class="fa fa-angle-left"></i>
<span>Home</span>
</a>
<a href="#projects" class="selector">
<i class="fa fa-angle-left"></i>
<span>Projects</span>
</a>
<a href="#hosted" class="selector">
<i class="fa fa-angle-left"></i>
<span>Hosted Services</span>
</a>
<a href="#contact" class="selector">
<i class="fa fa-angle-left"></i>
<span>Contact</span>
</a>
</div>
<p>Part of <a href="https://libreho.st/"> libreho.st</a> network</p>
<div class="icons">
<a class="icon" href="https://gitlab.com/ceda_ei/"><i class="fa fa-gitlab"></i></a>
<a class="icon" href="https://git.webionite.com/ceda_ei/"><i class="fa fa-gitea"></i></a>
</div>
</div>
</div>
</body>
</html>