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