diff options
Diffstat (limited to 'v3')
| -rw-r--r-- | v3/aud/index.php | 56 | ||||
| -rw-r--r-- | v3/credits/index.php | 109 | ||||
| -rw-r--r-- | v3/img/index.php | 82 | ||||
| -rw-r--r-- | v3/index.php | 35 | ||||
| -rw-r--r-- | v3/license/index.php | 23 | ||||
| -rw-r--r-- | v3/style.css | 195 | ||||
| -rw-r--r-- | v3/txt/index.php | 38 | ||||
| -rw-r--r-- | v3/txt/sys.log | 1 |
8 files changed, 539 insertions, 0 deletions
diff --git a/v3/aud/index.php b/v3/aud/index.php new file mode 100644 index 0000000..745a5b5 --- /dev/null +++ b/v3/aud/index.php @@ -0,0 +1,56 @@ +<!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>/log/aud</title> + <link href="../style.css" rel="stylesheet" type="text/css" media="all"> + <style> + article { + display: flex; + align-items: center; + justify-content: space-between; + } + @media only screen and (hover: none) { + article { + flex-direction: column; + align-items: initial; + } + audio { + margin: 0.5rem; + } + } + </style> + </head> + <body> + <nav><a href="../"><<<</a></nav> + <p>$ pwd</p> + <h1 class="title">/log/aud</h1> + <p>$ ls -t</p> + <section class="dir"> + <?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("../../noises/"), "test_audio"); + + usort($files, function($a, $b) { // Sort files by modification date of the files + return filemtime("../../noises/$b") - filemtime("../../noises/$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>"; + } + ?> + </section> + <p>$</p> + </body> + +</html> diff --git a/v3/credits/index.php b/v3/credits/index.php new file mode 100644 index 0000000..356c6aa --- /dev/null +++ b/v3/credits/index.php @@ -0,0 +1,109 @@ +<!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/img/index.php b/v3/img/index.php new file mode 100644 index 0000000..a6cc9fa --- /dev/null +++ b/v3/img/index.php @@ -0,0 +1,82 @@ +<!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>/log/img</title> + <link href="../style.css" rel="stylesheet" type="text/css" media="all"> + <style> + .dir { + padding: 1rem; + padding-top: 2rem; + } + article.imgs { + display: flex; + flex-wrap: wrap; + border-bottom: none; + } + a.img { + display: flex; + flex-direction: column; + } + a.img :is(img, span) { + margin: 1rem; + } + h2 { + margin: 1rem; + margin-bottom: 0; + } + </style> + </head> + <body> + <nav><a href="../"><<<</a></nav> + <p>$ pwd</p> + <h1 class="title">/log/img</h1> + <p>$ ls -t</p> + <section class="dir"> + <?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 or strpos($name, ".jxl") > 0); + } + + function imagetime($file) { // This needs to return a Unix timestamp. + global $imagetimes; + if(!$imagetimes[$file]) { + $imagetimes[$file] = filemtime("../../art/".$file); + } + return $imagetimes[$file]; + } + + $images = array_filter(scandir("../../art"), "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"); + }); + + $pmt = ""; + 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("../../art/$im"); + $ist = $is[0] . "×" . $is[1]; // Image size formatted as X×Ypx + + if($pmt != $mt) { + $pmt = $mt; + if($pmt != "") { + echo "</article>"; + } + echo "<h2>$mt</h2><article class='imgs'>"; + } + + echo("<a class='img' href='/img/$im'><img src='/img/thumbs/$no.jpg'><span>$im >> $ist</span></a>"); + } + ?> + </section> + <p>$</p> + </body> + +</html> diff --git a/v3/index.php b/v3/index.php new file mode 100644 index 0000000..0e67cba --- /dev/null +++ b/v3/index.php @@ -0,0 +1,35 @@ +<!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/license/index.php b/v3/license/index.php new file mode 100644 index 0000000..0647ccb --- /dev/null +++ b/v3/license/index.php @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>/inf/license</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/license</h1> + <p>$ cat license.md</p> + <section class="dir"> + <p><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="cc4_80x15.png"></a></p> + <p>Everything released under the name "deep twisty" is licensed as <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</a> unless otherwise specified.</p> + <p>To request permission for commercial use, contact <a href="mailto:contact@deeptwisty.com">contact@deeptwisty.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/style.css b/v3/style.css new file mode 100644 index 0000000..ee75106 --- /dev/null +++ b/v3/style.css @@ -0,0 +1,195 @@ +@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 diff --git a/v3/txt/index.php b/v3/txt/index.php new file mode 100644 index 0000000..9cb4149 --- /dev/null +++ b/v3/txt/index.php @@ -0,0 +1,38 @@ +<!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>/log/txt</title> + <link href="../style.css" rel="stylesheet" type="text/css" media="all"> + <style> + </style> + </head> + <body> + <nav><a href="../"><<<</a></nav> + <p>$ pwd</p> + <h1 class="title">/log/txt</h1> + <p>$ cat sys.log</p> + <section class="dir"> + <?php + $infile = fopen("sys.log", "r") or die("file read error -_-"); + $content = fread($infile,filesize("sys.log")); + fclose($infile); + $post_arr = explode("\n",$content); + $posts_out = ""; + foreach($post_arr as $p) { + if(strlen($p) > 3) { + $date = substr($p, 0, strpos($p, " ")); + $hdate = date("Y-m-d H:i:s", $date); + $pcont = substr($p, strpos($p, " ") + 1); + $posts_out = "<article>$hdate >> $pcont</article>$posts_out"; + } + } + echo $posts_out; + ?> + </section> + <p>$</p> + </body> + +</html> diff --git a/v3/txt/sys.log b/v3/txt/sys.log new file mode 100644 index 0000000..f204d4b --- /dev/null +++ b/v3/txt/sys.log @@ -0,0 +1 @@ +1723020800 new website dropped
\ No newline at end of file |