aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorAda Isopods <me@bathynomus.xyz>2024-12-05 20:26:58 -0700
committerAda Isopods <me@bathynomus.xyz>2026-10-21 23:30:20 -0600
commite0406f8c60a05887c2670d633d1d8eb58c7332c1 (patch)
tree77fd790ff67921e35f5c0f10a1c1e375a5b4d566
parentb58b9832183c5dec8af2dfd580abf3d5d9bdc086 (diff)
overhauled the entire site basically
-rwxr-xr-x[-rw-r--r--].gitignore0
-rwxr-xr-x403.html15
-rwxr-xr-x404.html15
-rwxr-xr-x[-rw-r--r--]LICENSE0
-rwxr-xr-x[-rw-r--r--]README.md0
-rw-r--r--art/index.php146
-rwxr-xr-x[-rw-r--r--]aud/index.php (renamed from v3/aud/index.php)10
-rw-r--r--credits/index.html86
-rwxr-xr-xcredits/index.php118
-rwxr-xr-x[-rw-r--r--]favicon.icobin15086 -> 15086 bytes
-rwxr-xr-xfeed.atom147
-rwxr-xr-x[-rw-r--r--]fonts/B612_Mono/OFL.txt0
-rwxr-xr-x[-rw-r--r--]img/index.php (renamed from v3/img/index.php)8
-rwxr-xr-x[-rw-r--r--]index.php88
-rwxr-xr-x[-rw-r--r--]license/index.php (renamed from v3/license/index.php)0
-rw-r--r--noises/index.php58
-rw-r--r--not_found.html27
-rw-r--r--posts/index.php51
-rwxr-xr-x[-rw-r--r--]some-assembly-required/index.html0
-rwxr-xr-x[-rw-r--r--]style.css296
-rw-r--r--subpage.css32
-rwxr-xr-x[-rw-r--r--]txt/index.php (renamed from v3/txt/index.php)6
-rwxr-xr-x[-rw-r--r--]txt/sys.log (renamed from v3/txt/sys.log)0
-rw-r--r--v3/credits/index.php109
-rw-r--r--v3/index.php35
-rw-r--r--v3/style.css195
26 files changed, 543 insertions, 899 deletions
diff --git a/.gitignore b/.gitignore
index bb46ba8..bb46ba8 100644..100755
--- a/.gitignore
+++ b/.gitignore
diff --git a/403.html b/403.html
new file mode 100755
index 0000000..6c15315
--- /dev/null
+++ b/403.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>403</title>
+ <link href="/style.css" rel="stylesheet" type="text/css" media="all">
+ <link rel="icon" type="image/x-icon" href="favicon.ico">
+ </head>
+ <body>
+ <nav><a href="/"><<<</a></nav>
+ <p>ERROR 403 >> Permission denied</p>
+ <p>$</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/404.html b/404.html
new file mode 100755
index 0000000..911f43b
--- /dev/null
+++ b/404.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>404</title>
+ <link href="/style.css" rel="stylesheet" type="text/css" media="all">
+ <link rel="icon" type="image/x-icon" href="favicon.ico">
+ </head>
+ <body>
+ <nav><a href="/"><<<</a></nav>
+ <p>ERROR 404 >> No such file or directory</p>
+ <p>$</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/LICENSE b/LICENSE
index 25ce935..25ce935 100644..100755
--- a/LICENSE
+++ b/LICENSE
diff --git a/README.md b/README.md
index a43eafe..a43eafe 100644..100755
--- a/README.md
+++ b/README.md
diff --git a/art/index.php b/art/index.php
deleted file mode 100644
index 4e5735b..0000000
--- a/art/index.php
+++ /dev/null
@@ -1,146 +0,0 @@
-<!--?php
-ini_set('display_errors', 1);
-ini_set('display_startup_errors', 1);
-error_reporting(E_ALL);
-?-->
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <?php
- $siteurl = $_SERVER['HTTP_HOST'];
- if($siteurl == "deeptwisty.com") {
- echo '<link rel="icon" type="image/x-icon" href="../favicon.ico"><title>deep twisty official NFTs</title><style>@font-face { font-family: "Ubuntu"; src: url(../ubuntu.ttf); } :root { --stdfont: "Ubuntu", Century Gothic,CenturyGothic,AppleGothic,sans-serif; } </style>';
- } elseif($siteurl == "isopod.cool") {
- echo '<link rel="icon" type="image/x-icon" href="../../favicon.ico"><title>niceopod official NFTs</title><style>:root { --stdfont: mono, monospace; } </style>';
- }
- ?>
- <style>
- :root {
- --shadowcolor: #00000099;
- --imagesperrow: 4;
- }
- body {
- font-family: var(--stdfont);
- margin: 0;
- padding: 0;
- background: #202020;
- width: 100vw;
- overflow-x: hidden;
- }
- .flex-container {
- margin: 0;
- padding: 0;
- overflow-x: hidden;
- display: flex;
- flex-wrap: wrap;
- }
-
- @media (max-width: 1200px) {
- :root {
- --imagesperrow: 3;
- }
- }
- @media (max-width: 800px) {
- :root {
- --imagesperrow: 2;
- }
- }
-
- a {
- height: calc(100vw / var(--imagesperrow));
- width: calc(100vw / var(--imagesperrow));
- color: transparent;
- text-decoration: none;
- background-position: center;
- background-size: 100%;
- padding: 2rem;
- transition-duration: 0.5s;
- box-sizing: border-box;
- display: flex;
- justify-content: center;
- align-items: center;
- box-shadow: 0 0 0 0 var(--shadowcolor) inset;
- }
- a span {
- text-align: center;
- }
- input[type="checkbox"]:checked + label a {
- --shadowcolor: #000000ef;
- }
- a:hover, input[type="checkbox"]:checked + label a {
- color: white;
- background-size: 115%;
- /*box-shadow: 0 calc(100vw / var(--imagesperrow)) 0 0 var(--shadowcolor) inset;*/
- box-shadow: 0 0 0 calc(100vw / var(--imagesperrow) / 2) var(--shadowcolor) inset;
- }
- .caption {
- padding: 10px;
- padding-top: 6px;
- height: 100%;
- border-bottom-right-radius: 10px;
- }
- </style>
- </head>
- <body>
- <div class="flex-container">
- <?php
- $imagetimes = Array();
-
- function test_image($name) { // Returns true if a file is an image (png or gif), false otherwise
- return (strpos($name, ".png") > 0 or strpos($name, ".gif") > 0);
- }
-
- function imagetime($file) { // This needs to return a Unix timestamp.
- global $imagetimes;
- if(!$imagetimes[$file]) {
- $imagetimes[$file] = filemtime($file);
- }
- return $imagetimes[$file];
- }
-
- $images = array_filter(scandir("."), "test_image"); // Generate array of every image in the directory by filename
-
- usort($images, function($a, $b) { // Sort images by modification date of the files
- return imagetime("$b") - imagetime("$a");
- });
-
- $datecounts = array();
- foreach($images as $im) { // Generate list of dates and how many images have them
- $mt = date("Y-m-d", imagetime("$im")); // File modification date in ISO format
- if($datecounts[$mt]) {
- $datecounts[$mt]++;
- } else {
- $datecounts[$mt] = 1;
- }
- }
-
- $pmt = $mt;
- foreach($images as $im) { // Loops through each image and echoes it to the page
-
- $no = substr($im, 0, strpos($im, ".")); // Filename with extension stripped
- $mt = date("Y-m-d", imagetime("$im")); // File modification date in ISO format
- $is = getimagesize("$im");
- $ist = $is[0] . "×" . $is[1] . "px"; // Image size formatted as X×Ypx
-
- $cl = "";
- if($datecounts[$mt] > 1) { // If there's more than one image published on the same date, merge them into a single thumbnail that can be clicked to reveal the full set. Would have done this based on names, but that would have been much harder. Might do that later.
- if($pmt != $mt) {
- echo "<style>.d$mt { display: none; } #show$mt:checked ~ .d$mt { display: flex; } #show$mt + label:hover a { cursor: pointer; }</style><input type='checkbox' style='display: none;' id='show$mt'></input>";
- $tn = $no;
- if(file_exists("thumbs/$mt.jpg")) { // Use the same image for the group thumbnail as the first image in the group. If there's a thumbnail named with the date in question, use that instead.
- $tn = $mt;
- }
- echo "<label for='show$mt'><a style='background-image:url(thumbs/$tn.jpg);'><span>...</span></a></label>";
- $pmt = $mt;
- }
- $cl = " class='d$mt'";
- }
-
- echo "<a href='$im' style='background-image:url(thumbs/$no.jpg);'$cl><span>$im<br>$mt • $ist</span></a>";
- }
- ?>
- </div>
- </body>
-</html>
diff --git a/v3/aud/index.php b/aud/index.php
index 745a5b5..fe53ce1 100644..100755
--- a/v3/aud/index.php
+++ b/aud/index.php
@@ -37,16 +37,16 @@
return (strpos($name, ".mp3") > 0);
}
- $files = array_filter(scandir("../../noises/"), "test_audio");
+ $files = array_filter(scandir("."), "test_audio");
usort($files, function($a, $b) { // Sort files by modification date of the files
- return filemtime("../../noises/$b") - filemtime("../../noises/$a");
+ return filemtime("$b") - filemtime("$a");
});
foreach($files as $fi) {
- //$fitime = filemtime("../../noises/$fi");
- $fisize = filesize("../../noises/$fi");
- echo "<article><span>$fi</span><audio controls><source src='../../noises/$fi' type='audio/mpeg'>your browser does not support embedded audio.</audio></article>";
+ //$fitime = filemtime("$fi");
+ $fisize = filesize("$fi");
+ echo "<article><span>$fi</span><audio controls><source src='$fi' type='audio/mpeg'>your browser does not support embedded audio.</audio></article>";
}
?>
</section>
diff --git a/credits/index.html b/credits/index.html
deleted file mode 100644
index 4aea1a9..0000000
--- a/credits/index.html
+++ /dev/null
@@ -1,86 +0,0 @@
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link rel="icon" type="image/x-icon" href="../favicon.ico">
- <title>deep twisty - credits</title>
- <link href="../style.css" rel="stylesheet" type="text/css" media="all">
- <link href="../subpage.css" rel="stylesheet" type="text/css" media="all">
- <style>
- section {
- text-align: left;
- }
- h2 {
- margin-bottom: 0;
- }
- li {
- margin: 0.3rem;
- }
- </style>
- </head>
- <body>
-
- <main>
- <h1 id="header"><span id="headerblue">cre</span><span id="headergreen">di</span><span id="headeryellow">ts</span></h1>
- <p><a class="white-color" style="text-decoration: none; font-size: 1.4em; font-family: var(--hfont);" href="../">home</a></p><hr>
- <section>
- <h2>Pimo</h2>
- <ul>
- <li><a href="https://blendswap.com/blend/29080">Piano model</a></li>
- <li><a href="https://www.turbosquid.com/3d-models/photorealistic-human-rig-3d-1422553">Person model</a></li>
- </ul>
-
- <h2>Tetrahead</h2>
- <ul>
- <li><a href="https://www.turbosquid.com/3d-models/3d-realistic-musicians-music-model-1653971">Bassist model</a></li>
- </ul>
-
- <h2>Other</h2>
- <ul>
- <li><a href="https://seaslug.neocities.org/">deep twisty logo</a></li>
- <li>Many models and textures:
- <ul>
- <li><a href="https://polyhaven.com/">Polyhaven</a></li>
- <li><a href="https://ambientcg.com/">AmbientCG</a></li>
- </ul>
- </li>
- <li><a href="https://www.musicradar.com/news/tech/sampleradar-500-free-industrial-samples-504614">MusicRadar industrial sample pack</a></li>
- <li><a href="https://soundpacks.com/free-sound-packs/80s-retro-futuristic-drum-pack/">DataDrive 80s retro futuristic drum pack</a></li>
- <li><a href="https://soundconstraints.com/products/corona-virus-sample-pack?_pos=1&_sid=c06f60aca&_ss=r">SoundConstraints COVID-19 sample pack</a></li>
- </ul>
-
- <h2>Software</h2>
- <ul>
- <li>
- DAWs
- <ul>
- <li title="Used for everything after Pimo"><a href="https://www.reaper.fm/">REAPER</a></li>
- <li title="used for everything from Nova to Pimo"><a href="https://lmms.io/">LMMS</a></li>
- <li title="used for Plot Twist"><a href="https://www.audiotool.com/">Audiotool</a></li>
- </ul>
- </li>
- <li>
- Plugins
- <ul>
- <li title="used with REAPER"><a href="https://surge-synthesizer.github.io/">Surge XT</a></li>
- <li title="used with LMMS"><a href="https://www.kvraudio.com/product/synth1-by-daichi-laboratory-ichiro-toda">Synth1</a></li>
- </ul>
- </li>
- <li>Visual
- <ul>
- <li title="used for all images and videos since Colony"><a href="https://www.blender.org/">Blender</a></li>
- <li title="used for videos prior to the release of Colony"><a href="https://www.shotcut.org/">Shotcut</a></li>
- <li title="used for visuals prior to the release of Colony"><a href="https://getpaint.net/">Paint.NET</a></li>
- </ul>
- </li>
- </ul>
-
- <h2>Licensing <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="cc4_80x15.png"></a></h2>
- <p style="max-width: 22rem;">Everything I make is licensed under a <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">Creative&nbsp;Commons&nbsp;CC&nbsp;BY-NC-SA</a> license unless otherwise specified.</p><p style="max-width: 22rem;">To request permission to use something I've made commercially, contact me at <a href="mailto:contact@deeptwisty.com">contact@deeptwisty.com</a>.</p>
- </section>
- </main>
-
- </body>
-
-</html>
diff --git a/credits/index.php b/credits/index.php
new file mode 100755
index 0000000..25003d6
--- /dev/null
+++ b/credits/index.php
@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>/inf/credits</title>
+ <link href="../style.css" rel="stylesheet" type="text/css" media="all">
+ <link rel="icon" type="image/x-icon" href="/favicon.ico">
+ </head>
+ <body>
+ <nav><a href="../"><<<</a></nav>
+ <p>$ pwd</p>
+ <h1 class="title">/inf/credits</h1>
+ <p>$ ls</p>
+ <nav>
+ <a href="#hextor">hextor.yml</a>
+ <a href="#extradimensional">extradimensional.yml</a>
+ <a href="#pimo">pimo.yml</a>
+ <a href="#tetrahead">tetrahead.yml</a>
+ <a href="#nova">nova.yml</a>
+ <a href="#home">home.yml</a>
+ <a href="#plot-twist">plot-twist.yml</a>
+ <a href="#plugins">plugins.yml</a>
+ <a href="#sample-packs">sample-packs.yml</a>
+ <a href="#3d-assets">3d-assets.yml</a>
+ </nav>
+ <p>$ cat *.yml</p>
+ <section class="dir" id="hextor">
+ <h2># Hextor</h2>
+ <pre>
+daw:
+ "Assembly": "Reaper"
+ "R.I.S.E.": "LMMS"
+ "Lead": "Reaper"
+ "Eliminate": "Reaper"
+visuals: "Blender"
+assets:
+ drums: "<a href="https://blendswap.com/blend/18325">https://blendswap.com/blend/18325</a>"
+ drummer: "<a href="https://www.turbosquid.com/3d-models/dennis-004-standing-business-man-1072816">https://www.turbosquid.com/3d-models/dennis-004-standing-business-man-1072816</a>"</pre>
+ </section>
+ <section class="dir" id="extradimensional">
+ <h2># Extradimensional</h2>
+ <pre>
+daw: "LMMS"
+visuals:
+ - "Paint.NET"
+ - "Shotcut"
+samples: "Minecraft"</pre>
+ </section>
+ <section class="dir" id="pimo">
+ <h2># Pimo</h2>
+ <pre>
+daw: "LMMS"
+visuals: "Blender"
+assets:
+ piano: "<a href="https://blendswap.com/blend/29080">https://blendswap.com/blend/29080</a>"
+ pianist: "<a href="https://www.turbosquid.com/3d-models/photorealistic-human-rig-3d-1422553">https://www.turbosquid.com/3d-models/photorealistic-human-rig-3d-1422553</a>"</pre>
+ </section>
+ <section class="dir" id="tetrahead">
+ <h2># Tetrahead</h2>
+ <pre>
+daw: "LMMS"
+visuals: "Blender"
+assets:
+ bassist: "<a href="https://www.turbosquid.com/3d-models/3d-realistic-musicians-music-model-1653971">https://www.turbosquid.com/3d-models/3d-realistic-musicians-music-model-1653971</a>"</pre>
+ </section>
+ <section class="dir" id="nova">
+ <h2># Nova</h2>
+ <pre>
+daw: "LMMS"
+visuals:
+ - "Paint.NET"
+ - "Shotcut"
+ - "Blender"</pre>
+ </section>
+ <section class="dir" id="home">
+ <h2># Home</h2>
+ <pre>
+daw: "LMMS"
+visuals: "Blender"</pre>
+ </section>
+ <section class="dir" id="plot-twist">
+ <h2># Plot Twist</h2>
+ <pre>
+daw: "LMMS"
+visuals:
+ - "Paint.NET"
+ - "Shotcut"</pre>
+ </section>
+ <section class="dir" id="plugins">
+ <h2># Plugins</h2>
+ <pre>
+lmms:
+ - "Synth1"
+blender:
+ - "Bizualizer"</pre>
+ </section>
+ <section class="dir" id="sample-packs">
+ <h2># Sample Packs</h2>
+ <pre>
+packs:
+ - "<a href="https://www.musicradar.com/news/tech/sampleradar-500-free-industrial-samples-504614">https://www.musicradar.com/news/tech/sampleradar-500-free-industrial-samples-504614</a>"
+ - "<a href="https://soundpacks.com/free-sound-packs/80s-retro-futuristic-drum-pack/">https://soundpacks.com/free-sound-packs/80s-retro-futuristic-drum-pack/</a>"
+ - "<a href="https://soundconstraints.com/products/corona-virus-sample-pack">https://soundconstraints.com/products/corona-virus-sample-pack</a>"</pre>
+ </section>
+ <section class="dir" id="3d-assets">
+ <h2># General 3D Assets</h2>
+ <pre>
+sources:
+ - "<a href="https://polyhaven.com/">https://polyhaven.com/</a>"
+ - "<a href="https://ambientcg.com/">https://ambientcg.com/</a>"</pre>
+ </section>
+ <p>$</p>
+ <!--a href="." style="margin-top: 1rem; font-size: 0;"><img src="images/button.png" style="width: 88px;"/></a-->
+
+
+ </body>
+</html>
diff --git a/favicon.ico b/favicon.ico
index 8753c65..8753c65 100644..100755
--- a/favicon.ico
+++ b/favicon.ico
Binary files differ
diff --git a/feed.atom b/feed.atom
new file mode 100755
index 0000000..6a80fb9
--- /dev/null
+++ b/feed.atom
@@ -0,0 +1,147 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<feed xmlns="http://www.w3.org/2005/Atom">
+ <title>deep twisty releases feed</title>
+ <id>https://deeptwisty.com/</id>
+ <link rel="alternate" href="https://deeptwisty.com/"></link>
+ <updated>2024-11-13T00:00:00-07:00</updated>
+ <author>
+ <name>the individual from deep twisty</name>
+ <uri>https://deeptwisty.com/</uri>
+ </author>
+ <generator>100% organic free-range grass-fed hormone-free canadian hand-written RFC 4287</generator>
+ <entry>
+ <title>Hextor</title>
+ <id>music_hextor</id>
+ <link rel="alternate" href="https://deeptwisty.bandcamp.com/album/hextor" type="html" title="Hextor on Bandcamp"></link>
+ <published>2024-11-02T00:00:00-07:00</published>
+ <updated>2024-11-02T00:00:00-07:00</updated>
+ <summary>On drums.</summary>
+ <category term="music"/>
+ <category term="album"/>
+ </entry>
+ <entry>
+ <title>R.I.S.E.</title>
+ <id>video_rise</id>
+ <link rel="alternate" href="https://www.youtube.com/watch?v=WCDMhoYVh7I" type="html" title="R.I.S.E. on Youtube"></link>
+ <published>2021-01-07T00:00:00-07:00</published>
+ <updated>2021-01-07T00:00:00-07:00</updated>
+ <summary>Suburbia in the year 3000.</summary>
+ <category term="music"/>
+ <category term="video"/>
+ <category term="dtcu"/>
+ </entry>
+ <entry>
+ <title>Pimo</title>
+ <id>music_pimo</id>
+ <link rel="alternate" href="https://deeptwisty.bandcamp.com/album/pimo" type="html" title="Pimo on Bandcamp"></link>
+ <published>2022-03-14T00:00:00-07:00</published>
+ <updated>2022-03-14T00:00:00-07:00</updated>
+ <summary>On keyboard.</summary>
+ <category term="music"/>
+ <category term="album"/>
+ </entry>
+ <entry>
+ <title>Extradimensional</title>
+ <id>music_extradimensional</id>
+ <link rel="alternate" href="https://deeptwisty.bandcamp.com/track/extradimensional" type="html" title="Extradimensional on Bandcamp"></link>
+ <published>2021-12-27T00:00:00-07:00</published>
+ <updated>2021-12-27T00:00:00-07:00</updated>
+ <summary>custom music disc for a minecraft server with some friends, figured it deserved a proper release</summary>
+ <category term="music"/>
+ <category term="single"/>
+ </entry>
+ <entry>
+ <title>Bridges</title>
+ <id>video_bridges</id>
+ <link rel="alternate" href="https://www.youtube.com/watch?v=NhKZ_RrXBvg" type="html" title="Bridges on Youtube"></link>
+ <published>2021-07-23T00:00:00-07:00</published>
+ <updated>2021-07-23T00:00:00-07:00</updated>
+ <summary>Construction on the I-95.</summary>
+ <category term="music"/>
+ <category term="video"/>
+ <category term="dtcu"/>
+ </entry>
+ <entry>
+ <title>Cumulonimbus</title>
+ <id>video_cumulonimbus</id>
+ <link rel="alternate" href="https://www.youtube.com/watch?v=sH4wrpaHAP4" type="html" title="Cumulonimbus on Youtube"></link>
+ <published>2021-07-23T00:00:00-07:00</published>
+ <updated>2021-07-23T00:00:00-07:00</updated>
+ <summary>What remains of the sky.</summary>
+ <category term="music"/>
+ <category term="video"/>
+ <category term="dtcu"/>
+ </entry>
+ <entry>
+ <title>Tetrahead</title>
+ <id>music_tetrahead</id>
+ <link rel="alternate" href="https://deeptwisty.bandcamp.com/album/tetrahead" type="html" title="Tetrahead on Bandcamp"></link>
+ <published>2021-08-26T00:00:00-07:00</published>
+ <updated>2021-08-26T00:00:00-07:00</updated>
+ <summary>On bass.</summary>
+ <category term="music"/>
+ <category term="album"/>
+ </entry>
+ <entry>
+ <title>Harvester</title>
+ <id>video_harvester</id>
+ <link rel="alternate" href="https://www.youtube.com/watch?v=0q08GdEd9XQ" type="html" title="Harvester on Youtube"></link>
+ <published>2021-07-23T00:00:00-07:00</published>
+ <updated>2021-07-23T00:00:00-07:00</updated>
+ <summary>An encounter with Law Enforcement.</summary>
+ <category term="music"/>
+ <category term="video"/>
+ <category term="dtcu"/>
+ </entry>
+ <entry>
+ <title>Друг</title>
+ <id>video_Друг</id>
+ <link rel="alternate" href="https://www.youtube.com/watch?v=vPKFJ3CkEVM" type="html" title="Друг on Youtube"></link>
+ <published>2021-01-10T00:00:00-07:00</published>
+ <updated>2021-01-10T00:00:00-07:00</updated>
+ <summary>violence</summary>
+ <category term="music"/>
+ <category term="video"/>
+ </entry>
+ <entry>
+ <title>Elusive</title>
+ <id>video_elusive</id>
+ <link rel="alternate" href="https://www.youtube.com/watch?v=CHL7ZWqjV6M" type="html" title="Elusive on Youtube"></link>
+ <published>2020-11-23T00:00:00-07:00</published>
+ <updated>2020-11-23T00:00:00-07:00</updated>
+ <summary>Combing the outskirts.</summary>
+ <category term="music"/>
+ <category term="video"/>
+ <category term="dtcu"/>
+ </entry>
+ <entry>
+ <title>Nova</title>
+ <id>music_nova</id>
+ <link rel="alternate" href="https://deeptwisty.bandcamp.com/album/nova" type="html" title="Nova on Bandcamp"></link>
+ <published>2020-09-30T00:00:00-07:00</published>
+ <updated>2020-09-30T00:00:00-07:00</updated>
+ <summary>the album ever</summary>
+ <category term="music"/>
+ <category term="album"/>
+ </entry>
+ <entry>
+ <title>Home</title>
+ <id>music_home</id>
+ <link rel="alternate" href="https://deeptwisty.bandcamp.com/album/home" type="html" title="Home on Bandcamp"></link>
+ <published>2020-08-13T00:00:00-07:00</published>
+ <updated>2020-08-13T00:00:00-07:00</updated>
+ <summary>bro i fucking love 80s synthwave tom drums bro</summary>
+ <category term="music"/>
+ <category term="single"/>
+ </entry>
+ <entry>
+ <title>Plot Twist</title>
+ <id>music_plot_twist</id>
+ <link rel="alternate" href="https://deeptwisty.bandcamp.com/album/plot-twist" type="html" title="Plot Twist on Bandcamp"></link>
+ <published>2019-10-31T00:00:00-07:00</published>
+ <updated>2019-10-31T00:00:00-07:00</updated>
+ <summary>this is here i guess</summary>
+ <category term="music"/>
+ <category term="album"/>
+ </entry>
+</feed>
diff --git a/fonts/B612_Mono/OFL.txt b/fonts/B612_Mono/OFL.txt
index 0b5d530..0b5d530 100644..100755
--- a/fonts/B612_Mono/OFL.txt
+++ b/fonts/B612_Mono/OFL.txt
diff --git a/v3/img/index.php b/img/index.php
index a6cc9fa..a0e6b61 100644..100755
--- a/v3/img/index.php
+++ b/img/index.php
@@ -45,12 +45,12 @@
function imagetime($file) { // This needs to return a Unix timestamp.
global $imagetimes;
if(!$imagetimes[$file]) {
- $imagetimes[$file] = filemtime("../../art/".$file);
+ $imagetimes[$file] = filemtime($file);
}
return $imagetimes[$file];
}
- $images = array_filter(scandir("../../art"), "test_image"); // Generate array of every image in the directory by filename
+ $images = array_filter(scandir("."), "test_image"); // Generate array of every image in the directory by filename
usort($images, function($a, $b) { // Sort images by modification date of the files
return imagetime("$b") - imagetime("$a");
@@ -61,14 +61,14 @@
$no = substr($im, 0, strpos($im, ".")); // Filename with extension stripped
$mt = date("Y-m-d", imagetime("$im")); // File modification date in ISO format
- $is = getimagesize("../../art/$im");
+ $is = getimagesize("$im");
$ist = $is[0] . "×" . $is[1]; // Image size formatted as X×Ypx
if($pmt != $mt) {
- $pmt = $mt;
if($pmt != "") {
echo "</article>";
}
+ $pmt = $mt;
echo "<h2>$mt</h2><article class='imgs'>";
}
diff --git a/index.php b/index.php
index 180906b..d571a13 100644..100755
--- a/index.php
+++ b/index.php
@@ -1,59 +1,53 @@
<!DOCTYPE html>
<html lang="en">
- <?php
- $captions = array(
- 'musician',
- '3d artist',
- 'programmer',
- 'gamer',
- 'dweeb',
- '"artist"',
- 'creative type',
- 'proponent of cool stuff',
- 'linux user',
- 'canadian',
- '.com'
- );
- $cap = str_replace(" ", "&nbsp;", $captions[array_rand($captions)]);
- ?>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title><?php
- if($cap != '.com') { echo "deep twisty - $cap"; }
- else { echo "deeptwisty.com"; }
- ?></title>
+ <title>uServe OS 52.08 LTS "Twisty Tardigrade" Hybrid CLI</title>
<meta name="description" content="official website of deep twisty, a musician, we think">
<link href="style.css" rel="stylesheet" type="text/css" media="all">
- <link rel="icon" type="image/x-icon" href="favicon.ico">
- <!--script> if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { document.location="mobile.html"; } </script-->
- <style>html, body {height: 100%;}</style>
+ <link rel="icon" type="image/x-icon" href="/favicon.ico">
+ <style>
+ a[href="?88x31"] {
+ opacity: 0;
+ }
+ a[href="?88x31"]:hover {
+ opacity: 1;
+ }
+ </style>
</head>
<body>
- <section id="main">
- <h1 id="header"><span id="headerblue">deep</span> <span id="headergreen">twi</span><span id="headeryellow">sty</span><span id="subheader"><?php echo $cap; ?></span></h1>
- <!--p style="text-shadow: 0 0 4px black;">i'm a computer musician, 3d artist and programmer who's committed to this alias now.<br>this is a hub for the stuff i make. i hope you like it.</p-->
- <nav id="ext">
- <a rel="me" class="bandcamp-color" href="https://deeptwisty.bandcamp.com">bandcamp</a>
- <a rel="me" class="youtube-color" href="https://www.youtube.com/@deeptwisty">youtube</a>
- <a rel="me" class="itchio-color" href="https://deeptwisty.itch.io">itch.io</a>
- <a rel="me" class="kofi-color" href="https://ko-fi.com/deeptwisty">ko-fi</a>
- </nav>
- <nav id="int">
- <a class="white-color" href="/posts">posts</a>
- <a class="white-color" href="/art">art</a>
- <a class="white-color" href="/noises">noises</a>
- </nav>
- <a href="." style="margin-top: 1rem; font-size: 0;"><img src="images/button.png" style="width: 88px;"/></a>
- <p><a href="https://www.bandcampunited.org/">support bandcamp united</a></p>
+ <p>uServe OS 52.08 "Twisty Tardigrade" Hybrid CLI
+ <br>&copy; 2040-3052 Sysco Systems, Inc.
+ <br>All rights reserved.</p>
+<pre>Current date: <?php echo '3052-'.date("m-d").'@'.date("B"); ?>
+Uptime: 41,742 weeks, 6 days
+Terminal: /dev/pts/1</pre>
+ <p>Welcome.</p>
+ <p>$ hostname -d</p>
+ <h1><span class="title">deep twisty</span><span style="font-size: .75em;">.com</span></h1>
+ <p>$ find ~ -type d</p>
+ <section class="dir">
+ <h2>NET</h2>
+ <a rel="me" class="bandcamp-color" href="https://deeptwisty.bandcamp.com">://BANDCAMP</a>
+ <a rel="me" class="youtube-color" href="https://www.youtube.com/@deeptwisty">://YOUTUBE</a>
+ <a rel="me" class="itchio-color" href="https://deeptwisty.itch.io">://ITCHIO</a>
+ <a rel="me" class="kofi-color" href="https://ko-fi.com/deeptwisty">://KOFI</a>
+ <h2>LOG</h2>
+ <a href="txt">TXT</a>
+ <a href="img">IMG</a>
+ <a href="aud">AUD</a>
+ <a href="feed.atom">RSS</a>
+ <h2>INF</h2>
+ <a href="credits">CREDITS</a>
+ <a href="license">LICENSE</a>
</section>
-
- <section id="secondary">
- <div id="displaycontent">
- <iframe style="border: 0; width: 450px; height: 450px; max-width: 80vw; max-height: 80vw;" src="https://bandcamp.com/EmbeddedPlayer/album=1230113999/size=large/bgcol=333333/linkcol=ffffff/minimal=true/transparent=true/" seamless><a href="https://deeptwisty.bandcamp.com/album/pimo">Pimo by deep twisty</a></iframe>
- </div>
- </section>
-
- <a href="/credits" style="font-size: 10pt; position: absolute; right: .5rem; bottom: .5rem; text-decoration: none;">credits & licensing</a>
+ <?php
+ if (isset($_GET["88x31"])) {
+ echo("<p>$ imgcat dt_88x31.png</p><img src='images/dt_88x31.png' alt='deep twisty 88x31 button'><p>$</p>");
+ } else {
+ echo("<p>$ <a href='?88x31'>imgcat dt_88x31.png</a></p>");
+ }
+ ?>
</body>
</html>
diff --git a/v3/license/index.php b/license/index.php
index 0647ccb..0647ccb 100644..100755
--- a/v3/license/index.php
+++ b/license/index.php
diff --git a/noises/index.php b/noises/index.php
deleted file mode 100644
index f9fc8e3..0000000
--- a/noises/index.php
+++ /dev/null
@@ -1,58 +0,0 @@
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link rel="icon" type="image/x-icon" href="../favicon.ico">
- <title>deep twisty - noises</title>
- <link href="../style.css" rel="stylesheet" type="text/css" media="all">
- <link href="../subpage.css" rel="stylesheet" type="text/css" media="all">
- <style>
- article {
- padding: 1rem;
- max-width: 25rem;
- margin: auto;
- }
- h2 {
- margin-bottom: 0.45rem;
- font-size: medium;
- }
- article p {
- margin-top: 0.1rem;
- }
- audio {
- border-radius: 2rem;
- box-shadow: 2px 2px 8px black;
- }
- </style>
- </head>
- <body>
-
- <main>
- <h1 id="header"><span id="headerblue">no</span><span id="headergreen">is</span><span id="headeryellow">es</span></h1>
- <p><a class="white-color" style="text-decoration: none; font-size: 1.4em; font-family: var(--hfont);" href="../">home</a></p><hr>
- <div id="songs">
- <?php
- // Code to automatically populate the page with every mp3 file in the directory.
- // Should display filename - and date of creation and id3 comment if possible.
-
- function test_audio($name) { // Returns true if a file is an mp3, false otherwise
- return (strpos($name, ".mp3") > 0);
- }
-
- $files = array_filter(scandir("."), "test_audio");
-
- usort($files, function($a, $b) { // Sort files by modification date of the files
- return filemtime("$b") - filemtime("$a");
- });
-
- foreach($files as $fi) {
- echo "<article><h2>$fi</h2><audio controls><source src='$fi' type='audio/mpeg'>your browser does not support embedded audio.</audio></article>";
- }
- ?>
- </div>
- </main>
-
- </body>
-
-</html>
diff --git a/not_found.html b/not_found.html
deleted file mode 100644
index 433cd6f..0000000
--- a/not_found.html
+++ /dev/null
@@ -1,27 +0,0 @@
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>deep twisty</title>
- <meta name="description" content="official website of deep twisty, a musician, we think">
- <link href="https://deeptwisty.com/style.css" rel="stylesheet" type="text/css" media="all">
- <link rel="icon" type="image/x-icon" href="favicon.ico">
- <style>
- html body {
- width: 100%;
- height: 100%;
- overflow: clip;
- }
- </style>
- </head>
- <body>
- <div style="height: 100vh; display: flex; flex-direction: column; justify-content: center;">
- <div style="height: 14em; width: 110vw; display: flex; flex-direction: column; justify-content: center; align-items: center; background-image: url(https://deeptwisty.com/images/bg_default.png); box-shadow: 0 0 8px 4px black inset; transform: rotate(-3deg) translateX(5vw);">
- <h1 style="margin: 0; text-align: center; width: 100%; font-size: 8em; text-shadow: 4px 4px 4px black; margin-top: -18px;">404</h1>
- <h2 style="margin: 0; text-align: center; width: 100%; font-size: 2em; text-shadow: 2px 2px 2px black; margin-top: -10px;">item not found</h2>
- </div>
- </div>
- </body>
-
-</html> \ No newline at end of file
diff --git a/posts/index.php b/posts/index.php
deleted file mode 100644
index 1fe640e..0000000
--- a/posts/index.php
+++ /dev/null
@@ -1,51 +0,0 @@
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link rel="icon" type="image/x-icon" href="../favicon.ico">
- <title>deep twisty - posts</title>
- <link href="../style.css" rel="stylesheet" type="text/css" media="all">
- <link href="../subpage.css" rel="stylesheet" type="text/css" media="all">
- <style>
- article.post {
- padding: 1rem;
- max-width: 25rem;
- margin: auto;
- }
- h2.datemarker {
- margin-bottom: 0;
- font-size: small;
- }
- .post p {
- margin-top: 0.1rem;
- }
- </style>
- </head>
- <body>
-
- <main>
- <h1 id="header"><span id="headerblue">po</span><span id="headergreen">st</span><span id="headeryellow">s</span></h1>
- <p><a class="white-color" style="text-decoration: none; font-size: 1.4em; font-family: var(--hfont);" href="../">home</a><span style="display: inline-block; margin: 0 0.3rem; font-size: 0;"></span><a class="white-color" style="text-decoration: none; font-size: 1.4em; font-family: var(--hfont);" href="https://journal.miso.town/atom?url=https://deeptwisty.com/posts/">feed</a></p><hr>
- <div id="posts">
- <?php
- $infile = fopen("posts.txt", "r") or die("file read error -_-");
- $content = fread($infile,filesize("posts.txt"));
- fclose($infile);
- $post_arr = explode("\n",$content);
- $posts_out = "";
- foreach($post_arr as $p) {
- if(strlen($p) > 3) {
- $date = substr($p, 0, strpos($p, " "));
- $pcont = substr($p, strpos($p, " ") + 1);
- $posts_out = "<article class='post'><h2 class='datemarker'>$date</h2><p>$pcont</p></article>$posts_out";
- }
- }
- echo $posts_out;
- ?>
- </div>
- </main>
-
- </body>
-
-</html>
diff --git a/some-assembly-required/index.html b/some-assembly-required/index.html
index 026070c..026070c 100644..100755
--- a/some-assembly-required/index.html
+++ b/some-assembly-required/index.html
diff --git a/style.css b/style.css
index 7485045..266c66e 100644..100755
--- a/style.css
+++ b/style.css
@@ -1,117 +1,209 @@
@font-face {
- font-family: Ubuntu;
- src: url(ubuntu.ttf);
+ font-family: b612_mono;
+ src: url(/fonts/B612_Mono/B612Mono-Regular.ttf);
}
@font-face {
- font-family: Ubuntu-Bold;
- src: url(ubuntu-bold.ttf);
+ font-family: b612_mono;
+ src: url(/fonts/B612_Mono/B612Mono-Bold.ttf);
+ font-weight: bold;
}
+@font-face {
+ font-family: b612_mono;
+ src: url(/fonts/B612_Mono/B612Mono-Italic.ttf);
+ font-style: italic;
+}
+@font-face {
+ font-family: b612_mono;
+ src: url(/fonts/B612_Mono/B612Mono-BoldItalic.ttf);
+ font-weight: bold;
+ font-style: italic;
+}
+
:root {
- --hfont: 'Ubuntu-Bold', 'Ubuntu', Century Gothic, CenturyGothic, AppleGothic, sans-serif;
- --stdfont: 'Ubuntu', Century Gothic, CenturyGothic, AppleGothic, sans-serif;
+ --blue: #2e1ae0;
+ --green: #00ff00;
+ --yellow: #ffff00;
+ --border: 2px solid white;
+ --boxshadow: 0 0 2px white, 0 0 2px white inset;
+ --gradient: linear-gradient(135deg, var(--blue) 0%, var(--blue) 35%, var(--green) 65%, var(--yellow) 90%);
}
-html, body {
- min-height: 100%;
- margin:0;
- padding:0;
+
+img {
+ max-width: 100%;
}
+
body {
- overflow-x: clip;
- color: gainsboro;
- font-family: var(--stdfont);
- background-color: black;
- background-image: url('bg_default.png');
- background-repeat: no-repeat;
- background-attachment: fixed;
- background-size: cover;
- overflow-wrap: break-word;
- display: flex;
- flex-direction: row-reverse;
+ font-family: b612_mono, monospace;
+ margin: 5rem;
+ color: white;
+ background: black;
+ width: fit-content;
+ max-width: 90%;
+ text-shadow: 0 0 2px white;
+}
+body::before {
+ content: " ";
+ display: block;
+ position: fixed;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
+ z-index: 2;
+ background-size: 100% 2px, 3px 100%;
+ pointer-events: none;
+ animation: flicker 0.1s infinite;
+}
+
+h1 {
+ font-size: 3em;
+ width: fit-content;
+ text-shadow: none;
+}
+
+.title {
+ font-style: italic;
+ background: var(--gradient);
+ background-clip: text;
+ -webkit-text-fill-color: transparent;
+}
+
+.dir {
+ padding: 2rem;
+ width: fit-content;
+ min-width: 40ch;
+ max-width: 100%;
+ box-sizing: border-box;
+}
+section.dir > *:first-child {
+ margin-top: 0;
+ padding-top: 0;
+}
+section.dir > *:last-child {
+ margin-bottom: 0;
+ padding-bottom: 0;
}
+section.dir > a {
+ display: block;
+ padding: 0.5rem;
+}
+:is(.dir, nav) {
+ border: var(--border);
+ box-shadow: var(--boxshadow);
+}
+:is(.dir, nav):hover {
+ border-image: var(--gradient) 2;
+}
+section {
+ margin-bottom: 1rem;
+}
+
+section article {
+ margin: 0;
+ padding: .5rem 0;
+ border-bottom: 1px solid #fff9;
+}
+article:last-child {
+ border-bottom: none;
+}
+
a {
- color: gainsboro;
-}
-p {
- text-shadow: 0 0 5px black;
-}
-#main {
- flex: 50%;
- padding: 1rem;
- box-shadow: 0 0 45px 90px rgba(0, 0, 0, 0.7);
- display: flex;
- flex-direction: column;
- justify-content: center;
- background: rgba(0, 0, 0, 0.7);
- background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, #000000 100%);
- background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, #000 100%);
-}
-#secondary {
- flex: 50%;
- display: flex;
- justify-content: center;
- align-items: center;
-}
-#displaycontent {
- box-shadow: 4px 4px 8px 2px black;
- font-size: 0;
-}
-#header {
- font-family: var(--hfont);
- font-size: 3.5em;
- color: transparent;
- -webkit-text-stroke-width: 2px;
- margin: 0;
-}
-#subheader {
- margin-left: -5px;
- font-size: 0.6em;
- color: white;
- -webkit-text-stroke-width: 0;
- text-shadow: 0 0 9px white;
- z-index: 1;
- animation-name: subheaderappear;
- animation-duration: 0.5s;
-}
-@keyframes subheaderappear {
- from {color: #19191900; text-shadow: 0 0 0 black;}
- to {color: white; text-shadow: 0 0 9px white;}
+ color: white;
+}
+nav {
+ width: fit-content;
+ display: flex;
+ flex-wrap: wrap;
}
nav a {
- text-decoration: none;
- display: inline;
- font-family: var(--hfont);
- font-size: 1.4em;
- padding: 5px;
-}
-@media(max-width: 80vh) {
- body {
- flex-direction: column;
- }
- #main {
- padding: 1rem;
- background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, #000000 100%);
- background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, #000 100%);
- }
-}
-.bandcamp-color { color: #629aa9; transition-duration: 0.2s; }
-.bandcamp-color:hover { color: #86c3d4 ; text-shadow: 0 0 7px #629aa9 ; }
-.youtube-color { color: #ff0000; transition-duration: 0.2s; }
-.youtube-color:hover { color: #ff5252 ; text-shadow: 0 0 7px #ff0000 ; }
-.itchio-color { color: #fa5c5c; transition-duration: 0.2s; }
-.itchio-color:hover { color: #ff8181 ; text-shadow: 0 0 7px #fa5c5c ; }
-.kofi-color { color: #FF5E5B; transition-duration: 0.2s; }
-.kofi-color:hover { color: #ff8684 ; text-shadow: 0 0 7px #FF5E5B ; }
-.white-color { color: gainsboro; transition-duration: 0.2s; }
-.white-color:hover { color: white; text-shadow: 0 0 7px white;}
+ margin: 0;
+ padding: 1rem;
+}
-#headerblue { -webkit-text-stroke-color: blue; text-shadow: 0 0 15px blue; animation: hblue; animation-duration: 10s; animation-iteration-count: infinite;}
-@keyframes hblue {
- 0%, 100% {-webkit-text-stroke-color: rgb(0, 0, 200); text-shadow: 0 0 15px rgb(0, 0, 200);}
- 15% {-webkit-text-stroke-color: blue; text-shadow: 0 0 15px blue;}
+pre {
+ font-size: 1rem;
+ font-family: b612_mono, monospace;
}
-#headergreen { -webkit-text-stroke-color: #5ff508; text-shadow: 0 0 15px #5ff508; }
-#headeryellow { -webkit-text-stroke-color: gold; text-shadow: 0 0 15px gold; animation: hyellow; animation-duration: 16.7ms; animation-iteration-count: infinite;}
-@keyframes hyellow {
- from {text-shadow: 0 0 15px rgba(219, 186, 0, 0.87);}
- to {text-shadow: 0 0 15px gold;}
+
+@media only screen and (hover: none) {
+ body {
+ margin: 1rem auto;
+ }
+ .dir {
+ min-width: 0;
+ width: 100%;
+ }
}
+
+@media (prefers-reduced-motion) {
+ body::before {
+ animation: none;
+ }
+}
+
+@keyframes flicker {
+ 0% {
+ opacity: 0.27861;
+ }
+ 5% {
+ opacity: 0.34769;
+ }
+ 10% {
+ opacity: 0.23604;
+ }
+ 15% {
+ opacity: 0.90626;
+ }
+ 20% {
+ opacity: 0.18128;
+ }
+ 25% {
+ opacity: 0.83891;
+ }
+ 30% {
+ opacity: 0.65583;
+ }
+ 35% {
+ opacity: 0.67807;
+ }
+ 40% {
+ opacity: 0.26559;
+ }
+ 45% {
+ opacity: 0.84693;
+ }
+ 50% {
+ opacity: 0.96019;
+ }
+ 55% {
+ opacity: 0.08594;
+ }
+ 60% {
+ opacity: 0.20313;
+ }
+ 65% {
+ opacity: 0.71988;
+ }
+ 70% {
+ opacity: 0.53455;
+ }
+ 75% {
+ opacity: 0.37288;
+ }
+ 80% {
+ opacity: 0.71428;
+ }
+ 85% {
+ opacity: 0.70419;
+ }
+ 90% {
+ opacity: 0.7003;
+ }
+ 95% {
+ opacity: 0.36108;
+ }
+ 100% {
+ opacity: 0.24387;
+ }
+} \ No newline at end of file
diff --git a/subpage.css b/subpage.css
deleted file mode 100644
index 94900d6..0000000
--- a/subpage.css
+++ /dev/null
@@ -1,32 +0,0 @@
-body {
- display: flex;
- justify-content: center;
- text-align: center;
- text-shadow: 0 0 6px black;
-}
-
-main {
- background: #202020 url("../images/bg_default.png");
- height: fit-content;
- min-height: 100%;
- min-width: 20rem;
- max-width: 50rem;
- box-shadow: 0 10px 8px 4px black inset;
- margin-top: -1.2rem;
- padding-top: 1.2rem;
- padding-left: 2rem;
- padding-right: 2rem;
-}
-
-main img {
- max-width: 100%;
-}
-
-#header {
- margin-bottom: -1rem;
-}
-
-hr {
- width: 30%;
- margin: auto;
-} \ No newline at end of file
diff --git a/v3/txt/index.php b/txt/index.php
index 9cb4149..8c6c445 100644..100755
--- a/v3/txt/index.php
+++ b/txt/index.php
@@ -21,12 +21,14 @@
fclose($infile);
$post_arr = explode("\n",$content);
$posts_out = "";
+ date_default_timezone_set("Etc/GMT-1");
foreach($post_arr as $p) {
if(strlen($p) > 3) {
$date = substr($p, 0, strpos($p, " "));
- $hdate = date("Y-m-d H:i:s", $date);
+ $sdate = date(DateTime::ATOM, $date);
+ $hdate = date("Y-m-d@B", $date);
$pcont = substr($p, strpos($p, " ") + 1);
- $posts_out = "<article>$hdate >> $pcont</article>$posts_out";
+ $posts_out = "<article><time datetime='$sdate'>$hdate</time> >> $pcont</article>$posts_out";
}
}
echo $posts_out;
diff --git a/v3/txt/sys.log b/txt/sys.log
index f204d4b..f204d4b 100644..100755
--- a/v3/txt/sys.log
+++ b/txt/sys.log
diff --git a/v3/credits/index.php b/v3/credits/index.php
deleted file mode 100644
index 356c6aa..0000000
--- a/v3/credits/index.php
+++ /dev/null
@@ -1,109 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>/inf/credits</title>
- <link href="../style.css" rel="stylesheet" type="text/css" media="all">
- <link rel="icon" type="image/x-icon" href="/favicon.ico">
- </head>
- <body>
- <nav><a href="../"><<<</a></nav>
- <p>$ pwd</p>
- <h1 class="title">/inf/credits</h1>
- <p>$ ls</p>
- <nav>
- <a href="#pimo">pimo.yml</a>
- <a href="#tetrahead">tetrahead.yml</a>
- <a href="#nova">nova.yml</a>
- <a href="#home">home.yml</a>
- <a href="#plot-twist">plot-twist.yml</a>
- <a href="#plugins">plugins.yml</a>
- <a href="#sample-packs">sample-packs.yml</a>
- <a href="#3d-assets">3d-assets.yml</a>
- </nav>
- <p>$ cat pimo.yml</p>
- <section class="dir">
- <h2># Pimo</h2>
- <p>
- daw: "LMMS"<br>
- visuals: "Blender"<br>
- assets:<br>
- &nbsp;&nbsp;piano: "<a href="https://blendswap.com/blend/29080">https://blendswap.com/blend/29080</a>"<br>
- &nbsp;&nbsp;pianist: "<a href="https://www.turbosquid.com/3d-models/photorealistic-human-rig-3d-1422553">https://www.turbosquid.com/3d-models/photorealistic-human-rig-3d-1422553</a>"
- </p>
- </section>
- <p>$ cat tetrahead.yml</p>
- <section class="dir" id="tetrahead">
- <h2># Tetrahead</h2>
- <p>
- daw: "LMMS"<br>
- visuals: "Blender"<br>
- assets:<br>
- &nbsp;&nbsp;bassist: "<a href="https://www.turbosquid.com/3d-models/3d-realistic-musicians-music-model-1653971">https://www.turbosquid.com/3d-models/3d-realistic-musicians-music-model-1653971</a>"
- </p>
- </section>
- <p>$ cat nova.yml</p>
- <section class="dir" id="nova">
- <h2># Nova</h2>
- <p>
- daw: "LMMS"<br>
- visuals:<br>
- &nbsp;&nbsp;- "Paint.NET"<br>
- &nbsp;&nbsp;- "Shotcut"<br>
- &nbsp;&nbsp;- "Blender"
- </p>
- </section>
- <p>$ cat home.yml</p>
- <section class="dir" id="home">
- <h2># Home</h2>
- <p>
- daw: "LMMS"<br>
- visuals: "Blender"<br>
- </p>
- </section>
- <p>$ cat plot-twist.yml</p>
- <section class="dir" id="plot-twist">
- <h2># Plot Twist</h2>
- <p>
- daw: "LMMS"<br>
- visuals:<br>
- &nbsp;&nbsp;- "Paint.NET"<br>
- &nbsp;&nbsp;- "Shotcut"
- </p>
- </section>
- <p>$ cat plugins.yml</p>
- <section class="dir" id="plugins">
- <h2># Plugins</h2>
- <p>
- lmms:<br>
- &nbsp;&nbsp;- "Synth1"<br>
- blender:<br>
- &nbsp;&nbsp;- "Bizualizer"<br>
- </p>
- </section>
- <p>$ cat sample-packs.yml</p>
- <section class="dir" id="sample-packs">
- <h2># Sample Packs</h2>
- <p>
- packs:<br>
- &nbsp;&nbsp;- "<a href="https://www.musicradar.com/news/tech/sampleradar-500-free-industrial-samples-504614">https://www.musicradar.com/news/tech/sampleradar-500-free-industrial-samples-504614</a>"<br>
- &nbsp;&nbsp;- "<a href="https://soundpacks.com/free-sound-packs/80s-retro-futuristic-drum-pack/">https://soundpacks.com/free-sound-packs/80s-retro-futuristic-drum-pack/</a>"<br>
- &nbsp;&nbsp;- "<a href="https://soundconstraints.com/products/corona-virus-sample-pack">https://soundconstraints.com/products/corona-virus-sample-pack</a>"
- </p>
- </section>
- <p>$ cat 3d-assets.yml</p>
- <section class="dir" id="3d-assets">
- <h2># General 3D Assets</h2>
- <p>
- sources:<br>
- &nbsp;&nbsp;- "<a href="https://polyhaven.com/">https://polyhaven.com/</a>"<br>
- &nbsp;&nbsp;- "<a href="https://ambientcg.com/">https://ambientcg.com/</a>"
- </p>
- </section>
- <p>$</p>
- <!--a href="." style="margin-top: 1rem; font-size: 0;"><img src="images/button.png" style="width: 88px;"/></a-->
-
-
- </body>
-</html>
diff --git a/v3/index.php b/v3/index.php
deleted file mode 100644
index 0e67cba..0000000
--- a/v3/index.php
+++ /dev/null
@@ -1,35 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>uServe OS 52.08 LTS "Twisty Tardigrade" Hybrid CLI</title>
- <meta name="description" content="official website of deep twisty, a musician, we think">
- <link href="style.css" rel="stylesheet" type="text/css" media="all">
- <link rel="icon" type="image/x-icon" href="/favicon.ico">
- </head>
- <body>
- <p>uServe OS 52.08 "Twisty Tardigrade" Hybrid CLI<br>
- &copy; 2040-3052 Sysco Systems, Inc.<br>
- All rights reserved.</p>
- <p>Welcome.</p>
- <p>$ hostname -d</p>
- <h1><span class="title">deep twisty</span><span style="font-size: .75em;">.com</span></h1>
- <p>$ find / -type d</p>
- <section class="dir">
- <h2>NET</h2>
- <a rel="me" class="bandcamp-color" href="https://deeptwisty.bandcamp.com">://BANDCAMP</a>
- <a rel="me" class="youtube-color" href="https://www.youtube.com/@deeptwisty">://YOUTUBE</a>
- <a rel="me" class="itchio-color" href="https://deeptwisty.itch.io">://ITCHIO</a>
- <a rel="me" class="kofi-color" href="https://ko-fi.com/deeptwisty">://KOFI</a>
- <h2>LOG</h2>
- <a href="txt">TXT</a>
- <a href="img">IMG</a>
- <a href="aud">AUD</a>
- <h2>INF</h2>
- <a href="credits">CREDITS</a>
- <a href="license">LICENSE</a>
- </section>
- <p>$</p>
- </body>
-</html>
diff --git a/v3/style.css b/v3/style.css
deleted file mode 100644
index ee75106..0000000
--- a/v3/style.css
+++ /dev/null
@@ -1,195 +0,0 @@
-@font-face {
- font-family: b612_mono;
- src: url(/fonts/B612_Mono/B612Mono-Regular.ttf);
-}
-@font-face {
- font-family: b612_mono;
- src: url(/fonts/B612_Mono/B612Mono-Bold.ttf);
- font-weight: bold;
-}
-@font-face {
- font-family: b612_mono;
- src: url(/fonts/B612_Mono/B612Mono-Italic.ttf);
- font-style: italic;
-}
-@font-face {
- font-family: b612_mono;
- src: url(/fonts/B612_Mono/B612Mono-BoldItalic.ttf);
- font-weight: bold;
- font-style: italic;
-}
-
-:root {
- --blue: #2e1ae0;
- --green: #00ff00;
- --yellow: #ffff00;
- --border: 2px solid white;
- --boxshadow: 0 0 2px white, 0 0 2px white inset;
- --gradient: linear-gradient(135deg, var(--blue) 0%, var(--blue) 35%, var(--green) 65%, var(--yellow) 90%);
-}
-
-img {
- max-width: 100%;
-}
-
-body {
- font-family: b612_mono, monospace;
- margin: 5rem;
- color: white;
- background: black;
- width: fit-content;
- max-width: 90%;
- text-shadow: 0 0 2px white;
-}
-body::before {
- content: " ";
- display: block;
- position: fixed;
- top: 0;
- left: 0;
- bottom: 0;
- right: 0;
- background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
- z-index: 2;
- background-size: 100% 2px, 3px 100%;
- pointer-events: none;
- animation: flicker 0.1s infinite;
-}
-
-h1 {
- font-size: 3em;
- width: fit-content;
- text-shadow: none;
-}
-
-.title {
- font-style: italic;
- background: var(--gradient);
- background-clip: text;
- -webkit-text-fill-color: transparent;
-}
-
-.dir {
- padding: 2rem;
- width: fit-content;
- min-width: 40ch;
- max-width: 100%;
- box-sizing: border-box;
-}
-section.dir > *:first-child {
- margin-top: 0;
- padding-top: 0;
-}
-section.dir > *:last-child {
- margin-bottom: 0;
- padding-bottom: 0;
-}
-section.dir > a {
- display: block;
- padding: 0.5rem;
-}
-:is(.dir, nav) {
- border: var(--border);
- box-shadow: var(--boxshadow);
-}
-:is(.dir, nav):hover {
- border-image: var(--gradient) 2;
-}
-
-section article {
- margin: 0;
- padding: .5rem 0;
- border-bottom: 1px solid #fff9;
-}
-article:last-child {
- border-bottom: none;
-}
-
-a {
- color: white;
-}
-nav {
- width: fit-content;
- display: flex;
- flex-wrap: wrap;
-}
-nav a {
- margin: 0;
- padding: 1rem;
-}
-
-@media only screen and (hover: none) {
- body {
- margin: 1rem auto;
- }
- .dir {
- min-width: 0;
- width: 100%;
- }
-}
-
-@keyframes flicker {
- 0% {
- opacity: 0.27861;
- }
- 5% {
- opacity: 0.34769;
- }
- 10% {
- opacity: 0.23604;
- }
- 15% {
- opacity: 0.90626;
- }
- 20% {
- opacity: 0.18128;
- }
- 25% {
- opacity: 0.83891;
- }
- 30% {
- opacity: 0.65583;
- }
- 35% {
- opacity: 0.67807;
- }
- 40% {
- opacity: 0.26559;
- }
- 45% {
- opacity: 0.84693;
- }
- 50% {
- opacity: 0.96019;
- }
- 55% {
- opacity: 0.08594;
- }
- 60% {
- opacity: 0.20313;
- }
- 65% {
- opacity: 0.71988;
- }
- 70% {
- opacity: 0.53455;
- }
- 75% {
- opacity: 0.37288;
- }
- 80% {
- opacity: 0.71428;
- }
- 85% {
- opacity: 0.70419;
- }
- 90% {
- opacity: 0.7003;
- }
- 95% {
- opacity: 0.36108;
- }
- 100% {
- opacity: 0.24387;
- }
-} \ No newline at end of file