Skip to content

Instantly share code, notes, and snippets.

@kgjenkins

kgjenkins/index.html

Last active November 14, 2021 17:55
Show Gist options
  • Save kgjenkins/56a708d882b8d3f157a83e7a6ab49f0f to your computer and use it in GitHub Desktop.
Save kgjenkins/56a708d882b8d3f157a83e7a6ab49f0f to your computer and use it in GitHub Desktop.
Download ZIP
Stamen Watercolor tiles framed in an HTML table with some CSS style effects
Raw
index.html
<!-- Stamen Watercolor tiles framed in an HTML table with some CSS style effects -->
<!-- created for Day 14 of the 2021 #30DayMapChallenge -->
<html>
<head>
<style>
img { width:128px ; height:128px }
table { border-spacing: 12px }
td { border:12px ridge #ccc }
</style>
</head>
<body>
<table>
<tr>
<td><img src='https://stamen-tiles-a.a.ssl.fastly.net/watercolor/6/33/22.jpg' /></td>
<td><img src='https://stamen-tiles-a.a.ssl.fastly.net/watercolor/6/34/22.jpg' /></td>
<td><img src='https://stamen-tiles-a.a.ssl.fastly.net/watercolor/6/35/22.jpg' /></td>
<td><img src='https://stamen-tiles-a.a.ssl.fastly.net/watercolor/6/36/22.jpg' /></td>
</tr>
<tr>
<td><img src='https://stamen-tiles-a.a.ssl.fastly.net/watercolor/6/33/23.jpg' /></td>
<td><img src='https://stamen-tiles-a.a.ssl.fastly.net/watercolor/6/34/23.jpg' /></td>
<td><img src='https://stamen-tiles-a.a.ssl.fastly.net/watercolor/6/35/23.jpg' /></td>
<td><img src='https://stamen-tiles-a.a.ssl.fastly.net/watercolor/6/36/23.jpg' /></td>
</tr>
<tr>
<td><img src='https://stamen-tiles-a.a.ssl.fastly.net/watercolor/6/33/24.jpg' /></td>
<td style='transform:rotate(-3deg)'><img src='https://stamen-tiles-a.a.ssl.fastly.net/watercolor/6/34/24.jpg' /></td>
<td><img src='https://stamen-tiles-a.a.ssl.fastly.net/watercolor/6/35/24.jpg' /></td>
<td><img src='https://stamen-tiles-a.a.ssl.fastly.net/watercolor/6/36/24.jpg' /></td>
</tr>
<tr>
<td><img src='https://stamen-tiles-a.a.ssl.fastly.net/watercolor/6/33/25.jpg' /></td>
<td><img src='https://stamen-tiles-a.a.ssl.fastly.net/watercolor/6/34/25.jpg' /></td>
<td><img src='https://stamen-tiles-a.a.ssl.fastly.net/watercolor/6/35/25.jpg' /></td>
<td><img src='https://stamen-tiles-a.a.ssl.fastly.net/watercolor/6/36/25.jpg' /></td>
</tr>
</table>
<p>Map tiles by <a href="http://stamen.com">Stamen Design</a>, under <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. Data by <a href="http://openstreetmap.org">OpenStreetMap</a>, under <a href="http://creativecommons.org/licenses/by-sa/3.0">CC BY SA</a>.</p>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment