soconnor/october.today
1
0
Fork 0
mirror of https://github.com/soconnor0919/october.today.git synced 2025-12-15 07:24:44 -05:00
Code Issues Packages Projects Releases Wiki Activity

Add 'Why?' button and improve button layout

Browse Source
This commit is contained in:
Sean O'Connor
2025-03-05 12:42:17 -05:00
parent d30333306a
commit 223c838932
3 changed files with 124 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
index.html
View File

@@ -18,14 +18,25 @@
<h2>October <span id="october-day">??</span><sup id="ordinal">th</sup></h2>
<p class="year">2019.</p>
</div>
<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 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>