_data | ||
_includes/layouts | ||
content | ||
public | ||
.drone.yml | ||
.gitignore | ||
eleventy.config.drafts.js | ||
eleventy.config.images.js | ||
eleventy.config.js | ||
LICENSE | ||
netlify.toml | ||
package.json | ||
README.md |
Embarcadère
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
Le site peut être modifié via le fichier _data/config.json
, de la manière suivante.
Customisation
Le site peut être customisé par trois moyens principaux : modifier l'image de fond, le favicon modifier la mascotte (et son texte/alt) et la couleur d'accents.
- Le fond peut être modifié en modifiant /public/img/background.jpg
- La couleur d'accent peut être modifié en modifiant le contenu de
accentColor
dans le fichier_data/config.json
- La mascotte peut être modifiée en modifiant /public/img/mascotte.png
- Son alt-text se trouve dans le fichier
_data/config.json
dansmascotte.alt
- Une description supplémentaire peut être trouvée dans le fichier
_data/config.json
dansmascotte.message
et s'affichera au survol de la mascotte
- Son alt-text se trouve dans le fichier
- Le favicon peut être modifié en modifiant /public/favicon.png
Modifié les sites
Les sites sont inclu dans les variables featuredSites
ou dans des blocks dans la variable siteBlocks
. Pour modifier les sites "mis en avant" (les boutons colorés), il vous suffit de modifier les sites qui sont géré de la manire suivante.
"featuredSites":[
{"nom":"<nom qui sera affiché sur le bouton>", "url":"<url du site>", "emoji":"<Un emoji à utiliser>"},
]
Pour modifier les sites dans les blocks, vous pouvez le faire de la manière suivante
"siteBlocks":[
{
"nom":"<nom du block>",
"sites":[
{"nom":"<nom qui sera affiché sur le lien>", "url":"<url du site>", "emoji":"<Un emoji à utiliser>"},
]
},
]
Un lien supplémentaire moreLink
peut également être modifié
"moreLink": {
"nom": "Plus de liens sur mon shaarli !",
"url": "https://shaarli.kazhnuz.space",
"emoji": "🔗"
},
Crédits
- Fond d'écran venant d'Elementary OS, fait par Ashim DSilva