salt/gluecontainers
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add little stubby site for desu.local

Browse Source
This commit is contained in:
Salt 2021-03-01 19:47:06 -06:00
parent 2f861a7692
commit f10638e86e
8 changed files with 281 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
desu.local/frontend/Dockerfile
View File

@ -1,4 +1,6 @@
FROM httpd:latest
COPY httpd.conf /usr/local/apache2/conf/httpd.conf
COPY vhost.conf /usr/local/apache2/conf/vhost.conf
CMD rm /usr/local/apache2/htdocs/index.html
COPY src/* /usr/local/apache2/htdocs
EXPOSE 80

39
desu.local/frontend/src/index.php Normal file
View File

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html>
<head>
<?php include $_SERVER['DOCUMENT_ROOT'].'/src/common-meta.php';?>
<link href="/styles/buttons.css" type="text/css" rel="stylesheet" />
<title>desu.local</title>
</head>
<body>
<?php include $_SERVER['DOCUMENT_ROOT'].'/src/common-header.php';?>
<div class="content">
<div class="iconbuttoncontainer">
<a href="http://jellyfin.desu.local" class="iconbutton">
<i class="fa fa-film"></i>
<h1>Jellyfin</h1>
<p>Media server, the thing the Roku uses</p>
</a>
<a href="http://sonarr.desu.local" class="iconbutton">
<i class="fa fa-feed"></i>
<h1>Sonarr</h1>
<p>Media library downloader and organizer</p>
</a>
<a href="http://transmission.desu.local" class="iconbutton">
<i class="fa fa-arrow-circle-down"></i>
<h1>Transmission</h1>
<p>Torrent client</p>
</a>
</div>
<div class="break"></div>
<div class="iconbuttoncontainer">
<a href="http://grafana.desu.local" class="iconbutton">
<i class="fa fa-line-chart"></i>
<h1>Grafana</h1>
<p>Monitoring and graphing solution</p>
</a>
</div>
</div>
<?php include $_SERVER['DOCUMENT_ROOT'].'/src/common-footer.php';?>
</body>
</html>

4
desu.local/frontend/src/src/common-footer.php Normal file
View File

@ -0,0 +1,4 @@
<div class="footer">
<p>Copyright &copy 2019-<?php echo date("Y"); ?> rehashedsalt. Distributed under the terms of the MIT License.</p>
<p><a href="https://git.desu.ltd/salt/9iron">source</a> <a href="/">home</a></p>
</div>

8
desu.local/frontend/src/src/common-header.php Normal file
View File

@ -0,0 +1,8 @@
<div class="header">
<a href="/" class="logocontainer">
<span>
<h1>desu.local</h1>
<p class="nomobile">Local services and stuffs</p>
</span>
</a>
</div>

7
desu.local/frontend/src/src/common-meta.php Normal file
View File

@ -0,0 +1,7 @@
<!-- Meta -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
<link href="/styles/styles.css" type="text/css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.7/css/fork-awesome.min.css" integrity="sha256-gsmEoJAws/Kd3CjuOQzLie5Q3yshhvmo7YNtBG7aaEY=" crossorigin="anonymous">
<link href="/favicon.ico" rel="shortcut icon" />

37
desu.local/frontend/src/styles/buttons.css Normal file
View File

@ -0,0 +1,37 @@
/*
* buttons.css
* Copyright (C) 2020 Vintage Salt
*
* Distributed under terms of the MIT license.
*/
/* BIG ICON BUTTONS
* Used on the index for services */
div.iconbuttoncontainer {
display: grid;
grid-gap: 1em;
grid-template-columns: 1fr 1fr 1fr;
}
a.iconbutton {
background: var(--background-bright);
border-radius: 8px;
box-shadow: 5px 5px var(--shadow);
display: block;
padding: 1em;
text-align: center;
}
a.iconbutton:hover {
background: var(--link-hover);
color: var(--background);
}
a.iconbutton i {
font-size: 400%
}
/* MOBILE */
@media only screen and (max-width: 600px) {
div.iconbuttoncontainer {
grid-template-columns: 1fr;
}
}

