A Pen by HARUN PEHLİVAN on CodePen.
HARUN PEHLİVAN harunpehlivan
🏠
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> | |
| <!--[if lt IE 8]> | |
| <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> | |
| <![endif]--> | |
| <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> | |
| <div class="container"> | |
| <div class="navbar-header"> | |
| <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> | |
| <span class="sr-only">Toggle navigation</span> | |
| <span class="icon-bar"></span> |
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
| h1 Settlers Timer | |
| main(ng-app='PomodoroApp' ng-controller='MainCtrl') | |
| header | |
| .session | |
| .sessionCtrl | |
| p session length | |
| button(ng-click='sessionLengthChange(-1)').minus - | |
| span.time {{sessionLength}} | |
| button(ng-click='sessionLengthChange(1)').plus + | |
| section(ng-click='toggleTimer()') |
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
| <h2 id="title">Wikipidia Random Searcher</h2> | |
| <hr> | |
| <section> | |
| <a id="random" href="https://en.wikipedia.org/wiki/Special:Random" target="_blank">Pick something<i class="fa fa-search" aria-hidden="true"></i></a> | |
| <input id="user_entry" type="text" name="search" placeholder="search..."> | |
| <div class="results"></div> | |
| </section> | |
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
| <h1>Settlers Of Catan Timers</h1> | |
| <div class="timer-container"> | |
| <div class="add-timer"> | |
| <div class="fa fa-plus-circle"></div> | |
| </div> | |
| </div> |
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
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta http-equiv="X-UA-Compatible" content="ie=edge"> | |
| <link rel="stylesheet" href="/css/reset.css"> | |
| <link rel="stylesheet" href="/css/style.css"> | |
| <title>Running Pace Calculator</title> |
harunpehlivan
/ 034-countdown-with-reactjs.markdown
Created
May 28, 2021 20:55
#034 - Countdown with ReactJS
A simple example showing how to use the datalist element.
Forked from Matt West's Pen Datalist Element Demo.
A Pen by HARUN PEHLİVAN 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
| <html> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | |
| <meta name="viewport" content="width=device-width" /> | |
| <title>Touch, Mouse and Pointer events example</title> | |
| </head> | |
| <body> | |
| <!-- |
A Pen by HARUN PEHLİVAN 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="components"> | |
| <div class="switch"> | |
| <div class="switch__1"> | |
| <input id="switch-1" type="checkbox"> | |
| <label for="switch-1"></label> | |
| </div> | |
| <div class="switch__2"> |