Project

General

Profile

Revision eea0b5a1

IDeea0b5a1acc73239e2d11520b6162be542f20d4b
Parent 801cb8c2
Child 2339c299

Added by Leonardo Francisco Sousa Fiúza over 1 year ago

index

View differences:

proj1/Ep.html
6 6
      <title>Document</title>
7 7
      <link rel="stylesheet" href="css/Style.css">
8 8
      <script src="jquery-3.5.1.min.js"></script>
9
      <script type="text/javascript" src='scripts.js'> </script>
9 10

  
10

  
11
      
11 12
  </head>
12 13
 
13 14
  <body>
14 15
    <div>
15 16
        <ul class="nav">
16 17
            <li class="dropdown" >
17
                <button class="dropbtn" onclick="history.go(-1);">retroceder</button> 
18
                <button class="dropbtn" onclick="go()">retroceder</button> 
18 19
              </li>
19 20

  
20 21
            <li class="dropdown"><a href="index.html">Menu</a></li>
......
42 43
        
43 44
            <li class="dropdown"><a href="about.html">Acerca</a></li>
44 45
            <li class="dropdown" >
45
                <button class="dropbtn" onclick="history.go(1);">avaçar</button> 
46
                <button class="dropbtn" onclick="go1()">avaçar</button> 
46 47
              </li>
47 48
        </ul>
48 49
    </div>
proj1/Historia.html
5 5
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 6
      <title>Document</title>
7 7
      <link rel="stylesheet" href="css/Style.css">
8
	<script src="jquery-3.5.1.min.js"></script>
8
      <script src="jquery-3.5.1.min.js"></script>
9
      <script type="text/javascript" src='scripts.js'> </script>
9 10

  
11
      
10 12
  </head>        
11 13
  <body>
12 14
        
13 15
    <div>
14 16
        <ul class="nav">
15 17
            <li class="dropdown" >
16
                <button class="dropbtn" onclick="history.go(-1);">retroceder</a> 
18
                <button class="dropbtn" onclick="go()">retroceder</a> 
17 19
              </li>
18 20

  
19 21
            <li class="dropdown"><a href="index.html">Menu</a></li>
......
43 45
        
44 46
            <li class="dropdown"><a href="about.html">Acerca</a></li>
45 47
            <li class="dropdown" >
46
                <button class="dropbtn" onclick="history.go(1);">avaçar</button> 
48
                <button class="dropbtn" onclick="go1()">avaçar</button> 
47 49
              </li>
48 50
        </ul>
49 51
    </div>
50
    <button id="top" onclick="window.scrollTo(0, 0);">Voltar ao topo</button>
51
		<h1 class="txt0" style= "text-align:center; font-size:350%">História</h1>
52

  
53
    <button id="top" onclick="goUp()">Voltar ao topo</button>
54
        
55
    
56
    <h1 class="txt0" style= "text-align:center; font-size:350%">História</h1>
52 57

  
53 58
        
54 59
         <img src="img/h.jpg" alt="História"  style="margin-left: 40%; width:250px;height:250px;"  >
proj1/Regulamento.html
6 6
      <title>Document</title>
7 7
      <link rel="stylesheet" href="css/Style.css">
8 8
      <script src="jquery-3.5.1.min.js"></script>
9

  
9
      <script type="text/javascript" src='scripts.js'> </script>
10 10

  
11 11
  </head>
12 12

  
......
14 14
    <div>
15 15
        <ul class="nav">
16 16
            <li class="dropdown" >
17
                <button class="dropbtn" onclick="history.go(-1);">retroceder</a> 
17
                <button class="dropbtn" onclick="go()">retroceder</a> 
18 18
              </li>
19 19

  
20 20
            <li class="dropdown"><a href="index.html">Menu</a></li>
......
43 43
        
44 44
            <li class="dropdown"><a href="about.html">Acerca</a></li>
45 45
            <li class="dropdown" >
46
                <button class="dropbtn" onclick="history.go(1);">avaçar</button> 
46
                <button class="dropbtn" onclick="go1()">avaçar</button> 
47 47
              </li>
48 48
        </ul>
49 49
    </div>
proj1/Tecnologia.html
8 8
      <title>Document</title>
9 9
      <link rel="stylesheet" href="css/Style.css">
10 10
      <script src="jquery-3.5.1.min.js"></script>
11
      <script type="text/javascript" src='scripts.js'> </script>
11 12

  
12

  
13
      
13 14
  </head>
14 15
  
15 16
  <body>
......
17 18
    <ul class="nav">
18 19

  
19 20
      <li class="dropdown" >
20
        <button class="dropbtn" onclick="history.go(-1);">retroceder</button> 
21
        <button class="dropbtn" onclick="go()">retroceder</button> 
21 22
      </li>
22 23

  
23 24
        <li class="dropdown"><a href="index.html">Menu</a></li>
