Percona Everest Landing Page (#865)

percona · Feb 7, 2024 · c79fe1e · c79fe1e
1 parent b614078
commit c79fe1e
Show file tree

Hide file tree

Showing 22 changed files with 647 additions and 29 deletions.
diff --git a/assets/images/everest/Percona-Everest-Logo.png b/assets/images/everest/Percona-Everest-Logo.png
diff --git a/assets/images/everest/everest-07-1-intro.jpg b/assets/images/everest/everest-07-1-intro.jpg
diff --git a/assets/images/everest/everest-07-10-backup-s3.jpg b/assets/images/everest/everest-07-10-backup-s3.jpg
diff --git a/assets/images/everest/everest-07-11-backup.jpg b/assets/images/everest/everest-07-11-backup.jpg
diff --git a/assets/images/everest/everest-07-12-pitr.jpg b/assets/images/everest/everest-07-12-pitr.jpg
diff --git a/assets/images/everest/everest-07-13-management.jpg b/assets/images/everest/everest-07-13-management.jpg
diff --git a/assets/images/everest/everest-07-14-pmm-endpoints.jpg b/assets/images/everest/everest-07-14-pmm-endpoints.jpg
diff --git a/assets/images/everest/everest-07-15-pmm.jpg b/assets/images/everest/everest-07-15-pmm.jpg
diff --git a/assets/images/everest/everest-07-2-start.jpg b/assets/images/everest/everest-07-2-start.jpg
diff --git a/assets/images/everest/everest-07-3-install.jpg b/assets/images/everest/everest-07-3-install.jpg
diff --git a/assets/images/everest/everest-07-4-native.jpg b/assets/images/everest/everest-07-4-native.jpg
diff --git a/assets/images/everest/everest-07-5-login.jpg b/assets/images/everest/everest-07-5-login.jpg
diff --git a/assets/images/everest/everest-07-6-db.jpg b/assets/images/everest/everest-07-6-db.jpg
diff --git a/assets/images/everest/everest-07-7-storage-class.jpg b/assets/images/everest/everest-07-7-storage-class.jpg
diff --git a/assets/images/everest/everest-07-8-resources.jpg b/assets/images/everest/everest-07-8-resources.jpg
diff --git a/assets/images/everest/everest-07-9-advanced.jpg b/assets/images/everest/everest-07-9-advanced.jpg
diff --git a/assets/scss/projects.scss b/assets/scss/projects.scss
@@ -1 +1,191 @@
 @import "common/common";
+
+.wide {
+
+    hr {
+        margin-top: 0;
+        height: 1px;
+        background: #e8ecf3;
+    }
+
+    .branded {
+        margin-top: 4rem;
+        @media screen and (max-width: 760px) {
+            margin-top: 2rem;
+        }
+    }
+
+    .section {
+        padding-left: 4rem;
+        padding-right: 4rem;
+
+        @media screen and (max-width: 760px) {
+            padding-left: 2rem;
+            padding-right: 2rem; 
+        }
+    }
+
+    .grid {
+        margin-bottom: 2rem;
+        margin-top: 2rem;
+    }
+
+    .section__text {
+        max-width: 1200px;
+        margin: auto;
+
+        p {
+            line-height: 2rem !important;
+        }
+
+        @media screen and (max-width: 760px) {
+            padding-left: 2rem;
+            padding-right: 2rem; 
+
+            h2 {
+                font-size: 1.2rem;
+                font-weight: 700;
+            }
+
+            .button__second {
+                margin-top: 40px;
+            }
+        }
+
+    }
+
+    .block_left {
+        padding-top: 0rem;
+
+        @media screen and (max-width: 760px) {
+            padding-top: 0rem;
+        }
+
+    }
+
+    .block_right {
+
+        padding-top: 0rem;
+
+        @media screen and (max-width: 760px) {
+            padding-top: 0rem;
+        }
+    }
+
+    .intro figure{
+        text-align: left;
+    }
+
+    .intro img {
+        display: inline;
+        width: 400px;
+        padding-top: 30px;
+        padding-bottom: 30px;      
+    }
+
+    .img-wide img {
+        max-width: 90%;
+    }
+
+    .img-small img {
+        max-width: 40%;
+    }
+
+    @media screen and (max-width: 760px) {
+        .img-wide img {
+            max-width: 100%;
+        }
+
+        .img-small img {
+            max-width: 70%;
+        }
+    }
+
+    .gray {
+        padding-top: 3rem;
+        padding-bottom: 3rem;
+        background-color: #f5f2f2;
+    }
+
+    .highlight {
+
+    }
+
+    .text p, .text ul, .text ol, .text figure, .text dl, .text hr {
+        margin-top: 0.5rem;
+        font-size: 1rem;
+        line-height: 1.5rem;
+        hyphens: manual !important;
+    }
+
+
+    .buttons {
+        padding-top: 40px;
+        min-height: 60px;
+
+        @media screen and (max-width: 760px) {
+            padding-top: 0px;
+        }
+    }
+
+    .intro .buttons {
+        min-height: 110px;
+    }
+
+    .section__text .buttons {
+        @media screen and (max-width: 760px) {
+            min-height: 100px;
+        }  
+    }
+
+    .button__main, .button__second {
+        float: left;
+        margin-right: 20px;
+        margin-top: 20px;
+
+        a {
+            font-size: 1rem;
+            font-weight: 700!important;
+            text-transform: uppercase!important;
+            padding-top: 20px!important;
+            padding-right: 26px!important;
+            padding-bottom: 20px!important;
+            padding-left: 26px!important;  
+            border: 2px solid; 
+            border-radius: 100px;
+        }
+
+        a:hover {
+            background-color: #fef7eb !important;   
+        }
+
+        @media screen and (max-width: 760px) {
+            a {
+                font-size: 0.75rem;
+                padding-top: 10px!important;
+                padding-right: 16px!important;
+                padding-bottom: 10px!important;
+                padding-left: 16px!important;  
+            }
+        }
+    }
+
+    .button__main {
+        a {
+            color: #00162B!important;
+            border-width: 1px!important;
+            border-color: #f0b336;
+            background-color: #f0b336;
+        }
+    }
+
+    .button__second {
+        a {
+            color: #00162B!important;
+            background-color: transparent;
+            background-size: cover;
+            background-repeat: no-repeat;
+        }
+    }
+
+}