Adding credit page

mgkollander · Oct 13, 2024 · c619a93 · c619a93
1 parent 18c77cd
commit c619a93
Show file tree

Hide file tree

Showing 6 changed files with 76 additions and 4 deletions.
diff --git a/credits.html b/credits.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<head>
+    <title>Alaska History Webmap</title>
+    <style>
+        body {
+            background-color: aquamarine;
+            text-align: center;
+        }
+
+        img {
+            width: 200px;
+            height: 200px;
+            object-fit: cover;
+        }
+
+        .Header {
+            font-size: xx-large;
+            margin: 25px;
+            padding: 5px;
+            text-align: center;
+            background-color: gainsboro;
+            border: 5px outset gray;
+        }
+
+        .CreditBox {
+            display: inline-block;
+            margin: 25px;
+            border: 5px outset gray;
+            width: 250px;
+            height: 500px;
+            text-align: center;
+            background-color: gainsboro;
+        }
+
+        .Footer {
+            font-size: larger;
+            margin-bottom: 25px;
+            margin-left: auto;
+            margin-right: auto;
+            padding: 5px;
+            width: 100px;
+            text-align: center;
+            background-color: gainsboro;
+            border: 5px outset gray;
+        }
+    </style>
+</head>
+<body>
+    <div class="Header">Credits</div>
+    <div class="CreditBox">
+        <h1>Dr. Maria Williams</h1>
+        <p><img src=data/images/maria.png></p>
+        <p>Words</p>
+    </div>
+    <div class="CreditBox">
+        <h1>Dr. Pradeeban Kathiravelu</h1>
+        <p><img src=data/images/pradeeban.png></p>
+        <p>Words</p>
+    </div>
+    <div class="CreditBox">
+        <h1>Mary Kollander</h1>
+        <p><img src=data/images/mary.jpg></p>
+        <p>Words</p>
+    </div>
+    <div class="CreditBox">
+        <h1>Robert Hollowood</h1>
+        <p><img src=data/images/robert.png></p>
+        <p>Words</p>
+    </div>
+    <!--<a href="index.html"><div class="Footer">Go Back</div></a>-->
+</body>
diff --git a/data/images/maria.png b/data/images/maria.png
diff --git a/data/images/mary.jpg b/data/images/mary.jpg
diff --git a/data/images/pradeeban.png b/data/images/pradeeban.png
diff --git a/data/images/robert.png b/data/images/robert.png
diff --git a/src/constants.js b/src/constants.js
@@ -10,10 +10,11 @@ export const MAX_BOUNDS = [[44.47, -205.84], [74.64, -116.37]];
 export const INITIAL_COORDINATES = [64.793, -153.040];
 export const MAX_BOUNDS_VISCOSITY = 0.5;
 export const MAX_ZOOM = 8;
-export const OTM_TILE_LAYER = ['https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png', `© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> | © <a href="https://opentopomap.org/">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)`];
-export const OSM_TILE_LAYER = ['https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', `© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>`];
-export const ST_TILE_LAYER = ['https://tiles.stadiamaps.com/tiles/stamen_terrain/{z}/{x}/{y}{r}.png', `<a href="<a href="https://stamen.com/" target="_blank">Stamen Design</a> | <a href="https://stadiamaps.com/" target="_blank">Stadia Maps</a> | <a href="https://openmaptiles.org/" target="_blank">OpenMapTiles</a> | <a href="https://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a>`];
-export const STB_TILE_LAYER = ['https://tiles.stadiamaps.com/tiles/stamen_terrain_background/{z}/{x}/{y}{r}.png', `<a href="<a href="https://stamen.com/" target="_blank">Stamen Design</a> | <a href="https://stadiamaps.com/" target="_blank">Stadia Maps</a> | <a href="https://openmaptiles.org/" target="_blank">OpenMapTiles</a> | <a href="https://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a>`];
+const RESEARCH_CREDIT = ' | Made by <a href="credits.html" target="_blank">Dr. Maria Williams and co.</a>';
+export const OTM_TILE_LAYER = ['https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png', `© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> | © <a href="https://opentopomap.org/">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)` + RESEARCH_CREDIT];
+export const OSM_TILE_LAYER = ['https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', `© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>`+ RESEARCH_CREDIT];
+export const ST_TILE_LAYER = ['https://tiles.stadiamaps.com/tiles/stamen_terrain/{z}/{x}/{y}{r}.png', `<a href="<a href="https://stamen.com/" target="_blank">Stamen Design</a> | <a href="https://stadiamaps.com/" target="_blank">Stadia Maps</a> | <a href="https://openmaptiles.org/" target="_blank">OpenMapTiles</a> | <a href="https://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a>` + RESEARCH_CREDIT];
+export const STB_TILE_LAYER = ['https://tiles.stadiamaps.com/tiles/stamen_terrain_background/{z}/{x}/{y}{r}.png', `<a href="<a href="https://stamen.com/" target="_blank">Stamen Design</a> | <a href="https://stadiamaps.com/" target="_blank">Stadia Maps</a> | <a href="https://openmaptiles.org/" target="_blank">OpenMapTiles</a> | <a href="https://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a>`+ RESEARCH_CREDIT];
 
 
 /* ---------- MARKER HANDLING ---------- */