Inspired by Shuvo Cold "https://dribbble.com/shots/14673441-Transport-Service-Dashboard"
A Pen by Aysenur Turk on CodePen.
This file contains hidden or 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="container"> | |
| <div class="sidebar"> | |
| <span class="logo">S</span> | |
| <a class="logo-expand" href="#">skateboard</a> | |
| <div class="side-wrapper"> | |
| <div class="side-title">MENU</div> | |
| <div class="side-menu"> | |
| <a class="sidebar-link discover is-active" href="#"> | |
| <svg viewBox="0 0 24 24" fill="currentColor"> | |
| <path d="M9.135 20.773v-3.057c0-.78.637-1.414 1.423-1.414h2.875c.377 0 .74.15 1.006.414.267.265.417.625.417 1v3.057c-.002.325.126.637.356.867.23.23.544.36.87.36h1.962a3.46 3.46 0 002.443-1 3.41 3.41 0 001.013-2.422V9.867c0-.735-.328-1.431-.895-1.902l-6.671-5.29a3.097 3.097 0 00-3.949.072L3.467 7.965A2.474 2.474 0 002.5 9.867v8.702C2.5 20.464 4.047 22 5.956 22h1.916c.68 0 1.231-.544 1.236-1.218l.027-.009z" /> |
This file contains hidden or 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
| <!-- This is a recreation of Unfold's (https://dribbble.com/unfold) parallax scene: https://cdn.dribbble.com/users/14268/screenshots/3275340/northface.gif --> | |
| <div class="scrollDist"></div> | |
| <div class="main"> | |
| <svg viewBox="0 0 1200 800" xmlns="http://www.w3.org/2000/svg"> | |
| <mask id="m"> | |
| <g class="cloud1"> | |
| <rect fill="#fff" width="100%" height="801" y="799" /> | |
| <image xlink:href="https://assets.codepen.io/721952/cloud1Mask.jpg" width="1200" height="800"/> | |
| </g> | |
| </mask> |
This file contains hidden or 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="https://front.codes/" class="logo" target="_blank"> | |
| <img src="https://assets.codepen.io/1462889/fcb.png" alt=""> | |
| </a> | |
| <div class="section over-hide"> | |
| <div class="container"> | |
| <div class="row full-height justify-content-center"> | |
| <div class="col-12 text-center align-self-center py-5"> | |
| <div class="section text-center py-5 py-md-0"> |
This file contains hidden or 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> | |
| <style> | |
| .square-box { | |
| width: 33%; | |
| height: 0; | |
| padding-top: 33%; | |
| position: absolute; | |
| right: 20px; | |
| top: 20px; | |
| } |
This file contains hidden or 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
| #wrap | |
| %input.initial{:type => "checkbox"}/ | |
| %input.wheel1{:name => "wheel", :type => "radio"}/ | |
| %input.wheel2{:name => "wheel", :type => "radio"}/ | |
| %input.wheel3{:name => "wheel", :type => "radio"}/ | |
| %input.wheel4{:name => "wheel", :type => "radio"}/ | |
| %input.buy{:type => "checkbox"}/ | |
| %h1 Configure the Bike | |
| %h2 Added to Cart | |
| %h3 Wheels |
404 error SVG animation page
anime.js
error 404
A Pen by Swarup Kumar Kuila on CodePen.
Seamless animation between states, and some of animations break outside the container. Select the weather icons on the top to see each state.
A Pen by Steve Gardner on CodePen.
hakxcore
/ Three address code generator les program
Created
May 9, 2022 02:47
This file contains hidden or 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
| ## tac.l | |
| /*Lex for TAC*/ | |
| %{ | |
| #include"y.tab.h" | |
| extern char yyval; | |
| %} | |
| %% | |
| [0-9]+ {yylval.dval =(char)(yytext[0]); return NUM; } |
hakxcore
/ while to for loop converter
Created
May 9, 2022 02:44
This file contains hidden or 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
| ## input | |
| void main(){ | |
| printf("hello world"); | |
| int i=0; | |
| while(i<5){ | |
| printf("Hello"); | |
| printf("World"); | |
| i++; | |
| } |