-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
127 lines (110 loc) · 6.87 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Luís Cardoso</title>
<meta name="description" content="Homepage of Luís Cardoso">
<meta name="viewport" content="width=device-width">
<style type="text/css">
/*! normalize.css v1.1.1 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{background:#fff;color:#000;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
</style>
<style type="text/css">
body {
font-family: Baskerville, Garamond, Palatino, "Palatino Linotype", "Hoefler Text", "Times New Roman", serif;
text-align: center;
color: rgb(3, 18, 20);
font-size: 24px;
line-height: 1.3;
font-weight: normal;
}
h1, h2, h3{
font-weight: normal;
font-size: 80px;
text-align: center;
}
a {
color: rgb(16, 80, 87);
}
a:visited {
color: rgb(10, 50, 54);
}
a:hover {
color: rgb(12, 225, 245);
/*TODO: add an on hover color animation*/
}
p {
margin-bottom: 0;
}
p + p {
text-indent:1.3em;
margin-top: 1.3em;
}
.main {
/*TODO: improve on the side appears in the iPhone*/
width: 29em;
display: inline-block;
text-align: left;
}
.firstLetter {
font-size: 80px;
padding-right: 10px;
border-bottom: solid black 2px;
border-top: solid black 2px;
padding-left: 10px;
}
footer {
font-family: Verdana, sans-serif;
margin-top: 5em;
margin-bottom: 5em;
color: grey;
font-size: 0.4em;
}
footer .heart {
color: red;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #6DA7D5;
text-shadow: none;
}
::selection {
background: #6DA7D5;
text-shadow: none;
}
</style>
</head>
<body>
<div class="main">
<h1>Hello stranger!</h1>
<p><span class="firstLetter">T</span><span id="x1">h</span>is is my, mostly empty, personal homepage.</p>
<p style="margin-top: 0.5em;">W<span id="x2">e</span>ll you probably came here looking for something, so here are some links:</p>
<p>
<ul>
<li><a href="https://github.com/lfac-pt">Github</a></li>
<li><a href="https://twitter.com/lfacpt">Twitter</a></li>
<li><a href="http://pt.linkedin.com/in/lfacc">Linkedin</a></li>
</ul>
</p>
<p>Also, I ocasionally take some (amateur) photos, you can check them <span id="y1">o</span>ut in my <a href="http://lfac.vsco.co/">VSCO stream</a>.</p>
<p>N<span id="y2">o</span>t satisfied yet? What more can I say? What I do for a living? Hum, I suppose thats a good start.</p>
<p>I'm a front-end & JavaScript developer at <a href="http://www.feedzai.com/">Feedzai</a>, where I'm helping to build a quite large single page web application that is the face of our product.</p>
<p>Also, I'm quite a fan of reading spy thrillers, going to the movies, and... Wait, I shouldn't be disclosing personal information to strangers!</p>
<p>Are you trying to guess the answer to my secret question to access one of my accounts? STOP IT! You are not going to guess it anyways (random char string, FYI) so good luck with that.</p>
</div>
<footer>
Made in Portugal with <span class="heart">♥</span> by me. Last updated at August 2014.
</footer>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID.
<script>
var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src='//www.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>-->
</body>
</html>