Added drinking tab

This commit is contained in:
2026-02-18 19:38:00 +00:00
parent 1f1f2f6a9e
commit 39e1090b91
2 changed files with 7 additions and 0 deletions

1
icons/glass-water.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-glass-water-icon lucide-glass-water"><path d="M5.116 4.104A1 1 0 0 1 6.11 3h11.78a1 1 0 0 1 .994 1.105L17.19 20.21A2 2 0 0 1 15.2 22H8.8a2 2 0 0 1-2-1.79z"/><path d="M6 12a5 5 0 0 1 6 0 5 5 0 0 0 6 0"/></svg>

After

Width:  |  Height:  |  Size: 410 B

View File

@ -9,6 +9,7 @@
<link rel="stylesheet" href="/styles.css"> <link rel="stylesheet" href="/styles.css">
<script src="/main.js"></script> <script src="/main.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head> </head>
<body> <body>
@ -16,6 +17,7 @@
<button id="button-home" onclick="switchTab(this);"><img src="/icons/house.svg"> Home</button> <button id="button-home" onclick="switchTab(this);"><img src="/icons/house.svg"> Home</button>
<button id="button-pics" onclick="switchTab(this);"><img src="/icons/image.svg"> Pictures</button> <button id="button-pics" onclick="switchTab(this);"><img src="/icons/image.svg"> Pictures</button>
<button id="button-projects" onclick="switchTab(this);"><img src="/icons/spanner.svg"> Cool things I've done</button> <button id="button-projects" onclick="switchTab(this);"><img src="/icons/spanner.svg"> Cool things I've done</button>
<button id="button-drinking" onclick="switchTab(this);"><img src="/icons/glass-water.svg"> Drinking</button>
</div></header> </div></header>
<main> <main>
@ -37,6 +39,10 @@
<article id="tab-projects"> <article id="tab-projects">
</article> </article>
<article id="tab-drinking">
<h1>Take a look at this alcoholic!</h1>
</article>
</main> </main>
<footer> <footer>