feat: version initiale
This commit is contained in:
Kazhnuz
parent
5b900fd141
commit
a95d6e6650
15 changed files with 6717 additions and 2 deletions
16
README.md
16
README.md
|
|
@ -1,3 +1,15 @@
|
||||||
# embarcadere
|
# Embarcadère
|
||||||
|
|
||||||
Une petite page d'accueil en HTML simple
|
Embarcadère est une petite page simple que j'ai créé pour me servir de page d'accueil sur mes navigateurs web. Son principe est d'être un simple "embarcadère" vers les différents sites auquel j'ai besoin d'accéder. Elle ne contient pas de fonctionnalités fancy comme afficher l'heure (mon OS fait ça), la météo (mon OS fait ça) ou lire des flux RSS (j'ai un lecteur de flux pour ça).
|
||||||
|
|
||||||
|
## Modifier la page
|
||||||
|
|
||||||
|
- La page HTML contient toute les données, les liens et les éléments utilisable.
|
||||||
|
- Pour changer le moteur de recherche, il suffit de remplacer l'action et le "name" du champ de recherche
|
||||||
|
- Les icones utilisable sont [trouvable ici](https://forkaweso.me/Fork-Awesome/icons/)
|
||||||
|
- Les couleurs sont modifiable via les variable css utilisées.
|
||||||
|
|
||||||
|
## Crédits
|
||||||
|
|
||||||
|
- Icones par fork-awesome
|
||||||
|
- Fond d'écran venant d'Elementary OS, fait par Ashim DSilva
|
||||||
|
|
|
||||||
BIN
background.jpg
Executable file
BIN
background.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
2733
dep/fork-awesome/css/fork-awesome.css
Normal file
2733
dep/fork-awesome/css/fork-awesome.css
Normal file
File diff suppressed because it is too large
Load diff
12
dep/fork-awesome/css/fork-awesome.min.css
vendored
Normal file
12
dep/fork-awesome/css/fork-awesome.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dep/fork-awesome/css/fork-awesome.min.css.map
Normal file
1
dep/fork-awesome/css/fork-awesome.min.css.map
Normal file
File diff suppressed because one or more lines are too long
446
dep/fork-awesome/css/v5-compat.css
Normal file
446
dep/fork-awesome/css/v5-compat.css
Normal file
|
|
@ -0,0 +1,446 @@
|
||||||
|
/*!
|
||||||
|
Fork Awesome 1.2.0
|
||||||
|
License - https://forkaweso.me/Fork-Awesome/license
|
||||||
|
|
||||||
|
Copyright 2018 Dave Gandy & Fork Awesome
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||||
|
*/
|
||||||
|
.fas,
|
||||||
|
.fab,
|
||||||
|
.far {
|
||||||
|
display: inline-block;
|
||||||
|
font: normal normal normal 14px/1 ForkAwesome;
|
||||||
|
font-size: inherit;
|
||||||
|
text-rendering: auto;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
}
|
||||||
|
.fas.fa-chart-area:before {
|
||||||
|
content: "\f1fe";
|
||||||
|
}
|
||||||
|
.fas.fa-arrows-alt:before {
|
||||||
|
content: "\f047";
|
||||||
|
}
|
||||||
|
.fas.fa-expand-arrows-alt:before {
|
||||||
|
content: "\f0b2";
|
||||||
|
}
|
||||||
|
.fas.fa-arrows-alt-h:before {
|
||||||
|
content: "\f07e";
|
||||||
|
}
|
||||||
|
.fas.fa-arrows-alt-v:before {
|
||||||
|
content: "\f07d";
|
||||||
|
}
|
||||||
|
.fas.fa-calendar-alt:before {
|
||||||
|
content: "\f073";
|
||||||
|
}
|
||||||
|
.fas.fa-circle-notch:before {
|
||||||
|
content: "\f1ce";
|
||||||
|
}
|
||||||
|
.fas.fa-cloud-download-alt:before {
|
||||||
|
content: "\f0ed";
|
||||||
|
}
|
||||||
|
.fas.fa-cloud-upload-alt:before {
|
||||||
|
content: "\f0ee";
|
||||||
|
}
|
||||||
|
.fas.fa-credit-card:before {
|
||||||
|
content: "\f283";
|
||||||
|
}
|
||||||
|
.fas.fa-dollar-sign:before {
|
||||||
|
content: "\f155";
|
||||||
|
}
|
||||||
|
.fas.fa-euro-sign:before {
|
||||||
|
content: "\f153";
|
||||||
|
}
|
||||||
|
.fas.fa-exchange-alt:before {
|
||||||
|
content: "\f0ec";
|
||||||
|
}
|
||||||
|
.fas.fa-external-link-alt:before {
|
||||||
|
content: "\f08e";
|
||||||
|
}
|
||||||
|
.fas.fa-external-link-square-alt:before {
|
||||||
|
content: "\f14c";
|
||||||
|
}
|
||||||
|
.fas.fa-eye-dropper:before {
|
||||||
|
content: "\f1fb";
|
||||||
|
}
|
||||||
|
.fas.fa-pound-sign:before {
|
||||||
|
content: "\f154";
|
||||||
|
}
|
||||||
|
.fas.fa-glass-martini:before {
|
||||||
|
content: "\f000";
|
||||||
|
}
|
||||||
|
.fas.fa-shekel-sign:before {
|
||||||
|
content: "\f20b";
|
||||||
|
}
|
||||||
|
.fas.fa-rupee-sign:before {
|
||||||
|
content: "\f156";
|
||||||
|
}
|
||||||
|
.fas.fa-won-sign:before {
|
||||||
|
content: "\f159";
|
||||||
|
}
|
||||||
|
.fas.fa-level-down-alt:before {
|
||||||
|
content: "\f149";
|
||||||
|
}
|
||||||
|
.fas.fa-level-up-alt:before {
|
||||||
|
content: "\f148";
|
||||||
|
}
|
||||||
|
.fas.fa-chart-line:before {
|
||||||
|
content: "\f201";
|
||||||
|
}
|
||||||
|
.fas.fa-long-arrow-alt-down:before {
|
||||||
|
content: "\f175";
|
||||||
|
}
|
||||||
|
.fas.fa-long-arrow-alt-left:before {
|
||||||
|
content: "\f177";
|
||||||
|
}
|
||||||
|
.fas.fa-long-arrow-alt-right:before {
|
||||||
|
content: "\f178";
|
||||||
|
}
|
||||||
|
.fas.fa-long-arrow-alt-up:before {
|
||||||
|
content: "\f176";
|
||||||
|
}
|
||||||
|
.fas.fa-map-marker-alt:before {
|
||||||
|
content: "\f041";
|
||||||
|
}
|
||||||
|
.fas.fa-mobile-alt:before {
|
||||||
|
content: "\f10b";
|
||||||
|
}
|
||||||
|
.fas.fa-pencil-alt:before {
|
||||||
|
content: "\f040";
|
||||||
|
}
|
||||||
|
.fas.fa-pen-square:before {
|
||||||
|
content: "\f14b";
|
||||||
|
}
|
||||||
|
.fas.fa-chart-pie:before {
|
||||||
|
content: "\f200";
|
||||||
|
}
|
||||||
|
.fas.fa-yen-sign:before {
|
||||||
|
content: "\f157";
|
||||||
|
}
|
||||||
|
.fas.fa-ruble-sign:before {
|
||||||
|
content: "\f158";
|
||||||
|
}
|
||||||
|
.fas.fa-shield-alt:before {
|
||||||
|
content: "\f132";
|
||||||
|
}
|
||||||
|
.fas.fa-sign-in-alt:before {
|
||||||
|
content: "\f090";
|
||||||
|
}
|
||||||
|
.fas.fa-sign-out-alt:before {
|
||||||
|
content: "\f08b";
|
||||||
|
}
|
||||||
|
.fas.fa-sliders-h:before {
|
||||||
|
content: "\f1de";
|
||||||
|
}
|
||||||
|
.fas.fa-tablet-alt:before {
|
||||||
|
content: "\f10a";
|
||||||
|
}
|
||||||
|
.fas.fa-tachometer-alt:before {
|
||||||
|
content: "\f0e4";
|
||||||
|
}
|
||||||
|
.fas.fa-thumbtack:before {
|
||||||
|
content: "\f08d";
|
||||||
|
}
|
||||||
|
.fas.fa-ticket-alt:before {
|
||||||
|
content: "\f145";
|
||||||
|
}
|
||||||
|
.fas.fa-trash-alt:before {
|
||||||
|
content: "\f1f8";
|
||||||
|
}
|
||||||
|
.fas.fa-lira-sign:before {
|
||||||
|
content: "\f195";
|
||||||
|
}
|
||||||
|
.fab.fa-linkedin-in:before {
|
||||||
|
content: "\fe01";
|
||||||
|
}
|
||||||
|
.fab.fa-linkedin:before {
|
||||||
|
content: "\f08c";
|
||||||
|
}
|
||||||
|
.far.fa-address-book:before {
|
||||||
|
content: "\f2ba";
|
||||||
|
}
|
||||||
|
.far.fa-address-card:before {
|
||||||
|
content: "\f2bc";
|
||||||
|
}
|
||||||
|
.far.fa-arrow-alt-circle-down:before {
|
||||||
|
content: "\f01a";
|
||||||
|
}
|
||||||
|
.far.fa-arrow-alt-circle-left:before {
|
||||||
|
content: "\f190";
|
||||||
|
}
|
||||||
|
.far.fa-arrow-alt-circle-right:before {
|
||||||
|
content: "\f18e";
|
||||||
|
}
|
||||||
|
.far.fa-arrow-alt-circle-up:before {
|
||||||
|
content: "\f01b";
|
||||||
|
}
|
||||||
|
.far.fa-bell:before {
|
||||||
|
content: "\f0f3";
|
||||||
|
}
|
||||||
|
.far.fa-bell-slash:before {
|
||||||
|
content: "\f1f7";
|
||||||
|
}
|
||||||
|
.far.fa-bookmark:before {
|
||||||
|
content: "\f097";
|
||||||
|
}
|
||||||
|
.far.fa-building:before {
|
||||||
|
content: "\f0f7";
|
||||||
|
}
|
||||||
|
.far.fa-calendar-check:before {
|
||||||
|
content: "\f274";
|
||||||
|
}
|
||||||
|
.far.fa-calendar-minus:before {
|
||||||
|
content: "\f272";
|
||||||
|
}
|
||||||
|
.far.fa-calendar:before {
|
||||||
|
content: "\f133";
|
||||||
|
}
|
||||||
|
.far.fa-calendar-plus:before {
|
||||||
|
content: "\f271";
|
||||||
|
}
|
||||||
|
.far.fa-calendar-times:before {
|
||||||
|
content: "\f273";
|
||||||
|
}
|
||||||
|
.far.fa-caret-square-down:before {
|
||||||
|
content: "\f150";
|
||||||
|
}
|
||||||
|
.far.fa-caret-square-left:before {
|
||||||
|
content: "\f191";
|
||||||
|
}
|
||||||
|
.far.fa-caret-square-right:before {
|
||||||
|
content: "\f152";
|
||||||
|
}
|
||||||
|
.far.fa-caret-square-up:before {
|
||||||
|
content: "\f151";
|
||||||
|
}
|
||||||
|
.far.fa-check-circle:before {
|
||||||
|
content: "\f05d";
|
||||||
|
}
|
||||||
|
.far.fa-check-square:before {
|
||||||
|
content: "\f046";
|
||||||
|
}
|
||||||
|
.far.fa-circle:before {
|
||||||
|
content: "\f10c";
|
||||||
|
}
|
||||||
|
.far.fa-clock:before {
|
||||||
|
content: "\f017";
|
||||||
|
}
|
||||||
|
.far.fa-comment:before {
|
||||||
|
content: "\f0e5";
|
||||||
|
}
|
||||||
|
.far.fa-comment-dots:before {
|
||||||
|
content: "\f27b";
|
||||||
|
}
|
||||||
|
.far.fa-comments:before {
|
||||||
|
content: "\f0e6";
|
||||||
|
}
|
||||||
|
.far.fa-dot-circle:before {
|
||||||
|
content: "\f192";
|
||||||
|
}
|
||||||
|
.far.fa-id-card:before {
|
||||||
|
content: "\f2c3";
|
||||||
|
}
|
||||||
|
.far.fa-envelope:before {
|
||||||
|
content: "\f003";
|
||||||
|
}
|
||||||
|
.far.fa-envelope-open:before {
|
||||||
|
content: "\f2b7";
|
||||||
|
}
|
||||||
|
.far.fa-file-archive:before {
|
||||||
|
content: "\f1c6";
|
||||||
|
}
|
||||||
|
.far.fa-file-audio:before {
|
||||||
|
content: "\f1c7";
|
||||||
|
}
|
||||||
|
.far.fa-file-code:before {
|
||||||
|
content: "\f1c9";
|
||||||
|
}
|
||||||
|
.far.fa-file-excel:before {
|
||||||
|
content: "\f1c3";
|
||||||
|
}
|
||||||
|
.far.fa-file-image:before {
|
||||||
|
content: "\f1c5";
|
||||||
|
}
|
||||||
|
.far.fa-file-video:before {
|
||||||
|
content: "\f1c8";
|
||||||
|
}
|
||||||
|
.far.fa-copy:before,
|
||||||
|
.far.fa-file:before {
|
||||||
|
content: "\f016";
|
||||||
|
}
|
||||||
|
.far.fa-file-pdf:before {
|
||||||
|
content: "\f1c1";
|
||||||
|
}
|
||||||
|
.far.fa-file-powerpoint:before {
|
||||||
|
content: "\f1c4";
|
||||||
|
}
|
||||||
|
.far.fa-file-alt:before {
|
||||||
|
content: "\f0f6";
|
||||||
|
}
|
||||||
|
.far.fa-file-word:before {
|
||||||
|
content: "\f1c2";
|
||||||
|
}
|
||||||
|
.far.fa-flag:before {
|
||||||
|
content: "\f11d";
|
||||||
|
}
|
||||||
|
.far.fa-save:before {
|
||||||
|
content: "\f0c7";
|
||||||
|
}
|
||||||
|
.far.fa-folder:before {
|
||||||
|
content: "\f114";
|
||||||
|
}
|
||||||
|
.far.fa-folder-open:before {
|
||||||
|
content: "\f115";
|
||||||
|
}
|
||||||
|
.far.fa-frown:before {
|
||||||
|
content: "\f119";
|
||||||
|
}
|
||||||
|
.far.fa-futbol:before {
|
||||||
|
content: "\f1e3";
|
||||||
|
}
|
||||||
|
.far.fa-hand-rock:before {
|
||||||
|
content: "\f255";
|
||||||
|
}
|
||||||
|
.far.fa-hand-lizard:before {
|
||||||
|
content: "\f258";
|
||||||
|
}
|
||||||
|
.far.fa-hand-point-down:before {
|
||||||
|
content: "\f0a7";
|
||||||
|
}
|
||||||
|
.far.fa-hand-point-left:before {
|
||||||
|
content: "\f0a5";
|
||||||
|
}
|
||||||
|
.far.fa-hand-point-right:before {
|
||||||
|
content: "\f0a4";
|
||||||
|
}
|
||||||
|
.far.fa-hand-point-up:before {
|
||||||
|
content: "\f0a6";
|
||||||
|
}
|
||||||
|
.far.fa-hand-paper:before {
|
||||||
|
content: "\256";
|
||||||
|
}
|
||||||
|
.far.fa-hand-pointer:before {
|
||||||
|
content: "\f25a";
|
||||||
|
}
|
||||||
|
.far.fa-hand-scissors:before {
|
||||||
|
content: "\f257";
|
||||||
|
}
|
||||||
|
.far.fa-hand-spock:before {
|
||||||
|
content: "\f259";
|
||||||
|
}
|
||||||
|
.far.fa-handshake:before {
|
||||||
|
content: "\f2b5";
|
||||||
|
}
|
||||||
|
.far.fa-hdd:before {
|
||||||
|
content: "\f0a0";
|
||||||
|
}
|
||||||
|
.far.fa-heart:before {
|
||||||
|
content: "\f08a";
|
||||||
|
}
|
||||||
|
.far.fa-hospital:before {
|
||||||
|
content: "\f0f8";
|
||||||
|
}
|
||||||
|
.far.fa-hourglass:before {
|
||||||
|
content: "\f250";
|
||||||
|
}
|
||||||
|
.far.fa-id-card:before {
|
||||||
|
content: "\f2c3";
|
||||||
|
}
|
||||||
|
.far.fa-keyboard:before {
|
||||||
|
content: "\f11c";
|
||||||
|
}
|
||||||
|
.far.fa-lemon:before {
|
||||||
|
content: "\f094";
|
||||||
|
}
|
||||||
|
.far.fa-lightbulb:before {
|
||||||
|
content: "\f0eb";
|
||||||
|
}
|
||||||
|
.far.fa-meh:before {
|
||||||
|
content: "\f11a";
|
||||||
|
}
|
||||||
|
.far.fa-minus-square:before {
|
||||||
|
content: "\f147";
|
||||||
|
}
|
||||||
|
.far.fa-money-bill-alt:before {
|
||||||
|
content: "\f0d6";
|
||||||
|
}
|
||||||
|
.far.fa-moon:before {
|
||||||
|
content: "\f186";
|
||||||
|
}
|
||||||
|
.far.fa-newspaper:before {
|
||||||
|
content: "\f1ea";
|
||||||
|
}
|
||||||
|
.far.fa-paper-plane:before {
|
||||||
|
content: "\f1d9";
|
||||||
|
}
|
||||||
|
.far.fa-pause-circle:before {
|
||||||
|
content: "\f28c";
|
||||||
|
}
|
||||||
|
.far.fa-edit:before {
|
||||||
|
content: "\f044";
|
||||||
|
}
|
||||||
|
.far.fa-image:before {
|
||||||
|
content: "\f03e";
|
||||||
|
}
|
||||||
|
.far.fa-play-circle:before {
|
||||||
|
content: "\f01d";
|
||||||
|
}
|
||||||
|
.far.fa-plus-square:before {
|
||||||
|
content: "\f196";
|
||||||
|
}
|
||||||
|
.far.fa-question-circle:before {
|
||||||
|
content: "\f92c";
|
||||||
|
}
|
||||||
|
.far.fa-share-square:before {
|
||||||
|
content: "\f045";
|
||||||
|
}
|
||||||
|
.far.fa-smile:before {
|
||||||
|
content: "\f118";
|
||||||
|
}
|
||||||
|
.far.fa-snowflake:before {
|
||||||
|
content: "\f2dc";
|
||||||
|
}
|
||||||
|
.far.fa-futbol:before {
|
||||||
|
content: "\f1e3";
|
||||||
|
}
|
||||||
|
.far.fa-star-half:before {
|
||||||
|
content: "\f089";
|
||||||
|
}
|
||||||
|
.far.fa-star:before {
|
||||||
|
content: "\f006";
|
||||||
|
}
|
||||||
|
.far.fa-sticky-note:before {
|
||||||
|
content: "\f24a";
|
||||||
|
}
|
||||||
|
.far.fa-stop-circle:before {
|
||||||
|
content: "\f28e";
|
||||||
|
}
|
||||||
|
.far.fa-sun:before {
|
||||||
|
content: "\f185";
|
||||||
|
}
|
||||||
|
.far.fa-thumbs-down:before {
|
||||||
|
content: "\f088";
|
||||||
|
}
|
||||||
|
.far.fa-thumbs-up:before {
|
||||||
|
content: "\f087";
|
||||||
|
}
|
||||||
|
.far.fa-times-circle:before {
|
||||||
|
content: "\f05c";
|
||||||
|
}
|
||||||
|
.far.fa-window-close:before {
|
||||||
|
content: "\f2d4";
|
||||||
|
}
|
||||||
|
.far.fa-trash-alt:before {
|
||||||
|
content: "\f014";
|
||||||
|
}
|
||||||
|
.far.fa-user-circle:before {
|
||||||
|
content: "\f2be";
|
||||||
|
}
|
||||||
|
.far.fa-user:before {
|
||||||
|
content: "\f2c0";
|
||||||
|
}
|
||||||
12
dep/fork-awesome/css/v5-compat.min.css
vendored
Normal file
12
dep/fork-awesome/css/v5-compat.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dep/fork-awesome/css/v5-compat.min.css.map
Normal file
1
dep/fork-awesome/css/v5-compat.min.css.map
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
{"version":3,"sources":["v5-compat.css"],"names":[],"mappings":"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"}
|
||||||
BIN
dep/fork-awesome/fonts/forkawesome-webfont.eot
Normal file
BIN
dep/fork-awesome/fonts/forkawesome-webfont.eot
Normal file
Binary file not shown.
3232
dep/fork-awesome/fonts/forkawesome-webfont.svg
Normal file
3232
dep/fork-awesome/fonts/forkawesome-webfont.svg
Normal file
File diff suppressed because it is too large
Load diff
|
After Width: | Height: | Size: 547 KiB |
BIN
dep/fork-awesome/fonts/forkawesome-webfont.ttf
Normal file
BIN
dep/fork-awesome/fonts/forkawesome-webfont.ttf
Normal file
Binary file not shown.
BIN
dep/fork-awesome/fonts/forkawesome-webfont.woff
Normal file
BIN
dep/fork-awesome/fonts/forkawesome-webfont.woff
Normal file
Binary file not shown.
BIN
dep/fork-awesome/fonts/forkawesome-webfont.woff2
Normal file
BIN
dep/fork-awesome/fonts/forkawesome-webfont.woff2
Normal file
Binary file not shown.
81
index.html
Normal file
81
index.html
Normal file
|
|
@ -0,0 +1,81 @@
|
||||||
|
<!doctype html>
|
||||||
|
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
|
<title>Embarcadère</title>
|
||||||
|
<meta name="description" content="Une page d'accueil simple en HTML5, affichant quelques favoris">
|
||||||
|
<meta name="author" content="Kazhnuz">
|
||||||
|
|
||||||
|
<meta property="og:title" content="Embarcadère">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:url" content="https://kazhnuz.space">
|
||||||
|
<meta property="og:description" content="Une page d'accueil simple en HTML5, affichant quelques favoris">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="./styles.css">
|
||||||
|
<link rel="stylesheet" href="./dep/fork-awesome/css/fork-awesome.min.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
<h1>Bonjour</h1>
|
||||||
|
<form method="GET" action="https://duckduckgo.com/">
|
||||||
|
<input name="q" title="Recherchez sur DuckDuckGo…" placeholder="Recherchez sur DuckDuckGo…" />
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="featured">
|
||||||
|
<a href="#" rel="noopener"> <i class="fa fa-fw fa-globe"></i> Site favori 1 </a>
|
||||||
|
<a href="#" rel="noopener"> <i class="fa fa-fw fa-globe"></i> Site favori 2 </a>
|
||||||
|
<a href="#" rel="noopener"> <i class="fa fa-fw fa-globe"></i> Site favori 3 </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="cols">
|
||||||
|
<div class="linklist">
|
||||||
|
<h2><i class="fa fa-comments-o"></i> Social</h2>
|
||||||
|
<ul>
|
||||||
|
<li><a href="https://mastodon.social" rel="noopener"><i class="fa fa-fw fa-mastodon"></i> Mastodon</a></li>
|
||||||
|
<li><a href="https://pixelfed.fr" rel="noopener"><i class="fa fa-fw fa-pixelfed"></i> Pixelfed</a></li>
|
||||||
|
<li><a href="https://tumblr.com" rel="noopener"><i class="fa fa-fw fa-tumblr"></i> Tumblr</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="linklist">
|
||||||
|
<h2><i class="fa fa-file-text"></i> Sites</h2>
|
||||||
|
<ul>
|
||||||
|
<li><a href="https://kazhnuz.space" rel="noopener"><i class="fa fa-fw fa-star"></i> kazhnuz.space</a></li>
|
||||||
|
<li><a href="https://quarante-douze.net" rel="noopener"><i class="fa fa-fw fa-gear"></i> Quarante-Douze</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="linklist">
|
||||||
|
<h2><i class="fa fa-heart"></i> Favs</h2>
|
||||||
|
<ul>
|
||||||
|
<li><a href="https://neocities.org" rel="noopener"><i class="fa fa-fw fa-heart"></i> Neocities</a></li>
|
||||||
|
<li><a href="https://webidev.com" rel="noopener"><i class="fa fa-fw fa-heart"></i> Webidev</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="linklist">
|
||||||
|
<h2><i class="fa fa-paint-brush"></i> Arts/Créa</h2>
|
||||||
|
<ul>
|
||||||
|
<li><a href="https://bandcamp.com" rel="noopener"><i class="fa fa-fw fa-music"></i> Bandcamp</a></li>
|
||||||
|
<li><a href="https://webtoon.com" rel="noopener"><i class="fa fa-fw fa-image"></i> Webtoon</a></li>
|
||||||
|
<li><a href="https://www.patreon.com/home" rel="noopener"><i class="fa fa-fw fa-patreon"></i> Patreon</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="linklist">
|
||||||
|
<h2><i class="fa fa-question"></i> Tutos</h2>
|
||||||
|
<ul>
|
||||||
|
<li><a href="https://quarante-douze.net/liens-et-guides-sur-laccessibilite/" rel="noopener"><i class="fa fa-fw fa-universal-access"></i> Docs a11y</a></li>
|
||||||
|
<li><a href="https://quarante-douze.net/liens-et-guides-pour-le-dev-web/" rel="noopener"><i class="fa fa-fw fa-html5"></i> Docs web</a></li>
|
||||||
|
<li><a href="https://love2d.org/wiki/Main_Page" rel="noopener"><i class="fa fa-fw fa-gamepad"></i> Docs love2D</a></li>
|
||||||
|
<li><a href="https://cheatography.com/bouchnouk/cheat-sheets/commandes-de-base-linux/" rel="noopener"><i class="fa fa-fw fa-linux"></i> Commands linux</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
185
styles.css
Normal file
185
styles.css
Normal file
|
|
@ -0,0 +1,185 @@
|
||||||
|
:root {
|
||||||
|
--color-background: rgba(255,255,255,0.8);
|
||||||
|
--color-hover: rgba(0,0,0,0.1);
|
||||||
|
--color-accent: rgb(216, 0, 180);
|
||||||
|
|
||||||
|
--color-heading: #FFF;
|
||||||
|
--color-text: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
*,
|
||||||
|
*::before,
|
||||||
|
*::after {
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin: 0;
|
||||||
|
position: relative;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** style global **/
|
||||||
|
|
||||||
|
body {
|
||||||
|
min-height: 100vh;
|
||||||
|
color: var(--color-text);
|
||||||
|
|
||||||
|
/* Bacground by Ashim DSilva */
|
||||||
|
background-image: url("./background.jpg");
|
||||||
|
|
||||||
|
font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
|
||||||
|
Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
|
||||||
|
font-size: 15px;
|
||||||
|
line-height: 1.5;
|
||||||
|
font-weight: normal;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
place-items: center;
|
||||||
|
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: var(--color-accent);
|
||||||
|
}
|
||||||
|
|
||||||
|
a,
|
||||||
|
input {
|
||||||
|
transition: background-color 0.2s, opacity 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
input:focus-visible,
|
||||||
|
a:focus-visible,
|
||||||
|
button:focus-visible {
|
||||||
|
outline-style: dashed;
|
||||||
|
outline-color: var(--color-accent);
|
||||||
|
outline-offset: 1px;
|
||||||
|
outline-width: 2px;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul,
|
||||||
|
li {
|
||||||
|
padding:0;
|
||||||
|
margin:0;
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1,
|
||||||
|
h2 {
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
max-width: 1280px;
|
||||||
|
width:100%;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Header **/
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
color: var(--color-heading);
|
||||||
|
font-weight: 200;
|
||||||
|
font-size:3rem;
|
||||||
|
text-shadow:0px 1px 1px rgba(0,0,0,0.6);
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
main input {
|
||||||
|
padding:0.66rem 1.5rem;
|
||||||
|
border-radius:9999px;
|
||||||
|
border:none;
|
||||||
|
width:80%;
|
||||||
|
max-width:640px;
|
||||||
|
margin-bottom:1rem;
|
||||||
|
background-color:var(--color-background);
|
||||||
|
box-shadow:0px 2px 1px rgba(0,0,0,0.5);
|
||||||
|
backdrop-filter: blur(6px);
|
||||||
|
opacity:0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
main input:hover, main input:focus-visible {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Featured Links handling **/
|
||||||
|
|
||||||
|
.featured {
|
||||||
|
margin-bottom:1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.featured a {
|
||||||
|
display:inline-block;
|
||||||
|
padding: 0.33rem 1.33rem;
|
||||||
|
margin:0rem 0.33rem;
|
||||||
|
border-radius:9999px;
|
||||||
|
background-color: var(--color-accent);
|
||||||
|
color:white;
|
||||||
|
box-shadow:0px 2px 1px rgba(0,0,0,0.5);
|
||||||
|
opacity:0.8;
|
||||||
|
margin-bottom:1rem;
|
||||||
|
backdrop-filter: blur(6px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.featured a:hover {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Columns Links handling **/
|
||||||
|
|
||||||
|
.cols {
|
||||||
|
display:grid;
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
grid-gap: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media (min-width: 480px) {
|
||||||
|
.cols {
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media (min-width: 640px) {
|
||||||
|
.cols {
|
||||||
|
grid-template-columns: 1fr 1fr 1fr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 800px) {
|
||||||
|
.cols {
|
||||||
|
grid-template-columns: 1fr 1fr 1fr 1fr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1024px) {
|
||||||
|
.cols {
|
||||||
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.linklist {
|
||||||
|
background-color:var(--color-background);
|
||||||
|
box-shadow:0px 2px 1px rgba(0,0,0,0.5);
|
||||||
|
backdrop-filter: blur(6px);
|
||||||
|
border-radius:6px;
|
||||||
|
padding:0.66rem;
|
||||||
|
text-align:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.linklist a {
|
||||||
|
display:block;
|
||||||
|
border-radius:3px;
|
||||||
|
padding:0.11rem 0.33rem;
|
||||||
|
width:100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.linklist a:hover {
|
||||||
|
background-color:var(--color-hover);
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue