New logo attempt #4

Add Google Tag Manager #8
catalinred · Sep 16, 2017 · b36becb · b36becb
1 parent c5844b2
commit b36becb
Show file tree

Hide file tree

Showing 5 changed files with 58 additions and 48 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -9,25 +9,48 @@
     <link rel="stylesheet" href="/dist/css/style.css">
     <link rel="alternate" type="application/rss+xml" href="//feeds.feedburner.com/catalinred">
     <link rel="author" href="//plus.google.com/114910105297465575018/posts"/>
+    <!-- Google Tag Manager -->
+    <script>
+      (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+      })(window,document,'script','dataLayer','GTM-WN65C3J');
+    </script>    
   </head>
   <!-- 
-         _        _ 
-   _ __ | |_   __| |
-  | '__|| __| / _` |
-  | |   | |_ | (_| |
-  |_|    \__| \__,_|
-
-  Built with Jekyll & Sass. Hosted on Github.
+              _        _ _                      _ 
+              | |      | (_)                    | |
+      ___ __ _| |_ __ _| |_ _ __    _ __ ___  __| |
+    / __/ _` | __/ _` | | | '_ \  | '__/ _ \/ _` |
+    | (_| (_| | || (_| | | | | | |_| | |  __/ (_| |
+    \___\__,_|\__\__,_|_|_|_| |_(_)_|  \___|\__,_|
+                                                  
+      Formerly red-team-design.com
+      Built with Jekyll, Sass & more. Hosted on Github.
                     
    -->
   <body>
+
+  <!-- Google Tag Manager (noscript) -->
+  <noscript>
+    <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WN65C3J"
+    height="0" width="0" style="display:none;visibility:hidden"></iframe>
+  </noscript>    
 
   <header role="banner" class="top-header">
     <div class="container">
       <div class="grid">
         <div class="grid__col--30">
-          <a href="/" class="rtd-logo">
-            {{ site.name }}
+          <a href="/" class="rtd-logo" aria-label="{{ site.name }} logo">
+            <svg viewBox="0 0 344 146">
+              <polyline class="svg-path" points="65,118 82,118 82,46 82,64 136,46 "/>
+              <polyline class="svg-path" points="159,118 123,118 177,46 177,82 123,82 "/>
+              <polyline class="svg-path" points="244,10 244,118 190,118 244,46 244,118 262,118 "/>
+              <polyline class="svg-path" points="46,118 10,82 46,46 "/>
+              <polyline class="svg-path" points="298,118 334,82 298,46 "/>
+              <line class="svg-path" x1="262" y1="136" x2="280" y2="28"/>
+            </svg>
           </a>
         </div>
         <div class="grid__col--70">
@@ -110,9 +133,7 @@ <h2 class="h4">
       <hr>
       &copy; {{ site.time | date: '%Y' }} Catalin Rosu. Feel free to use the articles you may find here in your projects, with or without any attribution.
     </div>
-  </footer>  
-
-  <script src="/dist/js/common.js"></script>
+  </footer>
 
   </body>
 </html>
diff --git a/dist/css/style.css b/dist/css/style.css
diff --git a/src/js/common.js b/src/js/common.js
@@ -1,21 +1 @@
-(function(doc, script) {
-    var js, 
-        fjs = doc.getElementsByTagName(script)[0],
-        add = function(url, id) {
-            if (doc.getElementById(id)) {return;}
-            js = doc.createElement(script);
-            js.src = url;
-            id && (js.id = id);
-            fjs.parentNode.insertBefore(js, fjs);
-        };
-
-    // Google Analytics
-    window._gaq = [['_setAccount', 'UA-5924545-2'],['_trackPageview']];
-    add(('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js', 'ga');
-    // Google+ button
-    //add('//apis.google.com/js/plusone.js');
-    // Facebook SDK
-    //add('//connect.facebook.net/en_US/all.js#xfbml=1&appId=292896510767559', 'facebook-jssdk');
-    // Twitter SDK
-    //add('//platform.twitter.com/widgets.js', 'twitter-wjs');
-}(document, 'script'));
+// Nothing
diff --git a/src/sass/_header.scss b/src/sass/_header.scss
@@ -24,19 +24,29 @@
 }
 
 .rtd-logo {
-  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAAAyCAMAAACKyR5FAAAAY1BMVEUAAAA1OkrrUFU1OkrrUFU1OkrrUFU1OkrrUFU1OkrrUFU1OkrrUFU1OkrrUFU1OkrrUFU1OkrrUFU1OkrrUFU1OkrrUFU1OkrrUFU1OkrrUFU1OkrrUFU1OkrrUFU1OkrrUFU+pb0eAAAAH3RSTlMAEBAgIDAwQEBQUGBgcHCAgI+Pn5+vr7+/z8/f3+/vdkdMmQAAAihJREFUeAHtleFy2yAMgBXCHOpSl7nUZa4Dev+nnFWTKWRi51x2vv7w9ycn66LPYIFg5/uxs7PjQgxebWWzSHTwf9Gdc0ZcHBIBrjicTscHbRFn3Drda0o/HtN1uegq3Tl9PNoPd+ieU3reUPeRzrCd7pjST1iFaqDEGH237i2l3Jfm3zY75dbrEXFqwUX6NaAnZGKXX60b52hobnWHc3qHBfS6LjPjpdMbJKaQ68/2gq8azZSzQ6mjRnm66BCdkmWa/jboRYwFEMrYkC1yXOp+pU/I2IgYrSBTtIBgAARdFHTZJuhOKb1yWRe/vsYNX08tgKjz4P/azBElXW6UAzDaU7LowHZCjI5j1gXK6Bv9kK9lUXdI6Q0KGtobnhiGwj6HhW5UAE2r6R1NvxRtjKE3DVncGhdL3UtKJ6kHo1N5sUuHCDpVPV3ZBjOm1H2mT/GE5Y9FZQYFog5qumbJN0CM15mnynXZ0ibk3skrXa8rVh+uM+/pfBBOdOC+Z+FqnV7yFojpKnPkRhFlsrCqG3MUkYi0mx5Zx3O1KmMhel3Xdcuj1ihgR/RuRNYJc9WyTBZWdHz0Qo5KgjRX7cQyUehqOkUPuCF7UXc7V1lWEVZ14IsbWo2C7rhclwzLKsKmqtORdYIv8FxlDKxC86XB6Mv4UzxDZkaLhOW5ej/Gh9AruKFxQwiD+ePvfOhnTTsEb3mubgXP1S04pfSyoY7n6hbwXN3Z2flO/AYkh3Q0VMelRAAAAABJRU5ErkJggg==');
-  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMTBweCIgaGVpZ2h0PSI1MHB4IiB2aWV3Qm94PSIwIDAgMTEwIDUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMTAgNTAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGZpbGw9IiNFQjUwNTUiIGQ9Ik0xNi42MzUsMzUuNDc5TDEuNTkxLDI3LjkyM3YtMS4wMzJsMTUuMDQ0LTguNDMydjIuNjI0bC0xMS4yMyw2LjIyOHYwLjA2OWwxMS4yMyw1LjQ5M1YzNS40Nzl6Ii8+PHBhdGggZmlsbD0iI0VCNTA1NSIgZD0iTTM1LjYsMTkuMDM2YzAuNDUzLDAuMTQzLDAuODMsMC4zODgsMS4xMjgsMC43MzRjMC4yOTgsMC4zNDYsMC40NDgsMC45MDIsMC40NDgsMS42NjZjMCwwLjc2NS0wLjIyOCwxLjYtMC42ODEsMi41MDhjLTAuNDU0LDAuOTA4LTEuMTExLDEuMzYxLTEuOTcxLDEuMzYxYy0wLjQzLDAtMC44NDItMC4wOTUtMS4yMzYtMC4yODdjLTAuMzk0LTAuMTkxLTAuOTE0LTAuMjg3LTEuNTU4LTAuMjg3Yy0wLjY0NSwwLTEuMjQ5LDAuMjI3LTEuODEsMC42ODFjLTAuNTYyLDAuNDU0LTAuODQyLDEuMDAzLTAuODQyLDEuNjQ3djcuNTIzYzAsMC41NS0wLjAxOCwwLjk2Mi0wLjA1NCwxLjIzNnMtMC4xNDksMC41OTEtMC4zNCwwLjk0OWMtMC4zNTgsMC42MjEtMS4yOSwwLjkzMi0yLjc5NCwwLjkzMmMtMS4xNDYsMC0xLjk3LTAuMjAzLTIuNDcyLTAuNjA5Yy0wLjM4Mi0wLjMzNC0wLjU5OC0wLjg0Ny0wLjY0NS0xLjU0YzAtMC4yMzgsMC0wLjU4NSwwLTEuMDM5VjIxLjkzOGMwLTAuNTQ5LDAuMDE4LTAuOTYxLDAuMDU0LTEuMjM2czAuMTM3LTAuNTc5LDAuMzA1LTAuOTE0YzAuMzM0LTAuNjQ1LDEuMjY2LTAuOTY3LDIuNzk0LTAuOTY3YzEuNDMzLDAsMi4zMjksMC4yNzQsMi42ODcsMC44MjRjMC4yNjMsMC4zODIsMC4zOTQsMC43NzYsMC4zOTQsMS4xODJjMC4xMi0wLjE2NywwLjI5Mi0wLjM3LDAuNTItMC42MDljMC4yMjctMC4yMzgsMC43MS0wLjU2MSwxLjQ1MS0wLjk2N2MwLjc0LTAuNDA2LDEuMzkxLTAuNjA5LDEuOTUyLTAuNjA5czEuMDMzLDAuMDMsMS40MTYsMC4wODlDMzQuNzI3LDE4Ljc5MiwzNS4xNDYsMTguODkzLDM1LjYsMTkuMDM2eiIvPjxwYXRoIGZpbGw9IiNFQjUwNTUiIGQ9Ik01MC4xMDgsMjUuMTYybC0yLjMyOS0wLjE0M3Y0Ljk0NGMwLDAuNjQ1LDAuMTAyLDEuMTEsMC4zMDUsMS4zOTdjMC4yMDMsMC4yODYsMC41ODUsMC40MywxLjE0NiwwLjQzYzAuNTYxLDAsMC45OTEsMC4wMTgsMS4yOSwwLjA1NGMwLjI5OCwwLjAzNiwwLjYxNSwwLjE0OSwwLjk0OSwwLjM0YzAuNTQ5LDAuMzEyLDAuODI0LDEuMTExLDAuODI0LDIuNGMwLDEuNTA1LTAuMzM1LDIuNDI1LTEuMDAzLDIuNzU5Yy0wLjM1OCwwLjE2OC0wLjY3NSwwLjI2OS0wLjk1LDAuMzA1Yy0wLjI3NSwwLjAzNi0wLjY3NSwwLjA1NC0xLjIsMC4wNTRjLTIuNDg0LDAtNC4zNzEtMC41NjEtNS42Ni0xLjY4NGMtMS4yOS0xLjEyMy0xLjkzNS0zLjAyMS0xLjkzNS01LjY5NnYtNS4zMDJjLTAuNDU0LDAuMDcxLTAuOTQ0LDAuMTA3LTEuNDY5LDAuMTA3cy0wLjk2MS0wLjIwMy0xLjMwOC0wLjYwOXMtMC41MTktMS4wOTktMC41MTktMi4wNzhjMC0wLjk3OSwwLjA1OS0xLjY4OSwwLjE3OS0yLjEzMmMwLjEyLTAuNDQxLDAuMjg3LTAuNzU4LDAuNTAyLTAuOTQ5YzAuMzgxLTAuMzEsMC44Ni0wLjQ2NiwxLjQzMy0wLjQ2NmwxLjE4MywwLjE0NHYtMy42OWMwLTAuNTQ5LDAuMDE4LTAuOTU1LDAuMDU0LTEuMjE4YzAuMDM2LTAuMjYzLDAuMTQ5LTAuNTQ5LDAuMzQtMC44NmMwLjMxLTAuNTk3LDEuMjI5LTAuODk2LDIuNzU4LTAuODk2YzEuNjI0LDAsMi41OTEsMC40NDIsMi45MDIsMS4zMjVjMC4xMiwwLjM4MiwwLjE3OSwwLjk5MiwwLjE3OSwxLjgyN3YzLjUxMWMxLjA1MS0wLjA5NSwxLjg0NS0wLjE0NCwyLjM4Mi0wLjE0NGMwLjUzOCwwLDAuOTQzLDAuMDE4LDEuMjE4LDAuMDU0YzAuMjc0LDAuMDM2LDAuNTkxLDAuMTQ5LDAuOTQ5LDAuMzRjMC42MjEsMC4zMTEsMC45MzIsMS4yMywwLjkzMiwyLjc1OWMwLDEuNTA0LTAuMzIyLDIuNDI0LTAuOTY3LDIuNzU4Yy0wLjM1OCwwLjE2Ny0wLjY3NSwwLjI2OS0wLjk0OSwwLjMwNUM1MS4wNjksMjUuMTQ0LDUwLjY1NywyNS4xNjIsNTAuMTA4LDI1LjE2MnoiLz48cGF0aCBmaWxsPSIjRUI1MDU1IiBkPSJNNjcuODk2LDEwLjk1OGMwLjE3OS0wLjM0NiwwLjQ5NS0wLjU5MSwwLjk0OS0wLjczNGMwLjQ1My0wLjE0NCwxLjA1Ny0wLjIxNSwxLjgxLTAuMjE1YzAuNzUyLDAsMS4zNTQsMC4wNzIsMS44MDksMC4yMTVjMC40NTMsMC4xNDMsMC43NzEsMC4zOTQsMC45NDksMC43NTJjMC4xOCwwLjM1OCwwLjI4NywwLjY3NSwwLjMyMiwwLjk1YzAuMDM2LDAuMjc1LDAuMDU0LDAuNjg3LDAuMDU0LDEuMjM2djIxLjM4OGMwLDAuNTUtMC4wMTgsMC45NjEtMC4wNTQsMS4yMzVjLTAuMDM1LDAuMjc1LTAuMTQ5LDAuNTgtMC4zNCwwLjkxNGMtMC4zNTgsMC42NDUtMS4zNjcsMC45NjctMy4wMjcsMC45NjdzLTIuNTg2LTAuNTg1LTIuNzc2LTEuNzU1Yy0xLjAwMywxLjE0Ni0yLjQsMS43Mi00LjE5MSwxLjcyYy0yLjE0OSwwLTQuMTA4LTAuOTM4LTUuODc2LTIuODEzcy0yLjY1MS00LjA2MS0yLjY1MS02LjU1N2MwLTIuNDk1LDAuODktNC42ODcsMi42NjktNi41NzRjMS43NzgtMS44ODYsMy43MzEtMi44Myw1Ljg1Ny0yLjgzYzEuNzY3LDAsMy4xNCwwLjU5Nyw0LjEyLDEuNzkxdi03LjUyM2MwLTAuNTQ5LDAuMDE4LTAuOTYxLDAuMDU0LTEuMjM2QzY3LjYwOCwxMS42MTUsNjcuNzE2LDExLjMwNCw2Ny44OTYsMTAuOTU4eiBNNjIuMDczLDMwLjQyOWMwLjYyMSwwLjY0NSwxLjM3MywwLjk2NywyLjI1OCwwLjk2N2MwLjg4MywwLDEuNjE3LTAuMzIyLDIuMjAzLTAuOTY3YzAuNTg1LTAuNjQ1LDAuODc3LTEuMzU1LDAuODc3LTIuMTMyYzAtMC43NzUtMC4yOC0xLjQ5OC0wLjg0Mi0yLjE2OGMtMC41NjItMC42NjgtMS4zMTktMS4wMDItMi4yNzQtMS4wMDJjLTAuOTU2LDAtMS43MiwwLjMyOS0yLjI5MywwLjk4NWMtMC41NzMsMC42NTctMC44NTksMS4zOC0wLjg1OSwyLjE2OFM2MS40NTIsMjkuNzg0LDYyLjA3MywzMC40Mjl6Ii8+PHBhdGggZmlsbD0iIzM1M0E0QSIgZD0iTTg5LjQ0MywxMi42MTZMNzcuNDA4LDQxLjg2NGgtMi42NzdsMTIuMDAxLTI5LjI0OEg4OS40NDN6Ii8+PHBhdGggZmlsbD0iI0VCNTA1NSIgZD0iTTEwOC45ODIsMjcuOTIzbC0xNS4wNDQsNy41NTd2LTIuNjA2bDExLjI2Ni01LjQ1OHYtMC4xMDRsLTExLjI2Ni02LjIyOHYtMi42MjRsMTUuMDQ0LDguNDMyVjI3LjkyM3oiLz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9zdmc+'),
-                    none;
-  background-size: 110px 50px;
-  white-space: nowrap;
-  text-indent: 999em;
   overflow: hidden;
-  width: 110px;
-  height: 50px;
+  width: 120px;
+  height: 51px;
   display: inline-block;
 
-  &:hover {
-    transform: scale(.95);
+  .svg-path {
+    fill:none;
+    stroke-width: 10;
+    stroke-linecap: round;
+    stroke-linejoin: round;
+    transition: .08s ease-in-out stroke-width;
+  }
+
+  polyline {
+    stroke:#353a4a;
+  }  
+
+  line {
+    stroke:#eb5055;
+  }    
+
+  &:hover .svg-path {
+    stroke-width: 18;
   }
 }
 
@@ -132,7 +142,7 @@
   background-position: right center;
   background-attachment: fixed;
   background-size: cover;
-  @include rem(padding, $gutter-4x 0);
+  @include rem(padding, $gutter-6x 0);
 }
 
 .master-head--title {
@@ -153,7 +163,7 @@
     &::before {
       content: '//';
       margin-right: 10px;
-      opacity: .1;  
+      opacity: .3;  
     }    
   }  
 }
diff --git a/src/sass/_vars.scss b/src/sass/_vars.scss
@@ -16,6 +16,7 @@ $gutter:        1.25; // 1.25 * 16 = 20
 $gutter-2x:     2*$gutter;
 $gutter-3x:     3*$gutter;
 $gutter-4x:     4*$gutter;
+$gutter-6x:     6*$gutter;
 $font-size:     16px;
 $line-height:   24px;