From c5f4624928108e46482c86d9dc42053e15e91e31 Mon Sep 17 00:00:00 2001 From: Louis-LJ <79785663+Louis-LJ@users.noreply.github.com> Date: Fri, 31 May 2024 10:56:54 +0200 Subject: [PATCH] add css --- CycloRoute/Style.css | 126 ++++++++++++++++++++++++++++++++++++++ Enduro/Style.css | 126 ++++++++++++++++++++++++++++++++++++++ Hiking/Style.css | 126 ++++++++++++++++++++++++++++++++++++++ Hiking/index.html | 24 ++++---- Online_maps/Style.css | 126 ++++++++++++++++++++++++++++++++++++++ Online_maps/index.html | 64 +++++++++++++++++++ Online_maps/index_EN.html | 59 ++++++++++++++++++ Online_maps/index_ES.html | 63 +++++++++++++++++++ Style.css | 126 ++++++++++++++++++++++++++++++++++++++ 9 files changed, 828 insertions(+), 12 deletions(-) create mode 100644 CycloRoute/Style.css create mode 100644 Enduro/Style.css create mode 100644 Hiking/Style.css create mode 100644 Online_maps/Style.css create mode 100644 Online_maps/index.html create mode 100644 Online_maps/index_EN.html create mode 100644 Online_maps/index_ES.html create mode 100644 Style.css diff --git a/CycloRoute/Style.css b/CycloRoute/Style.css new file mode 100644 index 0000000..d464955 --- /dev/null +++ b/CycloRoute/Style.css @@ -0,0 +1,126 @@ +/* || 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 diff --git a/Enduro/Style.css b/Enduro/Style.css new file mode 100644 index 0000000..d464955 --- /dev/null +++ b/Enduro/Style.css @@ -0,0 +1,126 @@ +/* || 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 diff --git a/Hiking/Style.css b/Hiking/Style.css new file mode 100644 index 0000000..d464955 --- /dev/null +++ b/Hiking/Style.css @@ -0,0 +1,126 @@ +/* || 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 diff --git a/Hiking/index.html b/Hiking/index.html index 62593ca..6423481 100644 --- a/Hiking/index.html +++ b/Hiking/index.html @@ -1,27 +1,27 @@ - OsmAnd Rendering FR - + Hiking 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.

+

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.

@@ -49,12 +49,12 @@

Repositories:

- - - - - - + + + + + + diff --git a/Online_maps/Style.css b/Online_maps/Style.css new file mode 100644 index 0000000..d464955 --- /dev/null +++ b/Online_maps/Style.css @@ -0,0 +1,126 @@ +/* || 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 diff --git a/Online_maps/index.html b/Online_maps/index.html new file mode 100644 index 0000000..4b7dc4b --- /dev/null +++ b/Online_maps/index.html @@ -0,0 +1,64 @@ + + + + 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!

+ + + +

Remerciements

+ + + +

Repositories:

+ +

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

Motorcycle
Cycling
Hiking
Online-Maps
Create a rendering
...
+ + diff --git a/Online_maps/index_EN.html b/Online_maps/index_EN.html new file mode 100644 index 0000000..711eb6e --- /dev/null +++ b/Online_maps/index_EN.html @@ -0,0 +1,59 @@ + + + + OsmAnd Rendering FR + + + + OsmAnd Rendering Github  + OsmAnd GitHub  + + English  + Español  + Français  + +
+ +

+ +

Welcome to OsmAnd Rendering!

+ +

We are users of OsmAnd & contributors to OpenStreetMap. We really like the multi-activity aspect and the flexibility of this application!

+

Our desire to improve our experience with OsmAnd pushed us to create various display styles, some individually, some collaboratively, with little or no knowledge & we ended up putting them together on this Github to share them with as many people as possible.

+

Our team (independent of the OsmAnd project) of joyful, curious, creative, passionate, tinkerers, & from all walks of life has already created these styles below - try them out and come discuss them!

+ + +

Acknowledgements

+ + + +

Repositories:

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

Motorcycle
Cycling
Hiking
Online-Maps
Create a rendering
...
+ + \ No newline at end of file diff --git a/Online_maps/index_ES.html b/Online_maps/index_ES.html new file mode 100644 index 0000000..2bae069 --- /dev/null +++ b/Online_maps/index_ES.html @@ -0,0 +1,63 @@ + + + + OsmAnd Rendering FR + + + + OsmAnd Rendering Github  + OsmAnd GitHub  + + English  + Español  + Français  + +
+ +

+ +

¡Bienvenido a OsmAnd Rendering!

+ +

Somos usuarios de OsmAnd y colaboradores de OpenStreetMap y nos gustan mucho la flexibilidad y las posibilidades que ofrece esta aplicación para múltiples actividades.

+ +

Nuestras ganas de mejorar nuestra experiencia con OsmAnd nos llevó a crear varios estilos de visualización, algunos individualmente y otros en colaboración, con muy poco o ningún conocimiento al principio. Y ahora hemos conseguido reunirlos en este Github para poder compartirlos con la máxima cantidad de usuarios.

+ +

Nuestro equipo de felices curiosos, creativos apasionados, provenientes de diversos horizontes, ya ha creado algunos de los estilos que encontrarás a continuación. ¡Pruébalos y cuéntanos tus experiencias y opiniones!

+ + + +

Gracias

+ + + + +

Repositories:

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

Motorcycle
Cycling
Hiking
Online-Maps
Create a rendering
...
+ + \ No newline at end of file diff --git a/Style.css b/Style.css new file mode 100644 index 0000000..d464955 --- /dev/null +++ b/Style.css @@ -0,0 +1,126 @@ +/* || 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