-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
102 lines (88 loc) · 4.48 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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=devide-width, initial-scale=1.0">
<meta charset="utf-8">
<link rel="icon" type="image/png" href="./assets/logo-dark.png?">
<title>USPGameDev</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<section class="header">
<nav>
<a href="index.html"><img src="assets/logo-light.png"></a>
<a class="header-name" href="index.html">uspgame<span>.dev</span></a>
<div class="nav-links" id="navLinks">
<i class="fa fa-times" onclick="hideMenu()"></i>
<ul>
<li><a href="#about" onclick="hideMenu()">sobre</a></li>
<li><a href="#projects" onclick="hideMenu()">projetos</a></li>
<li><a href="#discord" onclick="hideMenu()">discord</a></li>
<li><a href="https://gitlab.com/uspgamedev" target="_blank" onclick="hideMenu()">gitlab</a></li>
<li><a href="https://github.com/uspgamedev" target="_blank" onclick="hideMenu()">github</a></li>
<li><a href="https://usp.game.dev.br/wiki" target="_blank" onclick="hideMenu()">wiki</a></li>
</ul>
</div>
<i class="fa fa-bars" onclick="showMenu()"></i>
</nav>
<div class="text-box">
<div></div>
<img src="assets/logo-light.png">
<h1>uspgame<span>dev</span></h1>
<p>Grupo de estudo e desenvolvimento de jogos<br>da Universidade de São Paulo.</p>
<div></div>
</div>
</section>
<section id="about" class="about">
<div class="about-text">
<h1>Conheça o uspgame<span>dev</span></h1>
<div>
<p>O USPGameDev é um grupo de extensão da USP voltado para pesquisa e desenvolvimento de jogos. Ele tem como meta criar um ambiente no qual membros da comunidade USP interessados na criação de jogos digitais e analógicos possam pôr em prática o que aprenderam em seus cursos e desenvolver suas próprias ideias.</p>
<p>O grupo tem como princípio o conhecimento livre e aberto: nossos projetos são todos open-source e sempre incentivamos o uso de ferramentas de software livre!</p>
<p>Trocamos conhecimento sobre games e tecnologias relacionadas sempre com bom humor e inclusividade. Todos que querem fazer parte dessa troca são bem-vindos!</p>
</div>
</div>
</section>
<section id="projects" class="projects">
<div>
<h1>Nossos projetos</h1>
<div>
<p>Todos os projetos desenvolvidos no grupo são disponibilizados gratuitamente em nossa página no itch.io! Sinta-se livre para jogar cada um e nos dizer qual mais gostou!</p>
<p><a href="https://uspgamedev.itch.io/" target="_blank">Veja nossa página na itch.io.</a></p>
<p>Mas nem todos os projetos do grupo são jogos digitais! Temos, por exemplo, o Grupo de Estudos, que faz reuniões periodicamente para discutir aspectos teóricos e/ou sociais do mundo de desenvolvimento de jogos.</p>
<p>Temos também o Marmotex, um sistema de RPG de mesa que busca ser simples e adaptável a qualquer tipo de cenário, facilitando o trabalho do mestre e dos jogadores.</p>
</div>
</div>
</section>
<section id="discord" class="discord">
<div>
<h1>Discord</h1>
<div>
<p>Nossas atividades são, em sua maioria, realizadas no Discord. O servidor é completamente aberto, e incentivamos a entrada de todos os interessados a participar do grupo!</p>
<p><a href="https://discord.gg/agZv7zu" target="_blank">Entre para o servidor.</a></p>
</div>
</div>
</section>
<section class="copyright">
<div>
<div>
<p><b>Layout & Code</b>: Copyright © 2022 <b>USPGAMEDEV</b> via <b>GPL-3.0</b> </p>
</div>
</div>
</section>
<script>
var navLinks = document.getElementById("navLinks")
function showMenu() {
navLinks.style.right = "0";
}
function hideMenu() {
navLinks.style.right = "-250px";
}
</script>
</body>
</html>