Berries
This commit is contained in:
+67
-89
@@ -9,107 +9,85 @@
|
||||
<link rel="icon" type="image/png" sizes="180x180" href="/favicons/favicon-180x180.png">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/favicon-180x180.png">
|
||||
<link rel="shortcut icon" href="/favicons/favicon.ico">
|
||||
<link rel="stylesheet" href="/styles.css?v=3">
|
||||
<link rel="stylesheet" href="/styles.css?v=4">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="bg-glow">
|
||||
<div class="bg-grid">
|
||||
<div class="container homepage">
|
||||
<div class="header hero">
|
||||
<table class="header-table" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="mark-cell" valign="middle">
|
||||
<div class="icon mark">
|
||||
<img src="/icon.svg" alt="krzak.org">
|
||||
</div>
|
||||
</td>
|
||||
<td class="copy" valign="middle">
|
||||
<h1>Krzak.org</h1>
|
||||
<p class="lead">Hi, welcome to krzak.org</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="homepage-header">
|
||||
<h1>Krzak.org</h1>
|
||||
<p class="lead">Hi, welcome to krzak.org</p>
|
||||
</div>
|
||||
|
||||
<div class="section box">
|
||||
<h2>Main services</h2>
|
||||
<ul class="links">
|
||||
<li>
|
||||
<a href="https://git.krzak.org" class="link main clearfix">
|
||||
<strong>Git</strong>
|
||||
<span>Gitea</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://chat.krzak.org" class="link main clearfix">
|
||||
<strong>Chat</strong>
|
||||
<span>chat.krzak.org</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://music.krzak.org" class="link main clearfix">
|
||||
<strong>Music</strong>
|
||||
<span>Jellyfin</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://mail.krzak.org" class="link main clearfix">
|
||||
<strong>Mail</strong>
|
||||
<span>Mailu</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bush">
|
||||
<img class="bush-art" src="/icon.svg" alt="">
|
||||
|
||||
<div class="section box">
|
||||
<h2>Other</h2>
|
||||
<ul class="links">
|
||||
<li>
|
||||
<a href="https://auth.krzak.org" class="link clearfix">
|
||||
<strong>Unified Krzak.org account</strong>
|
||||
<span>Authentik</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://mu.krzak.org" class="link clearfix">
|
||||
<strong>Music Upload</strong>
|
||||
<span>mu.krzak.org</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://link.krzak.org" class="link clearfix">
|
||||
<strong>Link Shortener</strong>
|
||||
<span>Shlink</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/contact.html" class="link clearfix">
|
||||
<strong>Contact</strong>
|
||||
<span>Community</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="https://git.krzak.org" class="berry-service berry-git" title="Git - Gitea">
|
||||
<span>Git</span>
|
||||
</a>
|
||||
|
||||
<div class="section foot">
|
||||
<p>
|
||||
If you want an account on any of these, want to suggest
|
||||
something new or get a subdomain, just message me
|
||||
</p>
|
||||
<div class="support">
|
||||
<a href="https://liberapay.com/krzak" class="button">
|
||||
Support Krzak.org
|
||||
<a href="https://chat.krzak.org" class="berry-service berry-chat" title="Chat - chat.krzak.org">
|
||||
<span>Chat</span>
|
||||
</a>
|
||||
|
||||
<a href="https://music.krzak.org" class="berry-service berry-music" title="Music - Jellyfin">
|
||||
<span>Music</span>
|
||||
</a>
|
||||
|
||||
<a href="https://mail.krzak.org" class="berry-service berry-mail" title="Mail - Mailu">
|
||||
<span>Mail</span>
|
||||
</a>
|
||||
|
||||
<a href="https://auth.krzak.org" class="berry-service berry-auth" title="Unified Krzak.org account - Authentik">
|
||||
<span>Auth</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="librecounter">
|
||||
<img src="https://librecounter.org/counter.svg" width="0" alt="" style="display:none;">
|
||||
<span class="counter">
|
||||
Indexed by
|
||||
<a href="https://librecounter.org/referer/show" target="_blank">LibreCounter</a>
|
||||
</span>
|
||||
<div class="section box">
|
||||
<h2>Other</h2>
|
||||
<ul class="links">
|
||||
<li>
|
||||
<a href="https://mu.krzak.org" class="link clearfix">
|
||||
<strong>Music Upload</strong>
|
||||
<span>mu.krzak.org</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://link.krzak.org" class="link clearfix">
|
||||
<strong>Link Shortener</strong>
|
||||
<span>Shlink</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/contact.html" class="link clearfix">
|
||||
<strong>Contact</strong>
|
||||
<span>Community</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="section foot">
|
||||
<p>
|
||||
If you want an account on any of these, want to suggest
|
||||
something new or get a subdomain, just message me
|
||||
</p>
|
||||
<div class="support">
|
||||
<a href="https://liberapay.com/krzak" class="button">
|
||||
Support Krzak.org
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="librecounter">
|
||||
<img src="https://librecounter.org/counter.svg" width="0" alt="" style="display:none;">
|
||||
<span class="counter">
|
||||
Indexed by
|
||||
<a href="https://librecounter.org/referer/show" target="_blank">LibreCounter</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
+197
@@ -112,6 +112,110 @@ p {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.homepage-header {
|
||||
margin-bottom: 12px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.homepage-header h1,
|
||||
.homepage-header .lead {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.homepage-header .lead {
|
||||
color: #c9bc9b;
|
||||
}
|
||||
|
||||
.bush {
|
||||
width: 560px;
|
||||
height: 476px;
|
||||
max-width: 100%;
|
||||
margin: 0 auto 26px auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.bush-art {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 560px;
|
||||
height: 476px;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.berry-service {
|
||||
display: block;
|
||||
position: absolute;
|
||||
color: #241530;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
font-family: "Courier New", Courier, monospace;
|
||||
font-weight: bold;
|
||||
line-height: 1;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.berry-service span {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
width: 100%;
|
||||
margin-top: -0.55em;
|
||||
}
|
||||
|
||||
.berry-service:hover span,
|
||||
.berry-service:focus span {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.berry-git {
|
||||
left: 32.5%;
|
||||
top: 2.7%;
|
||||
width: 30%;
|
||||
height: 35.3%;
|
||||
font-size: 1.45em;
|
||||
}
|
||||
|
||||
.berry-chat {
|
||||
left: 75.6%;
|
||||
top: 18.8%;
|
||||
width: 22.1%;
|
||||
height: 26%;
|
||||
font-size: 1.05em;
|
||||
}
|
||||
|
||||
.berry-music {
|
||||
left: 31.2%;
|
||||
top: 58.8%;
|
||||
width: 32.8%;
|
||||
height: 38.5%;
|
||||
font-size: 1.4em;
|
||||
}
|
||||
|
||||
.berry-mail {
|
||||
left: 2.3%;
|
||||
top: 23%;
|
||||
width: 27%;
|
||||
height: 47%;
|
||||
color: #fff2dd;
|
||||
font-size: 1.15em;
|
||||
-moz-transform: rotate(43deg);
|
||||
transform: rotate(43deg);
|
||||
}
|
||||
|
||||
.berry-auth {
|
||||
left: 59.5%;
|
||||
top: 43%;
|
||||
width: 34%;
|
||||
height: 30%;
|
||||
color: #fff2dd;
|
||||
font-size: 1.15em;
|
||||
-moz-transform: rotate(21deg);
|
||||
transform: rotate(21deg);
|
||||
}
|
||||
|
||||
.box {
|
||||
margin-top: 18px;
|
||||
padding: 14px;
|
||||
@@ -119,6 +223,10 @@ p {
|
||||
background-color: #1c1435;
|
||||
}
|
||||
|
||||
.homepage .box {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
ul.links {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
@@ -130,6 +238,10 @@ ul.links li {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul.links li:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
a.link {
|
||||
display: block;
|
||||
padding: 15px 18px;
|
||||
@@ -240,3 +352,88 @@ a.button:hover {
|
||||
height: 44px;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 620px) {
|
||||
.container {
|
||||
margin-left: 12px;
|
||||
margin-right: 12px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.bush,
|
||||
.bush-art {
|
||||
width: 420px;
|
||||
height: 357px;
|
||||
}
|
||||
|
||||
.berry-git {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
.berry-chat {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.berry-music {
|
||||
font-size: 1.15em;
|
||||
}
|
||||
|
||||
.berry-mail,
|
||||
.berry-auth {
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 470px) {
|
||||
.bg-grid {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.container {
|
||||
margin-left: 6px;
|
||||
margin-right: 6px;
|
||||
padding: 14px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2.25em;
|
||||
}
|
||||
|
||||
.bush,
|
||||
.bush-art {
|
||||
width: 280px;
|
||||
height: 238px;
|
||||
}
|
||||
|
||||
.bush {
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
.bush-git {
|
||||
font-size: 0.95em;
|
||||
}
|
||||
|
||||
.bush-chat {
|
||||
font-size: 0.7em;
|
||||
}
|
||||
|
||||
.bush-music {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.bush-mail,
|
||||
.bush-auth {
|
||||
font-size: 0.78em;
|
||||
}
|
||||
|
||||
a.link {
|
||||
padding: 13px 12px;
|
||||
}
|
||||
|
||||
a.link span {
|
||||
float: none;
|
||||
display: block;
|
||||
margin-top: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user