website

Code for the bare sturcture of concealed.world.
git clone git://git.concealed.world/website
Log | Files | Refs | README | LICENSE

commit 42fe3f3953c9c933ceac7282600eb37f94186de4
Author: Nixx <nixx@firemail.cc>
Date:   Thu, 23 Jul 2020 16:12:17 +0100

Initial Commit

Diffstat:
A404.php | 26++++++++++++++++++++++++++
AGeneral/_index.php | 24++++++++++++++++++++++++
AGeneral/example.php | 8++++++++
ALICENSE | 19+++++++++++++++++++
AMedia/Anime/_index.php | 25+++++++++++++++++++++++++
AMedia/Art/_index.php | 25+++++++++++++++++++++++++
AMedia/Games/_index.php | 25+++++++++++++++++++++++++
AMedia/Music/_index.php | 25+++++++++++++++++++++++++
AMedia/_index.php | 27+++++++++++++++++++++++++++
ANews/_index.php | 24++++++++++++++++++++++++
AOther/sitesilike.php | 46++++++++++++++++++++++++++++++++++++++++++++++
APrivacy/_index.php | 25+++++++++++++++++++++++++
AProjects/_index.php | 25+++++++++++++++++++++++++
AREADME | 19+++++++++++++++++++
AScripting/_index.php | 25+++++++++++++++++++++++++
Aabout.php | 26++++++++++++++++++++++++++
Acontact.php | 33+++++++++++++++++++++++++++++++++
Afavicon.ico | 0
Ahome.php | 10++++++++++
Aimages/404.png | 0
Aimages/cursor-default.gif | 0
Aimages/cursor-hover.gif | 0
Aimages/ext.png | 0
Aimages/front.gif | 0
Aimages/frontsmall.gif | 0
Aimages/head.gif | 0
Aimages/head2.gif | 0
Aimages/head3.gif | 0
Aimages/head4.gif | 0
Aimages/key.png | 0
Aimages/list.gif | 0
Aimages/listsmall.gif | 0
Aimages/mail.png | 0
Aimages/space-bg.gif | 0
Aimages/splash.gif | 0
Aincludes/archive.php | 60++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Aincludes/archivesearchbar.php | 21+++++++++++++++++++++
Aincludes/article-end.php | 5+++++
Aincludes/article-start.php | 42++++++++++++++++++++++++++++++++++++++++++
Aincludes/aside.php | 47+++++++++++++++++++++++++++++++++++++++++++++++
Aincludes/blogpanel.php | 30++++++++++++++++++++++++++++++
Aincludes/default-end.php | 3+++
Aincludes/default-start.php | 78++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Aincludes/end.php | 13+++++++++++++
Aincludes/homepanel.php | 41+++++++++++++++++++++++++++++++++++++++++
Aincludes/listing-content.php | 81+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Aincludes/section-end.php | 8++++++++
Aincludes/section-start.php | 3+++
Aincludes/seemore.php | 10++++++++++
Aincludes/start-meta.php | 11+++++++++++
Aincludes/start.php | 7+++++++
Aincludes/subdirs.php | 34++++++++++++++++++++++++++++++++++
Aindex.php | 17+++++++++++++++++
Akey/pubkey.asc | 30++++++++++++++++++++++++++++++
Amobile-menu.php | 14++++++++++++++
Aother.php | 24++++++++++++++++++++++++
Astyles/404.css | 56++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Astyles/cursor.css | 7+++++++
Astyles/default.css | 538+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Astyles/fonts.css | 100+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Astyles/pxplus_ibm_vga9-webfont.woff | 0
Astyles/pxplus_ibm_vga9-webfont.woff2 | 0
Astyles/splash.css | 32++++++++++++++++++++++++++++++++
63 files changed, 1749 insertions(+), 0 deletions(-)

