Renarde/quick-fix-vulga
1
0
Fork 0
forked from T4lianah/site-vulgarisation-socio
Code Pull requests Activity

Ajout de toutes les pages thématiques et contact

Browse source
This commit is contained in:
T4lianah 2024-01-24 17:26:48 +01:00
parent c3434f986f
commit c64233c5a0
18 changed files with 1270 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
Capitalisme.html Normal file
View file

@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>page capitalisme</title>
<meta name="viewport" content="width=device-widht", initial-scale="1">
<link rel="stylesheet" href="style capitalisme.css">
</head>
<body>
<h1>Sociologie Sans Soucis</h1>
<div class="site_content">
<div class="main_content">
<h2>Capitalisme</h2>
</div>
<div class="vertical_banner">
<div class="category">
<a href="index.html">Accueil</a>
<a href="Violence.html">Violence</a>
<a href="Fascisme.html">Fascisme</a>
<a href="communisme.html">Communisme/Anarchisme</a>
<a href="féminisme.html">Féminisme</a>
<a href="handicap.html">Handicap</a>
<a href="Décolonialisme.html">Décolonialisme</a>
</div>
</div>
</div>
<div class="footer">
<h4>Réseaux sociaux et contacts :</h4>
<ul class="social-links">
<li><a href="https://corneill.es/@t4lianah" target="_blank"><img src="img/logo mastodon.png" alt="Mastodon"></a></li>
<li><a href="https://www.instagram.com/fleur_dpy/" target="_blank"><img src="img/logo instagram.png" alt="instagram"></a></li>
<li><a href="https://www.twitch.tv/t4lianah" target="_blank"><img src="img/logo twitch.png" alt="Twitch"></a></li>
<li><a href="contact.html">Formulaire de contact</a> </li>
</ul>
</div>
</body>
</html>
Propulsé par Forgejo
Version: 1.21.1+0 Page:
37ms
Modèle:
5ms

42
Décolonialisme.html Normal file
View file

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>page Décolonialisme</title>
<meta name="viewport" content="width=device-widht", initial-scale="1">
<link rel="stylesheet" href="style décolonialisme.css">
</head>
<body>
<h1>Sociologie Sans Soucis</h1>
<div class="site_content">
<div class="main_content">
<h2>Décolonialisme</h2>
</div>
<div class="vertical_banner">
<div class="category">
<a href="Capitalisme.html">Capitalisme</a>
<a href="Violence.html">Violence</a>
<a href="Fascisme.html">Fascisme</a>
<a href="communisme.html">Communisme/Anarchisme</a>
<a href="féminisme.html">Féminisme</a>
<a href="handicap.html">Handicap</a>
<a href="index.html">Accueil</a>
</div>
</div>
</div>
<div class="footer">
<h4>Réseaux sociaux et contacts :</h4>
<ul class="social-links">
<li><a href="https://corneill.es/@t4lianah" target="_blank"><img src="img/logo mastodon.png" alt="Mastodon"></a></li>
<li><a href="https://www.instagram.com/fleur_dpy/" target="_blank"><img src="img/logo instagram.png" alt="instagram"></a></li>
<li><a href="https://www.twitch.tv/t4lianah" target="_blank"><img src="img/logo twitch.png" alt="Twitch"></a></li>
<li><a href="contact.html">Formulaire de contact</a> </li>
</ul>
</div>
</body>
</html>
Propulsé par Forgejo
Version: 1.21.1+0 Page:
37ms
Modèle:
5ms

42
Fascisme.html Normal file
View file

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>page Fascisme</title>
<meta name="viewport" content="width=device-widht", initial-scale="1">
<link rel="stylesheet" href="style fascisme.css">
</head>
<body>
<h1>Sociologie Sans Soucis</h1>
<div class="site_content">
<div class="main_content">
<h2>Fascisme</h2>
</div>
<div class="vertical_banner">
<div class="category">
<a href="Capitalisme.html">Capitalisme</a>
<a href="Violence.html">Violence</a>
<a href="index.html">Accueil</a>
<a href="communisme.html">Communisme/Anarchisme</a>
<a href="féminisme.html">Féminisme</a>
<a href="handicap.html">Handicap</a>
<a href="Décolonialisme.html">Décolonialisme</a>
</div>
</div>
</div>
<div class="footer">
<h4>Réseaux sociaux et contacts :</h4>
<ul class="social-links">
<li><a href="https://corneill.es/@t4lianah" target="_blank"><img src="img/logo mastodon.png" alt="Mastodon"></a></li>
<li><a href="https://www.instagram.com/fleur_dpy/" target="_blank"><img src="img/logo instagram.png" alt="instagram"></a></li>
<li><a href="https://www.twitch.tv/t4lianah" target="_blank"><img src="img/logo twitch.png" alt="Twitch"></a></li>
<li><a href="contact.html">Formulaire de contact</a> </li>
</ul>
</div>
</body>
</html>
Propulsé par Forgejo
Version: 1.21.1+0 Page:
37ms
Modèle:
5ms

