Skip to content
Permalink
Browse files

New logo attempt #4

Add Google Tag Manager #8
  • Loading branch information...
catalinred committed Sep 16, 2017
1 parent c5844b2 commit b36becb4997be428bbf7ede475035104fcaa4a51
Showing with 58 additions and 48 deletions.
  1. +33 −12 _layouts/default.html
  2. +1 −3 dist/css/style.css
  3. +1 −21 src/js/common.js
  4. +22 −12 src/sass/_header.scss
  5. +1 −0 src/sass/_vars.scss
@@ -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>

Large diffs are not rendered by default.

Oops, something went wrong.
@@ -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
@@ -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;
}
}
}
@@ -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;

0 comments on commit b36becb

Please sign in to comment.
You can’t perform that action at this time.