metron-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From ceste...@apache.org
Subject [07/15] incubator-metron git commit: Tweaked colour scheme to fit EKG logo and blue branding
Date Thu, 17 Dec 2015 19:03:08 GMT
Tweaked colour scheme to fit EKG logo and blue branding


Project: http://git-wip-us.apache.org/repos/asf/incubator-metron/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-metron/commit/a64c9125
Tree: http://git-wip-us.apache.org/repos/asf/incubator-metron/tree/a64c9125
Diff: http://git-wip-us.apache.org/repos/asf/incubator-metron/diff/a64c9125

Branch: refs/heads/master
Commit: a64c9125ab72089e96facab691e9cfe7f165fd34
Parents: ecfc906
Author: Alex Holden <a@lexholden.com>
Authored: Tue Dec 15 22:25:17 2015 +0000
Committer: Alex Holden <a@lexholden.com>
Committed: Tue Dec 15 22:25:17 2015 +0000

----------------------------------------------------------------------
 site/_config.yml           |   2 +-
 site/_includes/header.html |   2 +-
 site/css/screen.scss       |  60 ++++++++++++++++++++++++++--------------
 site/img/logo.png          | Bin 151727 -> 144723 bytes
 site/index.html            |   3 +-
 5 files changed, 43 insertions(+), 24 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/incubator-metron/blob/a64c9125/site/_config.yml
----------------------------------------------------------------------
diff --git a/site/_config.yml b/site/_config.yml
index 1822eba..e5129ad 100644
--- a/site/_config.yml
+++ b/site/_config.yml
@@ -7,7 +7,7 @@ repository: https://github.com/apache/orc
 destination: target
 exclude: [BUILD.md, Gemfile*]
 keep_files: [.git]
-highlight_color: "#67cf56"
+highlight_color: "#199acf"
 
 collections:
   docs:

http://git-wip-us.apache.org/repos/asf/incubator-metron/blob/a64c9125/site/_includes/header.html
----------------------------------------------------------------------
diff --git a/site/_includes/header.html b/site/_includes/header.html
index 9aff919..5e01219 100644
--- a/site/_includes/header.html
+++ b/site/_includes/header.html
@@ -7,7 +7,7 @@
       <h1>
         <a href="/">
           <span class="sr-only">Apache ORC</span>
-          <img src="/img/logo.png" width="249" height="101" alt="ORC Logo">
+          <img src="/img/logo.png" width="289" alt="Metron Logo" class="logo">
         </a>
       </h1>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-metron/blob/a64c9125/site/css/screen.scss
----------------------------------------------------------------------
diff --git a/site/css/screen.scss b/site/css/screen.scss
index 71f7283..3a2aae5 100644
--- a/site/css/screen.scss
+++ b/site/css/screen.scss
@@ -41,6 +41,18 @@ body {
   visibility: hidden;
 }
 
+.logo {
+  padding-top: 8px;
+}
+
+.grid .titlehead {
+  background: #444; 
+  padding: 40px 20px 50px; 
+  text-align: center; 
+  text-transform: uppercase;
+  font-size: 50px;
+}
+
 /* Sections */
 
 header,
@@ -87,8 +99,8 @@ nav {
 
       &:hover {
         background-color: #252525;
-        @include box-shadow(inset 0 1px 3px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.1));
-        text-shadow: 0 1px 3px rgba(0,0,0,.5);
+        // @include box-shadow(inset 0 1px 3px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.1));
+        // text-shadow: 0 1px 3px rgba(0,0,0,.5);
       }
     }
 
@@ -97,8 +109,8 @@ nav {
       a {
         background-color: {{ site.highlight_color }};
         color: #222;
-        @include box-shadow(inset 0 1px 0 rgba(255,255,255,.5), 0 1px 5px rgba(0,0,0,.5));
-        text-shadow: 0 1px 0 rgba(255,255,255,.3);
+        // @include box-shadow(inset 0 1px 0 rgba(255,255,255,.5), 0 1px 5px rgba(0,0,0,.5));
+        // text-shadow: 0 1px 0 rgba(255,255,255,.3);
       }
     }
   }
@@ -191,6 +203,12 @@ footer {
     }
   }
 
