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