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

Compare commits

merge into: Renarde:main
Branches Tags
Renarde:main
T4lianah:main
...
pull from: T4lianah:main
Branches Tags
T4lianah:main
Renarde:main

8 commits
main ... main

Author SHA1 Message Date
T4lianah
c64233c5a0 Ajout de toutes les pages thématiques et contact 2024-01-24 17:26:48 +01:00
T4lianah
c3434f986f Ajout texte réseaux sociaux et liens twitch et insta 2024-01-21 18:45:46 +01:00
T4lianah
5be81ca7b0 ajout d'un bandeau inférieur réseaux sociaux 2024-01-18 00:14:40 +01:00
T4lianah
1556f91410 mise à jour texte page index 2024-01-17 17:18:28 +01:00
T4lianah
57c45ca1c5 bannière et liens mis à jour 2024-01-16 20:56:02 +01:00
T4lianah
08101648fa Bannière mise à jour et liens aussi 2024-01-16 20:49:34 +01:00
T4lianah
b5f8412659 Bannière finalisée 2024-01-16 18:39:27 +01:00
T4lianah
76755f20aa Merge pull request 'Fix du site de socio et conseil' (#2) from Renarde/quick-fix-vulga:main into main 
Reviewed-on: T4lianah/site-vulgarisation-socio#2
 2024-01-15 15:01:17 +01:00
24 changed files with 1362 additions and 50 deletions
Show stats 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

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

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 60 KiB

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

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 72 KiB

BIN
img/logo instagram.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 291 KiB

BIN
img/logo mastodon.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
img/logo twitch.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 49 KiB

41
index.html
View file

@ -4,30 +4,41 @@
<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.css">
<link rel="stylesheet" href="style index.css">
</head>
<body>
<h1>Sociologie Sans Soucis</h1>
<div class="site_content">
<div class="main_content">
<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>
<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>
</div>
<div class="vertical_banner">
<div class="category">
<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>
<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>
</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>
</html>
Propulsé par Forgejo
Version: 1.21.1+0 Page:
37ms
Modèle:
5ms

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

110
style index.css Normal file
View file

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

35
style.css
View file

@ -1,35 +0,0 @@
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 */