Skip to content

Commit

Permalink
Update sketches page.
Browse files Browse the repository at this point in the history
  • Loading branch information
jtheletter committed Aug 29, 2021
1 parent 4acc29c commit 25cd993
Show file tree
Hide file tree
Showing 7 changed files with 97 additions and 16 deletions.
11 changes: 5 additions & 6 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -116,15 +116,14 @@ <h1 class="panel-brand">DATE&#xa0;CLOCK</h1>
</ul>
<p class="panel-p">Lunar year is defined from first moon full af&#xad;ter winter sol&#xad;stice, to last moon full on or before winter solstice.</p>
<p class="panel-p">Years with thirteen full moons count the first as zero, so as to leap (tra&#xad;di&#xad;tion&#xad;al blue, belewe, be&#xad;tray&#xad;er moon).</p>
<p class="panel-p panel-link"><a href="https://twitter.com/DateClock" target="_blank" title="Visit">twitter</a></p>
<p class="panel-p panel-link"><a href="https://www.facebook.com/DateClock/" target="_blank" title="Visit">facebook</a></p>
<p class="panel-p panel-link"><a href="https://github.com/jtheletter/dateclock" target="_blank" title="Visit">github</a></p>
<p class="panel-p panel-link"><a href="mailto:&#100;&#097;&#116;&#101;&#099;&#108;&#111;&#099;&#107;&#064;&#103;&#109;&#097;&#105;&#108;&#046;&#099;&#111;&#109;" target="_blank" title="Email">&#100;&#097;&#116;&#101;&#099;&#108;&#111;&#099;&#107;&#064;&#103;&#109;&#097;&#105;&#108;&#046;&#099;&#111;&#109;</a></p>
<p class="panel-p panel-link"><a href="https://calendardial.net/" target="_blank" title="Visit">Lunisolar Calendar Dial</a></p>
<p class="panel-p panel-link"><a href="sketches/index.html" title="View">Original Sketches</a></p>
<p class="panel-p panel-link"><a href="https://github.com/jtheletter/dateclock" target="_blank" title="Visit">GitHub</a></p>
<p class="panel-p panel-link"><a href="https://twitter.com/DateClock" target="_blank" title="Visit">Twitter</a></p>
<p class="panel-p panel-link"><a href="https://www.facebook.com/DateClock/" target="_blank" title="Visit">Facebook</a></p>
<p class="panel-p panel-link"><a href="https://calendardial.net/" target="_blank" title="Visit">Lunisolar Calendar&#xa0;Dial</a></p>
<p class="panel-p panel-link"><a href="https://jtheletter.com/" target="_blank" title="Visit">jtheletter.com</a></p>
<p class="panel-p panel-copyright">&#xa9;&#x200A;2009,&#x2004;2018&#x0020;Jay Pea</p>
<button class="reset-button" id="reset-button" title="Reset Clock"><small>Reset Clock</small><span></span></button>
<nav style="display:none;"><a href="sketches/index.html" title="View sketches.">Sketches</a></nav>
</div>

<label class="toggle-label-panel" id="toggle-label-panel" for="toggle-panel" title="View Info"><small>View Info</small><span></span></label>
Expand Down
4 changes: 2 additions & 2 deletions readme.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,8 @@ This is a single-page, mobile-responsive, statically served, progressive web app

Concept was first sketched in 2009:

<img src="sketches/dateclock-sketch-1.jpg" width="122px" height="128px" title="Click to view larger." alt="Thumbnail image of sketch."> &#xa0; <img src="sketches/dateclock-sketch-2.jpg" width="92px" height="128px" title="Click to view larger." alt="Thumbnail image of sketch.">
<img src="sketches/dateclock-sketch-1.jpg" width="92px" height="128px" title="Click to view larger." alt="Thumbnail image of sketch."> &#xa0; <img src="sketches/dateclock-sketch-2.jpg" width="92px" height="128px" title="Click to view larger." alt="Thumbnail image of sketch.">

Print version was developed that same year using Adobe Illustrator: https://calendardial.net/
Print version was designed that same year: https://calendardial.net/

Motion version was developed in 2018: https://dateclock.net/
1 change: 1 addition & 0 deletions sitemap.xml
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1">
<url>
<loc>https://dateclock.net/</loc>
<loc>https://dateclock.net/sketches/</loc>
<image:image>
<image:loc>https://dateclock.net/dateclock-logo-1.png"</image:loc>
<image:title>Date Clock logo 1</image:title>
Expand Down
Binary file modified sketches/dateclock-sketch-1.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified sketches/dateclock-sketch-2.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
21 changes: 13 additions & 8 deletions sketches/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -68,6 +68,10 @@
}
</script>

