Updated the about page with the new design

customize.dist/src/less2/include/infopages.less

@@ -6,22 +6,18 @@
 // Basic setup for info pages, this should be used at the global level
 .infopages_main () {
     background-color: @colortheme_info-background;
-
     a {
         color: @cryptpad_color_blue;
-        &:visited { color: darken(@cryptpad_color_blue, 10%); }
+        &:visited { color: darken(@cryptpad_color_blue, 5%); }
     }
     a:hover {
         opacity: 1;
     }
-
     border: 0;
     padding: 0;
     margin: 0;
-
     font-size: 16px;
     font-family: @colortheme_font;
-
     .cp-container {
         font-size: 16px;
         padding-top: @infopages_padding;
@@ -41,24 +37,19 @@
             margin-top: 1em;
             margin-bottom: 0.5em;
         }
-
         img {
             &.left {
                 float: left;
             }
-
             max-width: 100%;
         }
-
         .form-group {
             & > * {
                 margin-top: 0.5em;
             }
-
             display: flex;
             flex-direction: column;
             align-items: center;
-
             .checkbox-container {
                 width: 100%;
                 display: flex;
@@ -72,7 +63,6 @@
             }
         }
     }
-
     footer {
         background-color: @cryptpad_color_blue;
         .container {
@@ -82,7 +72,7 @@
         a {
             color: #fff;
             &:visited {
-                color: darken(#fff, 10%);
+                color: darken(#fff, 5%);
             };
         }
         margin-bottom: 1em;
@@ -130,12 +120,10 @@
         z-index: 9001;
         position: fixed;
         top: 0;
-
         display: flex;
         flex-direction: row;
         justify-content: space-between;
         align-items: center;
-
         box-sizing: border-box;
         width: 100%;
         height: @infopages_infobar-height;
@@ -144,24 +132,20 @@
         vertical-align: middle;
         font-size: 1.25em;
         line-height: 1.25em;
-
         cursor: default;
         user-select: none;
         -moz-user-select: none;
         -webkit-user-select: none;
         -ms-user-select: none;
-
         .navbar-nav {
             display: flex;
             align-items: center;
         }
-
         a {
             font-weight: 500;
             padding: 0.6em;
             .infopages_link()
         }
-
         .cp-logo {
             margin-right: 0.5em;
         }

customize.dist/src/less2/pages/page-about.less

@@ -3,12 +3,8 @@
 
 .infopages_main();
 .infopages_topbar();
-
-.bio-avatar {
-    border-radius: 50%;
-    margin: 1em 0;
-    max-width: 300px;
-    max-height: 300px;
+#cp-main {
+    background: #fff;
 }
 .cp-about-intro {
 	padding-top: 3em;
@@ -21,7 +17,7 @@
     	color: #fff;
     	font-family: "Open Sans";
     	h1 {
-    		font-weight: bold;
+    		font-weight: 700;
     	}
     	a {
     		color: #fff;
@@ -31,5 +27,77 @@
     		padding-top: 1em;
     	}
     }
-
-}
+}
+.cp-container {
+    .row {
+        background: #fff;
+    }
+    .cp-bio-avatar {
+        padding-right: 0;
+    }
+    .cp-bio-avatar-right    {
+        padding-right: 15px;
+        padding-left: 0;
+    }
+}
+.cp-develop-about {
+    .cp-icon-cent {
+        width: 6rem;
+        background: #fff;
+        border-radius: 50%;
+        height: 6rem;
+        box-shadow: 0 5px 15px rgba(69,145,196, 0.3);
+        margin: 0 auto;
+        background-image: url(/customize/code.svg);
+        background-repeat: no-repeat;
+        margin-top: 1em;
+        margin-bottom: 1.5em;
+        background-position: 50%;
+        background-size: 4rem;
+    }
+    h2 {
+        margin-top: 0;
+        font-weight: 600;
+        color: #1E1F1F;
+        margin-bottom: 1.5em;
+    }
+}
+.cp-profile-det {
+    padding-left: 30px;
+    h3 {
+        color: #1E1F1F;
+        font-weight: 700;
+    }
+    p {
+        color: #3F4141;
+        margin-bottom: 1em;
+    }
+    hr {
+        margin-left: 0;
+        width: 15rem;
+        border-top: 2px solid @cryptpad_color_blue;
+    }
+    margin-bottom: 1em;
+}
+.cp-soc-media {
+        font-size: 1.5em;
+        color: @cryptpad_color_blue;
+        padding-right: 1em;
+        display: inline-block;
+        &:hover {
+            transform: scale(1.1);
+        }
+        &:visited {
+            color: @cryptpad_color_blue;
+        }
+}
+.cp-contrib {
+    margin-top: 3em;
+    .cp-icon-cent {
+        background-image: url(/customize/source-branch.svg);
+        background-position: 60%;
+    }
+}
+.cp-margin-bot {
+    margin-bottom: 1.5em;
+}		

customize.dist/src/less2/pages/page-index.less

@@ -25,6 +25,9 @@
         }
     }
 }
+body {
+    font-family: "Open Sans", Helvetica;
+}
 .cp-right {
 	.cp-register-btn {
 		padding: 0.5em 1em 0.7em 1em;
@@ -75,7 +78,7 @@
     a {
         color: #fff;
         &:visited {
-            color: rgba(255,255,255,.8);
+            color: rgba(255,255,255,.9);
         };
     }
     .nav-link {