Initial commit of website contents

1 files changed, 58 insertions, 0 deletions

diff --git a/index.php b/index.php
new file mode 100644
index 0000000..0eb954a
--- /dev/null
+++ b/index.php
@@ -0,0 +1,58 @@
+<!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>
+    <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>
+  </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="patreon-color" href="https://patreon.com/deeptwisty">patreon</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>
+    </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>
+  </body>
+</html>