time-crash.github.io/index.html at master · weCrash/time-crash.github.io · 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

<!DOCTYPE html>
<html lang="pt-br">

<head>
  <meta charset="utf-8">
  <title>Time Crash</title>
  <meta name="description" content="Um jogo de plataforma e aventura, com uma história cativante, emocionante e cômica, com reviravoltas, viagens pelo espaço-tempo e por
                                      universos paralelos nunca explorados, com jogabilidades inéditas e temas nunca vistos.">
  <meta name="author" content="Ana Carolina, Fábio Lucas, Matheus Marciano, Vinícius Erwin">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="css/style.css">
  <link rel="icon" type="image/png" sizes="32x32" href="images/favicon.png">
  <script src="js/preload.js"></script>
  <script src="js/login.js"></script>
  <link rel="stylesheet" type="text/css" href="css/preload.css">
  <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css" />
</head>

<body>

  <!--Preload-->
  <div id="load_screen" onmouseover="changeWidth()" onmouseout="backToNormal()">
    <div id="loading">
      <div class="spinner spinner-2"></div>
    </div>
  </div>
  <header class="caixanav">
    <div class="back-portal"></div>
    <div class="logo" onclick="relodar()"></div>
    <!--<div class="julia"></div>-->
    <button id="btnpesq" onclick="document.getElementById('id01').style.display='block'"></button>

    <!-- The Modal -->
    <div id="id01" class="modal">
      <span onclick="document.getElementById('id01').style.display='none'" class="close" title="Close Modal">&times;</span>

      <!-- Modal Content -->
      <form class="modal-content animate">

        <div class="container">
          <label><b>Username</b></label>
          <input type="text" placeholder="Enter Username" name="userid" required>

          <label><b>Password</b></label>
          <input type="password" placeholder="Enter Password" name="pswrd" required>

          <button id="btnlogin" type="submit" onclick="check(this.form)">Login</button>
        </div>

        <button type="button" onclick="document.getElementById('id01').style.display='none'" id="btncancel">Cancel</button>
      </form>
    </div>

    <script>
      // Get the modal
      var modal = document.getElementById('id01');

      // When the user clicks anywhere outside of the modal, close it
      window.onclick = function(event) {
        if (event.target == modal) {
          modal.style.display = "none";
        }
      }
    </script>


  </header>
  <section class="content">
    <nav>
      <ul class="nav">
        <li><a onclick='scrollTo("#sobre")'>Sobre</a></li>
        <li><a onclick='scrollTo("#historia")'>Historia</a></li>
        <li><a onclick='scrollTo("#download")'>Download</a></li>
        <li><a onclick='scrollTo("#extras")'>Extras</a></li>
      </ul>
    </nav>

    <article>
      <h1 id="sobre">Time Crash</h1>
      <hr>
      <p>Um jogo de plataforma e aventura, com uma história cativante, emocionante e cômica, com reviravoltas, viagens pelo espaço-tempo e por universos paralelos nunca explorados, com jogabilidades inéditas e temas nunca vistos. <br/> <br/> A escolha do
        personagem e suas ações durante o jogo definiram o final de sua trama, garantindo uma história interativa e emocionante. Colete TimeOrbs para desbloquear diversas armas com as mais variadas propriedades, armas rústicas, futuristas e interdimensionais.</p>
      <hr>
      <div class="sprites">
        <div class="row img-row">
          <figure class="columns four"><img src="images/model1.jpg" onclick='scrollTo("#historia")'>
            <figcaption><strong>HISTÓRIA</strong></figcaption>
          </figure>
          <figure class="columns four"><img src="images/model2.jpg" onclick='scrollTo("#extras")'>
            <figcaption><strong>EXTRAS</strong></figcaption>
          </figure>
          <figure class="columns four"><img src="images/model3.jpg" onclick='scrollTo("#download")'>
            <figcaption><strong>DOWNOAD DO JOGO</strong></figcaption>
          </figure>
        </div>

        <!--<div class="row img-row">
            <figure class="columns four"><img src="images/model2.jpg">
              <figcaption>Julian Modelo</figcaption>
            </figure>
            <figure class="columns four"><img src="images/model3.jpg">
              <figcaption>Tesla no beta</figcaption>
            </figure>
            <figure class="columns four"><img src="images/model1.jpg">
              <figcaption>Julian num cenário random</figcaption>
            </figure>
          </div>-->

        <!-- <div class="row img-row">
            <figure class="columns four"><img src="images/model3.jpg">
              <figcaption>Tesla no beta</figcaption>
            </figure>
            <figure class="columns four"><img src="images/model1.jpg">
              <figcaption>Julian num cenário random</figcaption>
            </figure>
            <figure class="columns four"><img src="images/model2.jpg">
              <figcaption>Julian Modelo</figcaption>
            </figure>
          </div>-->

      </div>
      <h1 id='download'>Faça o download do Jogo!</h1>
      <hr>
      <p>Baixe a ultima versão do pré-alfa do nosso jogo e divirta-se com toda a mecânica e história inovadora de Time Crash. Ou então baixe as <b><a class="versions" href="" target="blank">versões anteriores</a></b>.</p>

      <div class="large-window">
        <div class="window-tint">
          <div class="promo-text">Baixe agora!!<strong><span>Pré-Alfa 1.0</span></strong><a href="game.rar" class="window-cta">DOWNLOAD</a></div>
        </div>
      </div>

      <h1 id='historia'>História do jogo</h1>
      <hr>
      <p align="justify">
        O chamado para a aventura pode acontecer a qualquer hora, qualquer momento, então esteja sempre preparado! Julia e Bob gostariam de ter ouvido esta dica antes de serem supriendidos por um "chamado" incomum. </p>
      <p align="justify">
        Aos 19 anos, completamente coadjuvantes no filme da vida, os irmãos gêmeos, Bob e Julia tinham uma vida sem graça e desinteressante, uma vida tão monótona que o próprio destino resolveu dar-lhes uma chance de fazer algo importante, salvar a linha do tempo
        e o destino da humanidade! Porém quem é tão insano ao ponto de colocar o destino do universo nas mãos de dois bípedes sem nenhuma habilidade de especial? Ahn... Bem... É complicado...</p>
      <p align="justify">
        Viajando para o futuro, para o passado, de volta para o futuro, universos paralelos inemaginaveis e por todo o multiverso, nossos protagonistas irão enfrentar todo e qualquer perigo que aparecer pela frente para impedir o maligno cientista, Nikola Tesla
        e seus aliados, de evoluir a tecnologia fora de seu tempo e construir uma arma capaz de destruir todo um continente!

      </p>
      <hr>

      <h1 id='extras'>Extras</h1>
      <hr>
      <div id="carro_ceu">
        <div class='centerV'>
          <img class="carroslide" src="images/model2.png" />
        </div>
        <div>
          <img class="carroslide" src="images/model4.jpg" />
        </div>
      </div>
      <div id="btnveja">
        <a href="extras.html" class="vejamais">Veja mais sobre o desenvolvimento!!</a>
      </div>
      <hr>
    </article>
  </section>
  <script src="js/jquery-2.1.3.min.js"></script>
  <script src="js/functions.js"></script>
  <script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
</body>

</html>