fristi/subcon.town
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

1.1.0 update, updated design and content.

Browse source
This commit is contained in:
Fristi 2022-01-05 11:57:01 +01:00
parent ded79aae8e
commit 5773cc2f56
No known key found for this signature in database
GPG key ID: A7451474B7F0D49B
5 changed files with 161 additions and 111 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

0
assets/background_errors.jpg → assets/background.jpg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 MiB

After

Width:  |  Height:  |  Size: 1.9 MiB

BIN
assets/background1.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 470 KiB

224
index.html
View file

@ -7,7 +7,7 @@
<link rel="shortcut icon" type="image/jpg" href="assets/subcon/favicon_16.png" sizes="16x16"/> <link rel="shortcut icon" type="image/jpg" href="assets/subcon/favicon_16.png" sizes="16x16"/>
<link rel="shortcut icon" type="image/jpg" href="assets/subcon/favicon_32.png" sizes="32x32"/> <link rel="shortcut icon" type="image/jpg" href="assets/subcon/favicon_32.png" sizes="32x32"/>
<link href="style.css?v=1.0.0" rel="stylesheet"/> <link href="style.css?v=1.1.0" rel="stylesheet"/>
</head> </head>
<body> <body>
@ -16,120 +16,160 @@
<img src="assets/subcon/logo_128.png" alt="Subcon Town" /> <img src="assets/subcon/logo_128.png" alt="Subcon Town" />
<ul> <ul>
<li><a href="#home">Home</a></li> <li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#services">Services</a></li> <li><a href="#services">Services</a></li>
<li><a href="#users">Users</a></li>
<li><a href="#faq">FAQ</a></li> <li><a href="#faq">FAQ</a></li>
<li><a href="#contact">Contact</a></li>
</ul> </ul>
</header> </header>
<main> <main>
<div class="content" id="home"> <div class="inner-main">
<p> <div class="content" id="home">
Welcome to subcon.town! Subcon is a small server ran by <a href="#">@fristi</a> that <h1>Welcome home</h1>
hosts some personal and small community services. <p>
</p> Welcome to subcon.town! Subcon town is a small private "pubnix" server (better called a privnix),
</div> hosted for friends and family. Subcon offers ssh access, webpage hosting and various other cloud services,
such as nextcloud and git hosting.
</p>
</div>
<hr /> <hr />
<div class="content" id="services"> <div class="content" id="news">
<h1>Services</h1> <h1>News</h1>
<h2>Januari 2022: Design overhaul</h2>
<p>
The subcon frontpage has received a design overhaul with a better finish. Also added now are
news articles and an overview of our user pages (see below, or click "Users" in the menu).
</p>
<p>
Starting 2022, user pages are now operational. That means you can create your own webpages
in your home directory, under public_html. Additionally, work has started on markdown file
handling using template files, which means you can soon more easily write webpages using
plain markdown files!
</p>
<p>
Meanwhile, game servers will soon be discontinued as they are no longer actively used. This
also means openjdk will be removed to increase server security.
</p>
</div>
<p> <hr />
Subcon.town currently hosts the following services:
</p>
<table> <div class="content" id="services">
<tbody> <h1>Services</h1>
<tr> <td>Bookstack wiki:</td> <td><a href="https://wiki.subcon.town">wiki.subcon.town</a></td> </tr>
<tr> <td>Gitea:</td> <td><a href="https://vcs.subcon.town">vcs.subcon.town</a></td> </tr>
<tr> <td>Minecraft:</td> <td class="muted">OFFLINE</td> </tr>
<tr> <td>Minecraft map:</td> <td class="muted">OFFLINE</td> </tr>
<tr> <td>Nextcloud:</td> <td><a href="https://cloud.subcon.town">cloud.subcon.town</a></td> </tr>
</tbody>
</table>
<p> <table>
Additionally, subcon.town also serves the webpages for <a href="https://comfitu.re">comfitu.re</a> <tbody>
and its subdomains. <tr> <td>Bookstack wiki:</td> <td><a href="https://wiki.subcon.town">wiki.subcon.town</a></td> </tr>
</p> <tr> <td>Gemini:</td> <td><i>Thinking about it</i></td> </tr>
</div> <tr> <td>Gitea:</td> <td><a href="https://vcs.subcon.town">vcs.subcon.town</a></td> </tr>
<tr> <td>Gopher:</td> <td><i>Planned</i></td> </tr>
<tr> <td>Mobilizon:</td> <td><i>Planned</i></td> </tr>
<tr> <td>Nextcloud:</td> <td><a href="https://cloud.subcon.town">cloud.subcon.town</a></td> </tr>
<tr> <td>Nullpointer:</td> <td><i>Planned</i></td> </tr>
</tbody>
</table>
<hr /> <p>
Additionally, subcon.town also serves the webpages for <a href="https://comfitu.re">comfitu.re</a>
and its subdomains.
</p>
</div>
<div class="content" id="faq"> <hr />
<h1>FAQ</h1>
<p>
<strong>Q</strong>: <em>What is Subcon Town?</em>
<br/>
<strong>A</strong>: This server you're talking to. <br/>
<strong>Better answer</strong>: Subcon Town is the little me-space on the web where I live;
it is themed after the concept of a subconscious dreamscape.
</p>
<p>
<strong>Q</strong>: <em>Can I get an account on one of your services?</em>
<br/>
<strong>A</strong>: No. Subcon is currently not open for new people, so it's a little
local club for close friends only at the moment.
</p>
<p>
<strong>Q</strong>: <em>Didn't you also run kartoffel.cafe?</em>
<br/>
<strong>A</strong>: Yes, but a recent change of plans made running an activitypub
instance not very feasible, so I made the difficult choice of closing
the instance, for good. I may run a new instance in the future though.
</p>
<p>
<strong>Q</strong>: <em>Is that the Duck Hunt font?</em>
<br/>
<strong>A</strong>: Yes.
</p>
<p>
<strong>Q</strong>: <em>What do you intend to run in the future?</em>
<br/>
<strong>A</strong>: That's not yet certain. But I've had the idea to
start converting the server into a <a href="https://tildeverse.org/">tilde community</a>
and offering more community-tailored services. I won't offer e-mail hosting though.
<em>Fuck e-mail servers.</em>
</p>
</div>
<hr /> <div class="content" id="users">
<h1>Users</h1>
<table>
<tr>
<td width="50%"><a href="~fristi">~fristi</a></td>
<td width="50%"></td>
</tr>
</table>
</div>
<div class="content" id="contact"> <hr />
<h1>Contact</h1>
<p>
Feel free to drop me a line if you have a question or just wanna talk to me. I can be
contacted at:
</p>
<ul>
<li>Email: <a href="mailto:info@subcon.town">info@subcon.town</a></li>
<li>Fediverse: <a href="https://mk.toast.cafe/@fristi">@fristi@mk.toast.cafe</a></li>
</ul>
</div>
<hr /> <div class="content" id="faq">
<h1>FAQ</h1>
<p>
<strong>Q</strong>: <em>Is Subcon Town open for new users?</em>
<br/>
<strong>A</strong>: No. Currently it's a private "pubnix", meant for
friends and family. So technically it should be called a "privnix" since it's
not actually public like other pubnixes.
</p>
<p>
<strong>Q</strong>: <em>Can I get an account on one of your services?</em>
<br/>
<strong>A</strong>: Only as an existing member. We are currently not open for
new users to join. If you're already a member, ask
<a href="https://mk.toast.cafe/@fristi">@fristi</a> for an account.
</p>
<p>
<strong>Q</strong>: <em>Didn't you also run kartoffel.cafe?</em>
<br/>
<strong>A</strong>: Yes, but a recent change of plans made running an activitypub
instance not very feasible, so I made the difficult choice of closing
the instance, for good. I may run a new instance in the future though once
I get better bandwidth.
</p>
<p>
<strong>Q</strong>: <em>How do I do things on the server?</em>
<br/>
<strong>A</strong>: Broad question. I'm currently writing up a wiki with some
tutorials and tips to get started. Please check back later for the link.
</p>
<p>
<strong>Q</strong>: <em>Is that the Duck Hunt font?</em>
<br/>
<strong>A</strong>: Yes. It was good game.
</p>
</div>
<div class="content" id="copyright"> <hr />
<h1>Copyright</h1>
<p> <div class="content" id="contact">
Media used on this website, including images, videos, audio and fonts, fall under their <h1>Contact</h1>
own respective licenses. The Subcon branding, including the logo and favicons, fall under <p>
the <a target="_blank" href="assets/subcon/LICENSE">CC BY-NC-ND</a> license. Subcon.town is hosted by <a href="https://mk.toast.cafe/@fristi">@fristi</a>. If you
</p> have any questions, feel free to contact me on the fediverse, or by mail:
<p> </p>
The remaining content and website source code are licensed under the <ul>
<a target="_blank" href="LICENSE">Blue Oak Model License</a>. The website source code <li>Email: <a href="mailto:info@subcon.town">info@subcon.town</a></li>
can be found <a target="_blank" href="https://vcs.subcon.town/fristi/subcon.town">here</a>. <li>Fediverse: <a href="https://mk.toast.cafe/@fristi">@fristi@mk.toast.cafe</a></li>
</p> </ul>
<p>
Please allow up to 24 hours for a response by email.
</p>
</div>
<hr />
<div class="content" id="copyright">
<h1>Copyright</h1>
<p>
Media used on this website, including images, videos, audio and fonts, fall under their
own respective licenses. The Subcon branding, including the logo and favicons, fall under
the <a target="_blank" href="assets/subcon/LICENSE">CC BY-NC-ND</a> license.
</p>
<p>
The remaining content and website source code are licensed under the
<a target="_blank" href="LICENSE">Blue Oak Model License</a>. The website source code
can be found <a target="_blank" href="https://vcs.subcon.town/fristi/subcon.town">here</a>.
</p>
</div>
</div> </div>
</main> </main>
<footer> <footer>
<div style="text-align: right"> <div style="text-align: right">
© 2021 Subcon Town. © 2021-2022 Subcon Town.
&nbsp;<a href="#copyright">License details</a> &nbsp;<a href="#copyright">License</a>
&nbsp;<a target="_blank" href="https://vcs.subcon.town/fristi/subcon.town">Source</a> &nbsp;<a target="_blank" href="https://vcs.subcon.town/fristi/subcon.town">Source</a>
&nbsp;<a href="#contact">Contact</a>
</div> </div>
</footer> </footer>
</div> </div>