<!-- Styles & scripts. -->
<link rel="stylesheet" type="text/css" href="../reset.css">
<link rel="stylesheet" type="text/css" href="sketches.css">

<!-- Analytics. -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-79M0MBZ7JD"></script>
<script>
Expand All @@ -78,16 +82,17 @@
</script>

</head>
<body style="margin:0;text-align:center;">
<div style="display:inline-block;">
<h4>Date Clock sketch 1:</h4>
<img alt="Date Clock Sketch 1" src="dateclock-sketch-1.jpg" width="320px" height="334px" style="display:block;margin:auto;">
<body>
<h1>DATE CLOCK</h1>
<div class="sketch-wrap">
<h2>Sketch 1:</h2>
<img alt="Date Clock Sketch 1" src="dateclock-sketch-1.jpg" width="320px" height="441px">
</div>
<div style="display:inline-block;">
<h4>Date Clock sketch 2:</h4>
<img alt="Date Clock Sketch 2" src="dateclock-sketch-2.jpg" width="320px" height="441px" style="display:block;margin:auto;">
<div class="sketch-wrap">
<h2>Sketch 2:</h2>
<img alt="Date Clock Sketch 2" src="dateclock-sketch-2.jpg" width="320px" height="441px">
</div>
<div style="margin:1.33em 0;">
<div class="link-wrap">
<a href="../index.html" title="home">Home</a>
</div>
</body>
Expand Down
76 changes: 76 additions & 0 deletions sketches/sketches.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,76 @@
@charset 'UTF-8';
@font-face {
font-family: 'Source Code Pro';
font-style: normal;
font-weight: 300;
src:
url('../fonts/sourcecodepro-light-webfont.woff2') format('woff2'),
url('../fonts/sourcecodepro-light-webfont.woff') format('woff');
unicode-range: U+0020-007F, U+00A0-00FF, U+2000-206F; /* Basic Latin, Latin-1 Supplement, General Punctuation */
}
@font-face {
font-family: 'Source Code Pro';
font-style: normal;
font-weight: 700;
src:
url('../fonts/sourcecodepro-bold-webfont.woff2') format('woff2'),
url('../fonts/sourcecodepro-bold-webfont.woff') format('woff');
unicode-range: U+0020-007F, U+00A0-00FF, U+2000-206F; /* Basic Latin, Latin-1 Supplement, General Punctuation */
}
*,
*::before,
*::after {
box-sizing: border-box;
}
body {
font-family: 'Source Code Pro', monospace;
font-weight: 300;
pointer-events: none;
text-align: center;
-o-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
a {
color: #000;
font-weight: 700;
pointer-events: auto;
position: relative;
text-decoration: none;
}
a::after {
background-color: #000;
bottom: 0;
content: '';
height: 0.1em;
left: 0;
opacity: 0;
position: absolute;
right: 0;
transition: opacity 0.25s;
}
a:hover::after,
a:focus::after,
a:active::after {
opacity: 1;
}
h1 {
font-size: 133%;
font-weight: 700;
margin: 1em 0;
}
h2 {
margin: 0 0 1em;
}
img {
display: block;
margin: auto;
}
.link-wrap {
margin: 1em 0 2em;
}
.sketch-wrap {
display: inline-block;
}

0 comments on commit 25cd993

Please sign in to comment.