Publication de la page web et du fichier CSS + Mise à jour du README
Please enter the commit message for your changes. Lines starting with '#' will be ignored, and an empty message aborts the commit. On branch master Your branch is ahead of 'origin/master' by 1 commit. (use "git push" to publish your local commits) Changes to be committed: modified: README.md new file: index.html new file: style.css
This commit is contained in:
parent
0a63b1542d
commit
1d91319dae
16
README.md
16
README.md
|
@ -1,3 +1,17 @@
|
|||
# startpage
|
||||
|
||||
Une page d'accueil simple et contenant l'essentiel de ce qu'il me faut au quotidien / A simple start page which have all of the essential tools I use everyday
|
||||
## Français
|
||||
|
||||
Une page d'accueil simple et contenant l'essentiel de ce qu'il me faut au quotidien.
|
||||
Elle est hébergée sur mon serveur local sous OpenBSD et me sert à ne pas aller directement sur le web pour chercher quelque choe et à changer mes habitudes.
|
||||
|
||||
* Inspiré par le projet suivant : [Startpage](https://github.com/dylanaraps/startpage)
|
||||
* Licence : MIT
|
||||
|
||||
## English
|
||||
|
||||
A simple start page which have all of the essential tools I use everyday.
|
||||
It is hosted on my local OpenBSD server and its main goal is to give me what I need without doing a web search (in order to change my habits).
|
||||
|
||||
* Inspired by the following project : [Startpage](https://github.com/dylanaraps/startpage)
|
||||
* License : MIT
|
||||
|
|
|
@ -0,0 +1,54 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset=UTF-8>
|
||||
<title>Par où commencer ?</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="author" content="Vincent Finance"/>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>Par où commencer ?</h1>
|
||||
<p>Parce que chaque jour commence par un bon café !</p>
|
||||
</header>
|
||||
<main>
|
||||
<ul>
|
||||
<h2>Hors-ligne</h2>
|
||||
<li><a href="http://narodnaia.local/dokuwiki" target="_blank">Carnet de notes</a></li>
|
||||
<li><a href="http://narodnaia.local/doc" target="_blank">Documentation hors-ligne</a></li>
|
||||
<li><a href="http://narodnaia.local/bits" target="_blank">Fichiers et bouts de code</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<h2>Services</h2>
|
||||
<li><a href="https://cloud.automario.eu" target="_blank">Cloud AutoMario</a></li>
|
||||
<li><a href="https://rss.drycat.fr/i/" target="_blank">Lecteur RSS</a></li>
|
||||
<li><a href="https://pad.automario.eu" target="_blank">Écrire sur un pad</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<h2>Développement</h2>
|
||||
<li><a href="https://framagit.org/" target="_blank">Framagit</a></li>
|
||||
<li><a href="https://git.automario.eu" target="_blank">GitMario</a></li>
|
||||
<li><a href="https://weblate.framasoft.org" target="_blank">Weblate (Framasoft)</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<h2>Recherche</h2>
|
||||
<li><a href="https://developer.mozilla.org/fr/" target="_blank">MDN (pour le Web)</a></li>
|
||||
<li><a href="https://fr.search.yahoo.com/?guccounter=1" target="_blank">Recherche Yahoo!</a></li>
|
||||
<li><a href="https://unsplash.com" target="_blank">Unsplash</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<h2>Social</h2>
|
||||
<li><a href="https://www.facebook.com" target="_blank">Facebook</a></li>
|
||||
<li><a href="https://nerdculture.de/web/timelines/direct" target="_blank">Nerdculture</a></li>
|
||||
<li><a href="https://reddit.com/" target="_blank">Reddit</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<h2>Vidéos</h2>
|
||||
<li><a href="https://netflix.com" target="_blank">Netflix</a></li>
|
||||
<li><a href="https://twitch.tv" target="_blank">Twitch</a></li>
|
||||
<li><a href="https://youtube.com" target="_blank">YouTube</a></li>
|
||||
</ul>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,47 @@
|
|||
@charset "UTF-8";
|
||||
/* Let's make a nice body for the page */
|
||||
body {
|
||||
font-family: sans-serif;
|
||||
text-align: center;
|
||||
font-size: medium;
|
||||
color: #e5e9f0;
|
||||
margin: 0;
|
||||
background: rgb(36,36,36);
|
||||
}
|
||||
/* No decoration for the links */
|
||||
a {
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
a:link,
|
||||
a:visited {
|
||||
color: #d0d0d0;
|
||||
}
|
||||
a:hover {
|
||||
color: #ff6e35;
|
||||
}
|
||||
/* Allow us to display lists as in a grid */
|
||||
ul {
|
||||
list-style: none;
|
||||
margin: 2%;
|
||||
padding: 0;
|
||||
display: inline-table;
|
||||
}
|
||||
li {
|
||||
margin: 1% 0;
|
||||
}
|
||||
/* Let's make a nice header for the page */
|
||||
header {
|
||||
padding: 5px 0;
|
||||
background: rgb(66, 66, 66);
|
||||
}
|
||||
main {
|
||||
width: 70%;
|
||||
margin: auto;
|
||||
}
|
||||
/* Responsive mode */
|
||||
@media (max-width: 1060px) {
|
||||
body {
|
||||
font-size: small;
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue