-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
145 lines (117 loc) · 4.63 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!-- General Guidelines https://google.github.io/styleguide/htmlcssguide.html -->
<!-- Checklist : https://frontendchecklist.io/ -->
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<!-- Title & Metadata -->
<title>Website Template</title>
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="A description of the page" />
<meta name="google-site-verification" content="YOUR_CODE" />
<meta name="robots" content="index, follow" />
<meta name="googlebot" content="index, follow" />
<!-- <NOT USED meta name="google" content="nositelinkssearchbox"/> -->
<!-- Amp -->
<!-- Canonical link to the "amp" page -->
<link rel="amphtml" href="./index.amp.html">
<!-- Icons -->
<!-- Use https://realfavicongenerator.net to generate and check the icons and tags-->
<link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.png">
<link rel="manifest" href="./manifest.json">
<link rel="mask-icon" href="./safari-pinned-tab.svg" color="#5bbad5">
<meta name="theme-color" content="#ffffff">
<!-- Other -->
<link rel="alternate" href="http://www.yoursite.com/" hreflang="x-default" />
<!-- CSSs -->
<link rel="stylesheet" href="./resources/css/main.css" />
<link rel="stylesheet" href="./vendors/progressive-image/css/progressive-image.css">
<!-- Google Analytics -->
<script>
function initGAO(i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date(); a = s.createElement(o),
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
};
//TODO
//initGAO(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
//TODO: ADD UA CODE
//ga('create', 'UA-XXXXXXXX-X', 'auto');
//ga('send', 'pageview');
</script>
</head>
<body onload="onPageLoad()">
<!-- Google Tag Manager -->
<noscript>
<iframe src="//www.googletagmanager.com/ns.html?id=GTM-XXXXXX" height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<script>
function initGTM(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 =
'//www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
};
//TODO
//initGTM(window, document, 'script', 'dataLayer', 'GTM-XXXXXX');
</script>
<!-- Wrapper -->
<div id="page-wrapper">
<!-- Main -->
<section id="main">
<header>
<span class="avatar">
<img src="./resources/images/avatar.jpg" alt="" />
</span>
<h1>Diego Felipe Lassa</h1>
<p>Senior Software Developer</p>
</header>
<section id="main">
<a href="./resources/images/site-structure.png" class="progressive replace">
<img src="./resources/images/site-structure-tiny.png" class="preview" alt="image" />
</a>
</section>
<footer>
<ul class="copyright">
<li>© Diego Felipe Lassa</li>
</ul>
</footer>
</section>
</div>
<!-- Scripts: Inline -->
<!-- -->
<script>
function onPageLoad() {
console.log("Page Loaded");
var easter_egg = new Konami();
easter_egg.code = function () { myEasterEgg(); };
easter_egg.load();
console.log("Konami code included :-)");
messageResource.init({ filePath: './resources/data/' });
messageResource.load('settings');
var uaId = messageResource.get('google.ua', 'settings', 'UNDEFINED');
var gtmId = messageResource.get('google.gtm', 'settings', 'UNDEFINED');
console.log("Got UA id: " + uaId);
console.log("Got GTM id: " + gtmId);
}
function myEasterEgg() {
console.log("Easter egg executed");
}
</script>
<!-- -->
<!-- Scripts: Local -->
<script src="./resources/js/util.js"></script>
<!-- -->
<!-- Scripts: Vendors -->
<script src="./vendors/snaptortoise-konami-js-1.4.7/konami.js"></script>
<script src="./vendors/jquery-3.2.1/jquery-3.2.1.js"></script>
<script src="./vendors/messageresources-1.1/messageResource.js"></script>
<script src="./vendors/progressive-image/js/progressive-image.js"></script>
</body>
</html>