diff --git a/index.html b/index.html index 48da251..c00ca18 100644 --- a/index.html +++ b/index.html @@ -1,7 +1,7 @@ - + USPGameDev @@ -12,6 +12,7 @@ + @@ -36,7 +37,7 @@
- +

uspgamedev

Grupo de estudo e desenvolvimento de jogos
da Universidade de São Paulo.

@@ -58,8 +59,53 @@

Conheça o uspgamedev

Nossos projetos

-

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!

-

Veja nossa página na itch.io.

+

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!

+ +
+

Novidades

+

Os projetos mais recentes feitos pelo grupo, todos publicados no último semestre.

+ +
+
+
+
+ +
+

Destaques

+

Nossos jogos mais bem acabados, que marcaram a história do UGD de alguma forma.

+ +
+
+
+
+ +
+

Projetos

+

Projetos desenvolvidos pelo grupo ao longo dos anos.

+ +
+
+
+
+ +
+

Treinamento

+

Projetos de treinamento feitos para ensinar o básico de Godot e programação para os novos membros do grupo. Nos treinamentos, que acontecem no início de todo semestre, os participantes tem a missão de reproduir um jogo ou gênero clássico.

+ +
+
+
+
+ +
+

Game Jams

+

O grupo participa regularmente de game jams e as vezes organiza suas próprias.

+ +
+
+
+
+

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.

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.

@@ -98,5 +144,7 @@

Discord

+ + diff --git a/loadGameList.js b/loadGameList.js new file mode 100644 index 0000000..3d68a3d --- /dev/null +++ b/loadGameList.js @@ -0,0 +1,21 @@ +const sheetLink = "https://sheets.googleapis.com/v4/spreadsheets/1TqoQFEjnZtWwUC2AVBpCvMK72vmBNE6HKRHjoX9UJgs/values/all/?key=AIzaSyB3gtv2pVjqdW3h1tWwOJ1CyInQ2kkYrFU" + +async function createGameLists() { + + var data = await fetch(sheetLink).then((response) => { return response.json() }); + var gameList = data.values; + + for (game in gameList) { + var title = gameList[game][0]; + var img = gameList[game][1]; + var link = gameList[game][2]; + + var article = gameList[game][4]; + + document.getElementById(article + '-list').innerHTML += '
' + title + '
'; + } +} + + +createGameLists() \ No newline at end of file diff --git a/style.css b/style.css index f2c138d..4a44ca2 100644 --- a/style.css +++ b/style.css @@ -22,7 +22,7 @@ html, body { p { font-family: 'Lato'; - font-weight: 400; + font-weight: 300; font-size: 25px; } @@ -131,6 +131,7 @@ nav a span { section { width: 100%; + padding: 40px 0 50px 0; } section div { @@ -155,7 +156,8 @@ section div div p { } section div div p a { - color: var(--blue-dark); + color: var(--red-dark); + font-weight: 400; } .about { @@ -258,4 +260,92 @@ nav .fa { .nav-links ul li:hover::after { width: 0%; } +} + +@keyframes MoveUpDown { + 0%, 100% { + top: 0; + } + 50% { + top: 12px; + } + } + +#logo { + animation: MoveUpDown 1s linear infinite; + animation-timing-function: ease-in-out; + position: relative; +} + +/* width */ +::-webkit-scrollbar { + width: 10px; + height: 6px; + } + + /* Track */ + ::-webkit-scrollbar-track { + background: var(--white-black); + } + + /* Handle */ + ::-webkit-scrollbar-thumb { + background: var(--red-dark); + } + +.carousel_wrapper { + overflow-x: auto; + overflow-y: hidden; + margin-top: 20px; +} + +h2 { + font-family: 'Quicksand'; + font-weight: bold; + font-size: 30px; + color: var(--red-dark); +} + +article { + margin: 55px 0 55px 0; +} + +.collection_description { + font-size: 22px; +} + +.game_list { + display: flex; + grid-gap: 15px; + align-items: start; + padding: 0; + height: 220px; +} + +.game_cell { + min-width: 200px; + min-height: 200px; + margin: 0; + padding: 0; +} + +.game_cell:hover { + border: solid; + border-width: 5px 0 0 0; + border-color: var(--red-dark); +} + +.game_cell img { + max-width: 100%; + padding: 0 0 10px 0; + margin: 0; +} + +.game_cell a { + font-family: 'Lato'; + font-weight: 500; + font-size: 18px; + color: var(--white); + text-decoration: none; + overflow-wrap: break-word; } \ No newline at end of file