From 5a0cc2526738abc55bff60eedeeb47a51b1fa1c7 Mon Sep 17 00:00:00 2001 From: Louis-LJ <79785663+Louis-LJ@users.noreply.github.com> Date: Fri, 31 May 2024 21:09:32 +0200 Subject: [PATCH] update index and css --- Style.css | 250 +++++++++++++++++++++++++++-------------------------- index.html | 181 +++++++++++++++++++++++++------------- 2 files changed, 250 insertions(+), 181 deletions(-) diff --git a/Style.css b/Style.css index d464955..adc6620 100644 --- a/Style.css +++ b/Style.css @@ -1,126 +1,130 @@ /* || General setup */ html, body { - margin: 0; - padding: 0; - } - - html { - font-size: 10px; - background-color: #a9a9a9; - } - - body { - width: 70%; - margin: 0 auto; - } - - /* || typography */ - - h1, h2, h3 { - font-family: 'Segoe UI', cursive; - color: #2a2a2a; - } - - p, input, li { - font-family: 'Segoe UI', sans-serif; - color: #2a2a2a; - } - - h1 { - font-size: 4rem; - text-align: center; - text-shadow: 2px 2px 10px ; - } - - h2 { - font-size: 3rem; - text-align: center; - } - - h3 { - font-size: 2.2rem; - } - - p, li { - font-size: 1.6rem; - line-height: 1.5; - } - - /* || header layout */ - - nav, article, aside, footer { - padding: 1%; - } - - nav { - height: 50px; - display: flex; - margin-bottom: 10px; - } - - nav ul { - padding: 0; - list-style-type: none; - flex: 2; - display: flex; - } - - nav li { - display: inline; - text-align: center; - flex: 1; - } - - nav a { - display: inline-block; - font-size: 2rem; - text-transform: uppercase; - text-decoration: none; - } - - nav form { - flex: 1; - display: flex; - align-items: center; - height: 100%; - padding: 0 2em; - } - - input { - font-size: 1.6rem; - height: 32px; - } - - input[type="search"] { - flex: 3; - } - - input[type="submit"] { - flex: 1; - margin-left: 1rem; - border: 0; - } - - /* || main layout */ - - main { - display: flex; - } - - article { - flex: 4; - } - - aside { - flex: 1; - margin-left: 10px; - } - - aside li { - padding-bottom: 10px; - } - - footer { - margin-top: 10px; - } \ No newline at end of file + margin: 0; + padding: 0; +} + +html { + font-size: 10px; + background-color: #dddddd ; +} + +body { + width: 75%; + margin: 0 auto; +} + +/* || typography */ + +h1, h2, h3 { + font-family: 'Segoe UI', sans-serif; + color: #2a2a2a; +} + +p, input, li, span { + font-family: 'Segoe UI', sans-serif; + color: #2a2a2a; +} + +h1 { + font-size: 4rem; + text-align: center; + text-shadow: 2px 2px 10px black; +} + +h2 { + font-size: 3rem; + text-align: center; +} + +h3 { + font-size: 2.2rem; +} + +p, li, span { + font-size: 1.6rem; + line-height: 1.5; +} + +/* || header layout */ + +nav, article, aside, footer { + padding: 1%; +} + +nav { + height: 50px; + display: flex; + margin-bottom: 10px; +} + +nav ul { + padding: 0; + list-style-type: none; + flex: 2; + display: flex; +} + +nav li { + display: inline; + text-align: center; + flex: 1; +} + +nav a { + display: inline-block; + font-size: 2rem; + text-transform: uppercase; + text-decoration: none; + color: black; +} + +nav form { + flex: 1; + display: flex; + align-items: center; + height: 100%; + padding: 0 2em; +} + +input { + font-size: 1.6rem; + height: 32px; +} + +input[type="search"] { + flex: 3; +} + +input[type="submit"] { + flex: 1; + margin-left: 1rem; + background: #333; + border: 0; + color: white; +} + +/* || main layout */ + +main { + display: flex; +} + +article { + flex: 4; +} + +aside { + flex: 1; + margin-left: 5px; +} + +aside li { + padding-bottom: 5px; +} + +footer { + margin-top: 10px; + text-align: center; +} \ No newline at end of file diff --git a/index.html b/index.html index e584b3c..fa8d257 100644 --- a/index.html +++ b/index.html @@ -1,61 +1,126 @@ - - - OsmAnd Rendering FR - - - - OsmAnd Rendering Github  - OsmAnd GitHub  - - English  - Español  - Français  - -
- -

- - -
-

-

Bienvenue sur OsmAnd Rendering !

- Nous sommes des utilisateurs d’OsmAnd et contributeurs d'OpenStreetMap. Nous aimons beaucoup le coté multi-activités ainsi que la flexibilité qu'offre cette application.

- - Notre envie d’améliorer notre expérience avec OsmAnd nous a poussé à créer divers styles d’affichage, certains de manières individuelle, d’autres de manière collaborative, avec très peu voir aucune connaissance et nous avons fini par les réunir sur ce Github pour pouvoir les partager avec le plus grand nombre.

- - Notre équipe de joyeux curieux, créatifs passionnés et bidouilleurs de tous horizons, totalement indépendante du projet OsmAnd, a déjà créé les styles ci-dessous. Essayez-les et venez en discuter!

- - Matrix

- Telegram


- - Remerciements :

- - Aux membres de Randonner Léger (RL) pour leur soutien et leurs conseils, la première pierre de l'édifice ! Randonnée

- - Aux membres d' OSM FR & ES très actifs ! Enduro Randonnée CycloRoute Online Map

+ + + + + OsmAnd Rendering FR + + + + + + + + + + + + + + + + + + + + + + + + + + English  + Español  + Français  +   +
+ +

+ + + + +
+
+ + + + + + + + + +
+ + +
+ +

Bienvenue sur OsmAnd Rendering !

+ +

Nous sommes des utilisateurs d’OsmAnd et contributeurs d'OpenStreetMap. Nous aimons beaucoup le coté multi-activités ainsi que la flexibilité qu'offre cette application.

- Aux membres de terre bitume pour leur soutien et leurs conseils ! Enduro

+

Notre envie d’améliorer notre expérience avec OsmAnd nous a poussé à créer divers styles d’affichage, certains de manières individuelle, d’autres de manière collaborative, avec très peu voir aucune connaissance et nous avons fini par les réunir sur ce Github pour pouvoir les partager avec le plus grand nombre.

- À l'équipe d'OsmAnd, pour leur application remplie de potentiel et pour leur disponibilité à nous répondre !

-
- - - - - - - - - - - - - - - - - -

Motorcycle
Cycling
Hiking
Online-Maps
Create a rendering
...
- - +

Notre équipe de joyeux curieux, créatifs passionnés et bidouilleurs de tous horizons, totalement indépendante du projet OsmAnd, a déjà créé les styles ci-dessous. Essayez-les et venez en discuter!


+ + +

Remerciements

+ + + + + +

Contactez-nous

+ +

Telegram  Matrix  Github

+ + + + + + + + + + + + + + + + + + + \ No newline at end of file