6 files changed, 117 insertions, 0 deletions
diff --git a/stuff/beat/digital.css b/stuff/beat/digital.css
new file mode 100644
index 0000000..553d078
--- /dev/null
+++ b/stuff/beat/digital.css
@@ -0,0 +1,10 @@
+@font-face {
+  font-family: beat;
+  src: url("../fonts/DS-DIGI.ttf");
+}
+body {
+  font-family: beat, monospace;
+  color: lime;
+  text-shadow: 0 0 3px #5ff508;
+  background: black;
+}
+\ No newline at end of file
diff --git a/stuff/beat/frame.php b/stuff/beat/frame.php
new file mode 100644
index 0000000..5143943
--- /dev/null
+++ b/stuff/beat/frame.php
@@ -0,0 +1,41 @@
+<?php 
+  function beat() {
+    return '@'.date("B");
+  }
+?>
+
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <title><?php echo beat(); ?></title>
+  <?php 
+    $theme = $_GET['theme'];
+    echo "<link href='$theme.css' rel='stylesheet' type='text/css' media='all'>";
+  ?>
+  <style>
+    html, body {
+        height: 100%;
+        margin: 0;
+        padding: 0;
+    }
+    body {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 25px;
+    }
+    a {
+      text-decoration: inherit;
+      color: inherit;
+    }
+  </style>
+</head>
+
+<body>
+  <main>
+    <a target="_blank" href="/stuff/beat/"><?php echo beat(); ?></a>
+  </main>
+</body>
+
+</html>
+\ No newline at end of file
diff --git a/stuff/beat/index.php b/stuff/beat/index.php
new file mode 100644
index 0000000..16b7054
--- /dev/null
+++ b/stuff/beat/index.php
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title><?php echo '@'.date("B"); ?></title>
+    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
+    <?php include($_SERVER['DOCUMENT_ROOT'] . '/seasonal.php'); ?>
+    <style>
+      .beatframe {
+        width: 100%;
+        display: flex;
+        justify-content: center;
+        margin: .5rem 0;
+      }
+    </style>
+  </head>
+  <body>
+    <?php include($_SERVER['DOCUMENT_ROOT'] . '/nav.php'); ?>
+    <h1 style="background-image: unset;">.beat</h1>
+    <h2 id="caption"><?php echo '@'.date("B"); ?></h2>
+    <nav>
+      <a href="https://en.wikipedia.org/wiki/Swatch_Internet_Time">Swatch Internet Time (Wikipedia)</a>
+    </nav>
+    <h2>88x31 Embeds</h2>
+    <div class="beatframe">
+      <iframe src="https://isopod.cool/stuff/beat/frame.php?theme=digital" style="width: 84px; height: 27px;"></iframe>
+    </div>
+    <pre><code>&lt;iframe src="https://isopod.cool/stuff/beat/frame.php?theme=digital" style="width: 84px; height: 27px;"&gt;&lt;/iframe&gt;</code></pre>
+    <div class="beatframe">
+      <iframe src="https://isopod.cool/stuff/beat/frame.php?theme=pixel" style="width: 84px; height: 27px;"></iframe>
+    </div>
+    <pre><code>&lt;iframe src="https://isopod.cool/stuff/beat/frame.php?theme=pixel" style="width: 84px; height: 27px;"&gt;&lt;/iframe&gt;</code></pre>
+    <div class="beatframe">
+      <iframe src="https://isopod.cool/stuff/beat/frame.php?theme=sketch" style="width: 84px; height: 27px;"></iframe>
+    </div>
+    <pre><code>&lt;iframe src="https://isopod.cool/stuff/beat/frame.php?theme=sketch" style="width: 84px; height: 27px;"&gt;&lt;/iframe&gt;</code></pre>
+  </body>
+</html>
diff --git a/stuff/beat/pixel.css b/stuff/beat/pixel.css
new file mode 100644
index 0000000..20f3f37
--- /dev/null
+++ b/stuff/beat/pixel.css
@@ -0,0 +1,10 @@
+@font-face {
+  font-family: beat;
+  src: url("../fonts/slkscr.ttf");
+}
+body {
+  font-family: beat, monospace;
+  color: gainsboro;
+  background: rgb(255,0,178);
+  background: linear-gradient(27deg, rgba(255,0,178,1) 0%, rgba(53,0,182,1) 81%);
+}
+\ No newline at end of file
diff --git a/stuff/beat/sketch.css b/stuff/beat/sketch.css
new file mode 100644
index 0000000..34b7b87
--- /dev/null
+++ b/stuff/beat/sketch.css
@@ -0,0 +1,13 @@
+@font-face {
+  font-family: beat;
+  src: url("../fonts/firsttimewriting.ttf");
+}
+body {
+  font-family: beat, sans-serif;
+  font-weight: bold;
+  color: black;
+  background-image: repeating-linear-gradient(0deg, #a2ddee, #a2ddee 1px, transparent 1px, transparent);
+  background-size: 23px 23px;
+  background-color: #f7f7f7;
+  background-position: 5px 5px;
+}
+\ No newline at end of file
diff --git a/stuff/beat/time.php b/stuff/beat/time.php
new file mode 100644
index 0000000..e3e9596
--- /dev/null
+++ b/stuff/beat/time.php
@@ -0,0 +1,4 @@
+<?php
+header('Content-Type:text/plain');
+echo '@'.date("B");
+?>
+\ No newline at end of file