+  p {
+    max-width: 800px;
+    margin-left: auto;
+    margin-right: auto;
+  }
+
   .align-right {
 
     p { display: inline-block; }
@@ -409,7 +427,7 @@ aside {
     padding: 0 0 10px 30px;
     margin-left: -30px;
     display: inline-block;
-    border-bottom: 1px solid #c00;
+    border-bottom: 1px solid #199ACF;
   }
 
   ul {
@@ -543,21 +561,21 @@ article h2:first-child { margin-top: 0; }
   @include border-radius(0 5px 5px 0);
   position: relative;
   @include box-shadow(0 1px 5px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255,255,255,.2), inset
0 -1px 0 rgba(0,0,0,.3));
-  background-color: #9e2812;
+  background-color: #1B3850;
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzllMjgxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZjBkMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#9e2812), to(#6f0d0d));
-  background-image: -webkit-linear-gradient(top, #9e2812 0%, #6f0d0d 100%);
-  background-image: -moz-linear-gradient(top, #9e2812 0%, #6f0d0d 100%);
-  background-image: -o-linear-gradient(top, #9e2812 0%, #6f0d0d 100%);
-  background-image: linear-gradient(to bottom, #9e2812 0%,#6f0d0d 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e2812', endColorstr='#6f0d0d',GradientType=0
);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#1B3850), to(#204c69));
+  background-image: -webkit-linear-gradient(top, #1B3850 0%, #204c69 100%);
+  background-image: -moz-linear-gradient(top, #1B3850 0%, #204c69 100%);
+  background-image: -o-linear-gradient(top, #1B3850 0%, #204c69 100%);
+  background-image: linear-gradient(to bottom, #1B3850 0%,#204c69 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1B3850', endColorstr='#204c69',GradientType=0
);
 
   &:before {
     content: "";
     position: absolute;
     top: -10px;
     left: 0;
-    border-color: transparent #6f0d0d #6f0d0d transparent;
+    border-color: transparent #204c69 #204c69 transparent;
     border-style: solid;
     border-width: 5px;
     width: 0;
@@ -885,14 +903,14 @@ code.output {
 }
 
 .warning {
-  background-color: #9e2812;
+  background-color: #1B3850;
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzllMjgxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZjBkMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#9e2812), to(#6f0d0d));
-  background-image: -webkit-linear-gradient(top, #9e2812 0%, #6f0d0d 100%);
-  background-image: -moz-linear-gradient(top, #9e2812 0%, #6f0d0d 100%);
-  background-image: -o-linear-gradient(top, #9e2812 0%, #6f0d0d 100%);
-  background-image: linear-gradient(to bottom, #9e2812 0%,#6f0d0d 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e2812', endColorstr='#6f0d0d',GradientType=0
);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#1B3850), to(#204c69));
+  background-image: -webkit-linear-gradient(top, #1B3850 0%, #204c69 100%);
+  background-image: -moz-linear-gradient(top, #1B3850 0%, #204c69 100%);
+  background-image: -o-linear-gradient(top, #1B3850 0%, #204c69 100%);
+  background-image: linear-gradient(to bottom, #1B3850 0%,#204c69 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1B3850', endColorstr='#204c69',GradientType=0
);
 }
 
 .unreleased {
@@ -908,7 +926,7 @@ code.output {
 
 .info:before { border-color: transparent #00617f #00617f transparent; }
 
-.warning:before { border-color: transparent #6f0d0d #6f0d0d transparent; }
+.warning:before { border-color: transparent #204c69 #204c69 transparent; }
 
 .unreleased:before { border-color: transparent #664719 #664719 transparent; }
 

http://git-wip-us.apache.org/repos/asf/incubator-metron/blob/a64c9125/site/img/logo.png
----------------------------------------------------------------------
diff --git a/site/img/logo.png b/site/img/logo.png
index 7f75569..40e8336 100644
Binary files a/site/img/logo.png and b/site/img/logo.png differ

http://git-wip-us.apache.org/repos/asf/incubator-metron/blob/a64c9125/site/index.html
----------------------------------------------------------------------
diff --git a/site/index.html b/site/index.html
index bb76f9b..176c9d4 100644
--- a/site/index.html
+++ b/site/index.html
@@ -7,8 +7,9 @@ overview: true
 <section class="intro">
   <div class="grid">
     <div class="unit whole center-on-mobiles">
-      <p class="first">
+      <p class="first titlehead">
         The Big Data Security Platform.
+        <!-- <span style="padding-left: 50px;">The Big Data</span> <br
/><span style="padding-left: 150px;">Security Platform.</span> -->
       </p>
     </div>
   </div>


Mime
View raw message