......
57 58
        <li class="dropdown"><a href="about.html">Acerca</a></li>
58 59

  
59 60
        <li class="dropdown" >
60
          <button class="dropbtn" onclick="history.go(1);">avançar</button> 
61
          <button class="dropbtn" onclick="go1()">avançar</button> 
61 62
        </li>
62 63
    </ul>
63 64
</div>
proj1/about.html
6 6
      <title>Acerca</title>
7 7
      <link rel="stylesheet" href="css/Style.css">
8 8
      <script src="jquery-3.5.1.min.js"></script>
9
      <script type="text/javascript" src='scripts.js'> </script>
9 10

  
10 11

  
11 12
  </head>
......
14 15
    <div>
15 16
        <ul class="nav">
16 17
            <li class="dropdown" >
17
                <button class="dropbtn" onclick="history.go(-1);">retroceder</button> 
18
                <button class="dropbtn" onclick="go()">retroceder</button> 
18 19
              </li>
19 20

  
20 21
            <li class="dropdown"><a href="index.html">Menu</a></li>
......
38 39
        
39 40
            <li class="dropdown"><a href="about.html">Acerca</a></li>
40 41
            <li class="dropdown" >
41
                <button class="dropbtn" onclick="history.go(1);">avançar</button> 
42
                <button class="dropbtn" onclick="go1(1)">avançar</button> 
42 43
              </li>
43 44
        </ul>
44 45
    </div>
......
51 52
		<h1 style= "text-align:center; font-size:350%">Acerca deste projeto</h1>
52 53
=======
53 54
	<div class="autores"> 
54
        <table>
55
        <table class="autores2">
55 56
            <tr>
56 57
                <th></th>
57 58
                <th></th>
......
105 106
  </body>
106 107

  
107 108
</html>
109

  
110

  
111

  
112

  
113

  
proj1/css/Style.css
3 3
   scroll-behavior: smooth;
4 4

  
5 5
}
6

  
7

  
8

  
6 9
#top {
7 10
  position: fixed;
8 11
  bottom: 50px;
......
24 27
  border: #333;
25 28
  background-color: #333;
26 29
  min-height: 51px;
30
  width: 150px;
27 31
}
28 32

  
29 33
.autores{
30
  
34
  display: grid;
35
}
36
 .indexlist{
37
 display: grid;
31 38
}
39
.autores2{
40
  list-style-type: none;
41
  }
42

  
32 43

  
44
 
33 45
.destaque{
34 46
  background-color : black;
35 47
  color: #f1f1f1;
......
55 67
padding-right: 80px;
56 68
}
57 69
.nav {
58
  list-style-type: none;
59
  margin: 0;
60
  padding: 0;
61
  overflow: hidden;
62
  background-color: #333;
63
  border-radius: 25px;
64
  
70
    list-style-type: none;
71
    display: inline flow-root list-item;
72
    margin: 0;
73
    padding: 0;
74
    overflow: hidden;
75
    background-color: #333;
76
    border-radius: 25px;
77
}
78
.nav2{  
79
    position: fixed;
80
    left: 3px;
81
    top: 200px;
82
    list-style-type: none;
83
    padding: 0;
84
    margin-left: 40px;
85
    overflow: hidden;
86
    background-color: #333;
87
    border-radius: 25px;
88
    display: table;
89
    width: 150px;
90
    bottom: 50px;
91
    right: 50px
92
}
93
.nav3{
94
  padding-top: 30px;
95
  display: table;
96
  margin-left: 300px;
65 97
}
98

  
99
  
