forked from sethcottle/littlelink
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
143 lines (120 loc) · 5.97 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Page Information
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>Despedite</title>
<meta name="description" content="Grab a link, get a link - this is Despedite's website!">
<meta name="author" content="Erik Bianco Vera">
<meta property="og:title" content="Despedite's Base of Operations"/>
<meta name="og:description" content="Grab a link, get a link - this is Despedite's website!">
<meta property="og:image" content="https://raw.githubusercontent.com/despedite/xyz/main/images/thumb.png">
<meta name="theme-color" content="#0C3F75">
<meta name="twitter:site" content="@heydespedite">
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- FONT
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,800&display=swap" rel="stylesheet">
<!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton-light.css">
<link rel="stylesheet" href="css/brands.css">
<!-- Favicon
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="icon" type="image/png" href="images/avatar.png">
</head>
<body>
<!-- Internationalization (booo)
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var userLang = navigator.language || navigator.userLanguage;
var simpleLang = userLang.substring(0, 2);
if (simpleLang == "es") {
$(".english").hide();
$(".spanish").show();
} else {
$(".english").show();
$(".spanish").hide();
}
$(".container").css("opacity", "1");
});
function changeLanguages(codeToChange) {
if (codeToChange == "en") {
$(".english").show();
$(".spanish").hide();
} else {
$(".english").hide();
$(".spanish").show();
}
}
</script>
<!-- Primary Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<div class="container">
<div class="row">
<div class="column" style="margin-top: 10%">
<!-- Your Image Here -->
<img src="images/avatar.png" srcset="images/avatar@2x.png 2x">
<!-- Your Name -->
<h1>Despedite</h1>
<!-- Short Bio -->
<p class="english">Programmer, drawer-guy and self-proclaimed game dev from the dark crevices of Buenos Aires, Argentina. Check out my "content" below - or shoot me a follow, even!</p>
<p class="spanish">Programador, pibe-dibujo y creador de juegos auto-proclamado de las oscuras grietas de Buenos Aires, Argentina. Mirá mi "contenido" abajo - ¡o hasta seguime en alguna parte!</p>
<!-- Replace # with your profile URL. Delete whatever you don't need & create your own brand styles in css/brands.css -->
<!-- Newgrounds -->
<div class="english">
<div class="button button-newgrounds">
<a href="https://despedite.newgrounds.com"><img class="icon" src="icons/newgrounds.svg">Newgrounds</a>
<p>Select games and my personal art dump.</p>
<br>
</div>
<!-- Itch.io -->
<div class="button button-itchio">
<a href="https://despedite.itch.io"><img class="icon" src="icons/itchio.svg">Itch.io</a>
<p>Play all my indie games here!</p>
<br>
</div>
<!-- Twitter -->
<div class="button button-twitter">
<a href="https://twitter.com/heydespedite"><img class="icon" src="icons/twitter.svg">Twitter</a>
<p>Drawings and ramblings, 280 chars at a time.</p>
<br>
</div>
<!-- Github -->
<div class="button button-github">
<a href="https://github.com/despedite"><img class="icon" src="icons/github.svg">Github</a>
<p>Code and personal projects!</p>
<br>
</div>
</div>
<div class="spanish">
<!-- Instagram -->
<div class="button button-instagram">
<a href="https://www.instagram.com/despedite"><img class="icon" src="icons/instagram.svg">Instagram</a>
<p>Arte y otras cosas personales.</p>
</div>
<br>
<!-- YouTube -->
<div class="button button-youtube">
<a href="https://www.youtube.com/Despedite"><img class="icon" src="icons/youtube.svg">YouTube</a>
<p>Cuando haces tus proyectos en video.</p>
<br>
</div>
</div>
<br>
<br>
<p class="english">There's more stuff, if you happen to <a href="#" onclick="changeLanguages('es')">know Spanish</a>.</p>
<p class="spanish">Hay todavía más, si <a href="#" onclick="changeLanguages('en')">sabés Inglés</a>.</p>
</div>
</div>
</div>
<!-- End Document
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
</html>