thatscringebro/MyWebsite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Ajout du header, footer et fonts

Browse Source
This commit is contained in:
Merlin Gélinas 2022-06-07 18:51:25 -04:00
parent 6b40d62e49
commit b245daed64
5 changed files with 35 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
CSS/Main.css
View File

@ -0,0 +1,17 @@
@font-face {
font-family: JetBrains_Mono;
src: url(../Fonts/JetBrainsMono-Regular.woff2) format('woff2');
}
body{
background-color: black;
color: #aaa6a6;
font-family: JetBrains_Mono;
}
header{
background-image: linear-gradient(to right, #2c3e50, #4CAF50);
}
footer{
background-image: linear-gradient(to left, #2c3e50, #4CAF50);
}

BIN
Fonts/JetBrainsMono-Regular.woff2 Normal file
View File

Binary file not shown.

0
Views/footer.html Normal file
View File

0
Views/header.html Normal file
View File

19
index.html
View File

@ -13,8 +13,25 @@
</head>
<body>
<div class="container">
<div class="row">
<header></header>
</div>
<div class="row"></div>
<div class="row">
<footer></footer>
</div>
</div>
<!--Scripts pour le header et le footer-->
<script>
$.get('../Content/Footer.html', function (data){}); {
$('footer').replaceWith(data);
}
</script>
<script>
$.get('../Content/Header.html', function (data){}); {
$('Header').replaceWith(data);
}
</script>
<!--Scripts à inclure-->
<script src="Javascricp/Main.js"></script>
<script src="lib/jquery/jquery.js" type="text/javascript"></script>