root/isopod.cool
1
0
Fork 0
Code Releases Activity

88x31 button style swatch internet time widgets

Browse source
This commit is contained in:
will 2023-08-22 12:30:54 -06:00
parent bfdd89595a
commit 63aa64f9d2
7 changed files with 126 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
etc/index.php
View file

@ -35,11 +35,11 @@
<iframe src="https://john.citrons.xyz/embed?ref=https://isopod.cool/"
style="margin-left:auto;display:block;margin-right:auto;max-width:732px;width:100%;max-height:94px;height:fit-content;border:none;"></iframe>
<iframe src="https://mothvertising.moth.monster/embed" id="mothvertisement"></iframe>
<br>
<a href="https://casiopea.neocities.org/isopod/isopodquiz.html"><img src="images/isopod_quiz_result.png"></a>
<h2>Time warp</h2>
<p><a href="../old/1/">v1</a> - Old, slow, basically just a carrd page on steroids. Made heavy use of <code>float</code> initially. Ugh.</p>
<p><a href="../old/2/">v2</a> - Slick as hell but entirely Javascript-dependent. This is where my webpage became a website.</p>
<h2>Quiz results</h2>
<a href="https://casiopea.neocities.org/isopod/isopodquiz.html"><img src="images/isopod_quiz_result.png"></a>
<h2>Buttons</h2>
<div class="buttons">
<a target="_blank" href="https://easyussr.neocities.org/torrenting.html"><img src="buttons/piracy.gif" alt="Piracy Now!"></a>
@ -74,6 +74,7 @@
<img src="buttons/aro.png" alt="Aromantic pride flag">
<!--img src="buttons/ace.png"-->
<a href="https://rainy.gay/pride/pridebuttons.html"><img src="buttons/nonbinary.png" alt="Nonbinary pride flag"></a>
<iframe src="https://isopod.cool/stuff/beat/frame.php?theme=digital" style="width: 84px; height: 27px;"></iframe>
<br><a target="_blank" href="https://citrons.xyz/a/memetic-apioform-page.html"
style="display: inline-block; margin-top: .7rem;"><img src="images/apiopage.png" alt="memetic apiopage - click to view"></a>
</div>

10
stuff/beat/digital.css Normal file
View file

@ -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;
}

41
stuff/beat/frame.php Normal file
View file

@ -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>

45
stuff/beat/index.php Normal file
View file

@ -0,0 +1,45 @@
<!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>
<code>
&lt;iframe src="https://isopod.cool/stuff/beat/frame.php?theme=digital" style="width: 84px; height: 27px;"&gt;&lt;/iframe&gt;
</code>
<div class="beatframe">
<iframe src="https://isopod.cool/stuff/beat/frame.php?theme=pixel" style="width: 84px; height: 27px;"></iframe>
</div>
<code>
&lt;iframe src="https://isopod.cool/stuff/beat/frame.php?theme=pixel" style="width: 84px; height: 27px;"&gt;&lt;/iframe&gt;
</code>
<div class="beatframe">
<iframe src="https://isopod.cool/stuff/beat/frame.php?theme=sketch" style="width: 84px; height: 27px;"></iframe>
</div>
<code>
&lt;iframe src="https://isopod.cool/stuff/beat/frame.php?theme=sketch" style="width: 84px; height: 27px;"&gt;&lt;/iframe&gt;
</code>
</body>
</html>

10
stuff/beat/pixel.css Normal file
View file

@ -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%);
}

13
stuff/beat/sketch.css Normal file
View file

@ -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;
}

4
stuff/beat/time.php Normal file
View file

@ -0,0 +1,4 @@
<?php
header('Content-Type:text/plain');
echo '@'.date("B");
?>