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

Initial commit

Browse source
This commit is contained in:
T4lianah 2024-01-14 17:12:05 +01:00
commit 4cc76076c7
4 changed files with 90 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
img/bandeau vertical.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.9 KiB

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

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 77 KiB

38
index.html Normal file
View file

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<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">
</head>
<body>
<header>
<img src="img/banière site.png" alt="bandeau avec le logo de Sociologie Sans Soucis">
</header>
<div class="wrapper">
<main>
<h3>Ce site a pour objectif la vulgarisation de concepts sociologiques et politiques.</h3>
<h4>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>
</main>
<aside class="vertical-banner">
<ul>
<li>Capitalisme</li>
<li>Violence</li>
<li>Fascisme</li>
<li>Communisme/Anarchisme</li>
</ul>
</aside>
</div>
</body>
</html>

52
style.css Normal file
View file

@ -0,0 +1,52 @@
body {
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
min-height: 100vh;
}
.wrapper {
flex:1;
display: flex;
}
header {
width: 100%;
overflow: hidden;
}
img {
width: 100%;
height: auto;
display: block;
}
.vertical-banner {
width: 200px;
background-color:#9F0A0A;
padding: 20px;
box-sizing: content-box;
}
main {
flex: 1;
padding: 20px;
box-sizing:border-box;
}
h3 {
color: red;
font-size: large;
text-align: center;
}
h4 {
color: black;
font-size: large;
text-align: center;
}
p {
color: black;
font-size: large;
text-align: center;
}
ul {
color: black;
font-size: large;
text-align: center;
float: right;
}