diff --git a/ProjetProgWeb/assets/fonts/Cookie.woff2 b/ProjetProgWeb/assets/fonts/Cookie.woff2 new file mode 100644 index 0000000..bd04143 Binary files /dev/null and b/ProjetProgWeb/assets/fonts/Cookie.woff2 differ diff --git a/ProjetProgWeb/index.php b/ProjetProgWeb/index.php index d89c56f..25022fe 100644 --- a/ProjetProgWeb/index.php +++ b/ProjetProgWeb/index.php @@ -1,9 +1,8 @@ - + - + Theses FR diff --git a/ProjetProgWeb/stylesheet.css b/ProjetProgWeb/stylesheet.css index e18a0f4..2e466bd 100644 --- a/ProjetProgWeb/stylesheet.css +++ b/ProjetProgWeb/stylesheet.css @@ -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 {