-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
260 lines (232 loc) · 12.3 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
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
<html>
<head>
<title>A Casa dos Videojogos Portugueses</title>
<meta charset="utf-8">
<meta name="description" content="Uma lista de jogos portugueses.">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<!-- CSS-->
<link href="/build/css/timeline.css?v1" rel="stylesheet" >
<link href="/css/tabs.css?v1" rel="stylesheet">
<!--FONT-->
<link href="build/css/fonts/font.default.css?v1" rel="stylesheet">
<link href="/css/icons/style.css?v1" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<!-- Style-->
<style>
#filterTextBox{
display: inline-block;
}
h3.tl-headline-date {
display: none;
}
section.text-content-width > h1 { font-family: 'Lato', Arial, sans-serif; line-height: 1.25; margin: 0 0 10px; font-size: 36px; font-weight: bold; }
section.text-content-width > h2 { font-family: 'Lato', Arial, sans-serif; line-height: 1.25; margin: 0 0 10px; font-size: 22px; font-weight: bold; }
section.text-content-width { color: #333333; font-family: "Lato",Arial,sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5625; margin-bottom: 15px; }
.standout-text { border-style: solid; border-color: #cccccc; text-align:center; color: #cc4411; font-size: 32px; font-family: "Helvetica Neue",Arial,sans-serif; }
</style>
</head>
<body>
<script src="build/js/timeline.js"></script>
<script type="text/javascript">
function key_down(e) {
if(e.keyCode === 13) {
filter(document.getElementById("filterTextBox").value);
}
}
function filter(text){
if (text && text.match(/\S/)) { //non empty string
document.getElementById("filterTextBox").value = text;
document.timeline.hideText(text);
}
else {
document.getElementById("filterTextBox").value = "";
document.timeline.unhideAll();
}
}
function tabTo(name) {
var i;
var x = document.getElementsByTagName("section"); //TODO: move to init
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
document.getElementById(name).style.display = "block";
}
</script>
<main>
<nav role="navigation" class="text-content-width">
<a href="/index.html"> <img id="logo" src="/img/CVP_Horizontal_Color.png"/> </a>
<input id="tab1" type="radio" name="tabs" checked onclick="tabTo('content1');">
<label for="tab1">Linha Temporal</label>
<input id="tab2" type="radio" name="tabs" onclick="tabTo('content2');">
<label for="tab2">Outros</label>
<input id="tab3" type="radio" name="tabs" onclick="tabTo('content3');">
<label for="tab3">Sobre Nós</label>
<input id="tab4" type="radio" name="tabs" onclick="tabTo('content4');">
<label for="tab4">Contactos</label>
</nav>
<section id="content1">
<div style="width: 100%; height: 40px">
<span><label>Filtro:</label><input id="filterTextBox" type="text" onkeydown="key_down(event)"></span>
<span><button style="background-color: #AAAAAA;" onclick="filter('Steam');">Steam</button></span>
<span><button style="background-color: #a4c639;" onclick="filter('Android');">Android</button></span>
<span><button style="background-color: #8e8e93;" onclick="filter('iOS iPhone iPad');">iOS</button></span>
<span><button style="background-color: #AAAAAA;" onclick="filter('Mobile iOS Android');">Mobile</button></span>
<span><button style="background-color: #3377CC;" onclick="filter('Playstation');">Playstation</button></span>
<span><button style="background-color: #107c10;" onclick="filter('XBox');">XBox</button></span>
<span><button onclick="filter('');">Clear</button></span>
</div>
<div id='timeline-embed' style="width: 100%; height: 700px"></div>
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSdl2wr6YE17hZLSpDZuOcqAmAzo3g-a1fJ5oUanDq0w17hPKw/viewform?embedded=true" width="100%" height="2900px" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
</section>
<section id="content2" class="text-content-width">
<h1>
Relacionados
</h1>
<p>
Alguns websites em prol de um objectivo comum: <strong>Divulgar videojogos portugueses!</strong>
</p>
<p>
<h3>Websites</h3>
<ol>
<li><a href="http://www.ludoteca.pt/" target="_blank" rel="noopener">Ludoteca</a></li>
<li><del><a href="http://www.jogostugas.com/" target="_blank" rel="noopener">Jogo Tugas</a></del></li>
</ol>
</p>
<p>
<h3>Eventos</h3>
<ol>
<li><a href="https://2017.gamedevcamp.org/" target="_blank" rel="noopener">Game Dev Camp</a></li>
<li><a href="http://indiedome.org/" target="_blank" rel="noopener">Indie Dome</a></li>
<li><a href="https://www.facebook.com/groups/gamedevmeet" target="_blank" rel="noopener">Game Dev Meet</a></li>
</ol>
</p>
<p>
<h3>Redes Sociais</h3>
<ol>
<li><a href="https://www.facebook.com/groups/592806634072201" target="_blank" rel="noopener">Grupo Facebook "Videojogos Nacionais"</a></li>
<li><a href="https://www.facebook.com/groups/209674435759776" target="_blank" rel="noopener">Grupo Facebook "Indie Dev PT"</a></li>
<li><a href="http://gamedevpt.com/" target="_blank" rel="noopener">Forum "GamedevPT"</a></li>
<li><a href="https://ptgamedev.slack.com/" target="_blank" rel="noopener">Slack "PT Game Dev"</a></li>
</ol>
</p>
<p>
<h3>Sites de notícias sobre videojogos</h3>
<ol>
<li><a href="http://www.revistapushstart.com/" target="_blank" rel="noopener">Revista Push Start</a>
<ul>
<li>Com uma edição exclusiva a videojogos portugueses: <a href="http://revistapushstart.com/2013/03/04/pushstart-no30-marco-de-2013/" target="_blank" rel="noopener">http://revistapushstart.com/2013/03/04/pushstart-no30-marco-de-2013/</a></li>
</ul>
</li>
<li><a href="http://appsportugal.com/categoria/jogos" target="_blank" rel="noopener">Apps Portugal</a></li>
<li><del>http://www.bgamer.pt/</del></li>
<li><del>http://mana.pt/category/made-in-pt/</del></li>
<li><del>http://gameover.sapo.pt/</del></li>
<li><del>http://geektuga.info/ </del></li>
</ol>
</p>
<p>
<h3>Associações</h3>
<ol>
<li><a href="http://www.spcvideojogos.org/" target="_blank" rel="noopener">Sociedade Portuguesa de Ciências dos Videojogos</a></li>
<li><del><a href="http://www.aproje.org/" target="_blank" rel="noopener">APROJE</a></del></li>
</ol>
</p>
</section>
<section id="content3" class="text-content-width">
<h1>
Missão
</h1>
<h2>
"A Casa dos Videojogos Portugueses" tem como principal objectivo promover o que se faz de videojogos em terreno português.
</h2>
<p>
Sem querer tirar mérito aos que estão lá fora a representar Portugal! Que muito provavelmente já são reconhecidos globalmente e têm os seus videojogos anunciados em revistas e/ou em páginas da internet das grandes imprensas internacionais da indústria de videojogos.
</p>
<p>
Tentamos procurar nos confins da internet, nas linhas de amizade, nas páginas amarelas e até mesmo na lua... por videojogos criados em Portugal e se fazes parte desta "casa" e não tens aqui o teu videojogo anunciado, ajuda-nos a tratar do teu "quarto" e adiciona a informação do teu videojogo.
</p>
<p>
Esta página fará os possíveis para que <strong>todos</strong> os videojogos criados em Portugal sejam listados e apresentados ao público!
</p>
<p>
A definição de "videojogo português" é algo que nos faz passar noites sem dormir, mas após cerca de 10 dias inteiros de discussão intensa chegamos aos nossos critérios:
<ul>
<li>Tem de estar ou ter estado disponível para ser jogado por qualquer jogador em Portugal</li>
<li>Tem de ter uma equipa de desenvolvimento em Portugal que inclua um "Dono de Produto" ou "Director Criativo". Na prática que indique como “Developer” o estúdio português.</li>
<li>O jogo deverá estar lançado. Ou seja, pelo menos na versão 1.0, não “early access” nem saido da gamejam.</li>
</ul>
</p>
<p>
É certo que existem muitos argumentos a ter sobre o tema "O que é um videojogo português?" e certamente que a nossa definição poderá ser melhorada. <strong> Nós adorávamos ouvir o teu argumento, contacta-nos!</strong>
</p>
<p>
Exemplos:
<ul>
<li>Exemplo de inclusão de algo feito em Portugal é o “8 Ball Pool” foi "Developed by Miniclip Portugal, Lda" (http://www.mobygames.com/game/8-ball-pool) e apesar de ter uma marca e dono de produto no Reino Unido, é feito pelo estudio Português.</li>
<li>Exemplo de exclusão de algo feito em Portugal é o “The Great Whale Road” foi outsourced para a Collide (https://collide.rocks/portfolio/the-great-whale-road/) mas não será considerado um jogo Português devido a ser “Developed by: Sunburned Games”.</li>
</ul>
</p>
<h2>Fundadores</h2>
<p>
Bruno "uPerdido" Correia
</p>
<p>
Jorge "eXe_cutable" Graça
</p>
<h2>Contribuidores</h2>
<p>
Jesus "shushu" Sanchez - O Mexicano mais português à face desta casa, agradecemos encarecidamente o nosso logo a este brilhante artista.
</p>
<p>
Hugo "silvaugo" Silva - Se há coisa que gosta é de "aguentar" as suas necessidades, enquanto joga um dos muitos jogos nacionais.
</p>
<p>
Vasco "Deus" Henriques - Sim, Deus. Depois de muitas preces temos finalmente O Deus, que cria divinos artigos sobre o que há de mais divino: Videojogos Portugueses.
</p>
<p>
Paulo "pfrt" Rodrigues - Com idade para ter juízo e cuidar da família não perdoa um bom jogo português, a maior parte das vezes até os prefere às chouriças.
</p>
<h3 class="standout-text">
Isto é tudo voluntário, se quiseres ajudar contacta-nos!
</h3>
</section>
<section id="content4" class="text-content-width">
<h1>
Contactos
</h1>
<p>
Para correcções, sugestões, opiniões, colaborações e outras coisas que acabem em "ões" entra em contacto connosco!
</p>
<p>
<strong>Email:</strong> <a href="mailto:[email protected]" target="_blank">[email protected]</a>
</p>
<p>
<strong>Slack:</strong> <a href="https://ptgamedev.slack.com/messages/acasa/" target="_blank">https://ptgamedev.slack.com/messages/acasa/</a>
</p>
</section>
</main>
<!-- 3 -->
<script type="text/javascript">
tabTo('content1');
let additionalOptions = {
start_at_end: true,
duration: 500,
//height: 800,
timenav_height_min: 250,
marker_height_min: 32,
timenav_position: "bottom"
};
// The TL.Timeline constructor takes at least two arguments:
// the id of the Timeline container (no '#'), and
// the URL to your JSON data file or Google spreadsheet.
// the id must refer to an element "above" this code,
// and the element must have CSS styling to give it width and height
// optionally, a third argument with configuration options can be passed.
// See below for more about options.
document.timeline = new TL.Timeline('timeline-embed', './data/videojogos_TLjson.json', additionalOptions);
</script>
</body>
</html>