43
Violence.html Normal file
View file

@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>page violence</title>
<meta name="viewport" content="width=device-widht", initial-scale="1">
<link rel="stylesheet" href="style violence.css">
</head>
<body>
<h1>Sociologie Sans Soucis</h1>
<div class="site_content">
<div class="main_content">
<h2>Violence</h2>
</div>
<div class="vertical_banner">
<div class="category">
<a href="Capitalisme.html">Capitalisme</a>
<a href="index.html">Accueil</a>
<a href="Fascisme.html">Fascisme</a>
<a href="communisme.html">Communisme/Anarchisme</a>
<a href="féminisme.html">Féminisme</a>
<a href="handicap.html">Handicap</a>
<a href="Décolonialisme.html">Décolonialisme</a>
</div>
</div>
</div>
<div class="footer">
<h4>Réseaux sociaux et contacts :</h4>
<ul class="social-links">
<li><a href="https://corneill.es/@t4lianah" target="_blank"><img src="img/logo mastodon.png" alt="Mastodon"></a></li>
<li><a href="https://www.instagram.com/fleur_dpy/" target="_blank"><img src="img/logo instagram.png" alt="instagram"></a></li>
<li><a href="https://www.twitch.tv/t4lianah" target="_blank"><img src="img/logo twitch.png" alt="Twitch"></a></li>
<li><a href="contact.html">Formulaire de contact</a> </li>
</ul>
</div>
</body>
</html>
Propulsé par Forgejo
Version: 1.21.1+0 Page:
37ms
Modèle:
5ms

42
communisme.html Normal file
View file

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>page communisme</title>
<meta name="viewport" content="width=device-widht", initial-scale="1">
<link rel="stylesheet" href="style communisme.css">
</head>
<body>
<h1>Sociologie Sans Soucis</h1>
<div class="site_content">
<div class="main_content">
<h2>Communisme et Anarchisme</h2>
</div>
<div class="vertical_banner">
<div class="category">
<a href="Capitalisme.html">Capitalisme</a>
<a href="Violence.html">Violence</a>
<a href="Fascisme.html">Fascisme</a>
<a href="index.html">Accueil</a>
<a href="féminisme.html">Féminisme</a>
<a href="handicap.html">Handicap</a>
<a href="Décolonialisme.html">Décolonialisme</a>
</div>
</div>
</div>
<div class="footer">
<h4>Réseaux sociaux et contacts :</h4>
<ul class="social-links">
<li><a href="https://corneill.es/@t4lianah" target="_blank"><img src="img/logo mastodon.png" alt="Mastodon"></a></li>
<li><a href="https://www.instagram.com/fleur_dpy/" target="_blank"><img src="img/logo instagram.png" alt="instagram"></a></li>
<li><a href="https://www.twitch.tv/t4lianah" target="_blank"><img src="img/logo twitch.png" alt="Twitch"></a></li>
<li><a href="contact.html">Formulaire de contact</a> </li>
</ul>
</div>
</body>
</html>
Propulsé par Forgejo
Version: 1.21.1+0 Page:
37ms
Modèle:
5ms

