Release 20210128

_config.yml

@@ -20,7 +20,7 @@ plugins:
 defaults:
   -
     scope:
-      path: "team"
+      path: "who-we-are/team"
     values:
       layout: "bio"
       toc: false

_includes/footer.liquid

@@ -4,9 +4,11 @@
     <h3>On this site</h3>
     <ul>
       <li><a href="/codebase-stewardship">Codebase stewardship</a></li>
-      <li><a href="/team">Team</a></li>
-      <li><a href="/careers">Careers</a></li>
+      <li><a href="/codebases">Codebases we work with</a></li>
       <li><a href="/background">Background</a></li>
+      <li><a href="/who-we-are">Who we are</a></li>
+      <li><a href="/careers">Careers</a></li>
+
     </ul>
   </section>
 

_layouts/codebase.html

@@ -0,0 +1,17 @@
+---
+layout: site
+---
+
+<link rel="stylesheet" href="../assets/style.css">
+<link rel="stylesheet" href="../assets/style_codebases.css">
+<link rel="stylesheet" href="../assets/lightbox.css">
+
+<main>
+
+{% if site.show_breadcrumbs %}
+  {% include breadcrumbs.liquid %}
+{% endif %}
+
+{{ content }}
+
+</main>

_layouts/marketing-page.html

@@ -27,12 +27,23 @@
     padding: 2rem;
     background-color: whitesmoke;
   }
+  blockquote>p {
+    font-size: 1em !important;
+    margin: 0;
+  }
+
   blockquote>img {
     float: right;
     width: 8em;
     max-width: 30vw;
     margin: 0 0 1rem 1rem;
   }
+  .testimonial-attribution {
+    margin-top: 1em;
+  }
+  .testimonial-photo {
+    border-radius: 100%;
+  }
 
   @media (min-width: 800px) {
     .mp-section {
@@ -52,9 +63,12 @@
     .mp-section img {
       max-width: 30em;
     }
-    .mp-section:not(:first-of-type) p, .mp-section:first-of-type p:first-of-type {
+    .mp-section p {
       font-size: 1.15em;
     }
+    .mp-section p.subtext {
+      font-size: 1em;
+    }
     .mp-section h1, .mp-section h2 {
       border-bottom: none;
     }
@@ -111,4 +125,4 @@
 
 {{ content }}
 
-</main>
+</main>

assets/lightbox.css

@@ -0,0 +1,97 @@
+.lightbox {
+  text-align: center;
+  background: rgba(0, 0, 0, 0.8);
+  opacity: 0;
+  width: 0;
+  height: 0;
+  left: 0;
+  top: 0;
+  position: fixed;
+  z-index: 999;
+}
+
+.lightbox img {
+  opacity: 0;
+  max-width: 90%;
+  max-height: 80%;
+  margin-top: 2%;
+}
+
+.lightbox:target {
+  outline: none;
+  opacity: 1 !important;
+  width: 100%;
+  height: 100%;
+}
+
+.lightbox:target img {
+  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
+  -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
+  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
+  opacity: 1;
+  webkit-transition: opacity 0.6s;
+  transition: opacity 0.6s;
+}
+
+a.lb-btn {
+  color: white;
+  text-decoration: none;
+  background-color: #222;
+  border-radius: 3px;
+
+  vertical-align: middle;
+  top: 45%;
+  padding: 15px 15px;
+  position: absolute;
+  z-index: 99;
+  cursor: pointer;
+}
+
+a.lb-btn:hover {
+  background-color: #111;
+}
+
+a.lb-btn-prev {
+  left: 5%;
+}
+
+a.lb-btn-next {
+  right: 5%;
+}
+
+a.lb-btn-prev, a.lb-btn-next {
+  transition: all .15s ease-out;
+  cursor: pointer;
+}
+a.lb-btn-prev::after, a.lb-btn-next::after {
+  content:'';
+  background-image: url("data:image/svg+xml;utf-8,\
+    <svg width='60px' height='30px' viewBox='0 0 60 30' xmlns='http://www.w3.org/2000/svg'>\
+      <g stroke-width='1.5' stroke-miterlimit='10' stroke='white' fill='none'>\
+        <line x1='0' y1='15' x2='59.1' y2='15' /><polyline points='44.7,0.3 59.3,15 44.7,29.6 '/>\
+      </g>\
+    </svg>");
+  width: 60px;
+  height: 30px;
+  position: relative;
+  display: block;
+  transition: all .15s ease-out;
+}
+a.lb-btn-prev::after {
+  transform: scale(-1);
+}
+
+a.lb-btn-close {
+  position: absolute;
+  right: 2%;
+  top: 2%;
+}
+a.lb-btn-close::after {
+  content:'';
+  background-image: url("data:image/svg+xml;utf-8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='45px' height='45px' viewBox='0 0 45 45' style='overflow:visible;enable-background:new 0 0 45 45;' xml:space='preserve'><g stroke-width='1.5' stroke-miterlimit='10' stroke='white' fill='none'><line x1='0' y1='0' x2='45' y2='45'/><line x1='45' y1='0' x2='0' y2='45'/></g></svg>");
+  width: 45px;
+  height: 45px;
+  position: relative;
+  display: block;
+  transition: all .15s ease-out;
+}