Initial upload of single column image portfolio

Upload first 15 images //: Todo, vertical Ttitle and image descriptions
telemetry · Jun 16, 2024 · 46ef53c · 46ef53c
1 parent 3e93859
commit 46ef53c
Show file tree

Hide file tree

Showing 16 changed files with 88 additions and 0 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/img/00.jpg b/img/00.jpg
diff --git a/img/01.jpg b/img/01.jpg
diff --git a/img/03.jpg b/img/03.jpg
diff --git a/img/04.jpg b/img/04.jpg
diff --git a/img/05.jpg b/img/05.jpg
diff --git a/img/06.jpg b/img/06.jpg
diff --git a/img/07.jpg b/img/07.jpg
diff --git a/img/08.jpg b/img/08.jpg
diff --git a/img/09.jpg b/img/09.jpg
diff --git a/img/10.jpg b/img/10.jpg
diff --git a/img/12.jpg b/img/12.jpg
diff --git a/img/13.jpg b/img/13.jpg
diff --git a/img/14.jpg b/img/14.jpg
diff --git a/img/15.jpg b/img/15.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link
+        href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap"
+        rel="stylesheet">
+    <title>Small Victories - Photography by Terrence Gillespie</title>
+</head>
+
+<style>
+    * {
+        box-sizing: border-box;
+    }
+
+
+    body {
+        margin: 0;
+        font-family: "DM Sans", sans-serif;
+        font-optical-sizing: auto;
+        font-weight: 500;
+        font-style: normal;
+    }
+
+    .header {
+        text-align: left;
+    }
+
+    /* Create two equal columns that floats next to each other */
+    .column {
+        /* float: left;
+        width: 50%; */
+
+    }
+
+    .column img {
+        margin-top: 24px;
+    }
+
+    .row {
+        max-width: 40em;
+        margin: 0 auto;
+        padding: 10px;
+    }
+
+    /* Clear floats after the columns */
+    .row:after {
+        content: "";
+        display: table;
+        clear: both;
+    }
+</style>
+
+<body>
+
+    <div class="row">
+        <div class="header">
+            <h1>Small Victories</h1>
+            <p>Photograhy by <a href="https://terrygillespie.com">Terrence Gillespie</a></p>
+        </div>
+        <div class="column">
+            <img src="img/00.jpg" style="width:100%" />
+            <img src="img/01.jpg" style="width:100%" />
+            <img src="img/03.jpg" style="width:100%" />
+            <img src="img/04.jpg" style="width:100%" />
+            <img src="img/05.jpg" style="width:100%" />
+            <img src="img/06.jpg" style="width:100%" />
+            <img src="img/07.jpg" style="width:100%" />
+            <img src="img/08.jpg" style="width:100%" />
+            <img src="img/09.jpg" style="width:100%" />
+            <img src="img/10.jpg" style="width:100%" />
+            <img src="img/11.jpg" style="width:100%" />
+            <img src="img/12.jpg" style="width:100%" />
+            <img src="img/13.jpg" style="width:100%" />
+            <img src="img/14.jpg" style="width:100%" />
+        </div>
+        <div class="footer">
+            <p><a href="mailto:" [email protected]">Contact </a> for prints, zines &amp; enquiries.</p>
+            <p>Small Victories | 2004 - 2024</p>
+            <p>&copy; Terrence Gillespie</p>
+        </div>
+</body>
+
+</html>