Compare commits
9 commits
e50fe844c2
...
6e725da046
| Author | SHA1 | Date | |
|---|---|---|---|
| 6e725da046 | |||
| 67df5db512 | |||
| 7e16a0cb5c | |||
| d3daf19ad1 | |||
| d2604e00ec | |||
| 6b7f2a07ba | |||
| 4846c0a0b2 | |||
| 87383656cd | |||
| d1ce5c94f9 |
4 changed files with 139 additions and 5 deletions
|
|
@ -1,10 +1,99 @@
|
||||||
@import url(fonts.css);
|
@import url(fonts.css);
|
||||||
|
|
||||||
html {
|
html {
|
||||||
background-color: var(--c-bg)
|
background-color: var(--c-bg);
|
||||||
|
scrollbar-color: var(--c-border) transparent
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* text, links and lists :3 */
|
||||||
|
|
||||||
|
t {
|
||||||
|
font-family: "mono";
|
||||||
|
font-weight: bold;
|
||||||
|
color: var(--c-title)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
p {
|
p {
|
||||||
font-family: "nya";
|
font-family: "nya";
|
||||||
|
color: var(--c-fg);
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
font-family: "mono";
|
||||||
|
color: var(--c-highlight);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
color: var(--c-bg);
|
||||||
|
background-color: var(--c-highlight);
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
margin: 0 0 0 -16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* lil text on the borders :3 */
|
||||||
|
|
||||||
|
.title, .credit {
|
||||||
|
height: 24px;
|
||||||
|
background-color: var(--c-bg);
|
||||||
|
color: var(--c-title);
|
||||||
|
position: fixed;
|
||||||
|
padding: 0 4px;
|
||||||
|
font-family: mono;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
top: 0;
|
||||||
|
left: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.credit {
|
||||||
|
top: calc(100vh - 1.5em);
|
||||||
|
/*bottom: 0;*/
|
||||||
|
right: 64px;
|
||||||
color: var(--c-fg)
|
color: var(--c-fg)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* here are some @media rules to choose when to display ascii art */
|
||||||
|
|
||||||
|
.ascii {
|
||||||
|
font-family: "nya";
|
||||||
|
color: var(--c-fg);
|
||||||
|
white-space: pre;
|
||||||
|
display: none
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 420px) {
|
||||||
|
.ascii-1 {
|
||||||
|
display: block
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* styling for the basic border when no js */
|
||||||
|
|
||||||
|
body > .nojs {
|
||||||
|
width: calc(100vw - 16px);
|
||||||
|
height: calc(100vh - 16px);
|
||||||
|
box-sizing: border-box;
|
||||||
|
border: 8px double var(--c-border);
|
||||||
|
overflow: hidden
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
main {
|
||||||
|
overflow: hidden auto;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
padding: 16px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
@ -1,5 +1,7 @@
|
||||||
:root {
|
:root {
|
||||||
--c-bg: #000000;
|
--c-bg: #11111b;
|
||||||
--c-fg: #ffffff;
|
--c-fg: #cdd6f4;
|
||||||
--c-highlight: #00ffff;
|
--c-border: #74c7ec;
|
||||||
|
--c-highlight: #cba6f7;
|
||||||
|
--c-title: #fab387;
|
||||||
}
|
}
|
||||||
1
assets/molly.svg
Normal file
1
assets/molly.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?><svg id="molly" xmlns="http://www.w3.org/2000/svg" baseProfile="tiny" version="1.2" viewBox="0 0 16 16"><polygon points="13 5 13 6 12 6 12 7 11 7 11 8 10 8 10 10 9 10 9 14 8 14 8 15 2 15 2 14 1 14 1 10 2 10 2 8 3 8 3 6 2 6 2 5 1 5 1 3 2 3 2 2 4 2 4 3 5 3 5 4 12 4 12 5 13 5" fill="#798478"/><rect x="2" y="1" width="2" height="1" fill="#fff"/><rect x="1" y="2" width="1" height="1" fill="#fff"/><rect x="1" y="5" width="1" height="1" fill="#fff"/><rect x="12" y="4" width="1" height="1" fill="#fff"/><rect x="12" y="5" width="1" height="1" fill="#e58585"/><rect x="8" y="5" width="1" height="1"/><rect x="13" y="5" width="1" height="1" fill="#fff"/><rect x="12" y="6" width="1" height="1" fill="#fff"/><rect x="11" y="7" width="1" height="1" fill="#fff"/><rect x="9" y="7" width="2" height="1" fill="#e58585"/><rect x="10" y="8" width="1" height="2" fill="#fff"/><rect x="1" y="14" width="1" height="1" fill="#fff"/><rect x="8" y="14" width="1" height="1" fill="#fff"/><rect y="3" width="1" height="2" fill="#fff"/><rect x="2" y="6" width="1" height="2" fill="#fff"/><rect y="10" width="1" height="4" fill="#fff"/><rect x="9" y="10" width="1" height="4" fill="#fff"/><rect x="1" y="8" width="1" height="2" fill="#fff"/><rect x="4" y="2" width="1" height="1" fill="#fff"/><rect x="5" y="3" width="7" height="1" fill="#fff"/><rect x="2" y="15" width="6" height="1" fill="#fff"/><rect x="2" y="3" width="2" height="2" fill="#e58585"/></svg>
|
||||||
|
After Width: | Height: | Size: 1.4 KiB |
44
index.html
44
index.html
|
|
@ -1,11 +1,53 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Linuxposting Tilde</title>
|
<title>Linuxposting Tilde</title>
|
||||||
<link rel="stylesheet" href="/assets/base.css">
|
<link rel="stylesheet" href="/assets/base.css">
|
||||||
<link rel="stylesheet" href="/assets/colors.css">
|
<link rel="stylesheet" href="/assets/colors.css">
|
||||||
|
<link rel="icon" href="/assets/molly.svg">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<p>just testing some stuff rn</p>
|
<div class="nojs"><main>
|
||||||
|
<span class="title nojs">Linuxposting Tilde</span>
|
||||||
|
<div class="ascii ascii-1">│. .
|
||||||
|
│ ├┐ ─┐/┌┐┌┐┌ ├ ├┐┌┐ ─┐/ ─┐ ┌─┐ ╷
|
||||||
|
││││││ │ ││││└┐│ │││││ │ ││┌┘ ╵ └─┘
|
||||||
|
└ └┘/└─├┘└┘─┘└─ └┤./└─└┤└─
|
||||||
|
┘ ┘ </div>
|
||||||
|
|
||||||
|
<p>Welcome to our tilde! We are a small community of linux-loving nerds, you can find some of our websites here!
|
||||||
|
We also offer a lot of cool self-hosted stuff.
|
||||||
|
Interested in joining? <a href="https://linuxposting.xyz/register">Register here!</a> :3</p>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
<t>Users:</t>
|
||||||
|
<ul id="users">
|
||||||
|
<li><a href="~afiw/">~afiw</a></li>
|
||||||
|
<li><a href="~ceres/">~ceres</a></li>
|
||||||
|
<li><a href="~jhalfsharp/">~jhalfsharp</a></li>
|
||||||
|
<li><a href="~kit/">~kit</a></li>
|
||||||
|
<li><a href="~magdalena/">~magdalena</a></li>
|
||||||
|
<li><a href="~mara/">~mara</a></li>
|
||||||
|
<li><a href="~q4os/">~q4os</a></li>
|
||||||
|
<li><a href="~steamos/">~steamos</a></li>
|
||||||
|
<li><a href="~xenonshadow/">~xenonshadow</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
<t>Services:</t>
|
||||||
|
<ul id="services">
|
||||||
|
<li><p>Site hosting</p></li>
|
||||||
|
<li><p>Matrix</p></li>
|
||||||
|
<li><a href="https://mail.linuxposting.xyz">Email</a></li>
|
||||||
|
<li><a href="https://w.linuxposting.xyz">Wafrn</a></li>
|
||||||
|
<li><a href="https://git.linuxposting.xyz">Git</a></li>
|
||||||
|
<li><a href="https://copy.tilde.linuxposting.xyz">Copyparty</a></li>
|
||||||
|
<li><a href="https://cinny.linuxposting.xyz">Cinny</a></li>
|
||||||
|
<li><a href="https://element.linuxposting.xyz">Element</a></li>
|
||||||
|
</ul>
|
||||||
|
</main></div>
|
||||||
|
<span class="credit"><a href="https://girlkissing.tips">site by Magdalunaa :3</a></span>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
Loading…
Add table
Add a link
Reference in a new issue