Webionite/webionite.com
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: Webionite:982866ad29f15d841a33067adf8b139ee608f5e3
Branches Tags
Webionite:master
...
compare: Webionite:master
Branches Tags
Webionite:master

21 Commits
982866ad29 ... master

Author SHA1 Message Date
Ceda EI
ee4ebf9ea2 Update bio 2024-06-10 19:29:44 +05:30
Ceda EI
dabec487f0 Update my age 2024-06-10 19:26:39 +05:30
Ceda EI
2c1099da20 Update profile picture 2023-06-10 21:00:18 +05:30
Ceda EI
91b505894d Update contact section and change image 2022-12-02 15:40:19 +05:30
Ceda EI
e58d1c9020 Update age 2022-01-10 14:00:48 +05:30
Ceda EI
e33df5e832 Update ceda.webp and age 2021-09-30 01:28:00 +05:30
Ceda EI
58e7a297b9 Change ceda.jpg to ceda.webp 2020-12-11 15:06:18 +05:30
Ceda EI
aa6e798de8 Change jpg to webp 2020-12-11 03:02:20 +05:30
Ceda EI
b332927c31 Remove librehost.json 
https://lab.libreho.st/librehosters/directory/merge_requests/30
 2020-10-19 18:58:24 +05:30
Ceda EI
d1f9e7e67e Remove fallback black background 2020-09-21 12:23:05 +05:30
Ceda EI
c1a4526aea Update website to light theme. 2020-09-21 12:21:16 +05:30
Ceda EI
88bba44c17 Update age to 20. 2020-01-05 12:38:27 +05:30
Ceda EI
d232032473 Update content. Make all links white. 
State the need for contact for services that require login.
 2019-07-16 18:25:06 +05:30
Ceda EI
9d6d0df97b Make fonts local. Change font to Montserrat. 
Change background color. Swap the right pane link decoration for <900px
 2019-06-29 12:06:28 +05:30
Ceda EI
e77647c1b3 Add padding to mobile view at end. Change fallback color to black for image 2019-06-25 18:59:35 +05:30
Ceda EI
a282c8a3da Add charset 2019-06-25 12:19:07 +05:30
Ceda EI
3acecb83c8 Add librehost.json 2019-06-25 12:11:27 +05:30
Ceda EI
6c04be031e Add content for home and contact. 2019-06-22 11:53:19 +05:30
Ceda EI
3140ee92f5 Add Hosted Services data. 2019-06-22 01:24:40 +05:30
Ceda EI
ad00be4c7b Add projects 2019-06-21 23:09:52 +05:30
Ceda EI
81244f6713 Change projects background color 2019-06-21 18:58:00 +05:30
10 changed files with 182 additions and 70 deletions
Expand all files Collapse all files

BIN
fonts/Comfortaa-Latin-Light.woff Normal file
View File

Binary file not shown.

BIN
fonts/Comfortaa-Latin.woff2 Normal file
View File

Binary file not shown.

BIN
fonts/Montserrat-Latin.woff2 Normal file
View File

Binary file not shown.

27
fonts/fonts.css Normal file
View File

