Image + fonts + Page presentation

ServeurDeTest
nathan boileau 2 years ago
parent d7fec80c71
commit 285a554581

Binary file not shown.

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 814 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

@ -1,5 +1,6 @@
@import url("https://fonts.googleapis.com/css2?family=Orbitron&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Orbitron&display=swap");
/*Default CSS*/ /*Default CSS*/
body { body {
min-height: 100vh; min-height: 100vh;

@ -0,0 +1,43 @@
/*Fonts CSS */
@font-face {
font-family: Fauna;
src: url("../../assets/fonts/Fauna.ttf");
}
@font-face {
font-family: Equinox;
src: url("../../assets/fonts/Equinox.otf");
}
body {
min-height: 100vh;
font-family: "Equinox", sans-serif;
color: white;
scroll-behavior: smooth;
height: 100vh;
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-color: #050e15;
}
nav{
background: none;
}
h1{
z-index: 10;
color: #fff;
font-size: 65px;
letter-spacing: 1px;
}
section img {
position: absolute;
top: 0;
left: 0;
width: 100%;
object-fit: cover;
}

@ -1,75 +1,27 @@
<!DOCTYPE HTML> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<script> <meta charset="UTF-8" />
window.onload = function () { <meta name="viewport" content="width=device-width, initial-scale=1.0" />
var chart = new CanvasJS.Chart("chartContainer", { <title>Bootstrap Site</title>
animationEnabled: true, <link
zoomEnabled: true, rel="stylesheet"
theme: "dark2", href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css"
title: { integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I"
text: "Score" crossorigin="anonymous"
}, />
axisX: { <script
title: "Enigme", src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
valueFormatString: "####", integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
interval: 1 crossorigin="anonymous"
}, ></script>
axisY: { <script
title: "Point", src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js"
titleFontColor: "#6D78AD", integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/"
lineColor: "#6D78AD", crossorigin="anonymous"
gridThickness: 0, ></script>
lineThickness: 1,
},
legend: {
verticalAlign: "top",
fontSize: 16,
},
data: [{
type: "line",
xValueFormatString: "Pierre",
dataPoints: [
{ x: 0, y: 0 },
{ x: 1, y: 50 },
{ x: 2, y: 100 },
{ x: 3, y: 150 },
{ x: 4, y: 150 },
{ x: 5, y: 200 },
]
},
{
type: "line",
xValueFormatString: "Noe",
dataPoints: [
{ x: 0, y: 0 },
{ x: 1, y: 100 },
{ x: 2, y: 100 },
{ x: 3, y: 200 },
{ x: 4, y: 250 },
{ x: 5, y: 300 },
]
},
{
type: "line",
xValueFormatString: "Nathan",
dataPoints: [
{ x: 0, y: 0 },
{ x: 1, y: 75 },
{ x: 2, y: 100 },
{ x: 3, y: 150 },
{ x: 4, y: 200 },
{ x: 5, y: 250 },
]
}
]
});
chart.render();
}
</script>
</head> </head>
<body> <body>
<div id="chartContainer" style="height: 370px; width: 100%;"></div>
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
</body> </body>
</html> </html>

@ -10,6 +10,7 @@
integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I" integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I"
crossorigin="anonymous" crossorigin="anonymous"
/> />
<link rel="stylesheet" href="../CSS/Pres.css" />
<script <script
src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
@ -22,7 +23,7 @@
></script> ></script>
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <nav class="navbar navbar-expand-lg navbar-dark">
<div class="container-fluid mx-0"> <div class="container-fluid mx-0">
<div class="nav-item nav-link"> <div class="nav-item nav-link">
<a class="navbar-brand">Home</a> <a class="navbar-brand">Home</a>
@ -38,8 +39,11 @@
</div> </div>
</nav> </nav>
<main class="container d-flex" style=" background-color: #3f5151;"> <section class=" position-relative w-100 h-100 d-flex justify-content-center align-items-center">
<h1 class="text-uppercase d-flex justify-content-center">Scripted</h1> <h1>Scripted</h1>
</main> <img src="../../assets/img/MenBGPres.png" id="men"></img>
<img src="../../assets/img/BuildingBG.png" id="building"></img>
</section>
</body> </body>
</html> </html>

Loading…
Cancel
Save