Files
october.today/index.html
2025-12-09 23:36:33 -05:00

44 lines
1.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>October Today</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap" rel="stylesheet">
<script defer src="https://stats.soconnor.dev/script.js" data-website-id="6c3731c6-5940-499a-a71f-2d362c861dfc"></script>
</head>
<body>
<div class="orb primary"></div>
<!-- <div class="orb secondary"></div> -->
<div class="container">
<h1>Today is</h1>
<div class="date">
<h2>October <span id="october-day">??</span><sup id="ordinal">th</sup></h2>
<p class="year">2019.</p>
</div>
<div class="buttons">
<button id="share-button" class="share-button">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M7 11l5-5 5 5"/>
<path d="M12 6v13"/>
</svg>
Share via SMS
</button>
<a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" target="_blank" class="why-button">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="10"/>
<path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/>
<path d="M12 17h.01"/>
</svg>
Why?
</a>
</div>
</div>
<script src="script.js"></script>
<script src="api.js"></script>
</body>
</html>