my personal website! meowing.zip
website
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

awesome icons on the dropdown buttons waow !!!!

Niko cb00b2aa 019a8213

+125 -83
+30 -20
about-me.html
··· 3 3 <head> 4 4 <title>about me! - gayfamicom's cool and awesome website</title> 5 5 <link rel="icon" type="image/x-icon" href="./assets/images/favicon.png"> 6 + <link 7 + rel="stylesheet" 8 + type="text/css" 9 + href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/regular/style.css" 10 + /> 11 + <link 12 + rel="stylesheet" 13 + type="text/css" 14 + href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/fill/style.css" 15 + /> 6 16 </head> 7 17 <link rel="stylesheet" href="styles.css"> 8 18 </head> ··· 13 23 </div> 14 24 <div class="divider"></div> 15 25 <div style="font-size: 15px; margin-top: 20px; margin-left: 2px; margin-bottom: 10px; display: flex;"> 16 - <div class="dropdown"> 17 - <a href="." class="dropbtn">< go back!</a> 26 + <div class="dropdown"> 27 + <a href="." class="dropbtn">< go back!</a> 18 28 </div> 19 29 <div class="dropdown" tabindex="1"> 20 - <a style="margin-left: 5px;" class="dropbtn" href="./blog.html">blog</a> 30 + <a style="margin-left: 5px;" class="dropbtn" href="./blog.html"><i style="margin-right: 5px;" class="ph ph-pen"></i>blog</a> 21 31 </div> 22 32 <div class="dropdown" tabindex="1"> 23 - <i class="db2" tabindex="1"></i> 24 - <a style="margin-left: 5px;" class="dropbtn">follow me on socials</a> 25 - <div class="dropdown-content"> 26 - <a style="color: light-dark(#1e66f5, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://bsky.app/profile/meowing.zip" target="_blank">bluesky</a> 33 + <i class="db2" tabindex="1"></i> 34 + <a style="margin-left: 5px;" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-at"></i>follow me on socials</a> 35 + <div class="dropdown-content"> 36 + <a style="color: light-dark(#1e66f5, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://bsky.app/profile/did:plc:yt66ucfex7kgaifhu5qijrz3" target="_blank">bluesky</a> 27 37 <a style="color: light-dark(#40a02b, #94e2d5); border: 0px soild transparent; border-radius: 20px;" rel="me" href="https://merping.synth.download/@meowmaxing" target="_blank">fediverse</a> 28 - <a style="color: light-dark(#d20f39, #f38ba8); border: 0px soild transparent; border-radius: 20px;" href="https://youtube.com/@meowingmaxing" target="_blank">youtube</a> 29 - </div> 38 + <a style="color: light-dark(#d20f39, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://youtube.com/@meowingmaxing" target="_blank">youtube</a> 39 + </div> 30 40 </div> 31 41 <div class="dropdown" tabindex="1"> 32 - <i class="db2" tabindex="1"></i> 33 - <a style="margin-left: 5px;" class="dropbtn">add me!</a> 34 - <div class="dropdown-content"> 35 - <a style="color: light-dark(#04a5e5, #89dceb); border: 0px soild transparent; border-radius: 20px;" href="https://steamcommunity.com/id/meowmaxing" target="_blank">steam</a> 36 - </div> 42 + <i class="db2" tabindex="1"></i> 43 + <a style="margin-left: 5px;" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-user-plus"></i>add me!</a> 44 + <div class="dropdown-content"> 45 + <a style="color: light-dark(#04a5e5, #89dceb); border: 0px soild transparent; border-radius: 20px;" href="https://steamcommunity.com/id/meowmaxing" target="_blank">steam</a> 46 + </div> 37 47 </div> 38 48 <div class="dropdown" tabindex="1"> 39 - <i class="db2" tabindex="1"></i> 40 - <a style="margin-left: 5px;" class="dropbtn">contact info</a> 41 - <div class="dropdown-content"> 49 + <i class="db2" tabindex="1"></i> 50 + <a style="margin-left: 5px;" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-chat-circle-dots"></i>contact info</a> 51 + <div class="dropdown-content"> 42 52 <a style="color: light-dark(#1e66f5, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://signal.me/#eu/2G_wkky5wzpLc8dGMMJZADmtQfS0v_hUHrPxyZ8C0-2dAsNSi0BBcq9gRoNB1bTw" target="_blank">signal</a> 43 53 <a style="color: light-dark(#40a02b, #94e2d5); border: 0px soild transparent; border-radius: 20px;" href="xmpp:niko@meowing.zip">xmpp</a> 44 54 <a style="color: light-dark(#7287fd, #b4befe); border: 0px soild transparent; border-radius: 20px;" href="https://discord.com/users/752389000945467482" target="_blank">discord</a> 45 55 <a style="color: light-dark(#e64553, #eba0ac); border: 0px soild transparent; border-radius: 20px;" href="mailto:niko@meowing.zip">email</a> 46 - </div> 56 + </div> 47 57 </div> 48 - <a style="margin-left: 15px; font-size: 12px; color: light-dark(var(--light-subtext), var(--dark-subtext));">gallery (under construction)</a> 49 - <a style="margin-left: 15px; font-size: 12px; color: light-dark(var(--light-subtext), var(--dark-subtext));">guestbook (under construction)</a> 58 + <a style="margin-left: 15px; font-size: 12px; color: var(--subtext);"><i style="margin-right: 5px;" class="ph ph-image"></i>gallery (under construction)</a> 59 + <a style="margin-left: 15px; font-size: 12px; color: var(--subtext);"><i style="margin-right: 5px;" class="ph ph-pen"></i>guestbook (under construction)</a> 50 60 </div> 51 61 </footer> 52 62 <body>
+36 -25
blog.html
··· 3 3 <head> 4 4 <title>blog! - niko's cool and awesome website!</title> 5 5 <link rel="icon" type="image/x-icon" href="./assets/images/favicon.png"> 6 + <link 7 + rel="stylesheet" 8 + type="text/css" 9 + href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/regular/style.css" 10 + /> 11 + <link 12 + rel="stylesheet" 13 + type="text/css" 14 + href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/fill/style.css" 15 + /> 6 16 </head> 7 17 <link rel="stylesheet" href="styles.css"> 8 18 <footer> ··· 12 22 </div> 13 23 <div class="divider"></div> 14 24 <div style="font-size: 15px; margin-top: 20px; margin-left: 2px; margin-bottom: 10px; display: flex;"> 15 - <div class="dropdown"> 16 - <a href="./about-me.html" class="dropbtn">about me!</a> 25 + <div class="dropdown"> 26 + <a href="./about-me.html" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-user-circle"></i>about me!</a> 17 27 </div> 18 28 <div class="dropdown" tabindex="1"> 19 - <a style="margin-left: 5px;" class="dropbtn" href=".">< go back!</a> 29 + <a style="margin-left: 5px;" class="dropbtn" href="."></i>< go back!</a> 20 30 </div> 21 31 <div class="dropdown" tabindex="1"> 22 - <i class="db2" tabindex="1"></i> 23 - <a style="margin-left: 5px;" class="dropbtn">follow me on socials</a> 24 - <div class="dropdown-content"> 25 - <a style="color: light-dark(#1e66f5, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://bsky.app/profile/meowing.zip" target="_blank">bluesky</a> 26 - <a style="color: light-dark(#40a02b, #94e2d5); border: 0px soild transparent; border-radius: 20px;" rel="me" href="https://merping.synth.download/@meowmaxing" target="_blank">fediverse</a> 27 - <a style="color: light-dark(#d20f39, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://youtube.com/@meowingmaxing" target="_blank">youtube</a> 28 - </div> 32 + <i class="db2" tabindex="1"></i> 33 + <a style="margin-left: 5px;" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-at"></i>follow me on socials</a> 34 + <div class="dropdown-content"> 35 + <a style="color: light-dark(#1e66f5, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://bsky.app/profile/did:plc:yt66ucfex7kgaifhu5qijrz3" target="_blank">bluesky</a> 36 + <a style="color: light-dark(#40a02b, #94e2d5); border: 0px soild transparent; border-radius: 20px;" rel="me" href="https://merping.synth.download/@meowmaxing" target="_blank">fediverse</a> 37 + <a style="color: light-dark(#d20f39, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://youtube.com/@meowingmaxing" target="_blank">youtube</a> 38 + </div> 29 39 </div> 30 40 <div class="dropdown" tabindex="1"> 31 - <i class="db2" tabindex="1"></i> 32 - <a style="margin-left: 5px;" class="dropbtn">add me!</a> 33 - <div class="dropdown-content"> 34 - <a style="color: light-dark(#04a5e5, #89dceb); border: 0px soild transparent; border-radius: 20px;" href="https://steamcommunity.com/id/meowmaxing" target="_blank">steam</a> 35 - </div> 41 + <i class="db2" tabindex="1"></i> 42 + <a style="margin-left: 5px;" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-user-plus"></i>add me!</a> 43 + <div class="dropdown-content"> 44 + <a style="color: light-dark(#04a5e5, #89dceb); border: 0px soild transparent; border-radius: 20px;" href="https://steamcommunity.com/id/meowmaxing" target="_blank">steam</a> 45 + </div> 36 46 </div> 37 47 <div class="dropdown" tabindex="1"> 38 - <i class="db2" tabindex="1"></i> 39 - <a style="margin-left: 5px;" class="dropbtn">contact info</a> 40 - <div class="dropdown-content"> 41 - <a style="color: light-dark(#1e66f5, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://signal.me/#eu/2G_wkky5wzpLc8dGMMJZADmtQfS0v_hUHrPxyZ8C0-2dAsNSi0BBcq9gRoNB1bTw" target="_blank">signal</a> 42 - <a style="color: light-dark(#40a02b, #94e2d5); border: 0px soild transparent; border-radius: 20px;" href="xmpp:niko@meowing.zip">xmpp</a> 43 - <a style="color: light-dark(#7287fd, #b4befe); border: 0px soild transparent; border-radius: 20px;" href="https://discord.com/users/752389000945467482" target="_blank">discord</a> 44 - <a style="color: light-dark(#e64553, #eba0ac); border: 0px soild transparent; border-radius: 20px;" href="mailto:niko@meowing.zip">email</a> 45 - </div> 48 + <i class="db2" tabindex="1"></i> 49 + <a style="margin-left: 5px;" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-chat-circle-dots"></i>contact info</a> 50 + <div class="dropdown-content"> 51 + <a style="color: light-dark(#1e66f5, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://signal.me/#eu/2G_wkky5wzpLc8dGMMJZADmtQfS0v_hUHrPxyZ8C0-2dAsNSi0BBcq9gRoNB1bTw" target="_blank">signal</a> 52 + <a style="color: light-dark(#40a02b, #94e2d5); border: 0px soild transparent; border-radius: 20px;" href="xmpp:niko@meowing.zip">xmpp</a> 53 + <a style="color: light-dark(#7287fd, #b4befe); border: 0px soild transparent; border-radius: 20px;" href="https://discord.com/users/752389000945467482" target="_blank">discord</a> 54 + <a style="color: light-dark(#e64553, #eba0ac); border: 0px soild transparent; border-radius: 20px;" href="mailto:niko@meowing.zip">email</a> 55 + </div> 46 56 </div> 47 - <a style="margin-left: 15px; font-size: 12px; color: var(--subtext);">gallery (under construction)</a> 48 - <a style="margin-left: 15px; font-size: 12px; color: var(--subtext);">guestbook (under construction)</a> 57 + <a style="margin-left: 15px; font-size: 12px; color: var(--subtext);"><i style="margin-right: 5px;" class="ph ph-image"></i>gallery (under construction)</a> 58 + <a style="margin-left: 15px; font-size: 12px; color: var(--subtext);"><i style="margin-right: 5px;" class="ph ph-pen"></i>guestbook (under construction)</a> 49 59 </div> 50 60 </footer> 61 + 51 62 <body> 52 63 <bg-gradient aria-hidden="true"></bg-gradient> 53 64 <bg aria-hidden="true"></bg>
+39 -27
fursona.html
··· 3 3 <head> 4 4 <title>oooh who's this? - niko's cool and awesome website!</title> 5 5 <link rel="icon" type="image/x-icon" href="./assets/images/favicon.png"> 6 + <link 7 + rel="stylesheet" 8 + type="text/css" 9 + href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/regular/style.css" 10 + /> 11 + <link 12 + rel="stylesheet" 13 + type="text/css" 14 + href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/fill/style.css" 15 + /> 6 16 </head> 7 17 <link rel="stylesheet" href="styles.css"> 8 18 <footer> ··· 15 25 <div class="dropdown"> 16 26 <a href="." class="dropbtn">< go back!</a> 17 27 </div> 18 - <div class="dropdown" tabindex="1"> 19 - <a style="margin-left: 5px;" href="./about-me.html" class="dropbtn">about me!</a> 28 + <div class="dropdown"> 29 + <a href="./about-me.html" style="margin-left: 5px;" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-user-circle"></i>about me!</a> 30 + </div> 31 + <div class="dropdown" tabindex="1"> 32 + <a style="margin-left: 5px;" class="dropbtn" href="./blog.html"><i style="margin-right: 5px;" class="ph ph-pen"></i>blog</a> 20 33 </div> 21 34 <div class="dropdown" tabindex="1"> 22 - <a style="margin-left: 5px;" class="dropbtn" href="./blog.html">blog</a> 23 - </div> 24 - <div class="dropdown" tabindex="1"> 25 - <i class="db2" tabindex="1"></i> 26 - <a style="margin-left: 5px;" class="dropbtn">follow me on socials</a> 27 - <div class="dropdown-content"> 28 - <a style="color: light-dark(#1e66f5, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://bsky.app/profile/did:web:gayfamicom.lol" target="_blank">bluesky</a> 29 - <a style="color: light-dark(#40a02b, #94e2d5); border: 0px soild transparent; border-radius: 20px;" rel="me" href="https://hero.chaogarden.social/@gayfamicom" target="_blank">fediverse</a> 30 - <a style="color: light-dark(#d20f39, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://youtube.com/@gayfamicom" target="_blank">youtube</a> 31 - </div> 35 + <i class="db2" tabindex="1"></i> 36 + <a style="margin-left: 5px;" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-at"></i>follow me on socials</a> 37 + <div class="dropdown-content"> 38 + <a style="color: light-dark(#1e66f5, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://bsky.app/profile/did:plc:yt66ucfex7kgaifhu5qijrz3" target="_blank">bluesky</a> 39 + <a style="color: light-dark(#40a02b, #94e2d5); border: 0px soild transparent; border-radius: 20px;" rel="me" href="https://merping.synth.download/@meowmaxing" target="_blank">fediverse</a> 40 + <a style="color: light-dark(#d20f39, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://youtube.com/@meowingmaxing" target="_blank">youtube</a> 41 + </div> 32 42 </div> 33 43 <div class="dropdown" tabindex="1"> 34 - <i class="db2" tabindex="1"></i> 35 - <a style="margin-left: 5px;" class="dropbtn">add me!</a> 36 - <div class="dropdown-content"> 37 - <a style="color: light-dark(#04a5e5, #89dceb); border: 0px soild transparent; border-radius: 20px;" href="https://steamcommunity.com/id/gayfamicom/" target="_blank">steam</a> 38 - </div> 44 + <i class="db2" tabindex="1"></i> 45 + <a style="margin-left: 5px;" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-user-plus"></i>add me!</a> 46 + <div class="dropdown-content"> 47 + <a style="color: light-dark(#04a5e5, #89dceb); border: 0px soild transparent; border-radius: 20px;" href="https://steamcommunity.com/id/meowmaxing" target="_blank">steam</a> 48 + </div> 39 49 </div> 40 50 <div class="dropdown" tabindex="1"> 41 - <i class="db2" tabindex="1"></i> 42 - <a style="margin-left: 5px;" class="dropbtn">contact info</a> 43 - <div class="dropdown-content"> 44 - <a style="color: light-dark(#1e66f5, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://signal.me/#eu/xhGmxYVp-uOwNmQMWmpPv_O3NvCOA6pH7O1FOt_C1VG3Wkd-9TxAdr1qkhvumTX1" target="_blank">signal</a> 45 - <a style="color: light-dark(#40a02b, #94e2d5); border: 0px soild transparent; border-radius: 20px;" href="xmpp:niko@meowing.zip">xmpp</a> 46 - <a style="color: light-dark(#7287fd, #b4befe); border: 0px soild transparent; border-radius: 20px;" href="https://discord.com/users/752389000945467482" target="_blank">discord</a> 47 - <a style="color: light-dark(#e64553, #eba0ac); border: 0px soild transparent; border-radius: 20px;" href="mailto:niko@meowing.zip">email</a> 48 - </div> 51 + <i class="db2" tabindex="1"></i> 52 + <a style="margin-left: 5px;" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-chat-circle-dots"></i>contact info</a> 53 + <div class="dropdown-content"> 54 + <a style="color: light-dark(#1e66f5, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://signal.me/#eu/2G_wkky5wzpLc8dGMMJZADmtQfS0v_hUHrPxyZ8C0-2dAsNSi0BBcq9gRoNB1bTw" target="_blank">signal</a> 55 + <a style="color: light-dark(#40a02b, #94e2d5); border: 0px soild transparent; border-radius: 20px;" href="xmpp:niko@meowing.zip">xmpp</a> 56 + <a style="color: light-dark(#7287fd, #b4befe); border: 0px soild transparent; border-radius: 20px;" href="https://discord.com/users/752389000945467482" target="_blank">discord</a> 57 + <a style="color: light-dark(#e64553, #eba0ac); border: 0px soild transparent; border-radius: 20px;" href="mailto:niko@meowing.zip">email</a> 58 + </div> 49 59 </div> 50 - <a style="margin-left: 15px; font-size: 12px; color: var(--subtext);">gallery (under construction)</a> 51 - <a style="margin-left: 15px; font-size: 12px; color: var(--subtext);">guestbook (under construction)</a> 60 + <a style="margin-left: 15px; font-size: 12px; color: var(--subtext);"><i style="margin-right: 5px;" class="ph ph-image"></i>gallery (under construction)</a> 61 + <a style="margin-left: 15px; font-size: 12px; color: var(--subtext);"><i style="margin-right: 5px;" class="ph ph-pen"></i>guestbook (under construction)</a> 52 62 </div> 53 63 </footer> 54 64 <body> 65 + <bg-gradient aria-hidden="true"></bg-gradient> 66 + <bg aria-hidden="true"></bg> 55 67 <div class="main"> 56 68 <h3>hello! i'm so glad you clicked here!</h3> 57 69 <div class="divider"></div>
+17 -7
index.html
··· 3 3 <head> 4 4 <title>niko's cool and awesome website!</title> 5 5 <link rel="icon" type="image/x-icon" href="./assets/images/favicon.png"> 6 + <link 7 + rel="stylesheet" 8 + type="text/css" 9 + href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/regular/style.css" 10 + /> 11 + <link 12 + rel="stylesheet" 13 + type="text/css" 14 + href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/fill/style.css" 15 + /> 6 16 <script>function copyMyButton(){navigator.clipboard.writeText('<a href="https://meowing.zip"><img src="https://meowing.zip/assets/88x31/button.png" alt="meowing.zip"></a>'),alert("copied button html to ur clipboard!!")}</script> 7 17 </head> 8 18 <link rel="stylesheet" href="styles.css"> ··· 14 24 <div class="divider"></div> 15 25 <div style="font-size: 15px; margin-top: 20px; margin-left: 2px; margin-bottom: 10px; display: flex;"> 16 26 <div class="dropdown"> 17 - <a href="./about-me.html" class="dropbtn">about me!</a> 27 + <a href="./about-me.html" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-user-circle"></i>about me!</a> 18 28 </div> 19 29 <div class="dropdown" tabindex="1"> 20 - <a style="margin-left: 5px;" class="dropbtn" href="./blog.html">blog</a> 30 + <a style="margin-left: 5px;" class="dropbtn" href="./blog.html"><i style="margin-right: 5px;" class="ph ph-pen"></i>blog</a> 21 31 </div> 22 32 <div class="dropdown" tabindex="1"> 23 33 <i class="db2" tabindex="1"></i> 24 - <a style="margin-left: 5px;" class="dropbtn">follow me on socials</a> 34 + <a style="margin-left: 5px;" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-at"></i>follow me on socials</a> 25 35 <div class="dropdown-content"> 26 36 <a style="color: light-dark(#1e66f5, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://bsky.app/profile/did:plc:yt66ucfex7kgaifhu5qijrz3" target="_blank">bluesky</a> 27 37 <a style="color: light-dark(#40a02b, #94e2d5); border: 0px soild transparent; border-radius: 20px;" rel="me" href="https://merping.synth.download/@meowmaxing" target="_blank">fediverse</a> ··· 30 40 </div> 31 41 <div class="dropdown" tabindex="1"> 32 42 <i class="db2" tabindex="1"></i> 33 - <a style="margin-left: 5px;" class="dropbtn">add me!</a> 43 + <a style="margin-left: 5px;" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-user-plus"></i>add me!</a> 34 44 <div class="dropdown-content"> 35 45 <a style="color: light-dark(#04a5e5, #89dceb); border: 0px soild transparent; border-radius: 20px;" href="https://steamcommunity.com/id/meowmaxing" target="_blank">steam</a> 36 46 </div> 37 47 </div> 38 48 <div class="dropdown" tabindex="1"> 39 49 <i class="db2" tabindex="1"></i> 40 - <a style="margin-left: 5px;" class="dropbtn">contact info</a> 50 + <a style="margin-left: 5px;" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-chat-circle-dots"></i>contact info</a> 41 51 <div class="dropdown-content"> 42 52 <a style="color: light-dark(#1e66f5, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://signal.me/#eu/2G_wkky5wzpLc8dGMMJZADmtQfS0v_hUHrPxyZ8C0-2dAsNSi0BBcq9gRoNB1bTw" target="_blank">signal</a> 43 53 <a style="color: light-dark(#40a02b, #94e2d5); border: 0px soild transparent; border-radius: 20px;" href="xmpp:niko@meowing.zip">xmpp</a> ··· 45 55 <a style="color: light-dark(#e64553, #eba0ac); border: 0px soild transparent; border-radius: 20px;" href="mailto:niko@meowing.zip">email</a> 46 56 </div> 47 57 </div> 48 - <a style="margin-left: 15px; font-size: 12px; color: var(--subtext);">gallery (under construction)</a> 49 - <a style="margin-left: 15px; font-size: 12px; color: var(--subtext);">guestbook (under construction)</a> 58 + <a style="margin-left: 15px; font-size: 12px; color: var(--subtext);"><i style="margin-right: 5px;" class="ph ph-image"></i>gallery (under construction)</a> 59 + <a style="margin-left: 15px; font-size: 12px; color: var(--subtext);"><i style="margin-right: 5px;" class="ph ph-pen"></i>guestbook (under construction)</a> 50 60 </div> 51 61 </footer> 52 62
+3 -4
styles.css
··· 166 166 } 167 167 .dropdown-content a { 168 168 color: var(--background); 169 - padding: 6px 10px; 169 + padding: 8px 0; 170 170 display: block; 171 171 text-decoration: none; 172 - transition: 0.2s ease-out; 172 + transition: 0.2s ease-in-out; 173 173 text-align: center; 174 174 } 175 175 .dropdown-content a:hover { ··· 246 246 border-color: var(--background); 247 247 transition: ease-in-out 0.5s; 248 248 position: relative; 249 - letter-spacing: 2px; 250 - padding: 12px; 249 + padding: 10px; 251 250 } 252 251 253 252 /* mask to close menu by clicking on the button */