aboutsummaryrefslogtreecommitdiff
path: root/stuff/beat/index.php
diff options
context:
space:
mode:
Diffstat (limited to 'stuff/beat/index.php')
-rw-r--r--stuff/beat/index.php39
1 files changed, 39 insertions, 0 deletions
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>