Skip to content

Instantly share code, notes, and snippets.

View iam-Shashank's full-sized avatar
🎯
Focusing

Shashank Agrawal iam-Shashank

🎯
Focusing
View GitHub Profile
@iam-Shashank
iam-Shashank / index.html
Created March 20, 2024 07:55
Tabs based on the details tag
<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=Libre+Franklin:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<h1>Using the <span>&lt;details&gt;</span> tag to create tabs</h1>
<div class="details-tabs">
<details class="details-item" open> <!-- default first "tab" to open -->
<summary class="details-tab">The details tag</summary>
<div class="details-content">
<p>Imagine an <strong>accordion-like element</strong> with <strong>native keyboard support</strong> that doesn't require javascript for control.</p>
<p>Enter the details tag.</p>
@iam-Shashank
iam-Shashank / README.md
Last active May 25, 2021 19:36
Move(archive) emails from one label to another automatically after X days. Useful for reducing Newsletter FOMO and pile-up.

Gmail Label Modifier: Automatically move emails b/w labels after X days. One time setup!

Follow the steps in this blogpost. I basically copied and modified some code from 2-3 sources, all are mentioned in the blogpost. Reply below or DM on twitter if this was helpful :)