181
desu.local/frontend/src/styles/styles.css Normal file
View File

@ -0,0 +1,181 @@
/*
* styles.css
* Copyright (C) 2020 Vintage Salt
*
* Distributed under terms of the MIT license.
*/
/* GLOBALS */
:root {
--background-bright: #fdfcfa;
--background: #ecebe9;
--line: rgba(0,0,0,0.1);
--greenlink: #327117;
--greenlink-hover: #47b625;
--link: #286a9d;
--link-hover: #3ea5f3;
--shadow: 8px -5px rgba(0,0,0,0.1);
--text: #414040;
--text-code: #a7674e;
}
html {
overflow-y: scroll;
}
body {
background: var(--background);
color: var(--text);
font-family: "Roboto", sans-serif;
margin: 0;
}
/* TYPES */
/* a */
a {
color: var(--link);
text-decoration: none;
transition: .04s ease-in;
}
a:hover {
color: var(--link-hover);
}
code {
color: var(--text-code);
display: inline-block;
font-size: 12pt;
padding: 2px 4px;
}
dl {
list-style-type: none;
margin: 0;
}
dl dt {
font-weight: bold;
margin: 1em 0 0 0;
}
dl dd {
margin: 0;
}
/* CUSTOM DIVS AND SPANS */
a.quickbutton {
background: var(--background-bright);
border-radius: 8px;
box-shadow: 5px 5px var(--shadow);
display: block;
font-size: 150%;
margin: 0.5em 0;
padding: 1em;
text-align: center;
}
a.quickbutton:hover {
background: var(--link-hover);
color: var(--background);
}
div.break {
width: 4em;
margin: 2em auto;
border-bottom: 3px double var(--line);
}
div.quote {
border-left: 4px solid var(--line);
margin: 1em 4em;
padding: 1em;
}
i.badge {
font-size: 200%;
float: right;
}
img.bigimg {
border-radius: 8px;
box-shadow: 5px 5px var(--shadow);
display: block;
margin: 1em auto;
}
/* HIERARCHICAL CLASSES */
/* HEADER */
.header {
background: var(--background-bright);
box-shadow: 0 5px var(--shadow);
text-align: center;
}
.logocontainer {
align-items: center;
display: flex;
justify-content: center;
padding: 1em 0;
}
.logo {
border-radius: 50%;
height: 64px;
vertical-align: middle;
margin: 0 1em;
max-width: 64px;
}
.header h1 {
display: inline;
margin: 0;
}
.header p {
margin: 0;
}
.header nav ul {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}
.header nav ul li {
display: inline-block;
padding: 0.8em;
}
.header nav ul li:hover {
background: var(--link-hover);
color: var(--background);
transition: .04s ease-in;
}
/* CONTENT */
.content {
max-width: 48em;
margin: 2em auto;
padding: 1em;
}
.subcontainer {
background: var(--background-bright);
border-radius: 8px;
box-shadow: 5px 5px var(--shadow);
margin: 1em 0;
padding: 1em;
}
.subcontainer h2 {
margin: 0;
}
.toc {
background: var(--background-bright);
border-radius: 4px;
box-shadow: 5px 5px var(--shadow);
display: inline-block;
margin: 0 1em 1em 1em;
padding: 0 1em;
width: auto;
}
/* FOOTER */
.footer {
font-size: 11px;
line-height: 1.3;
margin: 0 0 4em 0;
text-align: center;
}
.footer p {
margin: 0;
}
/* MOBILE */
@media only screen and (max-width: 600px) {
.nomobile {
display: none;
}
}

3
desu.local/frontend/vhost.conf
View File

@ -1,4 +1,7 @@
# vim:set ft=apache:
<VirtualHost *:80>
ServerName desu.local
</VirtualHost>
<VirtualHost *:80>
ServerName jellyfin.desu.local
ProxyPreserveHost On