diff options
| author | Ada Isopods <me@bathynomus.xyz> | 2024-12-05 20:26:58 -0700 |
|---|---|---|
| committer | Ada Isopods <me@bathynomus.xyz> | 2026-10-21 23:30:20 -0600 |
| commit | e0406f8c60a05887c2670d633d1d8eb58c7332c1 (patch) | |
| tree | 77fd790ff67921e35f5c0f10a1c1e375a5b4d566 | |
| parent | b58b9832183c5dec8af2dfd580abf3d5d9bdc086 (diff) | |
overhauled the entire site basically
| -rwxr-xr-x[-rw-r--r--] | .gitignore | 0 | ||||
| -rwxr-xr-x | 403.html | 15 | ||||
| -rwxr-xr-x | 404.html | 15 | ||||
| -rwxr-xr-x[-rw-r--r--] | LICENSE | 0 | ||||
| -rwxr-xr-x[-rw-r--r--] | README.md | 0 | ||||
| -rw-r--r-- | art/index.php | 146 | ||||
| -rwxr-xr-x[-rw-r--r--] | aud/index.php (renamed from v3/aud/index.php) | 10 | ||||
| -rw-r--r-- | credits/index.html | 86 | ||||
| -rwxr-xr-x | credits/index.php | 118 | ||||
| -rwxr-xr-x[-rw-r--r--] | favicon.ico | bin | 15086 -> 15086 bytes | |||
| -rwxr-xr-x | feed.atom | 147 | ||||
| -rwxr-xr-x[-rw-r--r--] | fonts/B612_Mono/OFL.txt | 0 | ||||
| -rwxr-xr-x[-rw-r--r--] | img/index.php (renamed from v3/img/index.php) | 8 | ||||
| -rwxr-xr-x[-rw-r--r--] | index.php | 88 | ||||
| -rwxr-xr-x[-rw-r--r--] | license/index.php (renamed from v3/license/index.php) | 0 | ||||
| -rw-r--r-- | noises/index.php | 58 | ||||
| -rw-r--r-- | not_found.html | 27 | ||||
| -rw-r--r-- | posts/index.php | 51 | ||||
| -rwxr-xr-x[-rw-r--r--] | some-assembly-required/index.html | 0 | ||||
| -rwxr-xr-x[-rw-r--r--] | style.css | 296 | ||||
| -rw-r--r-- | subpage.css | 32 | ||||
| -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.php | 109 | ||||
| -rw-r--r-- | v3/index.php | 35 | ||||
| -rw-r--r-- | v3/style.css | 195 |
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/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 Commons CC 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 Binary files differindex 8753c65..8753c65 100644..100755 --- a/favicon.ico +++ b/favicon.ico 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(" ", " ", $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>© 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> - piano: "<a href="https://blendswap.com/blend/29080">https://blendswap.com/blend/29080</a>"<br> - 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> - 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> - - "Paint.NET"<br> - - "Shotcut"<br> - - "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> - - "Paint.NET"<br> - - "Shotcut" - </p> - </section> - <p>$ cat plugins.yml</p> - <section class="dir" id="plugins"> - <h2># Plugins</h2> - <p> - lmms:<br> - - "Synth1"<br> - blender:<br> - - "Bizualizer"<br> - </p> - </section> - <p>$ cat sample-packs.yml</p> - <section class="dir" id="sample-packs"> - <h2># Sample Packs</h2> - <p> - packs:<br> - - "<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> - - "<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> - - "<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> - - "<a href="https://polyhaven.com/">https://polyhaven.com/</a>"<br> - - "<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> - © 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 |
