This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="counter">0</div> | |
| <div id="controlls"> | |
| <div> | |
| <button id="forward"> | |
| <svg width="30" height="30" viewBox="0 0 10 10"> | |
| <g transform="rotate(0, 5,5)"> | |
| <path d="M5,4 L7,6 L3,6 L5,4" /> | |
| </g> | |
| </svg> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <body class=""> | |
| <div class="absolute right-4 top-4"> | |
| <div id="dark-mode-toggle" class="cursor-pointer"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 stroke-white hidden dark:block" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> | |
| <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" /> | |
| </svg> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 stroke-[#0A1122] block dark:hidden" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> | |
| <path stroke-linecap="round" stroke-linejoin="round" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z" /> | |
| </svg> | |
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <link rel="stylesheet" href="style.css"/> | |
| </head> | |
| <body> | |
| <h3> | |
| Play KeyBoard by pressing (A S D F G H J K L ;)<br> and (W E T Y U O P) | |
| </h3> | |
| <div class="floor"></div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="wrapper"> | |
| <div class="button-container"> | |
| <div class="button"> | |
| <span class="content"> | |
| <i class="icon fa fa-heart" aria-hidden="true"></i> | |
| <i class="icon far fa-heart" aria-hidden="true"></i> | |
| <span class="text like">Like<span class="text d">d</span></span> | |
| <span class="text number">29</span> | |
| </span> |
codepediair
/ index.pug
Created
April 22, 2024 17:22
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| a(href='#').switcher | |
| .screen.glitch | |
| .clock.is-off | |
| span(data-time='').time | |
| .figure | |
| .figure-mask |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <ul> | |
| <li style="--clr:#5E81AC"> | |
| <a href="#" data-text=" Home"> Home </a> | |
| </li> | |
| <li style="--clr:#BF616A"> | |
| <a href="#" data-text=" About"> About </a> | |
| </li> | |
| <li style="--clr:#EBCB8B"> | |
| <a href="#" data-text=" Services"> Services </a> | |
| </li> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="wrapper"> | |
| <h1 data-splitting class="line1">Take care of yourselves out there</h1> | |
| <h2 data-splitting class="line2">..........................................................................</h2> | |
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .content | |
| - for(i=0; i<2; i++) | |
| .bars | |
| - for(b=0; b<7; b++) | |
| .bar |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <nav class="navbar"> | |
| <ul class="navbar__menu"> | |
| <li class="navbar__item"> | |
| <a href="#" class="navbar__link"><i data-feather="home"></i><span>Home</span></a> | |
| </li> | |
| <li class="navbar__item"> | |
| <a href="#" class="navbar__link"><i data-feather="message-square"></i><span>Messages</span></a> | |
| </li> | |
| <li class="navbar__item"> | |
| <a href="#" class="navbar__link"><i data-feather="users"></i><span>Customers</span></a> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- Let's have some comets flyings around :) --> | |
| <div class="comet-rain"> | |
| <!-- symbol definition --> | |
| <svg aria-hidden="true" id="svg-comet" class="svg-defs" data-name="comet" viewBox="0 0 195 173.05" width="195" height="173.05"> | |
| <symbol id="comet"> | |
| <path d="M192.39.66c-33.66,31.46-93.3,81.16-129,108.88L3.42,156c-5,3.89-4.29,11.28.74,15.4s12.84-.83,13.1-1.07C51.09,138.62,82.6,104.72,116.64,73c8.89-8.29,66.23-59.5,77.47-70.13C196.17,1,194.24-1.08,192.39.66Z" /> | |
| </symbol> | |
| </svg> | |
| <!-- gradient definition for the comets --> |
NewerOlder