42
contact.html Normal file
View file

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>page contact</title>
<meta name="viewport" content="width=device-widht", initial-scale="1">
<link rel="stylesheet" href="style contact.css">
</head>
<body>
<h1>Sociologie Sans Soucis</h1>
<div class="site_content">
<div class="main_content">
<h2>contact</h2>
</div>
<div class="vertical_banner">
<div class="category">
<a href="Capitalisme.html">Capitalisme</a>
<a href="Violence.html">Violence</a>
<a href="Fascisme.html">Fascisme</a>
<a href="communisme.html">Communisme/Anarchisme</a>
<a href="féminisme.html">Féminisme</a>
<a href="index.html">Accueil</a>
<a href="Décolonialisme.html">Décolonialisme</a>
</div>
</div>
</div>
<div class="footer">
<h4>Réseaux sociaux et contacts :</h4>
<ul class="social-links">
<li><a href="https://corneill.es/@t4lianah" target="_blank"><img src="img/logo mastodon.png" alt="Mastodon"></a></li>
<li><a href="https://www.instagram.com/fleur_dpy/" target="_blank"><img src="img/logo instagram.png" alt="instagram"></a></li>
<li><a href="https://www.twitch.tv/t4lianah" target="_blank"><img src="img/logo twitch.png" alt="Twitch"></a></li>
<li><a href="contact.html">Formulaire de contact</a> </li>
</ul>
</div>
</body>
</html>
Propulsé par Forgejo
Version: 1.21.1+0 Page:
37ms
Modèle:
5ms

42
féminisme.html Normal file
View file

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>page Féministe</title>
<meta name="viewport" content="width=device-widht", initial-scale="1">
<link rel="stylesheet" href="style féminisme.css">
</head>
<body>
<h1>Sociologie Sans Soucis</h1>
<div class="site_content">
<div class="main_content">
<h2>Féminisme</h2>
</div>
<div class="vertical_banner">
<div class="category">
<a href="Capitalisme.html">Capitalisme</a>
<a href="Violence.html">Violence</a>
<a href="Fascisme.html">Fascisme</a>
<a href="communisme.html">Communisme/Anarchisme</a>
<a href="index.html">Accueil</a>
<a href="handicap.html">Handicap</a>
<a href="Décolonialisme.html">Décolonialisme</a>
</div>
</div>
</div>
<div class="footer">
<h4>Réseaux sociaux et contacts :</h4>
<ul class="social-links">
<li><a href="https://corneill.es/@t4lianah" target="_blank"><img src="img/logo mastodon.png" alt="Mastodon"></a></li>
<li><a href="https://www.instagram.com/fleur_dpy/" target="_blank"><img src="img/logo instagram.png" alt="instagram"></a></li>
<li><a href="https://www.twitch.tv/t4lianah" target="_blank"><img src="img/logo twitch.png" alt="Twitch"></a></li>
<li><a href="contact.html">Formulaire de contact</a> </li>
</ul>
</div>
</body>
</html>
Propulsé par Forgejo
Version: 1.21.1+0 Page:
37ms
Modèle:
5ms

42
handicap.html Normal file
View file

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>page Handicap</title>
<meta name="viewport" content="width=device-widht", initial-scale="1">
<link rel="stylesheet" href="style handicap.css">
</head>
<body>
<h1>Sociologie Sans Soucis</h1>
<div class="site_content">
<div class="main_content">
<h2>Handicap</h2>
</div>
<div class="vertical_banner">
<div class="category">
<a href="Capitalisme.html">Capitalisme</a>
<a href="Violence.html">Violence</a>
<a href="Fascisme.html">Fascisme</a>
<a href="communisme.html">Communisme/Anarchisme</a>
<a href="féminisme.html">Féminisme</a>
<a href="index.html">Accueil</a>
<a href="Décolonialisme.html">Décolonialisme</a>
</div>
</div>
</div>
<div class="footer">
<h4>Réseaux sociaux et contacts :</h4>
<ul class="social-links">
<li><a href="https://corneill.es/@t4lianah" target="_blank"><img src="img/logo mastodon.png" alt="Mastodon"></a></li>
<li><a href="https://www.instagram.com/fleur_dpy/" target="_blank"><img src="img/logo instagram.png" alt="instagram"></a></li>
<li><a href="https://www.twitch.tv/t4lianah" target="_blank"><img src="img/logo twitch.png" alt="Twitch"></a></li>
<li><a href="contact.html">Formulaire de contact</a> </li>
</ul>
</div>
</body>
</html>
Propulsé par Forgejo
Version: 1.21.1+0 Page:
37ms
Modèle:
5ms

17
index.html
View file

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Site web de T4lianah</title> <title>Site web de T4lianah</title>
<meta name="viewport" content="width=device-widht", initial-scale="1"> <meta name="viewport" content="width=device-widht", initial-scale="1">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style index.css">
</head> </head>
<body> <body>
<h1>Sociologie Sans Soucis</h1> <h1>Sociologie Sans Soucis</h1>
@ -16,13 +16,13 @@
</div> </div>
<div class="vertical_banner"> <div class="vertical_banner">
<div class="category"> <div class="category">
<a href="https://fr.wikipedia.org/wiki/Capitalisme">Capitalisme</a> <a href="Capitalisme.html">Capitalisme</a>
<a href="https://fr.wikipedia.org/wiki/Violence">Violence</a> <a href="Violence.html">Violence</a>
<a href="https://fr.wikipedia.org/wiki/Fascisme">Fascisme</a> <a href="Fascisme.html">Fascisme</a>
<a href="https://fr.wikipedia.org/wiki/Anarchisme">Communisme/Anarchisme</a> <a href="communisme.html">Communisme/Anarchisme</a>
<a href="https://fr.wikipedia.org/wiki/F%C3%A9minisme">Féminisme</a> <a href="féminisme.html">Féminisme</a>
<a href="https://fr.wikipedia.org/wiki/Handicap">Handicap</a> <a href="handicap.html">Handicap</a>
<a href="https://fr.wikipedia.org/wiki/%C3%89tudes_d%C3%A9coloniales">Décolonialisme</a> <a href="Décolonialisme.html">Décolonialisme</a>
</div> </div>
</div> </div>
<div class="footer"> <div class="footer">
@ -31,6 +31,7 @@
<li><a href="https://corneill.es/@t4lianah" target="_blank"><img src="img/logo mastodon.png" alt="Mastodon"></a></li> <li><a href="https://corneill.es/@t4lianah" target="_blank"><img src="img/logo mastodon.png" alt="Mastodon"></a></li>
<li><a href="https://www.instagram.com/fleur_dpy/" target="_blank"><img src="img/logo instagram.png" alt="instagram"></a></li> <li><a href="https://www.instagram.com/fleur_dpy/" target="_blank"><img src="img/logo instagram.png" alt="instagram"></a></li>
<li><a href="https://www.twitch.tv/t4lianah" target="_blank"><img src="img/logo twitch.png" alt="Twitch"></a></li> <li><a href="https://www.twitch.tv/t4lianah" target="_blank"><img src="img/logo twitch.png" alt="Twitch"></a></li>
<li><a href="contact.html">Formulaire de contact</a> </li>
</ul> </ul>
</div> </div>
</div> </div>

111
style capitalisme.css Normal file
View file

@ -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;
}

111
style communisme.css Normal file
View file

@ -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;
}

111
style contact.css Normal file
View file

@ -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;
}

111
style décolonialisme.css Normal file
View file

@ -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;
}

111
style fascisme.css Normal file
View file

@ -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;
}

111
style féminisme.css Normal file
View file

@ -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;
}

111
style handicap.css Normal file
View file

@ -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;
}

44
style.css → style index.css
View file

@ -1,5 +1,7 @@
body { body {
text-align: center; text-align: center;
display: flex;
flex-direction: column;
} }
body h1 { body h1 {
color: white; color: white;
@ -17,10 +19,13 @@ body {
body .site_content { body .site_content {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between;
min-height: 100vh;
} }
body .site_content .main_content h2 { body .site_content .main_content {
color: black; flex-grow: 1;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; margin-right: 20px;
text-align: center;
} }
body .site_content .vertical_banner { body .site_content .vertical_banner {
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
@ -29,6 +34,8 @@ body {
background-color: #9F0A0A; background-color: #9F0A0A;
background-size: contain; background-size: contain;
z-index: 1; z-index: 1;
width: 26%;
order: -1;
} }
body .site_content .vertical_banner .category { body .site_content .vertical_banner .category {
display: flex; display: flex;
@ -51,6 +58,10 @@ body {
color: white; color: white;
background-size: contain; 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 { body h3 {
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
} }
@ -58,27 +69,42 @@ body {
text-align: left; text-align: left;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
} }
.footer { body .footer {
background-color: #9F0A0A; background-color: #9F0A0A;
padding: 20px; padding: 20px;
text-align: center; text-align: center;
color: white; color: white;
position: fixed;
bottom: 0;
width: 100%; width: 100%;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; 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; list-style: none;
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.social-links li { body .social-links li {
display: inline-block; display: inline-block;
margin-bottom: 10px; margin-bottom: 10px;
} }
.social-links a img { body .social-links a img {
width: 40px; width: 40px;
height: 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 /*# sourceMappingURL=style.css.map

111
style violence.css Normal file
View file

@ -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;
}