-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
147 lines (137 loc) · 6.92 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://fonts.typotheque.com/WF-031670-010387.css" type="text/css" />
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="src/style/style.css">
</head>
<body>
<div>
<button class="tablink" onclick="openPage('sobre', this, '#222')" id="defaultOpen">SOBRE NÓS</button>
</div>
<div class = relative1>
<button class="tablink" onclick="openPage('frentes', this, '#222')">FRENTES</button>
</div>
<div class = relative2>
<button class="tablink" onclick="openPage('pessoas', this, '#222')">PESSOAS</button>
</div>
<center>
<div>
<img id="main" class="main-banner" alt="GECID+AIA" src="src/images/gecid_logo_whitebg.jpg">
</div>
</center>
<div id="sobre" class="tabcontent">
<h1 class="subtitle-container">Sobre nós</h1>
<div class="text-container">
O Grupo de Experiências Críticas em Infraestruturas Digitais é um grupo ativista de pesquisadores de diferentes áreas de conhecimento localizado no Centro de Inovação da Universidade de São Paulo. Nosso trabalho envolve um conjunto de experiências que tem o objetivo de pensar e problematizar as infraestruturas contemporâneas a partir de uma lógica diversa da aplicada em centros de tecnologia do Norte Global.<br /><br />Estamos interessados em estimular estudos que pensem a tecnologia não de uma forma abstrata, mas inserida em contextos determinados, com implicações sociais. Por isso, os projetos são pensados a partir do contexto em que inserem: Sul Global, América Latina e Brasil. Os resultados e formulações resultantes dos projetos buscam engajar ao mesmo tempo o mundo acadêmico (através de artigos, jornais acadêmicos, etc), mas também um público geral (através de projetos artisticos, midia em geral, etc).
</div>
</div>
<div id="frentes" class="tabcontent">
<h1 class="subtitle-container">Frentes de pesquisa em andamento</h1>
<div class="text-container">
<h3>1. Exch w/ Turkers</h3>
<p>Website com trocas entre turkers na tentativa de vislumbrar novas e mais justas realidades de treinamento de máquinas.</p>
<h3>2. Turkers Brasil</h3>
<p>Artigo acadêmico sobre os turkers brasileiros.</p>
<h3>3. Apostila ativista</h3>
<p>Material educativo para jovens que almejam uma formação em aprendizado de máquina mais ativista do que a proposta por cursos on line como o do Coursera. </p>
<h3>4. Tradução sequencial: Google Translate <a href="https://arxiv.org/abs/2003.02817" class="frente-button" target="_blank">Preprint</a></h3>
<p>Artigo acadêmico a partir de resultados inusitados obtidos por experiências com tradução sequencial via Google Translate. </p>
<h3>5. Visão Computacional - Van Abbemuseum <a href="https://mediarxiv.org/nv9z2/" class="frente-button" target="_blank">Preprint</a></h3>
<p>Aproximações experimentais com os diversos sistemas de inteligências artificiais comerciais e seus bancos de imagens, como também seus processos de rotulagem.</p>
</div>
</div>
<div id="pessoas" class="tabcontent">
<h1 class="subtitle-container">Rede de colaboradores</h1>
<meta name="viewport" content="width=device-width, initial-scale=1">
<div class="persona-row">
<div class="persona-column">
<ul style="list-style-type:none;">
<li class="persona-container">
<img class = "persona-img" src="src/images/personas/default.png">
<a class = "persona-name" href="https://brunomoreschi.com" target="_blank">Bruno Moreschi</a>
</li>
<li class="persona-container">
<img class = "persona-img" src="src/images/personas/default.png">
<a class = "persona-name" href="https://www.gabrielpereira.net/" target="_blank">Gabriel Pereira</a>
</li>
<li class="persona-container">
<img class = "persona-img" src="src/images/personas/default.png">
<a class = "persona-name" target="_blank">Barbara Clemente</a>
</li>
<li class="persona-container">
<img class = "persona-img" src="src/images/personas/lucas_nunes.png">
<a class = "persona-name" href="https://github.com/lucasns97" target="_blank">Lucas Nunes Sequeira</a>
</li>
<li class="persona-container">
<img class = "persona-img" src="src/images/personas/default.png">
<a class = "persona-name" href="https://gitlab.com/rafaelspeth" target="_blank">Rafael Tsuha</a>
</li>
<li class="persona-container">
<img class = "persona-img" src="src/images/personas/default.png">
<a class = "persona-name" href="https://berinfontes.com/" target="_blank">Bernardo Fontes</a>
</li>
</ul>
</div>
<div class="persona-column">
<ul style="list-style-type:none;">
<li class="persona-container">
<img class = "persona-img" src="src/images/personas/default.png">
<a class = "persona-name" href="https://guilhermefalcao.com/" target="_blank">Guilherme Falcão</a>
</li>
<li class="persona-container">
<img class = "persona-img" src="src/images/personas/default.png">
<a class = "persona-name" target="_blank">Didiana Prata de Lima</a>
</li>
<li class="persona-container">
<img class = "persona-img" src="src/images/personas/default.png">
<a class = "persona-name" href="http://sites.poli.usp.br/p/fabio.cozman/" target="_blank">Fabio Cozman</a>
</li>
<li class="persona-container">
<img class = "persona-img" src="src/images/personas/default.png">
<a class = "persona-name" href="http://www.desvirtual.com/" target="_blank">Giselle Beiguelman</a>
</li>
<li class="persona-container">
<img class = "persona-img" src="src/images/personas/default.png">
<a class = "persona-name" href="http://www.centerartsdesign.org/" target="_blank">Center for Arts Design Social Research - CADSR</a>
</li>
</ul>
</div>
</div>
</div>
<div>
<p>
<b style="margin-left: 0.5%;">Contato:</b>
<a href="mailto:[email protected]?subject=[FROM%20WEBSITE]%20--%20" style="color: #222;">[email protected]</a>
</p>
</div>
<hr>
<div id="banner" style="margin-left: 0.5%;">
<div class="inline-block">
<img src ="src/images/marielle.jpeg" height=150>
</div>
<div class="inline-block">
<img src ="src/images/antifa.jpeg" height=150>
</div>
</div>
<script>
function openPage(pageName,elmnt,color) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablink");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].style.backgroundColor = "";
}
document.getElementById(pageName).style.display = "block";
elmnt.style.backgroundColor = color;
}
// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
</script>
</body>
</html>