Made some changes to the titles and investors

source/press/index.html

@@ -9,8 +9,8 @@ extra_css:
 <div class="wrapper">
   <div class="press-container">
     <div class="press-content">
-      <h2>PRESS</h2>
-      <span>contact us: press@gitlab.com</span>
+      <h2>PRESS PAGE</h2>
+      <h3>For press enquiries, please email: <span>press@gitlab.com<span></h3>
     </div>
   </div>
@@ -20,30 +20,76 @@ extra_css:
         <div class="col-xs-12 col-md-12 images-column">
           <h1>IMAGES</h1>
           <div class="image-container">
-            <div class="image founders"></div>
             <div class="text">
-              <span>Founders & Team</span>
+              <span>Founders</span>
             </div>
+            <div class="image founders"></div>
+            <div class="download"><a href="#">Download</a></div>
           </div>
           <div class="image-container">
-            <div class="image fox"></div>
             <div class="text">
-              <span>Logos</span>
+              <span>White Raccoon Dog (.png)</span>
             </div>            
+            <div class="image fox"></div>          
+            <div class="download"><a href="#">Download</a></div>
           </div>
           <div class="image-container">
-            <div class="image diff"></div>
             <div class="text">
-              <span>Press Releases</span>
+              <span>White Raccoon Dog (.eps)</span>
+            </div>  
+            <div class="image fox"></div>          
+            <div class="download"><a href="#">Download</a></div>
+          </div>
+          <div class="image-container">
+            <div class="text">
+              <span>Transparent Raccoon Dog</span>
             </div>
+            <div class="image fox"></div>
+            <div class="download"><a href="#">Download</a></div>
           </div>
           <div class="image-container">
+            <div class="text">
+                <span>Diff View</span>
+            </div>
+            <div class="image diff"></div>
+            <div class="download"><a href="#">Download</a></div>
+          </div>
+          <div class="image-container">
+            <div class="text">
+              <span>File View</span>
+            </div>
             <div class="image file"></div>
+            <div class="download"><a href="#">Download</a></div>
+          </div>
+          <div class="image-container">
             <div class="text">
-              <span>Screenshots</span>
+              <span>Network Graph View</span>
+            </div>
+            <div class="image network-graph"></div>
+            <div class="download"><a href="#">Download</a></div>
+          </div>
+          <div class="image-container">
+            <div class="text">
+                <span>Wordmark (.eps)</span>
+            </div>    
+            <div class="image wordmark"></div>        
+            <div class="download"><a href="#">Download</a></div>
+          </div>
+          <div class="image-container">
+            <div class="text">
+                  <span>Wordmark (.png)</span>
+            </div>            
+            <div class="image wordmark"></div>
+            <div class="download"><a href="#">Download</a></div>
+            </div>
+            <div class="image-container">
+              <div class="text">
+                  <span>Large Wordmark (.png)</span>
+              </div>    
+              <div class="image wordmark"></div>        
+              <div class="download"><a href="#">Download</a></div>
             </div>
           </div>
-        </div>
       </div>
       <hr class="divider" />
@@ -51,7 +97,7 @@ extra_css:
       <div class="row">
         <div class="col-xs-1 col-md-2"></div>
         <div class="col-xs-10 col-md-8">
-          <h1>PREVIOUS BLOG POSTS</h1>
+          <h1>BLOG POSTS</h1>
           <div class="item">
             <div class="press-image">
               4 MARCH 2015
@@ -169,7 +215,7 @@ extra_css:
       <div class="row recent-podcasts">
         <div class="col-xs-1 col-md-1"></div>
         <div class="col-xs-10 col-md-10">
-          <h1>PREVIOUS PODCASTS</h1>
+          <h1>PODCASTS</h1>
           <div class="podcast-item">
             <div class="press-image">
             OCTOBER 2014
@@ -218,7 +264,26 @@ extra_css:
               </a>
             </div>
           </div>
+        </div>
+        <div class="col-xs-1 col-md-1"></div>
+      </div>
+
+      <hr class="divider" />
+
+      <div class="investors row">
+        <div class="col-xs-1 col-md-1"></div>
+        <div class="col-xs-10 col-md-10">
+          <h1>INVESTORS</h1>
+          <div class="item">
+            <a href="https://about.gitlab.com/2015/03/04/gitlab-is-part-of-the-y-combinator-family/">
+              <div class="press-image">
+                <img src="/images/testimonials/user_75.png">
+              </div>
+            </a>
+          </div>
+        </div>
         <div class="col-xs-1 col-md-1"></div>
       </div>
+    </div>
   </div>
 </div>

source/stylesheets/press.css

@@ -36,11 +36,16 @@ h1 {
     font-size: 45px;
   }
-  .press-content span {
+  .press-content h3 {
     font-size: 17px;
     font-family: "Korolev-Light";
   }
+  .press-content span {
+    font-size: 17px;
+    font-family: "Korolev-Medium";
+  }
+
 .press-company {
   text-decoration: none;
   color: gray;
@@ -51,20 +56,25 @@ h1 {
   text-align: center;
 }
+.wrapper {
+  margin: 0 auto !important;
+}
+
 .sub-wrapper {
-  margin-top: 45px;
+  margin: 45px 0;
 }
 .image-container {
   float: left;
   transition: 0.5s ease;
+  margin: 19px;
 }
 .images-column {
   margin-bottom: 50px;
 }
-.images-column div:hover {
+.images-column .image-container div:nth-child(2):hover {
   opacity: 0.5;
   cursor: pointer;
 }
@@ -89,26 +99,26 @@ h1 {
   background-position-y: 6px;
 }
+.network-graph {
+   background-image: url(/images/press/screenshots/network_graph.png);
+  background-position-y: 6px; 
+}
+
+.wordmark {
+  background-image: url(/images/press/wordmark/wordmark.png);
+  background-position-y: 6px;
+}
 .image {
-  padding: 70px 70px 90px 70px;
-  margin: 8px 0 0 30px;
+  padding: 40px;
   overflow: hidden;
   background-repeat: no-repeat;
   background-size: 100%;
-  width: 243px;
+  width: 170px;
   float: left;
-  border: 2px solid #548;
+  border: 1px solid #548;
   border-radius: 4px;
-}
-
-.image-container .text {
-  margin: 186px 0 0 30px;
-}
-
-.image-container .text span {
-  font-size: 17px;
-  font-weight: 600;
+  margin: 10px 36px 17px 36px;
 }
 .recent-blog a {
@@ -164,6 +174,19 @@ h1 {
   font-size: 18px;
 }
+.text span {
+  font-size: 19px;
+}
+
+.download a {
+  border: 1px solid #548;
+  border-radius: 4px;
+  color: white;
+  background: #548;
+  padding: 7px;
+  font-size: 12px;
+}
+
 .item {
   margin-bottom: 8px;
 }
@@ -176,6 +199,10 @@ h1 {
   margin-bottom: 15px;
 }
+.investors .press-image img {
+  width: 281px;
+}
+
 .footer, .wrapper:after {
   height: auto;
 }