diff --git a/404.php b/404.php @@ -0,0 +1,26 @@ +<!DOCTYPE html> +<html> +<head> + <title>404</title> + <link rel="stylesheet" href="/styles/fonts.css" /> + <link rel="stylesheet" href="/styles/cursor.css" /> + <link rel="stylesheet" href="/styles/404.css" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> +</head> +<body> + <marquee scrollamount="10"> + <h1>Uh oh</h1> + </marquee> + <center> + <span class="notfound">404 - Not Found</span> + <p>There is nothing here.</p> + <p>We appear to be lost.</p> + <div class="lostimg"> + <a class="lostimglink" href="/home.php"> + Take me Home,<br /> + country road + </a> + <a href="/home.php"><img src="/images/404.png" /></a> + </div> + </center> +</body> diff --git a/General/_index.php b/General/_index.php @@ -0,0 +1,24 @@ +<?php +$root="../"; +$title="Unassorted Blogs"; +$tags="blog"; +$message=$title; +$submessage="Unassorted rambling."; + +if (isset($_GET['post']) == 1 && $_GET['post'] != 'archive') { + require $root."includes/article-start.php"; + require $_GET['post']; +} else { + require $root."includes/default-start.php"; + require $root."includes/seemore.php"; + require $root."includes/listing-content.php"; +} +?> + +<?php +if (isset($_GET['post']) == 1 && $_GET['post'] != 'archive') { + require $root."includes/article-end.php"; +} else { + require $root."includes/default-end.php"; +} +?> diff --git a/General/example.php b/General/example.php @@ -0,0 +1,8 @@ +<?php include $root."includes/seemore.php"; echo '<a href="'.$seemorepath.'"><h1>Example Article</h1></a>'; # Article Title - Generates article link on listings it appears in - title must be within <h1> tag for Search to correctly identify it, and <h1>s are not used elsewhere ?> + +<!-- The rest of the article can be whatever you want, plain HTML or using PHP, see the default.css stylesheet or inspect the live website for formatting ideas. --> +<p>Text text text text</p> + +<h2>More text</h2> + +<p>Text text text text text</p> diff --git a/LICENSE b/LICENSE @@ -0,0 +1,19 @@ +Copyright (c) 2020 <nixx@firemail.cc> + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/Media/Anime/_index.php b/Media/Anime/_index.php @@ -0,0 +1,25 @@ +<?php +$root="../../"; +$title="Anime"; +$tags="blog,media,anime"; + +$message=$title; +$submessage="I watch a lot of anime."; + +if (isset($_GET['post']) == 1) { + require $root."includes/article-start.php"; + require $_GET['post']; +} else { + require $root."includes/default-start.php"; + require $root."includes/seemore.php"; + require $root."includes/listing-content.php"; +} +?> + +<?php +if (isset($_GET['post']) == 1) { + require $root."includes/article-end.php"; +} else { + require $root."includes/default-end.php"; +} +?> diff --git a/Media/Art/_index.php b/Media/Art/_index.php @@ -0,0 +1,25 @@ +<?php +$root="../../"; +$title="Art"; +$tags="blog,media,art"; + +$message=$title; +$submessage="Visual media."; + +if (isset($_GET['post']) == 1) { + require $root."includes/article-start.php"; + require $_GET['post']; +} else { + require $root."includes/default-start.php"; + require $root."includes/seemore.php"; + require $root."includes/listing-content.php"; +} +?> + +<?php +if (isset($_GET['post']) == 1) { + require $root."includes/article-end.php"; +} else { + require $root."includes/default-end.php"; +} +?> diff --git a/Media/Games/_index.php b/Media/Games/_index.php @@ -0,0 +1,25 @@ +<?php +$root="../../"; +$title="Games"; +$tags="blog,media,games"; + +$message=$title; +$submessage="Interactive media."; + +if (isset($_GET['post']) == 1) { + require $root."includes/article-start.php"; + require $_GET['post']; +} else { + require $root."includes/default-start.php"; + require $root."includes/seemore.php"; + require $root."includes/listing-content.php"; +} +?> + +<?php +if (isset($_GET['post']) == 1) { + require $root."includes/article-end.php"; +} else { + require $root."includes/default-end.php"; +} +?> diff --git a/Media/Music/_index.php b/Media/Music/_index.php @@ -0,0 +1,25 @@ +<?php +$root="../../"; +$title="Music"; +$tags="blog,media,music"; + +$message=$title; +$submessage="An influx of listening material."; + +if (isset($_GET['post']) == 1) { + require $root."includes/article-start.php"; + require $_GET['post']; +} else { + require $root."includes/default-start.php"; + require $root."includes/seemore.php"; + require $root."includes/listing-content.php"; +} +?> + +<?php +if (isset($_GET['post']) == 1) { + require $root."includes/article-end.php"; +} else { + require $root."includes/default-end.php"; +} +?> diff --git a/Media/_index.php b/Media/_index.php @@ -0,0 +1,27 @@ +<?php +$root="../"; +$title="Media"; +$tags="blog,media"; +#$scanfiles=array("./Anime/", "./Art/", "./Games/", "./Music/"); +$scanfiles=array("./Art/"); + +$message=$title; +$submessage=""; + +if (isset($_GET['post']) == 1 && $_GET['post'] != 'archive') { + require $root."includes/article-start.php"; + require $_GET['post']; +} else { + require $root."includes/default-start.php"; + require $root."includes/seemore.php"; + require $root."includes/listing-content.php"; +} +?> + +<?php +if (isset($_GET['post']) == 1 && $_GET['post'] != 'archive') { + require $root."includes/article-end.php"; +} else { + require $root."includes/default-end.php"; +} +?> diff --git a/News/_index.php b/News/_index.php @@ -0,0 +1,24 @@ +<?php +$root="../"; +$title="Website News"; +$tags="blog,website,news"; +$message=$title; +$submessage="Anything new of note I'm doing with the website."; + +if (isset($_GET['post']) == 1 && $_GET['post'] != 'archive') { + require $root."includes/article-start.php"; + require $_GET['post']; +} else { + require $root."includes/default-start.php"; + require $root."includes/seemore.php"; + require $root."includes/listing-content.php"; +} +?> + +<?php +if (isset($_GET['post']) == 1 && $_GET['post'] != 'archive') { + require $root."includes/article-end.php"; +} else { + require $root."includes/default-end.php"; +} +?> diff --git a/Other/sitesilike.php b/Other/sitesilike.php @@ -0,0 +1,46 @@ +<?php +$root="../"; +$title="Sites I Like"; +$tags="external"; +require $root."includes/article-start.php"; +?> + + <h1><a href>Some Sites I Like to Visit</a></h1> + + <ul> + <li class="asidesubitem"><a target="_blank" class="extlink" href="https://lainchan.org/"> + Lainchan.org + </a></li> + The best imageboard to discuss anything tech on the internet.<br /> + <li class="asidesubitem"><a target="_blank" class="extlink" href="https://suckless.org/"> + Suckless.org + </a></li> + Happens to be where I get a lot of software I work with, so worth a mention.<br /> + <li class="asidesubitem"><a target="_blank" class="extlink" href="http://cat-v.org/"> + Cat-v + </a></li> + Funny, informative, even if I can't take it all to its fullest extreme.<br /> + <li class="asidesubitem"><a target="_blank" class="extlink" href="https://digdeeper.neocities.org/"> + Digdeeper</a> <a target="_blank" class="extlink" href="http://uvgbd5mgizntrfghf2c77e2gp3ps3tzonmizfs4uva6cbeuxhkszedid.onion/index.html">(Tor)</a> + </li> + <li class="asidesubitem"><a target="_blank" class="extlink" href="https://spyware.neocities.org/"> + Spyware Watchdog</a> <a target="_blank" class="extlink" href="http://spywaredrcdg5krvjnukp3vbdwiqcv3zwbrcg6qh27kiwecm4qyfphid.onion/index.html">(Tor)</a> + </li> + Two sites (you've likely already heard of if you're the type of person that's found this place) with many resources and routes for further reading on privacy. + <li class="asidesubitem"><a target="_blank" class="extlink" href="https://cyberlf.github.io/"> + Cyberlife + </a></li> + Yes, it sounds cheesy. It's a fantastic information aggregate. + <li class="asidesubitem"><a target="_blank" class="extlink" href="https://fauux.neocities.org/"> + Wired Sound for Wired People + </a></li> + You can kind of tell I took a little "inspiration" here. + <li class="asidesubitem"><a target="_blank" class="extlink" href="http://angusnicneven.com/"> + Terminal 00 + </a></li> + Another site interesting as a marvel of design and passion invested. + </ul> + + <br /> + <p><i>Do <a href="mailto:nixx@firemail.cc">let me know</a> if any of these sites happen to go down.</i></p> +<?php require $root."includes/article-end.php"; ?> diff --git a/Privacy/_index.php b/Privacy/_index.php @@ -0,0 +1,25 @@ +<?php +$root="../"; +$title="Privacy"; +$tags="blog,privacy,online privacy"; + +$message=$title; +$submessage="The best encryption protocol is pen and paper. The best encryption layer is irl."; + +if (isset($_GET['post']) == 1 && $_GET['post'] != 'archive') { + require $root."includes/article-start.php"; + require $_GET['post']; +} else { + require $root."includes/default-start.php"; + require $root."includes/seemore.php"; + require $root."includes/listing-content.php"; +} +?> + +<?php +if (isset($_GET['post']) == 1 && $_GET['post'] != 'archive') { + require $root."includes/article-end.php"; +} else { + require $root."includes/default-end.php"; +} +?> diff --git a/Projects/_index.php b/Projects/_index.php @@ -0,0 +1,25 @@ +<?php +$root="../"; +$title="Projects"; +$tags="blog,projects,software projects"; + +$message=$title; +$submessage="Anything I'm working on in the long or short-term."; + +if (isset($_GET['post']) == 1 && $_GET['post'] != 'archive') { + require $root."includes/article-start.php"; + require $_GET['post']; +} else { + require $root."includes/default-start.php"; + require $root."includes/seemore.php"; + require $root."includes/listing-content.php"; +} +?> + +<?php +if (isset($_GET['post']) == 1 && $_GET['post'] != 'archive') { + require $root."includes/article-end.php"; +} else { + require $root."includes/default-end.php"; +} +?> diff --git a/README b/README @@ -0,0 +1,19 @@ +WEBSITE +======= + +This is the code for the concealed.world website. + +If you're interested in what is being used for git.concealed.world, see stagit - <https://git.codemadness.org/stagit/file/README.html>. + +This includes the necessary PHP code to recreate the functionality of the concealed.world website. When dropped into a web server directory capable of running PHP, you should see something similar to the website. Everything but the image files (*.jpg, *.png, *.gif) are free to modify and redistribute as you wish. The image files are freely distributed with the repository to reproduce the "look and feel" of the site, but if you re-use them publicly without making modifications, some form of credit would be appreciated. + +This does not include the articles I have posted on my site, nor the images belonging to articles written. An example article is included to illustrate how the software works. The "Sites I Like" "Other" page has been left as an example. Along with this, I have left home.php, about.php, contact.php, and other.php - the policy with images also applies here, credit if you don't modify. + +I don't really expect people to seriously use this beyond a curiosity or as a reference, so expect messy code, a few broken links on the non-generated example pages, and a few unused components. The site "works" fine for me, so I'm not going to invest a lot of time making it less messy. + +Adding an article +================= + +An example article is included at General/example.php. You can drop an article into one of the directories as a *.php file to have it displayed in that listing - although you'll need to format the heading in the same manner as example.php for the link to appear correctly. + +I'll let the rest of the site's functionality self-document. diff --git a/Scripting/_index.php b/Scripting/_index.php @@ -0,0 +1,25 @@ +<?php +$root="../"; +$title="Scripting"; +$tags="blog,software,scripting"; + +$message=$title; +$submessage="I write scripts."; + +if (isset($_GET['post']) == 1 && $_GET['post'] != 'archive') { + require $root."includes/article-start.php"; + require $_GET['post']; +} else { + require $root."includes/default-start.php"; + require $root."includes/seemore.php"; + require $root."includes/listing-content.php"; +} +?> + +<?php +if (isset($_GET['post']) == 1 && $_GET['post'] != 'archive') { + require $root."includes/article-end.php"; +} else { + require $root."includes/default-end.php"; +} +?> diff --git a/about.php b/about.php @@ -0,0 +1,26 @@ +<?php +$root=""; +$title="About"; +$tags="about"; +require "includes/default-start.php"; +?> + +<div class="article article-headerless"> +<a href=""><h1>About</h1></a> + +<h3>What is this website?</h3> + +<p>I'm not entirely sure, but I'd like to keep adding to it and evolving it, to keep pushing whatever I'm doing here. I find many aspects of the modern web quite tiring and I don't like to play by other people's rules, so this is a world to myself. There are various services, such as <a href="https://neocities.org/" target="_blank" class="extlink">Neocities</a> which are great for putting the power back into the hands of the people, but it was still too restrictive for me.</p> + +<p>For now it's a bit of an experiment. This website runs no JavaScript, just to make a point. The source code is a few hundred kilobytes. I don't care about your data, who you are, or where you're from, and the only thing I take glee in logging are hilarious failed attempts to try to SSH into my server. I encourage you not to take my word for it and use a VPN/proxy service, or Tor.</p> + +<p>Whatever I do with this, I hope it's worth your visit.</p> + +<h3>What am I?</h3> + +<p>I'm a creative type, but I think most types are inclined artistically first and second to their tools, whereas it's the other way around for me. I'm very particular, and I get restless easily. I don't think there would be anything here otherwise. Feel free to get in touch and get to know me personally, whether to be friends or if you think I can do something for you.</p> + +<center><a href="contact.php">Contact</a></center> +</div> + +<?php require "includes/default-end.php"; ?> diff --git a/contact.php b/contact.php @@ -0,0 +1,33 @@ +<?php +$root=""; +$title="Contact"; +$tags="contact"; +require "includes/default-start.php"; +?> + +<div class="article article-headerless"> +<a href=""><h1>Contact</h1></a> + +<ul> + <li class="asidesubitem">Hey</li> + <li class="asidesubitem">I'm a guy with a website</li> + <li class="asidesubitem">I can talk about most things</li> + <li class="asidesubitem">I can easily orchestrate websites - I have years of experience, and this site is a DIY server</li> + <li class="asidesubitem">Likewise, I can manage with most other tech-pertaining concepts</li> + <li class="asidesubitem">Yup</li> +</ul> + +<center><a href="mailto:nixx@firemail.cc"><img height=40 width=40 src="images/mail.png" /></a></center> + +<p>To get in touch, you can reach me on <a href="mailto:nixx@firemail.cc" class="extlink">nixx@firemail.cc</a>.</p> + +<p>Please consider using encryption over e-mail when possible: <a href="key/pubkey.asc" target="_blank">My Public Key</a>. With encryption, e-mail is by far the most secure way of communicating with me.</p> + +<center><a href="key/pubkey.asc" target="_blank"><img height=40 width=40 src="images/key.png" /></a></center> + +<p><i>Any raw code I post directly onto this site (the code is visible and does not need to be opened with an external editor, to be viewed plainly on any page hosted on this domain) is supplied as-is and without any warranty. The code is completely free for anyone to use, share, and modify as they wish, however no guarantees are provided with any of the code that meets the aforementioned criteria.</i></p> + +<p><i>Any images or animations on this site either belong to me, or have been personally edited by me, unless stated otherwise by a reference on the same page as the image or animation. You can share them freely, but please do not claim ownership. If you are the owner to any art, images, or animations hosted here and would like me to remove them, please <a href="mailto:nixx@firemail.cc">get in touch</a>.</i></p> +</div> + +<?php require "includes/default-end.php"; ?> diff --git a/favicon.ico b/favicon.ico Binary files differ. diff --git a/home.php b/home.php @@ -0,0 +1,10 @@ +<?php + $root=""; + $title="Welcome Home"; + $tags="home"; + $scanfiles=array("./Media/", "./Media/Anime/", "./Media/Art/", "./Media/Games/", "./Media/Music/", "./News/", "./Privacy/", "./Projects/", "./Scripting/", "./General/"); + require $root."includes/default-start.php"; + require $root."includes/seemore.php"; + require $root."includes/listing-content.php"; + require $root."includes/default-end.php"; +?> diff --git a/images/404.png b/images/404.png Binary files differ. diff --git a/images/cursor-default.gif b/images/cursor-default.gif Binary files differ. diff --git a/images/cursor-hover.gif b/images/cursor-hover.gif Binary files differ. diff --git a/images/ext.png b/images/ext.png Binary files differ. diff --git a/images/front.gif b/images/front.gif Binary files differ. diff --git a/images/frontsmall.gif b/images/frontsmall.gif Binary files differ. diff --git a/images/head.gif b/images/head.gif Binary files differ. diff --git a/images/head2.gif b/images/head2.gif Binary files differ. diff --git a/images/head3.gif b/images/head3.gif Binary files differ. diff --git a/images/head4.gif b/images/head4.gif Binary files differ. diff --git a/images/key.png b/images/key.png Binary files differ. diff --git a/images/list.gif b/images/list.gif Binary files differ. diff --git a/images/listsmall.gif b/images/listsmall.gif Binary files differ. diff --git a/images/mail.png b/images/mail.png Binary files differ. diff --git a/images/space-bg.gif b/images/space-bg.gif Binary files differ. diff --git a/images/splash.gif b/images/splash.gif Binary files differ. diff --git a/includes/archive.php b/includes/archive.php @@ -0,0 +1,60 @@ +<?php +function archiveLink () { + echo '<center>'; + echo '<div class="section numlist">'; + echo '<span class="homesubmessage"><b>'; + $file = $_SERVER['PHP_SELF']; + if ($file == "/home.php") { + echo '<a href="'.$file.'?post=archive">Search All Posts</a>'; + } else { + echo '<a href="'.$file.'?post=archive">Search All Posts in '.$_SESSION['title'].'</a>'; + } + echo '</b></span>'; + echo '</div>'; + echo '</center>'; +} + +function archive ($includearr) { + $searches = explode(" ", $_GET['search']); + echo '<table>'; + echo '<colgroup>'; + echo '<col class="titlecol">'; + echo '<col class="datecol">'; + echo '</colgroup>'; + echo '<tr>'; + echo '<th>Title</th>'; + echo '<th>Date Modified</th>'; + echo '</tr>'; + foreach ($includearr as $post) { + $link = $post[0]; + $mod = date('M d Y H:i', $post[1]); + $title = file_get_contents($link); + $linkarr = explode("/", $link); + $linkarr[sizeof($linkarr) - 1] = "_index.php?post=" . $linkarr[sizeof($linkarr) - 1]; + $link = implode("/", $linkarr); + $title = explode('<h1>', $title)[1]; + $title = explode('</h1', $title)[0]; + + $title = str_replace("\'","'",$title); + + # AND logic + if (isset($_GET['search'])) { + foreach ($searches as $search) { + if (!preg_match("/{$search}/i", $title)) { + break 2; + } + } + } + #if (isset($_GET['search']) && !preg_match("/{$_GET['search']}/i", $title)) { + # continue; + #} + echo '<tr>'; + echo '<td><a href="'.$link.'">'.$title.'</a></td>'; + echo '<td>'.$mod.'</td>'; + echo '</tr>'; + } + echo '</table>'; + echo '</center>'; + echo '</div>'; +} +?> diff --git a/includes/archivesearchbar.php b/includes/archivesearchbar.php @@ -0,0 +1,21 @@ +<?php + +echo '<div class="section search">'; + echo '<form method="GET" action="'.$file.'?post=archive">'; + foreach ($_GET as $name => $value) { + if ($name == 'search') { + continue; + } + $name = htmlspecialchars($name); + $value = htmlspecialchars($value); + echo '<input type="hidden" name="'.$name.'" value="'.$value.'" />'; + } + echo 'Search: <input name="search" />'; + echo '<input type="submit" value=">" />'; + if (isset($_GET['search'])) { + echo '<br /><br />Searching for \''.$_GET['search'].'\'.'; + echo '<br /><a href="'.$file.'?post=archive">Clear Search</a>'; + } + echo '</form>'; +echo '</div>'; +?> diff --git a/includes/article-end.php b/includes/article-end.php @@ -0,0 +1,5 @@ +<?php + echo '<b>'.date('M d Y H:i', filemtime(getcwd().'/'.$_GET['post'])).'</b>'; + echo '</div>'; +require $root."includes/end.php"; +?> diff --git a/includes/article-start.php b/includes/article-start.php @@ -0,0 +1,42 @@ +<?php +require "".$root."includes/start.php"; +echo '<body>'; + echo '<div class="section openaside">'; + echo '<a href="'.$root.'mobile-menu.php">'; + echo 'Navigation'; + echo '</a>'; + echo '</div>'; + echo '<div class="aside">'; + require "".$root."includes/aside.php"; + echo '</div>'; + echo '<div class="content">'; + echo '<center>'; + echo '<div class="section upperdirs">'; + echo '<span class="homesubmessage"><b>'; + $dirs = explode("/usr/share/nginx/html/", getcwd())[1]; + $dirs = explode("/", $dirs); + echo '<a href="'.$root.'home.php">Home</a>'; + $newroot = $root; + $i = 0; + foreach ($dirs as $di) { + if ($i < sizeof($dirs)) { + echo ' > '; + } + $i++; + # Start handling for using top bar on Other pages + $diname = $di; + $newrootname = $newroot; + if ($di == "Other") { + $newrootname = ""; + $di = ""; + $indexfile = "other.php"; + } + echo '<a href="'.$newrootname.$di.'/'.$indexfile.'">'.$diname.'</a> '; + # End handling + $newroot = substr($newroot, 0, -3); + } + echo '</b></span>'; + echo '</div>'; + echo '</center>'; + echo '<div class="article">'; +?> diff --git a/includes/aside.php b/includes/aside.php @@ -0,0 +1,47 @@ +<?php +if (!$root) { + $returnlink = "/"; +} else { + $returnlink = $root; +} +$indexfile = "_index.php"; +#$heads = array("head.gif", "head2.gif", "head3.gif", "head4.gif"); +$heads = array ("head.gif"); +$usehead = array_rand($heads); + +function asideLink ($linkname, $page, $root) { + $currentfile = basename($_SERVER['PHP_SELF']); + if ($currentfile == $page) { + echo '<li class="asideitem greyed">'.$linkname.'</li>'; + } else { + echo '<li class="asideitem"><a href="'.$root.$page.'">'.$linkname.'</a></li>'; + } +} + +function asideSubLink ($linkname, $root, $indexfile) { + $workingdir = explode('/srv/http/hiawatha/', getcwd())[1]; + if ($workingdir == $linkname && !isset($_GET['post'])) { + echo '<li class="asidesubitem greyed">'.$linkname.'</li>'; + } else { + echo '<li class="asidesubitem"><a href="'.$root.$linkname.'/'.$indexfile.'">'.$linkname.'</a></li>'; + } +} + +echo '<center><a href="'.$root.'home.php"><img src="'.$root.'images/'.$heads[$usehead].'" alt="Go Home" /></a></center>'; +echo '<span class="asidehometext"><a href="'.$root.'home.php">Home</a></span>'; +echo '<ul>'; + echo '<ul class="blogbox">'; + echo '<p>Blogs</p>'; + asideSubLink('Media', $root, $indexfile); + asideSubLink('News', $root, $indexfile); + #asideSubLink('Privacy', $root, $indexfile); + asideSubLink('Scripting', $root, $indexfile); + #asideSubLink('General', $root, $indexfile); + #asideSubLink('Projects', $root, $indexfile); + echo '</ul>'; + asideLink('About', 'about.php', $root); + asideLink('Contact', 'contact.php', $root); + asideLink('Other', 'other.php', $root); + echo '<li class="asideitem"><a href="'.$returnlink.'">Return</a></li>'; +echo '</ul>'; +?> diff --git a/includes/blogpanel.php b/includes/blogpanel.php @@ -0,0 +1,30 @@ +<?php + if ($_GET['post'] != 'archive'){ + echo '<center>'; + echo '<div class="section homesection homelarge">'; + echo '<a href="'.$indexfile.'">'; + echo '<span class="homemessage">'.$message.'</span>'; + echo '</a>'; + echo '<br />'; + echo '<span class="homesubmessage">'.$submessage.'</span>'; + echo '</div>'; + echo '<div class="section homesection homesmall">'; + echo '<a href="'.$indexfile.'">'; + echo '<span class="homemessage">'.$message.'</span>'; + echo '</a>'; + echo '<br />'; + echo '<span class="homesubmessage">'.$submessage.'</span>'; + echo '</div>'; + echo '</center>'; + } else { + $file = basename($_SERVER['PHP_SELF']); + echo '<div class="archivespan">'; + echo '<center>'; + echo '<div class="section archivereturn">'; + echo '<a href="'.$indexfile.'">'; + echo '<span class="homemessage">Return to '.$message.'</span>'; + echo '</a>'; + echo '</div>'; + include $root.'includes/archivesearchbar.php'; + } +?> diff --git a/includes/default-end.php b/includes/default-end.php @@ -0,0 +1,3 @@ +<?php +require $root."includes/end.php"; +?> diff --git a/includes/default-start.php b/includes/default-start.php @@ -0,0 +1,78 @@ +<?php + +$indexfile="_index.php"; + +function getFileList($dir) { + // array to hold return value + $retval = []; + + // add trailing slash if missing + if(substr($dir, -1) != "/") { + $dir .= "/"; + } + + // open pointer to directory and read list of files + $d = @dir($dir) or die("getFileList: Failed opening directory {$dir} for reading"); + while(FALSE !== ($entry = $d->read())) { + // skip hidden files + if($entry{0} == ".") continue; + if(is_dir("{$dir}{$entry}")) { + $retval[] = [ + 'name' => "{$dir}{$entry}/", + 'type' => filetype("{$dir}{$entry}"), + 'size' => 0, + 'lastmod' => filemtime("{$dir}{$entry}") + ]; + } elseif(is_readable("{$dir}{$entry}")) { + $retval[] = [ + 'name' => "{$dir}{$entry}", + 'type' => mime_content_type("{$dir}{$entry}"), + 'size' => filesize("{$dir}{$entry}"), + 'lastmod' => filemtime("{$dir}{$entry}") + ]; + } + } + $d->close(); + + return $retval; +} + +$inc = 0; +if (!isset($scanfiles)) { + $scanfiles = array("./"); +} + +foreach ($scanfiles as $scan) { + $filearr = getFileList($scan); + foreach ($filearr as $file) { + if (!preg_match("/{$indexfile}/", $file['name']) && preg_match("/.php/", $file['name'])) { + $includearr[$inc] = array($file['name'], $file['lastmod']); + $inc = $inc + 1; + } + } +} + +usort ($includearr, function($a, $b) { + return $b[1] <=> $a[1]; +}); + +require "".$root."includes/start.php"; +echo '<body>'; + echo '<div class="section openaside">'; + echo '<a href="'.$root.'mobile-menu.php">'; + echo 'Navigation'; + echo '</a>'; + echo '</div>'; + echo '<div class="aside">'; + require "".$root."includes/aside.php"; + echo '</div>'; + echo '<div class="content">'; + if (basename($_SERVER['PHP_SELF']) == "home.php") { + require "homepanel.php"; + } elseif (basename($_SERVER['PHP_SELF']) == "_index.php") { + require "blogpanel.php"; + if ((sizeof($scanfiles) > 1 || $root == "../../") && $_GET['post'] != 'archive') { + require "subdirs.php"; + } + } +?> diff --git a/includes/end.php b/includes/end.php @@ -0,0 +1,13 @@ +<?php + echo '</div>'; + echo '<div class="bottom">'; + echo '<span class="bottomcell">'; + echo '<p>BTC: <a href="bitcoin:18XfSy6o4uozbFdWN2ixTy1XZjt5jKxwkg">18XfSy6o4uozbFdWN2ixTy1XZjt5jKxwkg</a></p>'; + echo '</span>'; + echo '<span class="bottomcell">'; + echo '<p>Contact Me: <a href="mailto:nixx@firemail.cc">nixx@firemail.cc</a></p>'; + echo '</span>'; + echo '</div>'; +echo '</body>'; +echo '</html>'; +?> diff --git a/includes/homepanel.php b/includes/homepanel.php @@ -0,0 +1,41 @@ +<?php + if ($_GET['post'] != 'archive') { + if (!preg_match('/page/', $_SERVER['QUERY_STRING']) || $_SERVER['QUERY_STRING'] == 'page=1') { + $message = "Nixx's Weird Blog-thing"; + $submessages = array("Welcome to my magical realm."); + #$submessages = array("I'm surprised this site works too.", + # "Welcome to my magical realm.", + # "CSS is a pain."); + + $motd = array_rand($submessages); + echo '<center>'; + echo '<div class="section homesection homelarge">'; + echo '<a href="'.$root.'home.php">'; + echo '<img src="'.$root.'images/front.gif" alt="Front Page" />'; + echo '<span class="homemessage">'.$message.'</span>'; + echo '</a>'; + echo '<br />'; + echo '<span class="homesubmessage">'.$submessages[$motd].'</span>'; + echo '</div>'; + echo '<div class="section homesection homesmall">'; + echo '<a href="'.$root.'home.php">'; + echo '<img src="'.$root.'images/frontsmall.gif" alt="Front Page" />'; + echo '<span class="homemessage">'.$message.'</span>'; + echo '</a>'; + echo '<br />'; + echo '<span class="homesubmessage">'.$submessages[$motd].'</span>'; + echo '</div>'; + echo '</center>'; + } + } else { + $file = basename($_SERVER['PHP_SELF']); + echo '<div class="archivespan">'; + echo '<center>'; + echo '<div class="section archivereturn">'; + echo '<a href="home.php">'; + echo '<span class="homemessage">Return Home</span>'; + echo '</a>'; + echo '</div>'; + include $root.'includes/archivesearchbar.php'; + } +?> diff --git a/includes/listing-content.php b/includes/listing-content.php @@ -0,0 +1,81 @@ +<?php + $stype = 3; + $displayarticles = 10; + $page = $_GET['page']; + if (!isset($page)) { + $page = 1; + } + + $incstart = $displayarticles * ($page - 1); + $incend = ($displayarticles * $page) - 1; + $inc = $incstart; + $totalpages = ceil(sizeof($includearr) / $displayarticles); + + function numberLinks ($page, $totalpages) { + $curfile = $_SERVER['PHP_SELF']; + echo '<center>'; + echo '<div class="section numlist">'; + echo '<span class="homesubmessage"><b>'; + if ($page != 1) { + $prev = $page - 1; + echo '<a href="'.$curfile.'?page='.$prev.'">Previous</a><br />'; + } + $firstdotflag = 0; + $lastdotflag = 0; + for ($i = 1; $i <= $totalpages; $i++) { + if ($page - $i < 4 && $page - $i > -4 || $i == 1 || $i == $totalpages) { + if ($page == $i) { + echo '<span class="greyed">'.$i.'</span> '; + } else { + echo '<a href="'.$curfile.'?page='.$i.'">'.$i.'</a> '; + } + } elseif ($page - $i >= 4 && $firstdotflag == 0) { + echo ".. "; + $firstdotflag = 1; + } elseif ($page - $i <= -4 && $lastdotflag == 0) { + echo ".. "; + $lastdotflag = 1; + } + } + if ($page != $totalpages) { + echo '<br />'; + $next = $page + 1; + echo '<a href="'.$curfile.'?page='.$next.'">Next</a>'; + } + echo '</b></span>'; + echo '</div>'; + echo '</center>'; + } + + require $root."includes/archive.php"; + + if ($root == "../../") { + $indexfile = "home.php"; + } + + if (!isset($includearr)) { + echo '<div class="section nothinghere">'; + echo 'Looks like there\'s nothing here yet. <br /><span class="notgood">That\'s probably not good.</span>'; + echo '<br /><span class="nothingreturn"><a href="../'.$indexfile.'">Return</a></span>'; + echo '</div>'; + } elseif ($_GET['post'] == 'archive') { + archive($includearr); + } else { + numberLinks($page,$totalpages); + + while ($inc <= $incend && $inc < sizeof($includearr)) { + include $root."includes/section-start.php"; + include $includearr[$inc][0]; + include $root."includes/section-end.php"; + if ($stype == 3) { + $stype = 1; + } else { + $stype = $stype + 1; + } + $inc++; + } + archiveLink(); + numberLinks($page,$totalpages); + echo '<span class="scrollingcontentbtm"></span>'; + } +?> diff --git a/includes/section-end.php b/includes/section-end.php @@ -0,0 +1,8 @@ +<?php +echo '<span class="seemore">'; + echo '<span class="seedate">'.date('M d Y H:i', $includearr[$inc][1]).'</span>'; + echo '<a class="seemorelink" href="'.$seemorepath.'">See Full Article...</a>'; +echo '</span>'; +echo '</div>'; +$seemorepath = "#"; +?> diff --git a/includes/section-start.php b/includes/section-start.php @@ -0,0 +1,3 @@ +<?php +echo '<div class="section section'.$stype.'">'; +?> diff --git a/includes/seemore.php b/includes/seemore.php @@ -0,0 +1,10 @@ +<?php + if (!$_GET['post']) { + $length = sizeof(get_included_files()); + $seemorepath = explode('/usr/share/nginx/html', get_included_files()[$length - 1])[1]; + $patharr = explode('/', $seemorepath); + $patharr[sizeof($patharr) - 1] = $indexfile . '?post=' . $patharr[sizeof($patharr) - 1]; + $finalpath = implode('/', $patharr); + $seemorepath = $finalpath; + } +?> diff --git a/includes/start-meta.php b/includes/start-meta.php @@ -0,0 +1,11 @@ +<?php +$_SESSION['title'] = $title; +echo '<!DOCTYPE html>'; +echo '<html>'; +echo '<head>'; + echo '<title>'.$title.'</title>'; + echo '<meta name="description" content="'.$title.'"></meta>'; + echo '<meta name="keywords" content="'.$tags.'"></meta>'; + echo '<meta name="viewport" content="width=device-width, initial-scale=1.0" />'; + echo '<link rel="icon" type="image/x-icon" href="'.$root.'favicon.ico" />'; +?> diff --git a/includes/start.php b/includes/start.php @@ -0,0 +1,7 @@ +<?php + require $root."includes/start-meta.php"; + echo '<link rel="stylesheet" href="'.$root.'styles/default.css" />'; + echo '<link rel="stylesheet" href="'.$root.'styles/fonts.css" />'; + echo '<link rel="stylesheet" href="'.$root.'styles/cursor.css" />'; +echo '</head>'; +?> diff --git a/includes/subdirs.php b/includes/subdirs.php @@ -0,0 +1,34 @@ +<?php + echo '<center>'; + echo '<div class="section subdirs">'; + echo '<span class="homesubmessage"><b>'; + if ($root == "../") { + foreach ($scanfiles as $link) { + $linkname = explode('/', $link)[1]; + echo '<a href="'.$link.$indexfile.'">'.$linkname.'</a> '; + } + } elseif ($root == "../../") { + $upperdirs = getFileList("../"); + # Media subdirs to block, until I put something in them + #$mediaarray = array("Music", "Games", "Anime"); + $mediaarray = array(""); + foreach ($upperdirs as $dir) { + if ($dir['type'] == "dir") { + $dirname = explode("/", $dir['name'])[1]; + $cwd = explode("/", getcwd()); + if ($cwd[sizeof($cwd) - 1] == $dirname) { + echo '<span class="greyed">'.$dirname.'</span> '; + # Blocking + } elseif (in_array($dirname, $mediaarray)) { + echo ''; + } else { + echo '<a href="'.$dir['name'].$indexfile.'">'.$dirname.'</a> '; + } + } + } + echo '<br /><a href="../'.$indexfile.'">Return</a>'; + } + echo '</b></span>'; + echo '</div>'; + echo '</center>'; +?> diff --git a/index.php b/index.php @@ -0,0 +1,17 @@ +<?php +$title = "connect"; +$tags = "connect"; +$root = ""; +require $root."includes/start-meta.php"; +?> + <link rel="stylesheet" href="styles/splash.css" /> + <link rel="stylesheet" href="styles/fonts.css" /> + <link rel="stylesheet" href="styles/cursor.css" /> + <style> + html, body {margin: 0; height: 100%; overflow: hidden} + </style> +</head> +<body> + <h1><span><a href="home.php">~$>connect</a></span></h1> +</body> +</html> diff --git a/key/pubkey.asc b/key/pubkey.asc @@ -0,0 +1,30 @@ +-----BEGIN PGP PUBLIC KEY BLOCK----- + +mQENBF6fZT0BCADVONqOtDw96S4C2Dw1xmpx5IVjrVqkHwnCuCvoblUlb/f9xHRj +hiwmBu2sl8RAz6jUMRJqxaOGTEW3m7ds6Ixb818fibosKDEFoUkW2LtR8P+6Id34 +B32Er/TKBeu7F739PqGzsDj6/pz5Zlg3f7Ql5MsZr9Ne/xCDD10OO77dsinIpMNW +a9GXalldR1yRRtdHgmpbWoO6o9QimbhlGcH+cmxkNUuxDbcK2frrLAbssxSXdVct +wB+LEvDQctLAJFerZD8t9RxJ2ZHmdhq4POrijby1AVFBeNFbH1Fgz39IE0Ff4T5s +X4EWUeArZhtifWMs/qcRnAwBiYUdZ8VKnO73ABEBAAG0G05peHggS2V5IDxuaXh4 +QGZpcmVtYWlsLmNjPokBTgQTAQgAOBYhBDTNZHmoH/KnxfoEYMNrk82Vvh0YBQJe +n2U9AhsDBQsJCAcCBhUKCQgLAgQWAgMBAh4BAheAAAoJEMNrk82Vvh0Y+qkH/jaD +RVbfCMo7ka2uC9zpqGbxRnKjQYLo/BEOu3rS5/FhwedQiChlv+uKmWiSkuhSYm/J +oENsCS5Ks3Smvw6jLfq7UQIMtxlBv81QD4b8n9kwdnYzerOY9a6CErIPKxyutyv9 +YSnCdbGLJp2RdHhjXbFkSQENnL0nhwsNvPNiQrzWjaTSqy+V3LNuUu5Xe5z6CSqt +6CPdYly5QTSjJhGiQ0HBGg3w7k5Vfn+Tjd/hfxrOcydjA6TlyiqzU/TWv5pSoE72 +xx+XvSRKcz6uJSOtSZ2KVhUpJsoQokuXVw5aYQ5cJnqAOckzxYKQM0dkte1sb45J +Y9JSnH44AMcXHUiPB6u5AQ0EXp9lPQEIAO6aeF+CeskPpW4SIwiuIMwp8uulnGWz +KnuwviEZcox2XTWTLZdiJjTrBbH3rKNAwoycKSqoStDMpIxEspcxzBXM17bZJ5G0 +vyQv/Y+mjOMFyz/Klh2qgEDKFJZ87pCKvMMe8vg1d4hahCdfTBfqxwFFGrm2OsKI +yeCisasGBhSVj1a1nsmVA2tgMLDsSen4O4t6pGsUply43vIVKEhacYfs+7gsKI4e +zv82lpzoG5lowp841yPbWSnE7z/KLJdwYHnctO0cNmGmnteaFndcioHIiBXpj3ZS ++Efbpibi9WeLRE6EQ8alSiGEs/aiBsfE7LwttsepipgQ/A58uaw3dL8AEQEAAYkB +NgQYAQgAIBYhBDTNZHmoH/KnxfoEYMNrk82Vvh0YBQJen2U9AhsMAAoJEMNrk82V +vh0YJVEH/ifG5wJRkN+6pXvNP0S/XlnN5F4Q0R/3cMhofNvRndQMKYGtXd+Nvlfh +Z9BlZtP4TCSWApVWxkRVBSxcXLa+6NKQfi8XuyCSUW1j/o/wijQnzCtqLlc7Yad0 +oRNFOCWXZ0bHDLprCvdouMek/0OxCHxCWGWv1OoZozJurowI4eYxr97lTPszM7B6 +VmLPUOVH8ZUQzjYDI4ofphn2l5gv9/sYDHpNuxbN+cx1l88XO3oXhvZgHGB76Uiz +26bFAPil3VAa9chSvWKu524Ga/ljQPr8Z5GyrCgV0giuZxl96w9jOoU08LmjpeAb +hH48z3HvsQsiAi+rqpioMHbk7I2HNmw= +=Z5KP +-----END PGP PUBLIC KEY BLOCK----- diff --git a/mobile-menu.php b/mobile-menu.php @@ -0,0 +1,14 @@ +<?php +$root=""; +$title="Mobile Menu"; +$tags="mobile"; +require "includes/start.php"; +?> +<body> + <center> + <div class="mobilemenu"> + <?php require "includes/aside.php"; ?> + </div> + </center> +</body> +<?php require "includes/end.php"; ?> diff --git a/other.php b/other.php @@ -0,0 +1,24 @@ +<?php +$root=""; +$title="Other Pages"; +$tags="extras"; +require "includes/default-start.php"; +?> + +<div class="article article-headerless"> + <h1><a href>Other Pages</a></h1> + + <ul> + <li class="asideitem"><a href="/Other/minetestserver.php"> + My Minetest Server + </a></li> + <li class="asideitem"><a href="/Other/sitesilike.php"> + Some sites I'm currently fond of + </a></li> + <li class="asideitem"><a href="/Other/visitors.php"> + Unique Visitor IP Count, and Dabbing on Stupid Bots + </a></li> + </ul> +</div> + +<?php require "includes/default-end.php"; ?> diff --git a/styles/404.css b/styles/404.css @@ -0,0 +1,56 @@ +:root { + --fg-col: #FFFFFF; + --main-col: #d2738a; + --grey-col: #CCCCCC; + --bg-col: #000000; +} + +body { + background: var(--bg-col); +} + +h1 { + border: unset; + text-align: unset; +} + +p { + letter-spacing: 3px; + animation: lost 10s ease-in-out infinite; + animation-play-state: running; +} + +.lostimg { + position: fixed; + bottom: 0; + left: 35%; + min-width: 350px; +} + +.lostimglink { + position: absolute; + top: 0; + left: 0; +} + +.lostimg img { + bottom: 0; + right: 0; +} + +@keyframes lost { + 0% { + letter-spacing: 3px; + } + 50% { + letter-spacing: 12px; + } + 0% { + letter-spacing: 3px; + } +} + +.notfound { + font-weight: bold; + color: var(--main-col); +} diff --git a/styles/cursor.css b/styles/cursor.css @@ -0,0 +1,7 @@ +* { + cursor: url("../images/cursor-default.gif"), default; +} + +a, a > * { + cursor: url("../images/cursor-hover.gif"), default; +} diff --git a/styles/default.css b/styles/default.css @@ -0,0 +1,538 @@ +:root { + --fg-col: #FFFFFF; + --main-col: #d2738a; + --grey-col: #CCCCCC; + --bg-col: #000000; + --ver: calc(95vh - 50px); + --ver-btm: 10vh; + --ver-upr: 18px; + --shade: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0.8), rgba(0,0,0,0)); +} + +::-webkit-scrollbar { + display: none; +} + +* { + -ms-overflow-style: none; + scrollbar-width: none; + overflow: -moz-scrollbars-none; +} + +body { + background: url("../images/space-bg.gif") no-repeat var(--bg-col); + background-size: cover; + background-attachment: fixed; + background-position: bottom; +} + +ul { + list-style: none; +} + +li { + margin: 8px 0; +} + +img { + padding: 2px; + border: 3px double var(--main-col); +} + +table { + padding: 2px; + margin: 20px 0 20px 0; + border: 1px solid var(--main-col); +} + +th { + color: var(--main-col); + font-style: italic; +} + +tr:nth-child(odd) { + background-color: #111111; +} +tr:nth-child(even) { + background-color: #222222; +} + +td { + padding-left: 1em; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +input[type="submit" i] { + background: unset; + border: 3px double var(--main-col); + margin-left: 10px; + color: var(--main-col); + font-size: 1.5em; +} +.aside, .article, .section, .mobilemenu { + background: var(--bg-col); + opacity: 0.85; + transition: 0.3s; + padding: 10px; + border: 1px solid var(--main-col); + box-shadow: 3px 3px 2px var(--main-col); +} + +.aside:hover, .article:hover, .section:hover, .mobilemenu:hover { + opacity: 1; + box-shadow: 6px 6px 4px var(--main-col); +} + +.aside { + width: 250px; + position: fixed; + margin: 2px; + max-height: var(--ver); + overflow-y: scroll; + overflow-x: hidden; +} + +.aside > ul { + padding-inline-start: 20px; +} + +.aside > ul > ul { + padding-inline-start: 25px; +} + +.asideitem { + list-style-image: url("../images/list.gif"); + list-style-position: inside; + /* font-weight: bold; */ + font-size: 1.2em; +} + +.asidesubitem { + list-style-image: url("../images/listsmall.gif"); + list-style-position: inside; + /* font-weight: bold; */ + font-size: 1em; +} + +.openaside { + display: none; + position: fixed !important; + height: 1.5em; + padding: 6px 0 0 0 !important; + width: 100%; + top: 0; + left: 0; + right: 0; + background: var(--bg-col); + border-bottom: 3px double var(--main-col) !important; + border-top: none !important; + border-left: none !important; + border-right: none !important; + text-align: center; + box-shadow: none !important; + z-index: 2; +} + +.openaside a { + font-size: 1.2em; + /* font-weight: bold; */ + letter-spacing: 8px; + margin-top: 4px; +} + +.bottom { + height: var(--ver-btm); + width: 100%; + bottom: 0; + left: 0; + position: fixed; + background-image: var(--shade); + display: table; +} + +.bottomcell { + display: table-cell; + vertical-align: bottom; + text-align: center; + opacity: 0.7; +} + +.bottomcell:hover { + opacity: 1; +} + +.mobilemenu { + width: 250px; + max-height: var(--ver); + overflow: scroll; +} + +.mobilemenu > ul { + text-align: left; + position: relative; + right: 9px; +} + +.mobilemenu > ul > ul > p { + left: 25% !important; +} + +.content { + margin-left: 280px; + margin-bottom: var(--ver-btm); + margin-top: 2px; + position: absolute; + height: var(--ver); +} + +.article { + margin: 2px 20px 0 20px; + max-height: calc(var(--ver) - var(--ver-upr) - 72px); + overflow: scroll; + padding: 25px !important; +} + +.article-headerless { + max-height: calc(var(--ver) - var(--ver-upr) - 14px) !important; +} + +.section { + max-height: 50vh; + overflow: hidden; + position: relative; +} + +.section1 { + margin: 20px 20px 20px 80px; +} + +.section2 { + margin: 20px 80px 20px 20px; +} + +.section3 { + margin: 20px 60px 20px 60px; +} + +.homesection { + margin-top: 20px; + margin-bottom: 60px; + width: 540px; + text-align: center; + max-height: unset; +} + +.homelarge { + display: block; +} + +.homesmall { + display: none; + width: 220px !important; +} + +.homemessage, .homesubmessage { + font-style: italic; +} + +.homemessage { + font-size: 2em; + /* font-weight: bold; */ +} + +.homesubmessage { + font-size: 1.2em; +} + +.subdirs { + width: 40%; + margin-bottom: 20px; + bottom: 30px; +} + +.upperdirs { + width: 80%; + height: var(--ver-upr); + margin-bottom: 20px; +} + +.numlist { + display: table; + margin-bottom: 20px; +} + +.seemore { + position: absolute; + bottom: 0; + right: -1; + width: 100%; + height: 60px; + background-image: var(--shade); +} + +.seedate { + /* font-weight: bold; */ + float: left; + margin: 40px 10px 10px 10px; +} + +.seemorelink { + /* font-weight: bold; */ + float: right; + margin: 40px 10px 10px 10px; + font-size: 15px; +} + +.greyed { + color: var(--grey-col); +} + +.archivereturn { + margin: 20px 60px 20px 60px; + display: table; +} + +.search { + width: 25vw; + min-width: 300px; + /* font-weight: bold; */ +} + +.titlecol { + width: 65%; +} + +.datecol { + width: 35%; +} + +.nothinghere { + width: 50vw; + height: 10vh; + margin: 20px 10vw 0 10vw; + text-align: center; +} + +.nothinghere > .notgood { + letter-spacing: 2px; + animation: notgood 4s ease-in-out infinite; + animation-play-state: running; +} + +.nothingreturn { + position: absolute; + bottom: 0; + right: 0; + font-size: 1.2em; + padding: 6px; +} + +.extlink { + background: url("../images/ext.png") no-repeat; + background-position: right; + padding-right: 13px; +} + +.leftimg, .rightimg, .centerimg { + filter: grayscale(1); + transition: 0.2s; +} + +.leftimg:hover, .rightimg:hover, .centerimg:hover { + filter: none; +} + +.leftimg, .rightimg { + max-width: 50%; + max-height: 25em; + display: block; + margin: 10px; +} + +.leftimg { + float: left; +} + +.rightimg { + float: right; +} + +.centerimg { + max-width: 70%; + max-height: 30em; + display: block; + margin: 10px auto; +} + +.quote { + display: inline-block; + margin: 5px; + color: var(--grey-col); +} + +.quote:before { + content: "「"; + color: var(--main-col); + letter-spacing: 10px; +} + +.quote:after { + content: "」"; + color: var(--main-col); + letter-spacing: 10px; +} + +.scrollingcontentbtm { + margin-bottom: var(--ver-btm); + display: inline-block; +} + +.blogbox { + position: relative; + right: 11px; + border: 1px solid var(--main-col); +} + +.blogbox > p { + position: relative; + left: 30%; + font-size: 1.2em; + font-style: italic; + color: var(--main-col); + margin: 10px 0; +} + +.asidehometext { + /* font-weight: bold; */ + font-size: 1.2em; + position: relative; + left: 77px; + display: none; +} + +.archivespan { + display: block; + width: 60vw; + text-align: center; + overflow: scroll; + margin: 30px; +} + +.codeblock { + border: 1px solid var(--main-col); + background-color: #1b1b1d; + color: #ffcccc; + font-size: 0.9em; + padding: 10px; + white-space: pre-wrap; + margin: 10px; + overflow-wrap: break-word; + word-break: break-all; +} + +/* POST TEXT GLOWS +.section > p, .article > p { + text-shadow: 0 0 3px var(--fg-col); +} + +.section > p > a, .article > p > a { + text-shadow: none !important; +} +*/ + +@keyframes notgood { + 0% { + letter-spacing: 2px; + } + 50% { + letter-spacing: 4px; + } + 100% { + letter-spacing: 2px; + } +} + +@media (max-width: 1440px) and (max-height: 756px) { + body { + background-size: 1440px 756px; + } +} + +@media (max-width: 900px) { + .aside > center { + display: none; + } + + .aside > .asidehometext { + display: block; + } + + .aside { + width: 200px; + } + + .archivespan { + width: 50vw; + } + + .content { + margin-left: 240px; + } +} + +@media (max-width: 850px) { + .homelarge { + display: none; + } + + .homesmall { + display: block; + } +} + +@media (max-width: 700px) { + .aside { + display: none; + } + + .openaside { + display: block; + } + + .archivespan { + width: 85vw; + } + + .article { + max-height: calc(var(--ver) - var(--ver-upr) - 108px); + } + + body { + margin: 3em 8px 8px 8px; + } + + .content { + margin-left: unset; + margin-bottom: unset; + } + + .mobilemenu { + max-height: calc(var(--ver) - 50px); + } +} + +@media (max-width: 600px) { + .seedate { + display: none; + } + + .seemorelink { + float: left; + } + + .bottomcell > p { + font-size: 0.7em; + } +} diff --git a/styles/fonts.css b/styles/fonts.css @@ -0,0 +1,100 @@ +:root { + --fg-col: #FFFFFF; + --main-col: #d2738a; + --bg-col: #000000; +} + +@font-face { + font-family: 'pxplus_ibm_vga9regular'; + src: url('/styles/pxplus_ibm_vga9-webfont.woff2') format('woff2'), + url('/styles/pxplus_ibm_vga9-webfont.woff') format('woff'); + font-weight: normal; + font-style: normal; +} + +body { + color: var(--fg-col); + font-family: 'pxplus_ibm_vga9regular', monospace; + font-size: 1.1em; + /* letter-spacing: 1px; */ + /* line-height: 1.2em; */ + /* font-family: monospace, sans-serif; + font-size: 0.9em; + letter-spacing: 2px; */ +} + +/* @keyframes headerpulse { + 50% { + box-shadow: 0px 1px 1px var(--main-col); + } +} */ + +h1 { + font-size: 1.8em; + text-align: center; + border-bottom: 1px solid var(--main-col); + /* animation: headerpulse 2s ease-in-out infinite; + animation-duration: 2s; + animation-timing-function: ease-in-out; + animation-delay: 0s; + animation-iteration-count: infinite; + animation-direction: normal; + animation-fill-mode: none; + animation-play-state: running; + animation-name: headerpulse; */ + +} + +h2, h3 { + color: var(--fg-col); + font-style: italic; + font-weight: 500; + /* text-shadow: 0 0 5px var(--main-col); */ + clear: both; + margin-left: 10%; + margin-right: 10%; + margin-top: 50px; +} + +h2 { + font-size: 1.6em; +} + +h3 { + font-size: 1.3em; +} + +@keyframes wiredlink { + 50% { + color: var(--main-col); + text-shadow: var(--main-col) 1px 4px 5px; + } +} + +a { + text-decoration: none; +} + +a:hover { + animation: wiredlink 2s ease-in-out infinite; + animation-duration: 2s; + animation-timing-function: ease-in-out; + animation-delay: 0s; + animation-iteration-count: infinite; + animation-direction: normal; + animation-fill-mode: none; + animation-play-state: running; + animation-name: wiredlink; +} + +a:link { + color: var(--main-col); +} + +a:visited { + color: var(--main-col); +} + +a:hover { + color: var(--fg-col); +} diff --git a/styles/pxplus_ibm_vga9-webfont.woff b/styles/pxplus_ibm_vga9-webfont.woff Binary files differ. diff --git a/styles/pxplus_ibm_vga9-webfont.woff2 b/styles/pxplus_ibm_vga9-webfont.woff2 Binary files differ. diff --git a/styles/splash.css b/styles/splash.css @@ -0,0 +1,32 @@ +:root { + --fg-col: #FFFFFF; + --main-col: #d2738a; + --bg-col: #000000; +} + +body { + /* background-image: url("../images/splash.gif"); + background-repeat: no-repeat; + background-size: 100% 100%; + background-attachment: fixed; */ + + background: var(--bg-col); +} + +h1 { + font-size: 2.4em !important; + border: none !important; + animation: none !important; + margin-top: 100px; +} + +h1 > span { + border-right: .5em solid var(--main-col); + animation: + blink-caret 1.5s step-end infinite; +} + +@keyframes blink-caret { + from, to { border-color: transparent } + 50% { border-color: var(--main-col); } +}