Skip to content

Commit b36becb

Browse files
committed
New logo attempt #4
Add Google Tag Manager #8
1 parent c5844b2 commit b36becb

File tree

5 files changed

+58
-48
lines changed

5 files changed

+58
-48
lines changed

_layouts/default.html

+33-12
Original file line numberDiff line numberDiff line change
@@ -9,25 +9,48 @@
99
<link rel="stylesheet" href="/dist/css/style.css">
1010
<link rel="alternate" type="application/rss+xml" href="//feeds.feedburner.com/catalinred">
1111
<link rel="author" href="//plus.google.com/114910105297465575018/posts"/>
12+
<!-- Google Tag Manager -->
13+
<script>
14+
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
15+
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
16+
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
17+
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
18+
})(window,document,'script','dataLayer','GTM-WN65C3J');
19+
</script>
1220
</head>
1321
<!--
14-
_ _
15-
_ __ | |_ __| |
16-
| '__|| __| / _` |
17-
| | | |_ | (_| |
18-
|_| \__| \__,_|
19-
20-
Built with Jekyll & Sass. Hosted on Github.
22+
_ _ _ _
23+
| | | (_) | |
24+
___ __ _| |_ __ _| |_ _ __ _ __ ___ __| |
25+
/ __/ _` | __/ _` | | | '_ \ | '__/ _ \/ _` |
26+
| (_| (_| | || (_| | | | | | |_| | | __/ (_| |
27+
\___\__,_|\__\__,_|_|_|_| |_(_)_| \___|\__,_|
28+
29+
Formerly red-team-design.com
30+
Built with Jekyll, Sass & more. Hosted on Github.
2131
2232
-->
2333
<body>
34+
35+
<!-- Google Tag Manager (noscript) -->
36+
<noscript>
37+
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WN65C3J"
38+
height="0" width="0" style="display:none;visibility:hidden"></iframe>
39+
</noscript>
2440

2541
<header role="banner" class="top-header">
2642
<div class="container">
2743
<div class="grid">
2844
<div class="grid__col--30">
29-
<a href="/" class="rtd-logo">
30-
{{ site.name }}
45+
<a href="/" class="rtd-logo" aria-label="{{ site.name }} logo">
46+
<svg viewBox="0 0 344 146">
47+
<polyline class="svg-path" points="65,118 82,118 82,46 82,64 136,46 "/>
48+
<polyline class="svg-path" points="159,118 123,118 177,46 177,82 123,82 "/>
49+
<polyline class="svg-path" points="244,10 244,118 190,118 244,46 244,118 262,118 "/>
50+
<polyline class="svg-path" points="46,118 10,82 46,46 "/>
51+
<polyline class="svg-path" points="298,118 334,82 298,46 "/>
52+
<line class="svg-path" x1="262" y1="136" x2="280" y2="28"/>
53+
</svg>
3154
</a>
3255
</div>
3356
<div class="grid__col--70">
@@ -110,9 +133,7 @@ <h2 class="h4">
110133
<hr>
111134
&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.
112135
</div>
113-
</footer>
114-
115-
<script src="/dist/js/common.js"></script>
136+
</footer>
116137

117138
</body>
118139
</html>

dist/css/style.css

+1-3
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

src/js/common.js

+1-21
Original file line numberDiff line numberDiff line change
@@ -1,21 +1 @@
1-
(function(doc, script) {
2-
var js,
3-
fjs = doc.getElementsByTagName(script)[0],
4-
add = function(url, id) {
5-
if (doc.getElementById(id)) {return;}
6-
js = doc.createElement(script);
7-
js.src = url;
8-
id && (js.id = id);
9-
fjs.parentNode.insertBefore(js, fjs);
10-
};
11-
12-
// Google Analytics
13-
window._gaq = [['_setAccount', 'UA-5924545-2'],['_trackPageview']];
14-
add(('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js', 'ga');
15-
// Google+ button
16-
//add('//apis.google.com/js/plusone.js');
17-
// Facebook SDK
18-
//add('//connect.facebook.net/en_US/all.js#xfbml=1&appId=292896510767559', 'facebook-jssdk');
19-
// Twitter SDK
20-
//add('//platform.twitter.com/widgets.js', 'twitter-wjs');
21-
}(document, 'script'));
1+
// Nothing

src/sass/_header.scss

+22-12
Original file line numberDiff line numberDiff line change
@@ -24,19 +24,29 @@
2424
}
2525

2626
.rtd-logo {
27-
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==');
28-
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMTBweCIgaGVpZ2h0PSI1MHB4IiB2aWV3Qm94PSIwIDAgMTEwIDUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMTAgNTAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGZpbGw9IiNFQjUwNTUiIGQ9Ik0xNi42MzUsMzUuNDc5TDEuNTkxLDI3LjkyM3YtMS4wMzJsMTUuMDQ0LTguNDMydjIuNjI0bC0xMS4yMyw2LjIyOHYwLjA2OWwxMS4yMyw1LjQ5M1YzNS40Nzl6Ii8+PHBhdGggZmlsbD0iI0VCNTA1NSIgZD0iTTM1LjYsMTkuMDM2YzAuNDUzLDAuMTQzLDAuODMsMC4zODgsMS4xMjgsMC43MzRjMC4yOTgsMC4zNDYsMC40NDgsMC45MDIsMC40NDgsMS42NjZjMCwwLjc2NS0wLjIyOCwxLjYtMC42ODEsMi41MDhjLTAuNDU0LDAuOTA4LTEuMTExLDEuMzYxLTEuOTcxLDEuMzYxYy0wLjQzLDAtMC44NDItMC4wOTUtMS4yMzYtMC4yODdjLTAuMzk0LTAuMTkxLTAuOTE0LTAuMjg3LTEuNTU4LTAuMjg3Yy0wLjY0NSwwLTEuMjQ5LDAuMjI3LTEuODEsMC42ODFjLTAuNTYyLDAuNDU0LTAuODQyLDEuMDAzLTAuODQyLDEuNjQ3djcuNTIzYzAsMC41NS0wLjAxOCwwLjk2Mi0wLjA1NCwxLjIzNnMtMC4xNDksMC41OTEtMC4zNCwwLjk0OWMtMC4zNTgsMC42MjEtMS4yOSwwLjkzMi0yLjc5NCwwLjkzMmMtMS4xNDYsMC0xLjk3LTAuMjAzLTIuNDcyLTAuNjA5Yy0wLjM4Mi0wLjMzNC0wLjU5OC0wLjg0Ny0wLjY0NS0xLjU0YzAtMC4yMzgsMC0wLjU4NSwwLTEuMDM5VjIxLjkzOGMwLTAuNTQ5LDAuMDE4LTAuOTYxLDAuMDU0LTEuMjM2czAuMTM3LTAuNTc5LDAuMzA1LTAuOTE0YzAuMzM0LTAuNjQ1LDEuMjY2LTAuOTY3LDIuNzk0LTAuOTY3YzEuNDMzLDAsMi4zMjksMC4yNzQsMi42ODcsMC44MjRjMC4yNjMsMC4zODIsMC4zOTQsMC43NzYsMC4zOTQsMS4xODJjMC4xMi0wLjE2NywwLjI5Mi0wLjM3LDAuNTItMC42MDljMC4yMjctMC4yMzgsMC43MS0wLjU2MSwxLjQ1MS0wLjk2N2MwLjc0LTAuNDA2LDEuMzkxLTAuNjA5LDEuOTUyLTAuNjA5czEuMDMzLDAuMDMsMS40MTYsMC4wODlDMzQuNzI3LDE4Ljc5MiwzNS4xNDYsMTguODkzLDM1LjYsMTkuMDM2eiIvPjxwYXRoIGZpbGw9IiNFQjUwNTUiIGQ9Ik01MC4xMDgsMjUuMTYybC0yLjMyOS0wLjE0M3Y0Ljk0NGMwLDAuNjQ1LDAuMTAyLDEuMTEsMC4zMDUsMS4zOTdjMC4yMDMsMC4yODYsMC41ODUsMC40MywxLjE0NiwwLjQzYzAuNTYxLDAsMC45OTEsMC4wMTgsMS4yOSwwLjA1NGMwLjI5OCwwLjAzNiwwLjYxNSwwLjE0OSwwLjk0OSwwLjM0YzAuNTQ5LDAuMzEyLDAuODI0LDEuMTExLDAuODI0LDIuNGMwLDEuNTA1LTAuMzM1LDIuNDI1LTEuMDAzLDIuNzU5Yy0wLjM1OCwwLjE2OC0wLjY3NSwwLjI2OS0wLjk1LDAuMzA1Yy0wLjI3NSwwLjAzNi0wLjY3NSwwLjA1NC0xLjIsMC4wNTRjLTIuNDg0LDAtNC4zNzEtMC41NjEtNS42Ni0xLjY4NGMtMS4yOS0xLjEyMy0xLjkzNS0zLjAyMS0xLjkzNS01LjY5NnYtNS4zMDJjLTAuNDU0LDAuMDcxLTAuOTQ0LDAuMTA3LTEuNDY5LDAuMTA3cy0wLjk2MS0wLjIwMy0xLjMwOC0wLjYwOXMtMC41MTktMS4wOTktMC41MTktMi4wNzhjMC0wLjk3OSwwLjA1OS0xLjY4OSwwLjE3OS0yLjEzMmMwLjEyLTAuNDQxLDAuMjg3LTAuNzU4LDAuNTAyLTAuOTQ5YzAuMzgxLTAuMzEsMC44Ni0wLjQ2NiwxLjQzMy0wLjQ2NmwxLjE4MywwLjE0NHYtMy42OWMwLTAuNTQ5LDAuMDE4LTAuOTU1LDAuMDU0LTEuMjE4YzAuMDM2LTAuMjYzLDAuMTQ5LTAuNTQ5LDAuMzQtMC44NmMwLjMxLTAuNTk3LDEuMjI5LTAuODk2LDIuNzU4LTAuODk2YzEuNjI0LDAsMi41OTEsMC40NDIsMi45MDIsMS4zMjVjMC4xMiwwLjM4MiwwLjE3OSwwLjk5MiwwLjE3OSwxLjgyN3YzLjUxMWMxLjA1MS0wLjA5NSwxLjg0NS0wLjE0NCwyLjM4Mi0wLjE0NGMwLjUzOCwwLDAuOTQzLDAuMDE4LDEuMjE4LDAuMDU0YzAuMjc0LDAuMDM2LDAuNTkxLDAuMTQ5LDAuOTQ5LDAuMzRjMC42MjEsMC4zMTEsMC45MzIsMS4yMywwLjkzMiwyLjc1OWMwLDEuNTA0LTAuMzIyLDIuNDI0LTAuOTY3LDIuNzU4Yy0wLjM1OCwwLjE2Ny0wLjY3NSwwLjI2OS0wLjk0OSwwLjMwNUM1MS4wNjksMjUuMTQ0LDUwLjY1NywyNS4xNjIsNTAuMTA4LDI1LjE2MnoiLz48cGF0aCBmaWxsPSIjRUI1MDU1IiBkPSJNNjcuODk2LDEwLjk1OGMwLjE3OS0wLjM0NiwwLjQ5NS0wLjU5MSwwLjk0OS0wLjczNGMwLjQ1My0wLjE0NCwxLjA1Ny0wLjIxNSwxLjgxLTAuMjE1YzAuNzUyLDAsMS4zNTQsMC4wNzIsMS44MDksMC4yMTVjMC40NTMsMC4xNDMsMC43NzEsMC4zOTQsMC45NDksMC43NTJjMC4xOCwwLjM1OCwwLjI4NywwLjY3NSwwLjMyMiwwLjk1YzAuMDM2LDAuMjc1LDAuMDU0LDAuNjg3LDAuMDU0LDEuMjM2djIxLjM4OGMwLDAuNTUtMC4wMTgsMC45NjEtMC4wNTQsMS4yMzVjLTAuMDM1LDAuMjc1LTAuMTQ5LDAuNTgtMC4zNCwwLjkxNGMtMC4zNTgsMC42NDUtMS4zNjcsMC45NjctMy4wMjcsMC45NjdzLTIuNTg2LTAuNTg1LTIuNzc2LTEuNzU1Yy0xLjAwMywxLjE0Ni0yLjQsMS43Mi00LjE5MSwxLjcyYy0yLjE0OSwwLTQuMTA4LTAuOTM4LTUuODc2LTIuODEzcy0yLjY1MS00LjA2MS0yLjY1MS02LjU1N2MwLTIuNDk1LDAuODktNC42ODcsMi42NjktNi41NzRjMS43NzgtMS44ODYsMy43MzEtMi44Myw1Ljg1Ny0yLjgzYzEuNzY3LDAsMy4xNCwwLjU5Nyw0LjEyLDEuNzkxdi03LjUyM2MwLTAuNTQ5LDAuMDE4LTAuOTYxLDAuMDU0LTEuMjM2QzY3LjYwOCwxMS42MTUsNjcuNzE2LDExLjMwNCw2Ny44OTYsMTAuOTU4eiBNNjIuMDczLDMwLjQyOWMwLjYyMSwwLjY0NSwxLjM3MywwLjk2NywyLjI1OCwwLjk2N2MwLjg4MywwLDEuNjE3LTAuMzIyLDIuMjAzLTAuOTY3YzAuNTg1LTAuNjQ1LDAuODc3LTEuMzU1LDAuODc3LTIuMTMyYzAtMC43NzUtMC4yOC0xLjQ5OC0wLjg0Mi0yLjE2OGMtMC41NjItMC42NjgtMS4zMTktMS4wMDItMi4yNzQtMS4wMDJjLTAuOTU2LDAtMS43MiwwLjMyOS0yLjI5MywwLjk4NWMtMC41NzMsMC42NTctMC44NTksMS4zOC0wLjg1OSwyLjE2OFM2MS40NTIsMjkuNzg0LDYyLjA3MywzMC40Mjl6Ii8+PHBhdGggZmlsbD0iIzM1M0E0QSIgZD0iTTg5LjQ0MywxMi42MTZMNzcuNDA4LDQxLjg2NGgtMi42NzdsMTIuMDAxLTI5LjI0OEg4OS40NDN6Ii8+PHBhdGggZmlsbD0iI0VCNTA1NSIgZD0iTTEwOC45ODIsMjcuOTIzbC0xNS4wNDQsNy41NTd2LTIuNjA2bDExLjI2Ni01LjQ1OHYtMC4xMDRsLTExLjI2Ni02LjIyOHYtMi42MjRsMTUuMDQ0LDguNDMyVjI3LjkyM3oiLz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9zdmc+'),
29-
none;
30-
background-size: 110px 50px;
31-
white-space: nowrap;
32-
text-indent: 999em;
3327
overflow: hidden;
34-
width: 110px;
35-
height: 50px;
28+
width: 120px;
29+
height: 51px;
3630
display: inline-block;
3731

38-
&:hover {
39-
transform: scale(.95);
32+
.svg-path {
33+
fill:none;
34+
stroke-width: 10;
35+
stroke-linecap: round;
36+
stroke-linejoin: round;
37+
transition: .08s ease-in-out stroke-width;
38+
}
39+
40+
polyline {
41+
stroke:#353a4a;
42+
}
43+
44+
line {
45+
stroke:#eb5055;
46+
}
47+
48+
&:hover .svg-path {
49+
stroke-width: 18;
4050
}
4151
}
4252

@@ -132,7 +142,7 @@
132142
background-position: right center;
133143
background-attachment: fixed;
134144
background-size: cover;
135-
@include rem(padding, $gutter-4x 0);
145+
@include rem(padding, $gutter-6x 0);
136146
}
137147

138148
.master-head--title {
@@ -153,7 +163,7 @@
153163
&::before {
154164
content: '//';
155165
margin-right: 10px;
156-
opacity: .1;
166+
opacity: .3;
157167
}
158168
}
159169
}

src/sass/_vars.scss

+1
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,7 @@ $gutter: 1.25; // 1.25 * 16 = 20
1616
$gutter-2x: 2*$gutter;
1717
$gutter-3x: 3*$gutter;
1818
$gutter-4x: 4*$gutter;
19+
$gutter-6x: 6*$gutter;
1920
$font-size: 16px;
2021
$line-height: 24px;
2122

0 commit comments

Comments
 (0)