fsylvain/projet_programmation_web
1
0
Fork 0
mirror of https://github.com/Floriansylvain/projet_programmation_web.git synced 2026-08-19 11:43:16 +02:00
Code Issues Packages Projects Releases Wiki Activity

🎨 Added Cookie font locally and styles improvement

Browse Source
This commit is contained in:
Florian SYLVAIN
2021-11-08 09:58:50 +01:00
parent 4d80c83742
commit 36d7f7c76b
3 changed files with 23 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ProjetProgWeb/assets/fonts/Cookie.woff2
BIN
View File
Binary file not shown.
ProjetProgWeb/index.php
+2 -3
View File
@@ -1,9 +1,8 @@
<!doctype html>
<html lang="en">
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="stylesheet.css">
<title>Theses FR</title>
</head>
ProjetProgWeb/stylesheet.css
+21 -3
View File
@@ -1,3 +1,12 @@
@font-face {
font-family: 'Cookie';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(assets/fonts/Cookie.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Extra small */
* {
@@ -11,7 +20,6 @@ body {
margin: 0;
padding: 0;
width: 100%;
overflow-x: hidden;
}
header {
@@ -114,8 +122,8 @@ header {
.navbar h1 {
color: white;
font-size: xxx-large;
font-family: Cookie, 'sans-serif';
font-size: 42px;
font-family: 'Cookie', cursive;
}
#suggestions {
@@ -143,6 +151,9 @@ header {
}
#hamburger {
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
fill: white;
min-width: 30px;
@@ -191,6 +202,9 @@ header {
}
.toggle-switch {
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
display: flex;
align-items: center;
@@ -201,6 +215,9 @@ header {
padding: 0 3px 0 3px;
}
.toggle-switch .slider {
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
width: 25px;
height: 25px;
@@ -251,6 +268,7 @@ header {
display: flex;
flex-direction: column;
gap: 15px;
overflow-x: hidden;
}
#results-count {