Merge branch 'films' into dev

This commit is contained in:
rasoirnoir 2021-10-18 20:08:20 +02:00
commit a531309915
No known key found for this signature in database
GPG Key ID: 995E4575ADB981A3
10 changed files with 331 additions and 24716 deletions

File diff suppressed because it is too large Load Diff

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 112 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 103 KiB

BIN
assets/img/starry sky.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 76 KiB

View File

@ -5,9 +5,11 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles/style.css"> <link rel="stylesheet" href="styles/style.css">
<script src="/scripts/films.js" defer type="module"></script>
<title>Films</title> <title>Films</title>
</head> </head>
<body> <body>
<div id = "background-films">
<section class="titre"><a href="index.html">STAR WARS</a></section> <section class="titre"><a href="index.html">STAR WARS</a></section>
<section class="sec-menu"> <section class="sec-menu">
<nav class="nav-menu"> <nav class="nav-menu">
@ -18,6 +20,11 @@
</ul> </ul>
</nav> </nav>
</section> </section>
<div id = "Ep4">
<div id="donnees"></div>
<div id="vaisseaux"></div>
<div id="planetes"></div>
</div>
</div>
</body> </body>
</html> </html>

9271
package-lock.json generated

File diff suppressed because it is too large Load Diff

5
scripts/films.js Normal file
View File

@ -0,0 +1,5 @@
const EPISODE4 = document.getElementById('Ep4');
const DONNEES = document.getElementById('donnees');
const VAISSEAUX = document.getElementById('vaisseaux');
const PLANETES = document.getElementById('planetes');

View File

@ -28,4 +28,13 @@
padding: 5px; padding: 5px;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
}
#background-films {
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-attachment : fixed;
background-image: url("../assets/img/backgroung\ mando.jpg");
} }