Merge pull request #123 from wiremock/update-contribution-guide

Merge alternative homepage
wiremock · Jul 7, 2023 · ea60128 · ea60128
2 parents bd34f3a + 80201b5
commit ea60128
Show file tree

Hide file tree

Showing 5 changed files with 255 additions and 441 deletions.
diff --git a/_sass/_homepage.scss b/_sass/_homepage.scss
@@ -189,7 +189,7 @@ html {
         font-family: "Ubuntu";
         font-style: normal;
         font-weight: bold;
-        font-size: 50px;
+        font-size: 28px;
         color: #18253d;
         text-align: left;
         word-break: break-word;
@@ -557,8 +557,13 @@ html {
 
 .wiremock-cloud__buttons {
     display: flex;
+    flex-direction: column;
     gap: 5px;
     margin-top: 10px;
+
+    @media (min-width: 768px) {
+        flex-direction: row;
+    }
 }
 
 .wiremock-cloud-wrapper,
@@ -707,13 +712,16 @@ html {
         font-style: normal;
         font-weight: bold;
         color: #18253d;
-        font-size: 50px;
+        font-size: 28px;
         border-bottom: none;
+
+        @media (min-width: 768px) {
+            font-size: 50px;
+        }
     }
     .keyFeaturesInfo {
         text-align: center;
-        padding-top: 20px;
-        padding-bottom: 30px;
+        padding: 20px 20px 30px 20px;
         max-width: 1150px;
         margin: 0 auto;
     }
@@ -1272,3 +1280,92 @@ html {
         width: 100%;
     }
 }
+
+.home-hero {
+    &__title {
+        margin-top: 40px;
+        margin-bottom: 30px;
+        font-family: "Ubuntu";
+        font-style: normal;
+        font-weight: bold;
+        font-size: 28px;
+        color: #18253d;
+        text-align: center;
+
+        @media (min-width: 920px) {
+            font-size: 60px;
+            margin-bottom: 60px;
+        }
+    }
+
+    &__boxes {
+        @media (min-width: 920px) {
+            padding: 40px 0;
+            display: flex;
+        }
+    }
+
+    &__box {
+        display: grid;
+        flex-direction: column;
+        flex: 1 0 50%;
+        padding: 20px 20px;
+        margin-bottom: 20px;
+        grid-template-rows: min-content 1fr min-content;
+
+
+        &--alt {
+            background: #E4F0F7;
+            border-radius: 15px;
+        }
+
+        p {
+            font-family: "Ubuntu";
+            font-size: 20px;
+            font-style: normal;
+            font-weight: 400;
+            color: #18253d;
+            margin-top: 1rem;
+        }
+
+        @media (min-width: 920px) {
+            padding: 40px;
+            margin-bottom: 0;
+            padding: 20px;
+
+            p {
+                font-size: 16px;
+            }
+        }
+    }
+
+    &__heading {
+        margin: 0 0 10px;
+        font-size: 24px;
+        color: #18253d;
+
+        @media (min-width: 920px) {
+            margin-bottom: 20px;
+            font-size: 50px;
+        }
+    }
+}
+
+.hr {
+    margin-top: 40px;
+    margin-bottom: 40px;
+    max-width: 90%;
+
+    @media (min-width: 920px) {
+        margin-top: 60px;
+        margin-bottom: 60px;
+    }
+
+    @media (min-width: 2000px) {
+        width: 1280px;
+    }
+
+    position: relative;
+    margin-left: auto;
+    margin-right: auto;
+}
diff --git a/_sass/_homepageb.scss b/_sass/_homepageb.scss
diff --git a/assets/css/main.scss b/assets/css/main.scss
@@ -34,7 +34,6 @@ search: false
 @import "forms";
 
 @import "homepage";
-@import "homepageb";
 @import "page";
 @import "archive";
 @import "sidebar";