Initial commit, added all of services and short about info
This commit is contained in:
commit
4229291ca4
SSH key fingerprint:
SHA256:RT4iUXBlbU5TGAtoYgAX7B0MQ9VaDbhv3/lTdrVrQEA
12 changed files with 263 additions and 0 deletions
28
about.html
Normal file
28
about.html
Normal file
|
|
@ -0,0 +1,28 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<!-- Maximum compability -->
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<!-- SEO ig -->
|
||||||
|
<meta name="decription" content="ECO is selfhosted services by cute catgirl">
|
||||||
|
<meta property="og:title" content="ExtremelyCute.Online">
|
||||||
|
<meta property="og:description" content="ECO is selfhosted services by cute catgirl">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:url" content="https://extremelycute.online/about.html">
|
||||||
|
<title>Extremely Cute.Online</title>
|
||||||
|
<!-- Page layout -->
|
||||||
|
<link rel="stylesheet" href="css/about.css">
|
||||||
|
<!-- Colors and united style -->
|
||||||
|
<link rel="stylesheet" href="css/cute.css">
|
||||||
|
<!-- Font -->
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<h1>Extremely Cute<small>.Online</small></h1>
|
||||||
|
<h2>Services</h2>
|
||||||
|
</header>
|
||||||
|
<p>ExtremelyCute.Online is my first selfhosting experience. I tried one service, then another and another and now I can't stop.<br>All (for now) of my services are hosted in Saint-Petersburg on Timeweb.cloud, so I can survive in upcoming 1984. Now I'm thinking on buying server that will warm me at cold winter nights at home.</p>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
11
css/about.css
Normal file
11
css/about.css
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
body {
|
||||||
|
margin: 2rem;
|
||||||
|
/* height: 100vh; */
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column;
|
||||||
|
text-align: center;
|
||||||
|
padding: 2rem;
|
||||||
|
gap: 1rem;
|
||||||
|
}
|
||||||
39
css/cute.css
Normal file
39
css/cute.css
Normal file
|
|
@ -0,0 +1,39 @@
|
||||||
|
:root {
|
||||||
|
--main-color: #EFB6C8;
|
||||||
|
--background-color: #8174A0;
|
||||||
|
--text-color: #FFD2A0;
|
||||||
|
--button-text-color: #FFE8CE;
|
||||||
|
--special: #A888B5;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: var(--background-color);
|
||||||
|
color: var(--text-color) !important;
|
||||||
|
font-family: 'Montserrat', sans-serif;
|
||||||
|
text-decoration: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: var(--special);
|
||||||
|
}
|
||||||
|
|
||||||
|
.button {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 1rem 2rem;
|
||||||
|
color: var(--button-text-color);
|
||||||
|
background-color: var(--main-color);
|
||||||
|
border-radius: 5px;
|
||||||
|
border: 2px solid var(--special);
|
||||||
|
font-weight: bold;
|
||||||
|
transform: translateY(0);
|
||||||
|
transition: transform 0.5s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button:hover {
|
||||||
|
transform: translateY(-10px);
|
||||||
|
}
|
||||||
|
|
||||||
|
small {
|
||||||
|
font-size: 0.5rem;
|
||||||
|
}
|
||||||
15
css/index.css
Normal file
15
css/index.css
Normal file
|
|
@ -0,0 +1,15 @@
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buttons {
|
||||||
|
margin-top: 20px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
52
css/services.css
Normal file
52
css/services.css
Normal file
|
|
@ -0,0 +1,52 @@
|
||||||
|
body {
|
||||||
|
margin: 2rem;
|
||||||
|
/* height: 100vh; */
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column;
|
||||||
|
text-align: center;
|
||||||
|
padding: 2rem;
|
||||||
|
gap: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service {
|
||||||
|
border: 2px solid var(--special);
|
||||||
|
border-radius: 5px;
|
||||||
|
min-width: 100px;
|
||||||
|
max-width: 350px;
|
||||||
|
height: max-content;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column;
|
||||||
|
text-align: center;
|
||||||
|
padding: 0.5rem;
|
||||||
|
overflow: hidden
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
margin-top: 1rem;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 1rem;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: stretch;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service p {
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
display: block;
|
||||||
|
transform: scale(1);
|
||||||
|
transition: transform 0.5s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
img:hover {
|
||||||
|
transform: scale(1.5);
|
||||||
|
}
|
||||||
34
index.html
Normal file
34
index.html
Normal file
|
|
@ -0,0 +1,34 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<!-- Maximum compability -->
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<!-- SEO ig -->
|
||||||
|
<meta name="decription" content="ECO is selfhosted services by cute catgirl">
|
||||||
|
<meta property="og:title" content="ExtremelyCute.Online">
|
||||||
|
<meta property="og:description" content="ECO is selfhosted services by cute catgirl">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:url" content="https://extremelycute.online">
|
||||||
|
<title>Extremely Cute.Online</title>
|
||||||
|
<!-- Page layout -->
|
||||||
|
<link rel="stylesheet" href="css/index.css">
|
||||||
|
<!-- Colors and united style -->
|
||||||
|
<link rel="stylesheet" href="css/cute.css">
|
||||||
|
<!-- Font -->
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<h1>Extremely Cute<small>.Online</small></h1>
|
||||||
|
</header>
|
||||||
|
<main class="contaner">
|
||||||
|
<small>Look ma, no JS</small>
|
||||||
|
<div class="buttons">
|
||||||
|
<a class="button" href="services.html">Services</a>
|
||||||
|
<a class="button" href="nekoedges.extremelycute.online/contact.html">Contact</a>
|
||||||
|
<a class="button" href="about.html">About</a>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
84
services.html
Normal file
84
services.html
Normal file
|
|
@ -0,0 +1,84 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<!-- Maximum compability -->
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<!-- SEO ig -->
|
||||||
|
<meta name="decription" content="ECO is selfhosted services by cute catgirl">
|
||||||
|
<meta property="og:title" content="ExtremelyCute.Online">
|
||||||
|
<meta property="og:description" content="ECO is selfhosted services by cute catgirl">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:url" content="https://extremelycute.online/services.html">
|
||||||
|
<title>Extremely Cute.Online</title>
|
||||||
|
<!-- Page layout -->
|
||||||
|
<link rel="stylesheet" href="css/services.css">
|
||||||
|
<!-- Colors and united style -->
|
||||||
|
<link rel="stylesheet" href="css/cute.css">
|
||||||
|
<!-- Font -->
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<h1>Extremely Cute<small>.Online</small></h1>
|
||||||
|
<h2>Services</h2>
|
||||||
|
</header>
|
||||||
|
<main class="container">
|
||||||
|
<div class="service">
|
||||||
|
<!-- Enclosed -->
|
||||||
|
<img src="static/ec.png" alt="Screenshot of Enclosed, web app for encrypted expiring notes">
|
||||||
|
<p><strong>Enclosed</strong><br>
|
||||||
|
Enclosed is a minimalistic web application designed for sending private and secure notes.<br>
|
||||||
|
All notes are end-to-end encrypted, ensuring that the server and storage have zero knowledge of the content. Users can set a password, define an expiration period (TTL), and choose to have the note self-destruct after being read.<br>
|
||||||
|
<strong>Availability:</strong>
|
||||||
|
public<br>
|
||||||
|
<a href="https://github.com/CorentinTh/enclosed">Source Code</a></p>
|
||||||
|
<a class="button" href="ec.extremelycute.online">Open</a>
|
||||||
|
</div>
|
||||||
|
<div class="service">
|
||||||
|
<!-- Vaultwarden-->
|
||||||
|
<img src="static/vw.png" alt="Screenshot of Vaultwarden, bitwarden-compatible password manager">
|
||||||
|
<p><strong>Vaultwarden</strong><br>
|
||||||
|
An alternative server implementation of the Bitwarden Client API, written in Rust and compatible with official Bitwarden clients, perfect for self-hosted deployment where running the official resource-heavy service might not be ideal.<br>
|
||||||
|
<strong>Availability:</strong>
|
||||||
|
by request<br>
|
||||||
|
<a href="https://github.com/dani-garcia/vaultwarden">Source Code</a></p>
|
||||||
|
<a class="button" href="vw.extremelycute.online">Open</a>
|
||||||
|
<a class="button" href="nekoedges.extremelycute.online/contant.html">Contact</a>
|
||||||
|
</div>
|
||||||
|
<div class="service">
|
||||||
|
<!-- NTFY -->
|
||||||
|
<img src="static/ntfy.png" alt="Screenshot of NTFY, notification server">
|
||||||
|
<p><strong>NTFY</strong><br>
|
||||||
|
ntfy (pronounced "notify") is a simple HTTP-based pub-sub notification service. With ntfy, you can send notifications to your phone or desktop via scripts from any computer, without having to sign up or pay any fees.<br>
|
||||||
|
<strong>Availability:</strong>
|
||||||
|
public (accounts are by request)<br>
|
||||||
|
<a href="https://github.com/binwiederhier/ntfy">Source Code</a></p>
|
||||||
|
<a class="button" href="ntfy.extremelycute.online">Open</a>
|
||||||
|
<a class="button" href="nekoedges.extremelycute.online/contant.html">Contact</a>
|
||||||
|
</div>
|
||||||
|
<div class="service">
|
||||||
|
<!-- Git -->
|
||||||
|
<img src="static/git.png" alt="Screenshot of Forgejo, main page on ECO's instance">
|
||||||
|
<p><strong>Forgejo</strong><br>
|
||||||
|
Forgejo is a Free Software platform for collaboration and productivity in software development. It offers a familiar environment to GitHub users, easy installation and maintenance, and a focus on security, scaling, federation and privacy.<br>
|
||||||
|
<strong>Availability:</strong>
|
||||||
|
by request (thinking about making it public with verification)<br>
|
||||||
|
<a href="https://codeberg.org/forgejo/forgejo">Source Code</a></p>
|
||||||
|
<a class="button" href="git.extremelycute.online">Open</a>
|
||||||
|
<a class="button" href="nekoedges.extremelycute.online/contant.html">Contact</a>
|
||||||
|
</div>
|
||||||
|
<div class="service">
|
||||||
|
<!-- Amnezia -->
|
||||||
|
<img src="static/amnezia.png" alt="Logo of Amnezia">
|
||||||
|
<p><strong>Amnezia</strong><br>
|
||||||
|
<strong>Countries:</strong>
|
||||||
|
RU, NL<br>
|
||||||
|
<strong>Availability:</strong>
|
||||||
|
by request (with reason and some info about usage)<br>
|
||||||
|
<a href="https://github.com/amnezia-vpn">Source Code</a></p>
|
||||||
|
<a class="button" href="nekoedges.extremelycute.online/contant.html">Contact</a>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
BIN
static/amnezia.png
Normal file
BIN
static/amnezia.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 87 KiB |
BIN
static/ec.png
Normal file
BIN
static/ec.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
BIN
static/git.png
Normal file
BIN
static/git.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 164 KiB |
BIN
static/ntfy.png
Normal file
BIN
static/ntfy.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 112 KiB |
BIN
static/vw.png
Normal file
BIN
static/vw.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 92 KiB |
Loading…
Add table
Add a link
Reference in a new issue