T4lianah/site-vulgarisation-socio
1
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity

Compare commits

base: T4lianah:main
Branches Tags
T4lianah:main
Renarde:main
..
compare: Renarde:main
Branches Tags
Renarde:main
T4lianah:main

No commits in common. "main" and "main" have entirely different histories.
main ... main

24 changed files with 50 additions and 1362 deletions
Show stats Expand all files Collapse all files

43
Capitalisme.html
View file

@ -1,43 +0,0 @@
<!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
View file

@ -1,42 +0,0 @@
<!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
View file

@ -1,42 +0,0 @@
<!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
View file

@ -1,43 +0,0 @@
<!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
View file

@ -1,42 +0,0 @@
<!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
View file

@ -1,42 +0,0 @@
<!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
View file

@ -1,42 +0,0 @@
<!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
View file

@ -1,42 +0,0 @@
<!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

BIN
img/banière site def.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 60 KiB

BIN
img/bannière def vraiment.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 72 KiB

BIN
img/logo instagram.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 291 KiB

BIN
img/logo mastodon.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 36 KiB

BIN
img/logo twitch.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 49 KiB

39
index.html
View file

@ -4,41 +4,30 @@
<meta charset="UTF-8">
<title>Site web de T4lianah</title>
<meta name="viewport" content="width=device-widht", initial-scale="1">
<link rel="stylesheet" href="style index.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Sociologie Sans Soucis</h1>
<div class="site_content">
<div class="main_content">
<h2>Ici on a pour objectif de permettre à tous et toutes de mieux comprendre les phénomènes sociaux et politiques</h2>
<h3>Vous pouvez accéder aux thèmes que vous souhaitez sur la gauche ou voir les derniers articles sur cette page</h3>
<p>Les articles les plus récents :</p>
<h2>Ce site a pour objectif la vulgarisation de concepts sociologiques et politiques.</h3>
<h3>Comme toutes les sciences, la sociologie doit être accessible à tous et toutes afin de permettre à chacun et chacune de comprendre comment fonctionne la société actuelle.</h4>
<p>Les thèmes abordés dépendront de mes envies, de l'actualité, et de ce que je considère comme important. <br>
En effet, les articles qui seront postés ici, ou les lives sur Twitch, <br>auront pour but de permettre à des personnes peu politisées d'accéder à du contenu clair. <br>
Par ce biais, j'espère, à mon échelle, amener une politisation et un reotur de la conscience de classe.
<br>
Je suis ouvertement politisée. Anarchiste, queer et féministe, mon contenu en est donc impacté. <br>
J'essaierai d'être objective, mais aucune science ne peut l'être, et ici je ne chercherai pas à l'être plus que nécessaire.
</p>
</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="Décolonialisme.html">Décolonialisme</a>
<a href="https://fr.wikipedia.org/wiki/Capitalisme">Capitalisme</a>
<a href="https://fr.wikipedia.org/wiki/Violence">Violence</a>
<a href="https://fr.wikipedia.org/wiki/Fascisme">Fascisme</a>
<a href="https://fr.wikipedia.org/wiki/Anarchisme">Communisme/Anarchisme</a>
</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>
</div>
</body>
</html>
Propulsé par Forgejo
Version: 1.21.1+0 Page:
37ms
Modèle:
5ms

111
style capitalisme.css
View file

@ -1,111 +0,0 @@
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
View file

@ -1,111 +0,0 @@
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
View file

@ -1,111 +0,0 @@
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
View file

@ -1,111 +0,0 @@
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
View file

@ -1,111 +0,0 @@
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
View file

@ -1,111 +0,0 @@
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
View file

@ -1,111 +0,0 @@
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;
}

110
style index.css
View file

@ -1,110 +0,0 @@
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;
}
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;
}
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;
position: absolute;
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;
}
/*# sourceMappingURL=style.css.map

111
style violence.css
View file

@ -1,111 +0,0 @@
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;
}

35
style.css Normal file
View file

@ -0,0 +1,35 @@
body {
text-align: center;
}
body h1 {
color: white;
margin-top: 0%;
margin-bottom: 0%;
font-size: 4rem;
-webkit-text-stroke: 2px black;
background-image: url(https://www.publicdomainpictures.net/pictures/230000/velka/red-fox-1500907744R2q.jpg);
background-size: contain;
height: 20vh;
}
body .site_content {
display: flex;
flex-direction: row;
}
body .site_content .main_content h2 {
color: red;
}
body .site_content .vertical_banner {
color: white;
background-color: #9F0A0A;
}
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:visited {
text-decoration: none;
color: white;
}/*# sourceMappingURL=style.css.map */