wip

themes/ziglang-original/assets/css/home.css → assets/css/home.css

@@ -43,6 +43,7 @@
 
 .slogan p {
   display: inline-block;
+  margin: 0;
 }
 
 .slogan-message {
@@ -57,21 +58,30 @@
   display: flex;
   flex-direction: row;
 }
-.slogan-separator:before, .slogan-separator:after{
+
+.slogan-separator:before,
+.slogan-separator:after {
   content: "";
   flex: 1 1;
   border-bottom: 1px solid #000;
   margin: auto;
 }
+
 .slogan-separator:before {
   margin-right: 10px;
   border-color: #bbb;
 }
+
 .slogan-separator:after {
   margin-left: 10px;
   border-color: #bbb;
 }
 
+.features h2 {
+
+  font-size: 2.0em;
+}
+
 .nav-spacer {
   display: none;
 }
@@ -86,15 +96,19 @@ h1.section-title {
   width: 75%;
 }
 
-.main-development-message{
+.main-development-message {
   width: 60%;
 }
 
 .codesample {
-  overflow-x: auto; 
+  overflow-x: auto;
   margin-left: 20px;
 }
 
+.codesample figure {
+  margin: 0;
+}
+
 /*.features h1 {
   display: list-item;
   list-style-type: '⚡ ';
@@ -111,13 +125,13 @@ h1.section-title {
 }
 
 .cta-buttons {
-  text-align:center; 
-  margin-left: 20px; 
+  text-align: center;
+  margin-left: 20px;
   flex-shrink: 0;
 }
 
 .features {
- max-width: 480px;
+  max-width: 480px;
 }
 
 @media (prefers-color-scheme:dark) {
@@ -153,9 +167,12 @@ h1.section-title {
     text-align: center;
     justify-content: center;
   }
-  .community-message, .main-development-message {
+
+  .community-message,
+  .main-development-message {
     width: 100%;
   }
+
   .codesample {
     margin-left: 0;
     /*width: 100%;*/
@@ -170,7 +187,8 @@ h1.section-title {
     max-width: none;
     margin: auto;
   }
-/*
+
+  /*
   pre {
     max-width: 100vw;
     margin-left: -20px;
@@ -190,10 +208,64 @@ h1.section-title {
   }
 */
 
-  html, body {
+  html,
+  body {
     overflow-x: hidden;
   }
+
   body {
     -webkit-text-size-adjust: none;
   }
 }
+
+
+.monetary-logos {
+  margin: 50px 0;
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 20px 50px;
+  justify-content: center;
+  align-items: center;
+
+}
+
+.monetary-logos img {
+  object-fit: contain;
+}
+
+.monetary-logos img {
+  max-width: 320px;
+  max-height: 320px;
+}
+
+.monetary-logos .span2 {
+  grid-column-start: 1;
+  grid-column-end: 3;
+}
+
+.monetary-logos .span2 img {
+  max-width: 580px;
+  max-width: 580px;
+}
+
+.monetary-logos picture {
+  display: flex;
+  width: 100%;
+  justify-content: center;
+}
+
+@media only screen and (max-width: 1000px) {
+  .monetary-logos {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .monetary-logos img {
+    max-width: 100%;
+    height: 50px;
+  }
+
+  .monetary-logos .span2 img {
+    max-width: 100%;
+  }
+}