From c64233c5a06b4b082b8050cc94fdf24e0e41a38f Mon Sep 17 00:00:00 2001 From: T4lianah Date: Wed, 24 Jan 2024 17:26:48 +0100 Subject: [PATCH] =?UTF-8?q?Ajout=20de=20toutes=20les=20pages=20th=C3=A9mat?= =?UTF-8?q?iques=20et=20contact?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Capitalisme.html | 43 ++++++++++++++ Décolonialisme.html | 42 +++++++++++++ Fascisme.html | 42 +++++++++++++ Violence.html | 43 ++++++++++++++ communisme.html | 42 +++++++++++++ contact.html | 42 +++++++++++++ féminisme.html | 42 +++++++++++++ handicap.html | 42 +++++++++++++ index.html | 17 +++--- style capitalisme.css | 111 +++++++++++++++++++++++++++++++++++ style communisme.css | 111 +++++++++++++++++++++++++++++++++++ style contact.css | 111 +++++++++++++++++++++++++++++++++++ style décolonialisme.css | 111 +++++++++++++++++++++++++++++++++++ style fascisme.css | 111 +++++++++++++++++++++++++++++++++++ style féminisme.css | 111 +++++++++++++++++++++++++++++++++++ style handicap.css | 111 +++++++++++++++++++++++++++++++++++ style.css => style index.css | 44 +++++++++++--- style violence.css | 111 +++++++++++++++++++++++++++++++++++ 18 files changed, 1270 insertions(+), 17 deletions(-) create mode 100644 Capitalisme.html create mode 100644 Décolonialisme.html create mode 100644 Fascisme.html create mode 100644 Violence.html create mode 100644 communisme.html create mode 100644 contact.html create mode 100644 féminisme.html create mode 100644 handicap.html create mode 100644 style capitalisme.css create mode 100644 style communisme.css create mode 100644 style contact.css create mode 100644 style décolonialisme.css create mode 100644 style fascisme.css create mode 100644 style féminisme.css create mode 100644 style handicap.css rename style.css => style index.css (71%) create mode 100644 style violence.css diff --git a/Capitalisme.html b/Capitalisme.html new file mode 100644 index 0000000..45961e6 --- /dev/null +++ b/Capitalisme.html @@ -0,0 +1,43 @@ + + + + + page capitalisme + + + + +

Sociologie Sans Soucis

+
+
+

Capitalisme

+
+
+
+ Accueil + Violence + Fascisme + Communisme/Anarchisme + Féminisme + Handicap + Décolonialisme +
+
+
+
+

Réseaux sociaux et contacts :

+ +
+ + +Propulsé par Forgejo +Version: 1.21.1+0 Page: +37ms +Modèle: +5ms + diff --git a/Décolonialisme.html b/Décolonialisme.html new file mode 100644 index 0000000..9dfa534 --- /dev/null +++ b/Décolonialisme.html @@ -0,0 +1,42 @@ + + + + + page Décolonialisme + + + + +

Sociologie Sans Soucis

+
+
+

Décolonialisme

+
+
+
+ Capitalisme + Violence + Fascisme + Communisme/Anarchisme + Féminisme + Handicap + Accueil +
+
+
+
+

Réseaux sociaux et contacts :

+ +
+ + +Propulsé par Forgejo +Version: 1.21.1+0 Page: +37ms +Modèle: +5ms \ No newline at end of file diff --git a/Fascisme.html b/Fascisme.html new file mode 100644 index 0000000..77eee42 --- /dev/null +++ b/Fascisme.html @@ -0,0 +1,42 @@ + + + + + page Fascisme + + + + +

Sociologie Sans Soucis

+
+
+

Fascisme

+
+
+
+ Capitalisme + Violence + Accueil + Communisme/Anarchisme + Féminisme + Handicap + Décolonialisme +
+
+
+
+

Réseaux sociaux et contacts :

+ +
+ + +Propulsé par Forgejo +Version: 1.21.1+0 Page: +37ms +Modèle: +5ms \ No newline at end of file diff --git a/Violence.html b/Violence.html new file mode 100644 index 0000000..41a12e0 --- /dev/null +++ b/Violence.html @@ -0,0 +1,43 @@ + + + + + page violence + + + + +

Sociologie Sans Soucis

+
+
+

Violence

+
+
+
+ Capitalisme + Accueil + Fascisme + Communisme/Anarchisme + Féminisme + Handicap + Décolonialisme +
+
+
+
+

Réseaux sociaux et contacts :

+ +
+ + +Propulsé par Forgejo +Version: 1.21.1+0 Page: +37ms +Modèle: +5ms + diff --git a/communisme.html b/communisme.html new file mode 100644 index 0000000..25860a3 --- /dev/null +++ b/communisme.html @@ -0,0 +1,42 @@ + + + + + page communisme + + + + +

Sociologie Sans Soucis

+
+
+

Communisme et Anarchisme

+
+
+
+ Capitalisme + Violence + Fascisme + Accueil + Féminisme + Handicap + Décolonialisme +
+
+
+
+

Réseaux sociaux et contacts :

+ +
+ + +Propulsé par Forgejo +Version: 1.21.1+0 Page: +37ms +Modèle: +5ms \ No newline at end of file diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..a3efe29 --- /dev/null +++ b/contact.html @@ -0,0 +1,42 @@ + + + + + page contact + + + + +

Sociologie Sans Soucis

+
+
+

contact

+
+
+
+ Capitalisme + Violence + Fascisme + Communisme/Anarchisme + Féminisme + Accueil + Décolonialisme +
+
+
+
+

Réseaux sociaux et contacts :

+ +
+ + +Propulsé par Forgejo +Version: 1.21.1+0 Page: +37ms +Modèle: +5ms \ No newline at end of file diff --git a/féminisme.html b/féminisme.html new file mode 100644 index 0000000..b925697 --- /dev/null +++ b/féminisme.html @@ -0,0 +1,42 @@ + + + + + page Féministe + + + + +

Sociologie Sans Soucis

+
+
+

Féminisme

+
+
+
+ Capitalisme + Violence + Fascisme + Communisme/Anarchisme + Accueil + Handicap + Décolonialisme +
+
+
+
+

Réseaux sociaux et contacts :

+ +
+ + +Propulsé par Forgejo +Version: 1.21.1+0 Page: +37ms +Modèle: +5ms \ No newline at end of file diff --git a/handicap.html b/handicap.html new file mode 100644 index 0000000..0b4804b --- /dev/null +++ b/handicap.html @@ -0,0 +1,42 @@ + + + + + page Handicap + + + + +

Sociologie Sans Soucis

+
+
+

Handicap

+
+
+
+ Capitalisme + Violence + Fascisme + Communisme/Anarchisme + Féminisme + Accueil + Décolonialisme +
+
+
+
+

Réseaux sociaux et contacts :

+ +
+ + +Propulsé par Forgejo +Version: 1.21.1+0 Page: +37ms +Modèle: +5ms \ No newline at end of file diff --git a/index.html b/index.html index a55a383..c75baae 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ Site web de T4lianah - +

Sociologie Sans Soucis

