Skip to content

Instantly share code, notes, and snippets.

@jpluimers

jpluimers/simple-large-clock.html

Created September 17, 2019 16:48
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jpluimers/f0f8984c2ab785cf964b5b730fca8671 to your computer and use it in GitHub Desktop.
Save jpluimers/f0f8984c2ab785cf964b5b730fca8671 to your computer and use it in GitHub Desktop.
Download ZIP
The clock for my mom with Alzheimer's disease from https://www.timeanddate.com/clocks/free.html
Raw
simple-large-clock.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="robots" content="noindex, nofollow">
<meta name="googlebot" content="noindex, nofollow">
<style type="text/css">
body {
margin: 0; /* override browser setting for body `margin: 8px;` */
overflow: hidden; /* remove scroll bars; does not work for iframes */
}
.box {
float: left;
width: 100vw; /* Firefox/Chrome outside Mac OS X: force viewport-width */
overflow: hidden; /* remove scroll bars; does not work for iframes */
background-color: azure;
}
iframe {
border-width: 0; /* override browser setting for iframe `border-width: 2px; */
height: 100vh;
width: 50vw;
}
.clock_iframe {
float: right;
height: 30vh;
width: 16vw;
}
</style>
<title>Clock in frame</title>
</head>
<body>
<div class="box">
<iframe class="clock_iframe" src="https://freesecure.timeanddate.com/clock/i6xvy9ve/n16/szw300/szh300/hoc000/cf100/hgr0/fiv0/fas34/fdi74/mqv0/mhc000/mhs3/mhl20/mhw1/mhd84/mmv0/hhs1/hms1/hsc000/hss1" frameborder="0" width="300" height="300">
<!-- https://www.timeanddate.com/clocks/free.html -->
</iframe>
</div
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment