-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
1 lines (1 loc) · 2.6 KB
/
index.html
1
<html lang="en"><head><title>New Tab</title><link rel="stylesheet" type="text/css" href="style.css" /></head><body><div id="settings"><button id="open-settings" aria-label="Open settings menu" tabindex="1" type="button" class="button" ><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="28" height="28" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve" ><path d="M100,58.091V41.91l-11.688-1.421c-0.958-3.875-2.485-7.525-4.494-10.854l7.258-9.268L79.634,8.924l-9.268,7.258 c-3.328-2.009-6.98-3.535-10.854-4.495L58.091,0H41.91l-1.421,11.687c-3.875,0.958-7.525,2.485-10.854,4.495l-9.268-7.258 L8.924,20.366l7.258,9.268c-2.009,3.329-3.535,6.979-4.495,10.854L0,41.91v16.181l11.687,1.422 c0.958,3.875,2.485,7.525,4.495,10.854l-7.258,9.27l11.442,11.442l9.268-7.259c3.329,2.01,6.979,3.535,10.854,4.495L41.91,100 h16.181l1.422-11.688c3.875-0.958,7.525-2.485,10.854-4.494l9.27,7.258l11.442-11.442l-7.259-9.27 c2.01-3.326,3.535-6.979,4.495-10.852L100,58.091z M50,75.62c-14.15,0-25.62-11.47-25.62-25.62c0-14.15,11.47-25.62,25.62-25.62 c14.15,0,25.62,11.47,25.62,25.62C75.62,64.15,64.15,75.62,50,75.62z" /></svg></button><ul id="settings-dropdown"><li><input type="radio" id="analogue" name="clocktype" /><label for="analogue" tabindex="-1">analogue</label></li><li><input type="radio" id="hr12" name="clocktype" /><label for="hr12" tabindex="-1">12 hour</label></li><li><input type="radio" id="hr24" name="clocktype" /><label for="hr24" tabindex="-1">24 hour</label></li></ul></div><div id="flex-container"><div><div id="time-container"><div id="time"> </div><svg id="clock-face" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="250px" height="250px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve" ><circle fill="#AAAAAA" cx="50" cy="1" r="1" /><circle fill="#AAAAAA" cx="50" cy="99" r="1" /><circle fill="#AAAAAA" cx="25.5" cy="7.565" r="1" /><circle fill="#AAAAAA" cx="74.5" cy="92.436" r="1" /><circle fill="#AAAAAA" cx="7.565" cy="25.5" r="1" /><circle fill="#AAAAAA" cx="92.436" cy="74.5" r="1" /><circle fill="#AAAAAA" cx="1" cy="50.001" r="1" /><circle fill="#AAAAAA" cx="99" cy="50" r="1" /><circle fill="#AAAAAA" cx="7.565" cy="74.501" r="1" /><circle fill="#AAAAAA" cx="92.436" cy="25.5" r="1" /><circle fill="#AAAAAA" cx="25.501" cy="92.436" r="1" /><circle fill="#AAAAAA" cx="74.5" cy="7.565" r="1" /><circle fill="#DDDDDD" cx="50" cy="50" r="2.404" /></svg></div><h2 id="date"> </h2></div></div><script type="text/javascript" src="./js/app.min.js"></script></body></html>