Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
107 lines (100 sloc) 3.15 KB
<!DOCTYPE html>
<html>
<head>
<title>Era - Countdown Timer</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<meta name="google-signin-client_id" content="186421475342-7ha1ugnig1oe1s912ke1hl5s2qr5mnh5.apps.googleusercontent.com">
<link rel="stylesheet" href="style.css" />
</head>
<body>
<nav>
<h1>Era</h1>
<div id="you" onclick="this.classList.toggle('open');">
<img src="" id="profile_image">
<div id="menu">
<a href="#" id="dark_mode">Dark mode</a>
<a href="#" id="log_out">Log out</a>
</div>
</div>
</nav>
<main>
<!--
<div class="timer blue">
<div class="menu">
<div>
<a class="edit">Edit</a>
<a class="delete">Delete</a>
</div>
</div>
<div class="counters">
<div>
<span class="number">4</span>
<span class="label">days</span>
</div>
<div>
<span class="number">21</span>
<span class="label">hours</span>
</div>
<div>
<span class="number">7</span>
<span class="label">minutes</span>
</div>
<div>
<span class="number">54</span>
<span class="label">seconds</span>
</div>
</div>
<span class="title">Sam's Birthday</span>
</div>
-->
<div id="loader">Loading</div>
</main>
<a href="#" id="new_timer" title="New"></a>
<form id="new_dialog">
<span class="title">New countdown</span>
<input type="hidden" id="action" value="new">
<label for="name_input">Name</label>
<div>
<input id="name_input" type="text" placeholder="My birthday" required>
</div>
<label for="color_input">Color</label>
<div>
<select id="color_input" required oninput="this.className = this.value;">
<option value="red">Red</option>
<option value="pink">Pink</option>
<option value="purple">Purple</option>
<option value="deep_purple">Deep purple</option>
<option value="indigo">Indigo</option>
<option value="blue">Blue</option>
<option value="light_blue">Light blue</option>
<option value="cyan">Cyan</option>
<option value="teal">Teal</option>
<option value="green">Green</option>
<option value="light_green">Light green</option>
<option value="lime">Lime</option>
<option value="yellow">Yellow</option>
<option value="amber">Amber</option>
<option value="orange">Orange</option>
<option value="deep_orange">Deep orange</option>
<option value="brown">Brown</option>
<option value="blue_gray">Blue gray</option>
</select>
</div>
<label for="date_input">Countdown until</label>
<div>
<input id="date_input" type="date" required>
<span class="spacer"></span>
<input id="time_input" type="time" value="00:00" required>
</div>
<div>
<button type="reset" id="cancel" onclick="document.body.classList.remove('dialog');">Cancel</button>
<span style="flex:1"></span>
<button type="submit" id="add_new">Create</button>
</div>
</form>
<script src="moment.min.js"></script>
<script src="confetti.js"></script>
<script src="app.js"></script>
<script src="https://apis.google.com/js/platform.js?onload=gapiLoad" async defer></script>
</body>
</html>
You can’t perform that action at this time.