Redesign site with enhanced UI, animations, and SMS sharing feature

This commit is contained in:
2025-03-05 12:29:53 -05:00
parent d43ba27aad
commit a79947004a
5 changed files with 290 additions and 40 deletions

View File

@@ -7,20 +7,25 @@
<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=Poppins:wght@400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap" rel="stylesheet">
</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>
<p class="year">2019.</p>
</div>
<p class="subtitle">...because October 2019 never ended</p>
<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>
</div>
<footer>
<p>A running joke between friends since 2019</p>
</footer>
<script src="script.js"></script>
</body>
</html>