Add page for Global Game Jam 2024

Remove Glboal Game Jam 2023 page
uspgamedev · Dec 19, 2023 · 4296222 · 4296222
1 parent d2b706f
commit 4296222
Show file tree

Hide file tree

Showing 3 changed files with 213 additions and 0 deletions.
diff --git a/ggj/2024/index.html b/ggj/2024/index.html
@@ -0,0 +1,117 @@
+<!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/ggj-favicon.ico?">
+    <title>Sede USP - GGJ 2024</title>
+
+    <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">
+    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+
+    <link rel="stylesheet" href="./style.css">
+  </head>
+
+  <body>
+    <section id="landing" class="padded">
+      <div class="w3-container w3-center">
+        <h1>Sede USP</h1>
+        <img src="/assets/GGJ00_Logo_Light.svg" />
+        <h2>de 26 a 28 de Janeiro de 2024</h2>
+      </div>
+
+      <div class="w3-container w3-center">
+        <a href="https://forms.gle/Jwa6rH14zMnhBbn87" class="w3-btn w3-xxxlarge w3-round-xxlarge button-theme">
+          PRÉ-INSCRIÇÃO
+        </a>
+      </div>
+
+      <p>
+        Esta sede será <b>exclusivamente remota via Discord</b>. São 80 vagas,
+        sendo que alunos USP têm prioridade. Qualquer dúvida, pode nos
+        perguntar no servidor ou mandar para [email protected].
+      </p>
+    </section>
+    <section class="padded light-bg">
+      <h2>Sobre a Global Game Jam</h2>
+
+      <p>
+        A Global Game Jam (GGJ) é um evento internacional que celebra o
+        desenvolvimento de jogos. Ela acontece todo começo de ano e segue o
+        formato de game jam: um tema é revelado antes do evento e os
+        participantes têm 48 horas para desenvolver um jogo inspirado no
+        tema. A GGJ acontece simultaneamente em centenas de sedes
+        espalhadas pelo mundo.
+      </p>
+    </section>
+    <section class="padded">
+      <h2>Programação</h2>
+
+      <p>
+        O evento acontece em dois finais de semana. No primeiro temos um
+        workshop de aquecimento e a revelação do tema. No segundo, temos a
+        game jam em si.
+      </p>
+
+      <h3 class="w3-center">Abertura</h3>
+
+      <h4>Sábado 20/01/24</h4>
+      <p class="item">??h?? - Boas vindas, abertura e apresentação da sede</p>
+      <p class="item">??h?? - Keynotes e <b>divulgação do tema</b></p>
+      <p class="item">??h?? - Dinâmica de formação de equipes (opcional)</p>
+
+      <h3 class="w3-center">Aquecimento</h3>
+
+      <h4>Entre 21/01/24 e 25/01/24</h4>
+      <p class="item"> <i>A definir </i></p>
+
+      <h3 class="w3-center">Evento Principal</h3>
+
+      <h4> Sexta 26/01/24 </h4>
+
+      <p class="item">18h00 - início oficial da Global Game Jam na sede USP-Butantã</p>
+
+      <h4> Sábado 27/01/24</h4>
+
+      <p class="item">18h00 - conversa com as equipes para ver como estão indo</p>
+
+      <h4> Domingo 28/02/24 </h4>
+
+      <p class="item">16h00 - início da submissão dos jogos</p>
+      <p class="item">18h00 - fim das submissões, encerramento</p>
+    </section>
+    <section class="padded light-bg">
+      <h2>Organização da sede USP</h2>
+
+      <ul>Equipe USPGameDev (USP Butantã)</ul>
+      <ul>Prof. Ricardo Nakamura (Poli-USP)</ul>
+      <ul>Prof. Gilson Schwarz (ECA-USP)</ul>
+
+      <h4>Sedes Parceiras</h4>
+      <ul>
+        <!-- <a href="???">
+          Sede GAMUX - Unicamp
+        </a> -->
+        Sede GAMUX - Unicamp
+      </ul>
+
+      <h3>Apoio Institucional</h3>
+      <ul> <a href="https://ccsl.ime.usp.br/">CCSL - Centro de Competência em Software Livre / IME-USP </a> </ul>
+      <ul> <a href="https://pcs.usp.br/">PCS - Departamento de Engenharia de Computação e Sistemas Digitais / Poli-USP</a> </ul>
+      <ul> <a href="https://www3.eca.usp.br/ctr">CTR - Departamento de Cinema, Rádio e Televisão / ECA-USP</a> </ul>
+      <ul> <a href="http://www.cocesp.usp.br/">COCESP - Prefeitura do Campus da Capital - USP</a> </ul>
+
+      <h3>Grupos de Pesquisa</h3>
+      <ul> <a href="https://pcs.usp.br/interlab/">Laboratório de Tecnologias Interativas</a> </ul>
+      <ul> <a href="http://www.cidade.usp.br/">Cidade do Conhecimento</a> </ul>
+
+      <h3>Grupos de Desenvolvimento de Jogos</h3>
+      <ul> <a href="https://discord.com/invite/agZv7zu">USPGameDev</a>  (Discord)</ul>
+      <ul> Guilda dos Game Devs </ul>
+    </section>
+  </body>
+</html>
diff --git a/ggj/2024/style.css b/ggj/2024/style.css
@@ -0,0 +1,95 @@
+@font-face {
+  font-family: FuturaBook;
+  src: url(/assets/fonts/Futura_Book.otf);
+}
+
+body {
+    margin: 0;
+    /*background-color: #f1f1fa;*/
+    background-color: #59315f;
+}
+
+section {
+    min-width: 100vw;
+    padding: 5vh 25vw !important;
+}
+
+@media (max-width:992px) {
+    section {
+        padding: 5vh 10vw !important;
+    }
+}
+
+#landing img {
+    width: 30vh;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.light-bg {
+    background-color: #535486;
+}
+
+h1, h2, h3, h4, p, li, ul {
+    font-family: FuturaBook;
+    color: #ffffff;
+}
+
+h1 {
+    font-size: 8vh;
+    font-weight: bold;
+}
+
+h2 {
+    font-size: 3vh;
+    font-weight: bold;
+}
+
+h3 {
+    font-size: 2.75vh;
+    font-weight: bold;
+}
+
+h4 {
+    font-size: 2.5vh;
+    font-weight: bold;
+}
+
+p {
+    font-size: 2.25vh;
+    margin-top: 5vh;
+    margin-bottom: 5vh;
+}
+
+a.button-theme {
+    font-size: 2vh !important;
+    width: 40vh;
+    background-color: #f6eb61;
+    font-weight: bold;
+    margin-top: 5vh;
+    margin-bottom: 3vh;
+    padding-top: 1.5vh;
+    padding-bottom: 1.5vh;
+}
+
+@media (max-width:600px) {
+    a.button-theme {
+        width: 100%;
+    }
+}
+
+.item {
+    font-size: 2.15vh;
+    margin-top: 2.5vh;
+    margin-bottom: 2.5vh;
+}
+
+ul {
+    display:list-item;
+    font-size: 2.15vh;
+    margin-top: 2.5vh;
+    margin-bottom: 2.5vh;
+    list-style-position: inside;
+    /* color:  #f6eb61 */
+}
+
diff --git a/index.html b/index.html
@@ -2,6 +2,7 @@
 <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>