update from b40e5d2

assets/css/styles.css

@@ -1,13 +1,38 @@
-.current-site {
-  color: green;
-}
-
 body {
   font-size: 24px;
-  max-width: 72ch;
   background-color: #afcfff;
 }
 
+p {
+  max-width: 72ch;
+}
+
+a {
+  color: darkblue;
+}
+
+nav {
+  background-color: #afcfff;
+  background-image: url("/assets/img/ostraka.jpg");
+  background-repeat: no-repeat;
+  background-blend-mode: luminosity;
+  background-size: cover;
+  opacity: 0.6;
+}
+
+nav a, nav ul {
+  color: black;
+  opacity: 1;
+}
+
+nav ul {
+  list-style-type: disclosure-open;
+}
+
+.gallery {
+  max-width: content;
+}
+
 .larger {
   font-size: larger;
 }

assets/css/styles.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../_sass/main.scss"],"names":[],"mappings":"AAAA;EACI;;;AAEJ;EACI;EACA;EACA;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACE;IACE;;EAEF;AAAA;IAEE","sourcesContent":[".current-site {\n    color: green;\n}\nbody {\n    font-size: 24px;\n    max-width: 72ch;\n    background-color: #afcfff;\n}\n.larger {\n    font-size: larger;\n}\n.xx-large {\n    font-size: xx-large;\n}\n.wrap {\n    display: flex;\n    max-width: max-content;\n}\n.wrap1 {\n    margin: 0px;\n    width: 30%;\n}\n.wrap2 {\n    margin: 0px; /* remove all margins to fit two divs in the container */\n    width: 70%;\n}\n@media (max-width: 767px) {\n  .wrap {\n    flex-direction: column;\n  }\n  .wrap1,\n  .wrap2 {\n    width: auto;\n  }\n}\n"],"file":"styles.css"}
+{"version":3,"sourceRoot":"","sources":["../../_sass/main.scss"],"names":[],"mappings":"AAAA;EACI;EACA;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EAKI;EACA;EACA;EAEA;EACA;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACE;IACE;;EAEF;AAAA;IAEE","sourcesContent":["body {\n    font-size: 24px;\n    background-color: #afcfff;\n}\np {\n    max-width: 72ch;\n}\na {\n    color: darkblue;\n}\nnav {\n    //background-color: #fef67b;\n    //background-color: #f4e3d7;\n    //background-color: bisque;\n    //background-color: aliceblue;\n    background-color: #afcfff;\n    background-image: url(\"/assets/img/ostraka.jpg\");\n    background-repeat: no-repeat;\n    // only b/w for legibility:\n    background-blend-mode: luminosity;\n    background-size: cover;\n    opacity: 0.6;\n}\nnav a, nav ul {\n    color: black;\n    opacity: 1.0;\n}\nnav ul {\n    list-style-type: disclosure-open;\n}\n.gallery {\n    max-width: content;\n}\n.larger {\n    font-size: larger;\n}\n.xx-large {\n    font-size: xx-large;\n}\n.wrap {\n    display: flex;\n    max-width: max-content;\n}\n.wrap1 {\n    margin: 0px;\n    width: 30%;\n}\n.wrap2 {\n    margin: 0px; /* remove all margins to fit two divs in the container */\n    width: 70%;\n}\n@media (max-width: 767px) {\n  .wrap {\n    flex-direction: column;\n  }\n  .wrap1,\n  .wrap2 {\n    width: auto;\n  }\n}\n"],"file":"styles.css"}