46
style.css
View file

@ -32,7 +32,7 @@ html, body {
} }
body { body {
background-image: url("assets/background1.jpg"); background-image: url("assets/background.jpg");
background-position: center center; background-position: center center;
background-size: cover; background-size: cover;
background-attachment: fixed; background-attachment: fixed;
@ -54,6 +54,7 @@ h1 {
font-family: "Duck Hunt", sans-serif; font-family: "Duck Hunt", sans-serif;
font-size: 1.5rem; font-size: 1.5rem;
font-weight: normal; font-weight: normal;
text-align: center;
} }
h2 { h2 {
@ -69,6 +70,8 @@ a:hover {
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
} }
table tbody tr td:first-child { table tbody tr td:first-child {
padding: 0 3em 0 0; padding: 0 3em 0 0;
} }
@ -83,12 +86,10 @@ table tbody tr td:first-child {
left:0; left:0;
right:0; right:0;
height: 100%; height: 100%;
max-width: 550px; max-width: 640px;
padding: 0 20px; padding: 0 20px;
margin:auto; margin:auto;
background-color: rgba(0, 0, 0, 0.4);
display:flex; display:flex;
flex-direction: column; flex-direction: column;
flex-wrap: nowrap; flex-wrap: nowrap;
@ -104,28 +105,37 @@ header {
main { main {
flex: 1 1 auto; flex: 1 1 auto;
overflow-x: auto; overflow: hidden;
margin-right: -14px; padding: 20px 17px 20px 20px;
padding-right: 14px;
scrollbar-color: #fff transparent; background-color: rgba(255, 255, 255, 0.12);
scrollbar-width: thin; border-radius: .4rem;
} }
main::-webkit-scrollbar { main .inner-main {
max-height: 100%;
overflow-y: auto;
scrollbar-color: #fff transparent;
scrollbar-width: thin;
padding-right: 20px;
text-align: justify;
}
main .inner-main::-webkit-scrollbar {
width: 3px; width: 3px;
} }
main::-webkit-scrollbar-track { main .inner-main::-webkit-scrollbar-track {
background: transparent; background: transparent;
} }
main::-webkit-scrollbar-thumb { main .inner-main::-webkit-scrollbar-thumb {
background: #fff; background: #fff;
} }
footer { footer {
margin: 20px 0 0 0; margin: 40px 0 0 0;
height: 30px; height: 40px;
flex: 0 0 auto; flex: 0 0 auto;
} }
@ -134,7 +144,7 @@ footer {
header ul { header ul {
position: relative; position: relative;
background: rgba(255, 255, 255, 0.3); /*background: rgba(255, 255, 255, 0.3);*/
font-family: "Duck Hunt", sans-serif; font-family: "Duck Hunt", sans-serif;
list-style: none; list-style: none;
margin: 10px 0 0 0; margin: 10px 0 0 0;
@ -146,7 +156,6 @@ header ul li {
position: relative; position: relative;
display: inline-block; display: inline-block;
text-align: center; text-align: center;
width: 25%;
} }
header ul li a { header ul li a {
@ -155,11 +164,12 @@ header ul li a {
text-decoration: none; text-decoration: none;
font-size: 24px; font-size: 24px;
line-height: 24px; line-height: 24px;
padding:10px 0 8px 0; padding:10px 20px 8px 20px;
} }
header ul li a:hover { header ul li a:hover {
background-color: rgba(255, 255, 255, 0.3); color: #fff;
text-decoration: underline;
} }
.muted { .muted {

2
style_errors.css
View file

@ -16,7 +16,7 @@ body {
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
background: url("assets/background_errors.jpg"); background: url("assets/background.jpg");
background-position: center center; background-position: center center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;