Sushi-Stack-Docs/index.html at main · ProjetosLendarios/Sushi-Stack-Docs · GitHub

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
<!DOCTYPE html>
<html lang="pt-PT">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Sushi Stack | Empilha alto, cai com estilo</title>
  <meta name="description" content="Sushi Stack é um jogo arcade mobile criado por Gonçalo Garrido. Empilha peças de sushi, bate recordes e prepara-te para a estreia na Play Store e futura versão para PC.">
  <link rel="icon" type="image/png" href="Res/Icon/icon.png">
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <div class="sky-orbs" aria-hidden="true"></div>
  <header class="site-header">
    <a class="brand" href="index.html">
      <img src="Res/Icon/icon.png" alt="Ícone do Sushi Stack">
      <span>Sushi Stack</span>
    </a>
    <nav class="site-nav" aria-label="Navegação principal">
      <a href="#sobre">Sobre</a>
      <a href="#galeria">Screenshots</a>
      <a href="#disponibilidade">Lançamento</a>
      <a href="#criador">Criador</a>
      <a href="creditos.html">Créditos</a>
    </nav>
  </header>

  <main>
    <section class="hero section-shell">
      <div class="hero-copy">
        <p class="eyebrow">Arcade mobile português</p>
        <h1>Empilha sushi, sobe na tabela e não deixes a torre cair.</h1>
        <p class="hero-text">
          Sushi Stack é um jogo rápido, viciante e cheio de personalidade visual. Cada peça tem de cair no momento certo
          para construíres a torre mais alta possível sem perder o equilíbrio.
        </p>
        <div class="cta-row">
          <a class="button button-primary" href="#disponibilidade">Quero acompanhar</a>
          <a class="button button-secondary" href="#galeria">Ver screenshots</a>
        </div>
        <ul class="hero-points">
          <li>Controlo simples e loop arcade imediato</li>
          <li>Estética inspirada no teu próprio jogo e material promocional</li>
          <li>Lançamento Android a caminho e versão PC em avaliação</li>
        </ul>
      </div>

      <div class="hero-visual card-stack">
        <div class="floating-card intro-card">
          <img src="Res/img/Prints/immich-20260331_132711/Screenshot_20260330_184506_Sushi Stack.jpg" alt="Ecrã inicial do Sushi Stack">
        </div>
        <div class="floating-card sprite-card">
          <img src="Res/PlayStore/PlayConsolePCGrafico.png" alt="Arte promocional do Sushi Stack para plataformas digitais">
        </div>
      </div>
    </section>

    <section class="highlight-band">
      <div class="section-shell mini-grid">
        <article class="mini-card">
          <h2>Mobile first</h2>
          <p>Feito para sessões rápidas, recordes altos e aquele “mais uma partida”.</p>
        </article>
        <article class="mini-card">
          <h2>Feito por um dev</h2>
          <p>Programado e construído por Gonçalo Garrido, do código ao lançamento.</p>
        </article>
        <article class="mini-card">
          <h2>Preparado para crescer</h2>
          <p>Android primeiro. PC na mira assim que a próxima plataforma ficar decidida.</p>
        </article>
      </div>
    </section>

    <section class="section-shell split-section" id="sobre">
      <div>
        <p class="eyebrow">O jogo</p>
        <h2>Um stacking game com humor, ritmo e uma identidade visual limpa.</h2>
        <p>
          O conceito é direto: posicionar e largar as peças no timing certo para continuares a empilhar.
          A dificuldade cresce com a altura, o erro castiga, e cada sessão convida a bater o teu melhor recorde.
        </p>
        <p>
          O visual do jogo mistura céu aberto, mar, cenário pixel-art e peças de sushi que deixam a experiência leve,
          memorável e muito própria.
        </p>
      </div>
      <aside class="info-panel">
        <h3>Ficha rápida</h3>
        <dl>
          <div>
            <dt>Nome</dt>
            <dd>Sushi Stack</dd>
          </div>
          <div>
            <dt>Criado por</dt>
            <dd>Gonçalo Garrido</dd>
          </div>
          <div>
            <dt>Plataforma principal</dt>
            <dd>Android / Google Play</dd>
          </div>
          <div>
            <dt>Próxima meta</dt>
            <dd>Versão PC em estudo</dd>
          </div>
        </dl>
      </aside>
    </section>

    <section class="section-shell" id="galeria">
      <div class="section-heading">
        <p class="eyebrow">Screenshots</p>
        <h2>Momentos reais do jogo</h2>
        <p>As imagens abaixo vêm diretamente dos teus prints e ajudam a mostrar a jogabilidade, a interface e a identidade do Sushi Stack.</p>
      </div>

      <div class="gallery-grid">
        <button class="shot-card" type="button" data-shot="Res/img/Prints/immich-20260331_132711/Screenshot_20260330_184506_Sushi Stack.jpg" data-title="Menu principal">
          <img src="Res/img/Prints/immich-20260331_132711/Screenshot_20260330_184506_Sushi Stack.jpg" alt="Screenshot do menu principal do Sushi Stack">
          <span>Menu principal</span>
        </button>
        <button class="shot-card" type="button" data-shot="Res/img/Prints/immich-20260331_132711/Screenshot_20260330_184521_Sushi Stack.jpg" data-title="Jogabilidade em ação">
          <img src="Res/img/Prints/immich-20260331_132711/Screenshot_20260330_184521_Sushi Stack.jpg" alt="Screenshot da jogabilidade do Sushi Stack">
          <span>Jogabilidade em ação</span>
        </button>
        <button class="shot-card" type="button" data-shot="Res/img/Prints/immich-20260331_132711/Screenshot_20260330_184602_Sushi Stack.jpg" data-title="Derrota e recomeço">
          <img src="Res/img/Prints/immich-20260331_132711/Screenshot_20260330_184602_Sushi Stack.jpg" alt="Screenshot do ecrã de derrota do Sushi Stack">
          <span>Derrota e recomeço</span>
        </button>
        <button class="shot-card" type="button" data-shot="Res/img/Prints/immich-20260331_132711/Screenshot_20260330_184649_Sushi Stack.jpg" data-title="Créditos in-game">
          <img src="Res/img/Prints/immich-20260331_132711/Screenshot_20260330_184649_Sushi Stack.jpg" alt="Screenshot dos créditos do Sushi Stack">
          <span>Créditos in-game</span>
        </button>
      </div>
    </section>

    <section class="section-shell" id="disponibilidade">
      <div class="section-heading">
        <p class="eyebrow">Disponibilidade</p>
        <h2>Primeiro Android, depois mais.</h2>
      </div>

      <div class="platform-grid">
        <article class="platform-card live-card">
          <h3>Google Play</h3>
          <p>O site já está preparado para acompanhar a página da Play Store. Quando o link estiver público, entra aqui direto.</p>
          <span class="status-pill">Em preparação</span>
        </article>
        <article class="platform-card pending-card">
          <h3>PC</h3>
          <p>A versão de computador está no radar. A plataforma final ainda vai ser decidida, mas o site já assume esse futuro lançamento.</p>
          <span class="status-pill alt-pill">A decidir</span>
        </article>
      </div>
    </section>

    <section class="section-shell author-strip compact-author-strip" id="criador">
      <div class="author-copy">
        <p class="eyebrow">Autor</p>
        <h2>Gonçalo Garrido</h2>
        <p>
          Programador e criador de Sushi Stack. Este site apresenta o jogo, o seu material promocional e as páginas legais
          necessárias para publicação.
        </p>
        <p><strong>Contacto:</strong> <a href="mailto:Goncalosantosgarrido+sushistacker@gmail.com">Goncalosantosgarrido+sushistacker@gmail.com</a></p>
        <a class="button button-secondary" href="creditos.html">Ver créditos completos</a>
      </div>
    </section>
  </main>

  <footer class="site-footer">
    <p><strong>Sushi Stack</strong> © <span id="year"></span> Gonçalo Garrido</p>
    <div class="footer-links">
      <a href="creditos.html">Créditos</a>
    </div>
    <p class="footer-legal"><a href="privacidade.html">Política de Privacidade</a></p>
  </footer>

  <dialog class="shot-modal" id="shot-modal">
    <form method="dialog">
      <button class="modal-close" aria-label="Fechar galeria">×</button>
    </form>
    <img id="shot-modal-image" src="" alt="">
    <p id="shot-modal-title"></p>
  </dialog>

  <script src="script.js"></script>
</body>
</html>