@@ -16,13 +16,13 @@
- Capitalisme - Violence - Fascisme - Communisme/Anarchisme - Féminisme - Handicap - Décolonialisme + Capitalisme + Violence + Fascisme + Communisme/Anarchisme + Féminisme + Handicap + Décolonialisme
@@ -31,6 +31,7 @@
  • Mastodon
  • instagram
  • Twitch
    • +
  • Formulaire de contact
    • diff --git a/style capitalisme.css b/style capitalisme.css new file mode 100644 index 0000000..8d8479f --- /dev/null +++ b/style capitalisme.css @@ -0,0 +1,111 @@ +body { + text-align: center; + display: flex; + flex-direction: column; + } + body h1 { + color: white; + margin-top: 0%; + margin-bottom: 0%; + font-size: 8rem; + font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + -webkit-text-stroke: 4px black; + background-image: url(img/banière\ site\ def.png); + background-size:cover; + background-position: center; + width: 100%; + height: 55vh; + } + body .site_content { + display: flex; + flex-direction: row; + justify-content: space-between; + min-height: 100vh; + flex-grow: 1; + } + body .site_content .main_content { + flex-grow: 1; + margin-right: 20px; + text-align: center; + } + body .site_content .vertical_banner { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 2rem; + color: white; + background-color: #9F0A0A; + background-size: contain; + z-index: 1; + width: 26%; + order: -1; + } + body .site_content .vertical_banner .category { + display: flex; + flex-direction: column; + gap: 1vh; + margin: 5px; + margin-top: 2%; + } + body .site_content .vertical_banner .category a { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 2rem; + text-decoration: none; + color: white; + background-size: contain; + } + body .site_content .vertical_banner .category a:visited { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 2rem; + text-decoration: none; + color: white; + background-size: contain; + } +body .site_content .main_content h2 { + color: black; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 4rem; +} + body h3 { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + } + body p { + text-align: left; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + } + body .footer { + background-color: #9F0A0A; + padding: 20px; + text-align: center; + color: white; + width: 100%; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + margin-top: auto; + align-self: flex-end; + margin-top: auto; + right: 0; + left: 0; + } + body .social-links { + list-style: none; + padding: 0; + margin: 0; + } + body .social-links li { + display: inline-block; + margin-bottom: 10px; + } + body .social-links a img { + width: 40px; + height: 40px; + } + body .social-links a { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 1rem; + text-decoration: none; + color: white; + } + body .social-links a:visited { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 1rem; + text-decoration: none; + color: white; + } \ No newline at end of file diff --git a/style communisme.css b/style communisme.css new file mode 100644 index 0000000..8d8479f --- /dev/null +++ b/style communisme.css @@ -0,0 +1,111 @@ +body { + text-align: center; + display: flex; + flex-direction: column; + } + body h1 { + color: white; + margin-top: 0%; + margin-bottom: 0%; + font-size: 8rem; + font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + -webkit-text-stroke: 4px black; + background-image: url(img/banière\ site\ def.png); + background-size:cover; + background-position: center; + width: 100%; + height: 55vh; + } + body .site_content { + display: flex; + flex-direction: row; + justify-content: space-between; + min-height: 100vh; + flex-grow: 1; + } + body .site_content .main_content { + flex-grow: 1; + margin-right: 20px; + text-align: center; + } + body .site_content .vertical_banner { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 2rem; + color: white; + background-color: #9F0A0A; + background-size: contain; + z-index: 1; + width: 26%; + order: -1; + } + body .site_content .vertical_banner .category { + display: flex; + flex-direction: column; + gap: 1vh; + margin: 5px; + margin-top: 2%; + } + body .site_content .vertical_banner .category a { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 2rem; + text-decoration: none; + color: white; + background-size: contain; + } + body .site_content .vertical_banner .category a:visited { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 2rem; + text-decoration: none; + color: white; + background-size: contain; + } +body .site_content .main_content h2 { + color: black; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 4rem; +} + body h3 { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + } + body p { + text-align: left; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + } + body .footer { + background-color: #9F0A0A; + padding: 20px; + text-align: center; + color: white; + width: 100%; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + margin-top: auto; + align-self: flex-end; + margin-top: auto; + right: 0; + left: 0; + } + body .social-links { + list-style: none; + padding: 0; + margin: 0; + } + body .social-links li { + display: inline-block; + margin-bottom: 10px; + } + body .social-links a img { + width: 40px; + height: 40px; + } + body .social-links a { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 1rem; + text-decoration: none; + color: white; + } + body .social-links a:visited { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 1rem; + text-decoration: none; + color: white; + } \ No newline at end of file diff --git a/style contact.css b/style contact.css new file mode 100644 index 0000000..8d8479f --- /dev/null +++ b/style contact.css @@ -0,0 +1,111 @@ +body { + text-align: center; + display: flex; + flex-direction: column; + } + body h1 { + color: white; + margin-top: 0%; + margin-bottom: 0%; + font-size: 8rem; + font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + -webkit-text-stroke: 4px black; + background-image: url(img/banière\ site\ def.png); + background-size:cover; + background-position: center; + width: 100%; + height: 55vh; + } + body .site_content { + display: flex; + flex-direction: row; + justify-content: space-between; + min-height: 100vh; + flex-grow: 1; + } + body .site_content .main_content { + flex-grow: 1; + margin-right: 20px; + text-align: center; + } + body .site_content .vertical_banner { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 2rem; + color: white; + background-color: #9F0A0A; + background-size: contain; + z-index: 1; + width: 26%; + order: -1; + } + body .site_content .vertical_banner .category { + display: flex; + flex-direction: column; + gap: 1vh; + margin: 5px; + margin-top: 2%; + } + body .site_content .vertical_banner .category a { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 2rem; + text-decoration: none; + color: white; + background-size: contain; + } + body .site_content .vertical_banner .category a:visited { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 2rem; + text-decoration: none; + color: white; + background-size: contain; + } +body .site_content .main_content h2 { + color: black; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 4rem; +} + body h3 { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + } + body p { + text-align: left; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + } + body .footer { + background-color: #9F0A0A; + padding: 20px; + text-align: center; + color: white; + width: 100%; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + margin-top: auto; + align-self: flex-end; + margin-top: auto; + right: 0; + left: 0; + } + body .social-links { + list-style: none; + padding: 0; + margin: 0; + } + body .social-links li { + display: inline-block; + margin-bottom: 10px; + } + body .social-links a img { + width: 40px; + height: 40px; + } + body .social-links a { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 1rem; + text-decoration: none; + color: white; + } + body .social-links a:visited { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 1rem; + text-decoration: none; + color: white; + } \ No newline at end of file diff --git a/style décolonialisme.css b/style décolonialisme.css new file mode 100644 index 0000000..8d8479f --- /dev/null +++ b/style décolonialisme.css @@ -0,0 +1,111 @@ +body { + text-align: center; + display: flex; + flex-direction: column; + } + body h1 { + color: white; + margin-top: 0%; + margin-bottom: 0%; + font-size: 8rem; + font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + -webkit-text-stroke: 4px black; + background-image: url(img/banière\ site\ def.png); + background-size:cover; + background-position: center; + width: 100%; + height: 55vh; + } + body .site_content { + display: flex; + flex-direction: row; + justify-content: space-between; + min-height: 100vh; + flex-grow: 1; + } + body .site_content .main_content { + flex-grow: 1; + margin-right: 20px; + text-align: center; + } + body .site_content .vertical_banner { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 2rem; + color: white; + background-color: #9F0A0A; + background-size: contain; + z-index: 1; + width: 26%; + order: -1; + } + body .site_content .vertical_banner .category { + display: flex; + flex-direction: column; + gap: 1vh; + margin: 5px; + margin-top: 2%; + } + body .site_content .vertical_banner .category a { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 2rem; + text-decoration: none; + color: white; + background-size: contain; + } + body .site_content .vertical_banner .category a:visited { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 2rem; + text-decoration: none; + color: white; + background-size: contain; + } +body .site_content .main_content h2 { + color: black; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 4rem; +} + body h3 { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + } + body p { + text-align: left; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + } + body .footer { + background-color: #9F0A0A; + padding: 20px; + text-align: center; + color: white; + width: 100%; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + margin-top: auto; + align-self: flex-end; + margin-top: auto; + right: 0; + left: 0; + } + body .social-links { + list-style: none; + padding: 0; + margin: 0; + } + body .social-links li { + display: inline-block; + margin-bottom: 10px; + } + body .social-links a img { + width: 40px; + height: 40px; + } + body .social-links a { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 1rem; + text-decoration: none; + color: white; + } + body .social-links a:visited { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 1rem; + text-decoration: none; + color: white; + } \ No newline at end of file diff --git a/style fascisme.css b/style fascisme.css new file mode 100644 index 0000000..8d8479f --- /dev/null +++ b/style fascisme.css @@ -0,0 +1,111 @@ +body { + text-align: center; + display: flex; + flex-direction: column; + } + body h1 { + color: white; + margin-top: 0%; + margin-bottom: 0%; + font-size: 8rem; + font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + -webkit-text-stroke: 4px black; + background-image: url(img/banière\ site\ def.png); + background-size:cover; + background-position: center; + width: 100%; + height: 55vh; + } + body .site_content { + display: flex; + flex-direction: row; + justify-content: space-between; + min-height: 100vh; + flex-grow: 1; + } + body .site_content .main_content { + flex-grow: 1; + margin-right: 20px; + text-align: center; + } + body .site_content .vertical_banner { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 2rem; + color: white; + background-color: #9F0A0A; + background-size: contain; + z-index: 1; + width: 26%; + order: -1; + } + body .site_content .vertical_banner .category { + display: flex; + flex-direction: column; + gap: 1vh; + margin: 5px; + margin-top: 2%; + } + body .site_content .vertical_banner .category a { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 2rem; + text-decoration: none; + color: white; + background-size: contain; + } + body .site_content .vertical_banner .category a:visited { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 2rem; + text-decoration: none; + color: white; + background-size: contain; + } +body .site_content .main_content h2 { + color: black; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 4rem; +} + body h3 { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + } + body p { + text-align: left; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + } + body .footer { + background-color: #9F0A0A; + padding: 20px; + text-align: center; + color: white; + width: 100%; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + margin-top: auto; + align-self: flex-end; + margin-top: auto; + right: 0; + left: 0; + } + body .social-links { + list-style: none; + padding: 0; + margin: 0; + } + body .social-links li { + display: inline-block; + margin-bottom: 10px; + } + body .social-links a img { + width: 40px; + height: 40px; + } + body .social-links a { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 1rem; + text-decoration: none; + color: white; + } + body .social-links a:visited { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 1rem; + text-decoration: none; + color: white; + } \ No newline at end of file diff --git a/style féminisme.css b/style féminisme.css new file mode 100644 index 0000000..8d8479f --- /dev/null +++ b/style féminisme.css @@ -0,0 +1,111 @@ +body { + text-align: center; + display: flex; + flex-direction: column; + } + body h1 { + color: white; + margin-top: 0%; + margin-bottom: 0%; + font-size: 8rem; + font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + -webkit-text-stroke: 4px black; + background-image: url(img/banière\ site\ def.png); + background-size:cover; + background-position: center; + width: 100%; + height: 55vh; + } + body .site_content { + display: flex; + flex-direction: row; + justify-content: space-between; + min-height: 100vh; + flex-grow: 1; + } + body .site_content .main_content { + flex-grow: 1; + margin-right: 20px; + text-align: center; + } + body .site_content .vertical_banner { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 2rem; + color: white; + background-color: #9F0A0A; + background-size: contain; + z-index: 1; + width: 26%; + order: -1; + } + body .site_content .vertical_banner .category { + display: flex; + flex-direction: column; + gap: 1vh; + margin: 5px; + margin-top: 2%; + } + body .site_content .vertical_banner .category a { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 2rem; + text-decoration: none; + color: white; + background-size: contain; + } + body .site_content .vertical_banner .category a:visited { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 2rem; + text-decoration: none; + color: white; + background-size: contain; + } +body .site_content .main_content h2 { + color: black; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 4rem; +} + body h3 { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + } + body p { + text-align: left; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + } + body .footer { + background-color: #9F0A0A; + padding: 20px; + text-align: center; + color: white; + width: 100%; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + margin-top: auto; + align-self: flex-end; + margin-top: auto; + right: 0; + left: 0; + } + body .social-links { + list-style: none; + padding: 0; + margin: 0; + } + body .social-links li { + display: inline-block; + margin-bottom: 10px; + } + body .social-links a img { + width: 40px; + height: 40px; + } + body .social-links a { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 1rem; + text-decoration: none; + color: white; + } + body .social-links a:visited { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 1rem; + text-decoration: none; + color: white; + } \ No newline at end of file diff --git a/style handicap.css b/style handicap.css new file mode 100644 index 0000000..8d8479f --- /dev/null +++ b/style handicap.css @@ -0,0 +1,111 @@ +body { + text-align: center; + display: flex; + flex-direction: column; + } + body h1 { + color: white; + margin-top: 0%; + margin-bottom: 0%; + font-size: 8rem; + font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + -webkit-text-stroke: 4px black; + background-image: url(img/banière\ site\ def.png); + background-size:cover; + background-position: center; + width: 100%; + height: 55vh; + } + body .site_content { + display: flex; + flex-direction: row; + justify-content: space-between; + min-height: 100vh; + flex-grow: 1; + } + body .site_content .main_content { + flex-grow: 1; + margin-right: 20px; + text-align: center; + } + body .site_content .vertical_banner { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 2rem; + color: white; + background-color: #9F0A0A; + background-size: contain; + z-index: 1; + width: 26%; + order: -1; + } + body .site_content .vertical_banner .category { + display: flex; + flex-direction: column; + gap: 1vh; + margin: 5px; + margin-top: 2%; + } + body .site_content .vertical_banner .category a { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 2rem; + text-decoration: none; + color: white; + background-size: contain; + } + body .site_content .vertical_banner .category a:visited { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 2rem; + text-decoration: none; + color: white; + background-size: contain; + } +body .site_content .main_content h2 { + color: black; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 4rem; +} + body h3 { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + } + body p { + text-align: left; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + } + body .footer { + background-color: #9F0A0A; + padding: 20px; + text-align: center; + color: white; + width: 100%; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + margin-top: auto; + align-self: flex-end; + margin-top: auto; + right: 0; + left: 0; + } + body .social-links { + list-style: none; + padding: 0; + margin: 0; + } + body .social-links li { + display: inline-block; + margin-bottom: 10px; + } + body .social-links a img { + width: 40px; + height: 40px; + } + body .social-links a { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 1rem; + text-decoration: none; + color: white; + } + body .social-links a:visited { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 1rem; + text-decoration: none; + color: white; + } \ No newline at end of file diff --git a/style.css b/style index.css similarity index 71% rename from style.css rename to style index.css index 6f31837..3fdeb6f 100644 --- a/style.css +++ b/style index.css @@ -1,5 +1,7 @@ body { text-align: center; + display: flex; + flex-direction: column; } body h1 { color: white; @@ -17,10 +19,13 @@ body { body .site_content { display: flex; flex-direction: row; + justify-content: space-between; + min-height: 100vh; } - body .site_content .main_content h2 { - color: black; - font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + body .site_content .main_content { + flex-grow: 1; + margin-right: 20px; + text-align: center; } body .site_content .vertical_banner { font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; @@ -29,6 +34,8 @@ body { background-color: #9F0A0A; background-size: contain; z-index: 1; + width: 26%; + order: -1; } body .site_content .vertical_banner .category { display: flex; @@ -51,6 +58,10 @@ body { color: white; background-size: contain; } +body .site_content .main_content h2 { + color: black; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; +} body h3 { font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; } @@ -58,27 +69,42 @@ body { text-align: left; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; } - .footer { + body .footer { background-color: #9F0A0A; padding: 20px; text-align: center; color: white; - position: fixed; - bottom: 0; width: 100%; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + margin-top: auto; + align-self: flex-end; + position: absolute; + right: 0; + left: 0; } - .social-links { + body .social-links { list-style: none; padding: 0; margin: 0; } - .social-links li { + body .social-links li { display: inline-block; margin-bottom: 10px; } - .social-links a img { + body .social-links a img { width: 40px; height: 40px; + } + body .social-links a { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 1rem; + text-decoration: none; + color: white; + } + body .social-links a:visited { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 1rem; + text-decoration: none; + color: white; } /*# sourceMappingURL=style.css.map \ No newline at end of file diff --git a/style violence.css b/style violence.css new file mode 100644 index 0000000..8d8479f --- /dev/null +++ b/style violence.css @@ -0,0 +1,111 @@ +body { + text-align: center; + display: flex; + flex-direction: column; + } + body h1 { + color: white; + margin-top: 0%; + margin-bottom: 0%; + font-size: 8rem; + font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + -webkit-text-stroke: 4px black; + background-image: url(img/banière\ site\ def.png); + background-size:cover; + background-position: center; + width: 100%; + height: 55vh; + } + body .site_content { + display: flex; + flex-direction: row; + justify-content: space-between; + min-height: 100vh; + flex-grow: 1; + } + body .site_content .main_content { + flex-grow: 1; + margin-right: 20px; + text-align: center; + } + body .site_content .vertical_banner { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 2rem; + color: white; + background-color: #9F0A0A; + background-size: contain; + z-index: 1; + width: 26%; + order: -1; + } + body .site_content .vertical_banner .category { + display: flex; + flex-direction: column; + gap: 1vh; + margin: 5px; + margin-top: 2%; + } + body .site_content .vertical_banner .category a { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 2rem; + text-decoration: none; + color: white; + background-size: contain; + } + body .site_content .vertical_banner .category a:visited { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 2rem; + text-decoration: none; + color: white; + background-size: contain; + } +body .site_content .main_content h2 { + color: black; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 4rem; +} + body h3 { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + } + body p { + text-align: left; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + } + body .footer { + background-color: #9F0A0A; + padding: 20px; + text-align: center; + color: white; + width: 100%; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + margin-top: auto; + align-self: flex-end; + margin-top: auto; + right: 0; + left: 0; + } + body .social-links { + list-style: none; + padding: 0; + margin: 0; + } + body .social-links li { + display: inline-block; + margin-bottom: 10px; + } + body .social-links a img { + width: 40px; + height: 40px; + } + body .social-links a { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 1rem; + text-decoration: none; + color: white; + } + body .social-links a:visited { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 1rem; + text-decoration: none; + color: white; + } \ No newline at end of file