We going plaintext now boys
Before Width: | Height: | Size: 676 KiB |
Before Width: | Height: | Size: 916 KiB |
Before Width: | Height: | Size: 425 KiB |
Before Width: | Height: | Size: 932 KiB |
Before Width: | Height: | Size: 150 KiB |
Before Width: | Height: | Size: 685 KiB |
Before Width: | Height: | Size: 911 KiB |
Before Width: | Height: | Size: 260 KiB |
Before Width: | Height: | Size: 270 KiB |
Before Width: | Height: | Size: 1.2 MiB |
Before Width: | Height: | Size: 374 KiB |
Before Width: | Height: | Size: 431 KiB |
Before Width: | Height: | Size: 28 KiB |
Before Width: | Height: | Size: 1.2 MiB |
Before Width: | Height: | Size: 14 KiB |
Before Width: | Height: | Size: 448 KiB |
Before Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 379 KiB |
Before Width: | Height: | Size: 470 KiB |
Before Width: | Height: | Size: 743 KiB |
22
index.php
@ -2,26 +2,18 @@
|
|||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<?php include $_SERVER['DOCUMENT_ROOT'].'/src/common-meta.php';?>
|
<?php include $_SERVER['DOCUMENT_ROOT'].'/src/common-meta.php';?>
|
||||||
<link href="/styles/buttons.css" type="text/css" rel="stylesheet" />
|
|
||||||
<!-- These are just to make the big buttons look nice. Feel free to block -->
|
|
||||||
<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">
|
|
||||||
<title>Desu, Ltd.</title>
|
<title>Desu, Ltd.</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<?php include $_SERVER['DOCUMENT_ROOT'].'/src/common-header.php';?>
|
<?php include $_SERVER['DOCUMENT_ROOT'].'/src/common-header.php';?>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div class="iconbuttoncontainer">
|
<h1>desu.ltd?</h1>
|
||||||
<a href="https://cowfee.moe" class="iconbutton">
|
<p>desu.ltd. The domain of me, some random guy on the internet named Salt.</p>
|
||||||
<i class="fa fa-pleroma"></i>
|
<h1>Where are the goods?</h1>
|
||||||
<h1>pleroma</h1>
|
<ul>
|
||||||
<p>Shitpost to strangers</p>
|
<li><a href="https://git.desu.ltd">git.desu.ltd</a> - My personal code forge</li>
|
||||||
</a>
|
<li><a href="https://nc.desu.ltd">nc.desu.ltd</a> - Nextcloud, for storing files and other things</li>
|
||||||
<a href="https://9iron.club/matrix" class="iconbutton">
|
</ul>
|
||||||
<i class="fa fa-matrix-org"></i>
|
|
||||||
<h1>matrix</h1>
|
|
||||||
<p>Talk shit to literally nobody</p>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<?php include $_SERVER['DOCUMENT_ROOT'].'/src/common-footer.php';?>
|
<?php include $_SERVER['DOCUMENT_ROOT'].'/src/common-footer.php';?>
|
||||||
</body>
|
</body>
|
||||||
|
@ -1,5 +0,0 @@
|
|||||||
<!--
|
|
||||||
<div class="footer">
|
|
||||||
<p>desu</p>
|
|
||||||
</div>
|
|
||||||
-->
|
|
@ -1,7 +1,15 @@
|
|||||||
<div class="header logocontainer">
|
<div class="header">
|
||||||
<img class="logo" src="<?php
|
<pre>
|
||||||
$files = glob('images/logo/*');
|
_ _ _ _
|
||||||
$message = $files[array_rand($files, 1)];
|
__| | ___ ___ _ _ | | |_ __| |
|
||||||
echo "$message";
|
/ _` |/ _ \/ __| | | | | | __/ _` |
|
||||||
?>" alt="logo" width=768 height=768 />
|
| (_| | __/\__ \ |_| |_| | || (_| |
|
||||||
|
\__,_|\___||___/\__,_(_)_|\__\__,_|
|
||||||
|
</pre>
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<li><a href="/">index</a></li>
|
||||||
|
<li><a href="/test">404</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
|
@ -2,6 +2,7 @@
|
|||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<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="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Inconsolata:300,400,500" rel="stylesheet">
|
||||||
<link href="/styles/styles.css" type="text/css" rel="stylesheet" />
|
<link href="/styles/styles.css" type="text/css" rel="stylesheet" />
|
||||||
<link href="/favicon.ico" rel="shortcut icon" />
|
<link href="/favicon.ico" rel="shortcut icon" />
|
||||||
<link rel="alternate" href="/feed" title="9iron RSS Feed" type="application/rss+xml" />
|
<link rel="alternate" href="/feed" title="9iron RSS Feed" type="application/rss+xml" />
|
||||||
|
@ -1,36 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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-dark);
|
|
||||||
border: 4px solid var(--background-dark);
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -12,7 +12,7 @@
|
|||||||
--background-dark: #28232c;
|
--background-dark: #28232c;
|
||||||
--link: #ba844d;
|
--link: #ba844d;
|
||||||
--link-hover: #ffb940;
|
--link-hover: #ffb940;
|
||||||
--text: #ffefcf;
|
--text: #ffe4b4;
|
||||||
}
|
}
|
||||||
html {
|
html {
|
||||||
background: var(--background-dark);
|
background: var(--background-dark);
|
||||||
@ -21,7 +21,7 @@ html {
|
|||||||
body {
|
body {
|
||||||
background: var(--background);
|
background: var(--background);
|
||||||
color: var(--text);
|
color: var(--text);
|
||||||
font-family: "Roboto", sans-serif;
|
font: 12pt Inconsolata, sans-serif;
|
||||||
margin: 4em auto;
|
margin: 4em auto;
|
||||||
max-width: 40em;
|
max-width: 40em;
|
||||||
padding: 4em;
|
padding: 4em;
|
||||||
@ -37,15 +37,6 @@ a {
|
|||||||
a:hover {
|
a:hover {
|
||||||
color: var(--link-hover);
|
color: var(--link-hover);
|
||||||
}
|
}
|
||||||
/* code */
|
|
||||||
code {
|
|
||||||
background: var(--text);
|
|
||||||
border-radius: 3px;
|
|
||||||
color: var(--background-dark);
|
|
||||||
display: inline-block;
|
|
||||||
font-size: 11pt;
|
|
||||||
padding: 2px 4px;
|
|
||||||
}
|
|
||||||
dl {
|
dl {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@ -57,102 +48,59 @@ dl dt {
|
|||||||
dl dd {
|
dl dd {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
h1 {
|
||||||
/* CUSTOM DIVS AND SPANS */
|
font-size: 100%;;
|
||||||
a.quickbutton {
|
|
||||||
background: var(--background);
|
|
||||||
border-radius: 8px;
|
|
||||||
display: block;
|
|
||||||
font-size: 150%;
|
|
||||||
margin: 0.5em 0;
|
|
||||||
padding: 1em;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
a.quickbutton:hover {
|
|
||||||
background: var(--link-hover);
|
|
||||||
color: var(--background-dark);
|
|
||||||
}
|
|
||||||
div.break {
|
|
||||||
width: 4em;
|
|
||||||
margin: 2em auto;
|
|
||||||
border-bottom: 3px double var(--text);
|
|
||||||
}
|
|
||||||
img.bigimg {
|
|
||||||
border-radius: 8px;
|
|
||||||
display: block;
|
|
||||||
margin: 1em auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* HIERARCHICAL CLASSES */
|
|
||||||
/* HEADER */
|
|
||||||
.header {
|
|
||||||
background: var(--background);
|
|
||||||
}
|
|
||||||
.logocontainer {
|
|
||||||
align-items: center;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
padding: 1em 0;
|
|
||||||
}
|
|
||||||
.logo {
|
|
||||||
border-radius: 50%;
|
|
||||||
height: 128px;
|
|
||||||
vertical-align: middle;
|
|
||||||
margin: 0 1em;
|
|
||||||
max-width: 128px;
|
|
||||||
}
|
|
||||||
.header h1 {
|
|
||||||
display: inline;
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.header p {
|
h1:before {
|
||||||
|
content: "=> ";
|
||||||
|
opacity: 0.25;
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
font-size: 100%;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.header nav ul {
|
h2:before {
|
||||||
|
content: "-- ";
|
||||||
|
opacity: 0.25;
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
margin: 0 0 1em 0;
|
||||||
|
}
|
||||||
|
nav ul {
|
||||||
|
display: inline-block;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
text-align: center;
|
|
||||||
}
|
}
|
||||||
.header nav ul li {
|
nav ul li{
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 0.8em;
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
}
|
}
|
||||||
.header nav ul li:hover {
|
nav ul li:before {
|
||||||
background: var(--link-hover);
|
content: ":: ";
|
||||||
color: var(--background-dark);
|
opacity: 0.25;
|
||||||
transition: .08s ease-in;
|
}
|
||||||
|
.content ul {
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.content ul li:before {
|
||||||
|
content: "* ";
|
||||||
|
opacity: 0.25;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* CONTENT */
|
/* CONTENT */
|
||||||
|
.header {
|
||||||
|
margin: 0 0 1em 0;
|
||||||
|
}
|
||||||
|
.header h1 {
|
||||||
|
margin: 0 0 1em 0;
|
||||||
|
}
|
||||||
.content {
|
.content {
|
||||||
background: var(--background);
|
background: var(--background);
|
||||||
padding: 2em 0;
|
|
||||||
}
|
|
||||||
.subcontainer {
|
|
||||||
background: var(--background);
|
|
||||||
border-radius: 8px;
|
|
||||||
margin: 1em 0;
|
|
||||||
padding: 1em;
|
|
||||||
}
|
|
||||||
.toc {
|
|
||||||
background: var(--background);
|
|
||||||
border-radius: 4px;
|
|
||||||
display: inline-block;
|
|
||||||
margin: 0 1em 1em 1em;
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* FOOTER */
|
|
||||||
.footer {
|
|
||||||
background: var(--background);
|
|
||||||
font-size: 11px;
|
|
||||||
line-height: 1.3;
|
|
||||||
padding: 1em 0;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.footer p {
|
|
||||||
margin: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* MOBILE */
|
/* MOBILE */
|
||||||
|