@@ -0,0 +1,27 @@
/* latin */
@font-face {
font-family: 'Comfortaa';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(./Comfortaa-Latin-Light.woff) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
font-family: 'Comfortaa';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(./Comfortaa-Latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Montserrat Regular'), local('Montserrat-Regular'), url(./Montserrat-Latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

BIN
images/abstract_squares.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 116 KiB

BIN
images/abstract_squares.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

BIN
images/ceda.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 85 KiB

BIN
images/ceda.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 48 KiB

38
index.css
View File

@@ -1,12 +1,15 @@
* {
box-sizing: border-box;
font-family: Roboto;
font-family: Montserrat;
}
body {
margin: 0;
padding: 0;
color: #FFF;
}
a, a:active, a:hover, a:visited {
color: #325090;
}
.top-body {
@@ -15,14 +18,14 @@ body {
.left-pane {
width: 60%;
background-color: #121212;
background-color: #FFF;
}
.right-pane {
position: fixed;
right: 0;
width: 40%;
background-image: url("images/abstract_squares.jpg");
background-image: url("images/abstract_squares.webp");
background-size: cover;
height: 100vh;
display: flex;
@@ -65,8 +68,9 @@ h1, h2 {
text-align: center;
}
#home p {
#home p, #contact p {
text-align: justify;
text-align-last: center;
}
.icons {
@@ -90,6 +94,8 @@ a.icon {
a.icon:hover {
color: #325090;
background-color: #FFF;
border-color: #325090;
border-style: solid;
}
.large {
@@ -134,6 +140,7 @@ a.icon:hover {
}
.selector i {
color: #FFF;
margin-left: 1em;
height: 4em;
line-height: 4em;
@@ -180,7 +187,8 @@ a.icon:hover {
}
.project {
background-color: #e4324c;
background-color: #B13E62;
color: #FFF;
width: 31%;
padding: 1em;
box-sizing: border-box;
@@ -222,7 +230,12 @@ h3 {
}
#contact h3 {
font-size: 3em;
font-size: 2em;
}
#contact h4 {
font-size: 1.5em;
text-align: center;
}
@media (max-width: 1300px) and (min-width: 600px) {
@@ -266,6 +279,7 @@ h3 {
@media (max-width: 900px) {
.right-pane {
color: #FFF;
position: fixed;
bottom: 0;
width: 100vw;
@@ -308,4 +322,14 @@ h3 {
.image-about {
width: 200px;
}
#contact {
padding-bottom: 3em;
}
.right-pane p a {
text-decoration: underline;
}
.right-pane p a:hover {
text-decoration: none;
}
}

187
index.html
View File

@@ -2,10 +2,11 @@
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<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">
<link href="fonts/fonts.css" 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" />
@@ -16,131 +17,191 @@
<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>
<p>Internet home of Ceda EI</p>
</div>
<div class="page full-width" id="projects">
<h2>Projects</h2>
<div class="projects">
<div class="project">
<h3>Lorem Ipsum Dolorum</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>
<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="#"><i class="fa fa-link"></i> Go to project</a></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>Lorem</h3>
<p>Lorem ipsum dolor sit amet, </p>
<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="#"><i class="fa fa-link"></i> Go to project</a></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>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>
<h3>Wish</h3>
<p>Extensible Bash Prompt with support for plugins and themes.</p>
<div class="spacer"></div>
<div class="link"><a href="#"><i class="fa fa-link"></i> Go to project</a></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>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>
<h3>Sky</h3>
<p>A simple terminal based weather monitor.</p>
<div class="spacer"></div>
<div class="link"><a href="#"><i class="fa fa-link"></i> Go to project</a></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>Lorem</h3>
<p>Lorem ipsum dolor sit amet, </p>
<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="#"><i class="fa fa-link"></i> Go to project</a></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>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>
<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="#"><i class="fa fa-link"></i> Go to project</a></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>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>
<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="#"><i class="fa fa-link"></i> Go to project</a></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>Lorem</h3>
<p>Lorem ipsum dolor sit amet, </p>
<h3>Bin Client</h3>
<p>Command line client for mkr/bin and hastebin.</p>
<div class="spacer"></div>
<div class="link"><a href="#"><i class="fa fa-link"></i> Go to project</a></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>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>
<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="#"><i class="fa fa-link"></i> Go to project</a></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>
<p><a href="#contact">Contact Me</a> for services that require a login.</p>
<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>
<h3>Gitea</h3>
<p>Gitea is a simple, easy-to-use, yet full-featured and completely open source code hosting solution.</p>
<div class="spacer"></div>
<div class="link"><a href="#"><i class="fa fa-link"></i> Go to project</a></div>
<div class="link">
<a href="https://git.webionite.com/"><i class="fa fa-link"></i> Link</a>
</div>
</div>
<div class="project">
<h3>Lorem</h3>
<p>Lorem ipsum dolor sit amet, </p>
<h3>Nextcloud</h3>
<p>Nextcloud is a suite of client-server software for creating and using file hosting services.</p>
<div class="spacer"></div>
<div class="link"><a href="#"><i class="fa fa-link"></i> Go to project</a></div>
<div class="link">
<a href="https://nc.webionite.com/"><i class="fa fa-link"></i> Link</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>
<h3>Draw.io</h3>
<p>Create flow charts, process diagrams, org charts, UML diagrams, ER models, network diagrams, etc.</p>
<div class="spacer"></div>
<div class="link"><a href="#"><i class="fa fa-link"></i> Go to project</a></div>
<div class="link">
<a href="https://draw.webionite.com/"><i class="fa fa-link"></i> Link</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>
<h3>Sky</h3>
<p>A simple terminal based weather monitor.</p>
<div class="spacer"></div>
<div class="link"><a href="#"><i class="fa fa-link"></i> Go to project</a></div>
<div class="link">
<a href="https://sky.webionite.com/"><i class="fa fa-link"></i> Link</a>
</div>
</div>
<div class="project">
<h3>Lorem</h3>
<p>Lorem ipsum dolor sit amet, </p>
<h3>Hastebin</h3>
<p>Open Source pastebin service written in Node.JS</p>
<div class="spacer"></div>
<div class="link"><a href="#"><i class="fa fa-link"></i> Go to project</a></div>
<div class="link">
<a href="https://bin.webionite.com/"><i class="fa fa-link"></i> Link</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>
<h3>Questable Bot</h3>
<p>Questable is an RPG-like bot for maintaining events in real life.</p>
<div class="spacer"></div>
<div class="link"><a href="#"><i class="fa fa-link"></i> Go to project</a></div>
<div class="link">
<a href="https://t.me/questable_bot"><i class="fa fa-link"></i> Link</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>
<h3>Questable API Server</h3>
<p>API Server for Questable. Used by external clients for Questable.</p>
<div class="spacer"></div>
<div class="link"><a href="#"><i class="fa fa-link"></i> Go to project</a></div>
<div class="link">
<a href="https://api.questable.webionite.com/"><i class="fa fa-link"></i> Link</a>
</div>
</div>
<div class="project">
<h3>Lorem</h3>
<p>Lorem ipsum dolor sit amet, </p>
<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="#"><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 class="link">
<a href="https://t.me/quadnite_bot"><i class="fa fa-link"></i> Link</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>
<img alt="Ceda EI" src="images/ceda.webp" class="image-about"/>
<div>
<h3>Irene (she/her)</h3>
<h4>@ceda_ei</h4>
</div>
<p>I am a Full Stack Developer from India who also has an interest in Linux, Python, Vim, Data Science, IoT and so much more! Checkout my <a href="https://cedaei.com" target="_blank">blog</a>.</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>
@@ -167,7 +228,7 @@
<span>Contact</span>
</a>
</div>
<p>Part of <a href="https://libreho.st/"> libreho.st</a> network</p>
<p>Towards a free future.</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>