100

  
101

  
66 102
.txt0{
67 103
  color: white;
68 104
  width: 50%;
......
119 155
.mimg{
120 156
  width: 200px;
121 157
}
122

  
158
a{
159
  width: 150px;
160
}
123 161
li {
124 162
  float: left;
163
  height: 51px;
125 164
}
126 165

  
127
li a, .dropbtn {
166
li a, .dropbtn, .indextxt2 {
128 167
  display: inline-block;
129 168
  color: white;
130 169
  text-align: center;
131
  padding: 14px 16px;
170
  padding: 14px 0px;
132 171
  text-decoration: none;
133 172
}
134 173

  
135
li a:hover, .dropdown:hover .dropbtn {
174
li a:hover, .dropdown:hover .dropbtn , .indextxt:hover .indextxt2{
136 175
  background-color: red;
176
  background-position: center;
177
  background-size: auto;
137 178
  
138 179
}
139 180
#top:hover{
......
163 204
  text-decoration: none;
164 205
  border-radius: 25px;
165 206
  text-align: center;
207
  width: 150px;
166 208
}
167 209

  
168 210
.dropdown-content a:hover {background-color: #f1f1f1;}
169 211

  
170
.dropdown:hover .dropdown-content {
212
.dropdown:hover .dropdown-content ,.indextxt:hover .indextxt-content{
171 213
  display: block;
172 214
}
173 215

  
......
207 249
	text-align: center;
208 250
}
209 251

  
252
#indexText{
210 253

  
254
}
211 255

  
212 256
#c2_1{}
213 257
#c2_2{}
......
231 275
#leonardo{
232 276

  
233 277
}
278

  
279
#index1{}
280
#index2{}
281
#index3{}
282
#index4{}
proj1/index.html
7 7
      <link rel="stylesheet" href="css/Style.css">
8 8
      <script src="jquery-3.5.1.min.js"></script>
9 9
      <script type="text/javascript" src="scripts.js"> </script>
10

  
11

  
10
      <linkrel="stylesheet" href="https://unpkg.com/leaflet@1.0.2/dist/leaflet.css">
11
      <script src="https://unpkg.com/leaflet@1.0.2/dist/leaflet.js"></script>
12
      <script type="text/javascript" src="map.js"></script>
12 13
  </head>
13 14
  
14 15
  <body>
15 16
    <div>
16
        <ul class="nav">
17
      <ul class="nav">
17 18
          <li class="dropdown" >
18
            <button class="dropbtn" onclick="history.go(-1);">retroceder</button> 
19
          </li>
20

  
21
            <li class="dropdown"><a href="index.html">Menu</a></li>
22
    
23
            <li class ="dropdown">
24
            <a href="Historia.html" class="dropbtn">História</a>
25
            
19
              <button class="dropbtn" onclick="go()">retroceder</button> 
26 20
            </li>
27
    
28
            <li class="dropdown">
29
            <a href="Ep.html" class="dropbtn">Equipas e Pilotos </a>
30
            
21

  
22
          <li class="dropdown"><a href="index.html">Menu</a></li>
23
  
24
          <li class ="dropdown">
25
          <a href="Historia.html"  class="dropbtn">História</a>
26
          
27
          </li>
28
  
29
          <li class="dropdown">
30
          <a href="Ep.html" class="dropbtn">Equipas e Pilotos </a>
31
          
32
          </li>
33
  
34
          <li class="dropdown">
35
          <a href="Regulamento.html"  class="dropbtn">Regulamento</a>
36
          
37
          </li>
38
      
39
          <li class="dropdown"><a href="Tecnologia.html">Tecnologia</a></li>
40
      
41
          <li class="dropdown"><a href="about.html">Acerca</a></li>
42
          <li class="dropdown" >
43
              <button class="dropbtn" onclick="go1(1)">avançar</button> 
31 44
            </li>
32
    
33
            <li class="dropdown">
34
            <a href="Regulamento.html" class="dropbtn">Regulamento</a>
45
      </ul>
46
  </div>
47
    <div class="nav3">
48
         <table>
49
          <tr><th><th></th></th><th></th></tr>
50
          <tr>
51
            <th>
52
              <div>
53
                <ul class="nav2">
54

  
55
                  <li class ="dropdown">
56
                    <a href="#index1" class="dropbtn">Resumo</a>  
57
                  </li>
58
          
59
                  <li class="dropdown">
60
                    <a href="#index2" class="dropbtn">covid-19 na f1</a>
61
                    
62
                  </li>
63
          
64
                  <li class="dropdown">
65
                    <a href="#index3"  class="dropbtn">Regulamento</a>
66
                  </li>
67
              
68
                  <li class="dropdown">
69
                    <a href="#index4" class="dropbtn">Agradecimentos</a>
70
                  </li>
71
                </ul>
72
              </div> 
73
            </th>
35 74
            
36
            </li>
37
        
38
            <li class="dropdown"><a href="Tecnologi#25746E#25746E#25746E#25746Ea.html">Tecnologia</a></li>
75
            <th>
76
              <div>
77
                <div class="txt1" id="index1">
78
                  <h1>Resumo</h1>
79
                  <p>
80
                    A Fórmula 1 é o desporto automobilista mais conhecido do mundo.  Estamodalidade utiliza uma alta tecnologia e promove um campeonato mundialanual, desde 1950.  A entidade responsável pelo regulamento desta categoriaé a Federação Internacional de Automobilismo (FIA). Este trabalho consiste naapresentação de alguns temas relacionados com Fórmula 1 (F1), tais como:
81
                    </p>
82
                    <ul class="indexlist">
83
                      <li>
84
                        A sua história;
85
                      </li>
86
                      <li>
87
                        Regras deste desporto;
88
                      </li>
89
                      <li>
90
                        Recordes e Pilotos recordistas;
91
                      </li>
92
                      <li>
93
                        Equipas e Grande Prémio (GP);
94
                      </li>
95
                      <li>
96
                        Tecnologia utilizada nesta modalidade;
97
                      </li>
98
                    </ul>
99
                    <p>
100
                      Tem como objetivo despertar interesse e partilhar conhecimentos sobre este des-porto ao leitor. Este projeto foi criado nocode.ua.ptcom o nome delabi2020-ap1-g34
101
                    </p>
102
                    
103
                </div>
104
                <div class="txt1" id="index2">
105
                  <h1>covid-19 na f1</h1>
106
                  <p>Após o mundo ter sido extremamente abalado pela pandemia de Sars-cov-2,
107
                    no enicio do ano de 2020, também este desporto se viu obrigado a adapter-se,
108
                    nomeadamente no seu calendário, cancelando e adiando varias provas e 
109
                    incluindo no campeonato, que ficou restringido ao continente europeu, situação 
110
                    que não esta prevista prolongarsse este ano. <br><br>
111
                    
112
                    <img src="img/pilotoCovid.jpeg" alt="pilotoCovid">
113

  
114
                    <br><br>
115
                    Com os sinais positivos que se verificaram na investigação e desenvolvimento de va cinas,
116
                    contra a covid-19 e á ja decorrente vacinação, espera-se que em poucos meses as competições 
117
                    regresse aos continentes Asiático, Americano e Ociania. esperasse também pelo regresso do 
118
                    publico a esta competição.</p>
119
                </div>
120
                <div class="txt1" id="index3">
121
                  <h1>Regulamento</h1>
122
                  <p>O Regulamento da F1 é atualmente estabelecido pela FIA, que
123
                     estabeleceu asúltimas alterações em 2019. É necessário
124
                      reforçar que as regras desta competiçãosão alteradas 
125
                      periódicamente para manter a integridade e também a
126
                       competiti-vidade desta modalidade. Na sequência disto,
127
                        as regras apresentadas aqui estãode acordo com a 
128
                        atualização feita a 12 de março de 2019, consequentementepoderá 
129
                        estar desatualizada em relação a uma posterior modificação. 
130
                        Algumasdas regras impostas são:</p>
131
                        <ul class="indexlist">
132
                          <li>
133
                            É obrigatório que todas as equipas sejam formadas por dois pilotos;
134
                          </li>
135
                          <li>
136
                            É obrigatório que todas as equipas possuam dois carros e que se 
137
                            conformemdentro das regras técnicas aplicadas aos mesmos;
138
                          </li>
139
                          <li>
140
                            Em cada GP, todos os pilotos podem participar em duas sessões de treinolivre, 
141
                            cada um de 1 hora e 30 minutos nas sextas-feiras.
142
                          </li>
143
                          <li>
144
                            O nome ou logótipo da equipa deve aparecer na frente do carro. O nomedo 
145
                            piloto também deve de estar presente nochassisdo carro.
146
                          </li>
147
                          <li>
148
                            Todos os carros devem mostrar o número do piloto. Os números dos pilotossão 
149
                            permanentes e serão utilizados em toda a sua carreira na F1..
150
                          </li>
151
                        </ul>
152
                </div>
153
                
154
                <div class="txt1" id="index4">
155
                  <h1>Agradecimentos</h1>
156
                  <p>Gostaríamos de agradecer ao professor Óscar 
157
                      Pereira pela exposição, nas aulas,da matéria necessária para 
158
                      a realização deste site. Agradecemos também ao professor 
159
                      António Adrego pela disponibilização de guiões práticos
160
                      no E-learningque nos ajudaram sobre como utilizar das ferramentas 
161
                      necessárias para este trabalho.</p>
162
                </div>
163
              </div>
164
            </th>
165
          </tr>
166
          
167
        </table>
168

  
39 169
        
40
            <li class="dropdown"><a href="about.html">Acerca</a></li>
41
            <li class="dropdown" >
42
              <button class="dropbtn" onclick="history.go(1);">avaçar</button> 
43
            </li>
44
        </ul>
45 170
    </div>
46 171
      	
47
    <button id="top" onclick="window.scrollTo(0, 0);">Voltar ao topo</button>
172
    <button id="top" onclick="goUp()">Voltar ao topo</button>
48 173
  </body>
49 174

  
50 175
</html>
176

  
177

  
178

  
179

  
180

  
proj1/scripts.js
1
function goUp(){
2
    window.scrollTo(0, 0)
3
}
4
function go(){
5
        history.go(-1);
6
}
7

  
8
function go1(){
9
    history.go(1);
10
}
11

  
12
function Text1(){
13
    document.getElementById("indexText").innerText = 'texto 1';
14
}
15
function Text2(){
16
    document.getElementById("indexText").innerText = 'texto 2';
17
}
18
function Text3(){
19
    document.getElementById("indexText").innerText = 'texto 3';
20
}
21
function Text4(){
22
    document.getElementById("indexText").innerText = 'texto 4';
23
}
24

  
25

  
26

  
27

  

Also available in: Unified diff