Add /photography/ page

_sass/main.scss

@@ -28,6 +28,8 @@ body {
   padding: 0 1em;
   font-family: CMU Serif, serif;
   line-height: 1.5;
+  background: #0e0e0e;
+  color: white;
 }
 
 p, table {
@@ -118,7 +120,7 @@ pre code {
 }
 
 a, hr {
-  color: black;
+  color: white;
 }
 
 hr {
@@ -182,7 +184,7 @@ nav {
 }
 
 nav a {
-  color: black;
+  color: white;
 }
 
 .post_summary {
@@ -231,6 +233,7 @@ nav a {
   width: 100%;
 }
 
+// Show site with proper CSS styling
 html, body {
   visibility: visible !important;
 }

_sass/photos.scss

@@ -0,0 +1,26 @@
+.media-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(600px, 1fr));
+  grid-column-gap: 20px;
+  grid-row-gap: 60px;
+  align-items: center;
+  justify-content: center;
+}
+
+.photo {
+  position: relative;
+  display: block;
+}
+
+.photo img {
+  display:block;
+  width:100%;
+  height:auto;
+  border-radius:12px
+}
+
+//.photo img[data-zoomable]:hover {
+//  transition:transform 60ms linear;
+//  transform:scale(1.01);
+//  box-shadow:0 6px 12px rgba(0,0,0,.14)
+//}