diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..c27af99 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +style.css.* \ No newline at end of file diff --git a/index.html b/index.html index 135447c..5a9f23f 100644 --- a/index.html +++ b/index.html @@ -7,39 +7,27 @@ -
- bandeau avec le logo de Sociologie Sans Soucis -
-
-
-

Ce site a pour objectif la vulgarisation de concepts sociologiques et politiques.

-

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.

-

Les thèmes abordés dépendront de mes envies, de l'actualité, et de ce que je considère comme important.
- En effet, les articles qui seront postés ici, ou les lives sur Twitch,
auront pour but de permettre à des personnes peu politisées d'accéder à du contenu clair.
- Par ce biais, j'espère, à mon échelle, amener une politisation et un reotur de la conscience de classe. -
- Je suis ouvertement politisée. Anarchiste, queer et féministe, mon contenu en est donc impacté.
- J'essaierai d'être objective, mais aucune science ne peut l'être, et ici je ne chercherai pas à l'être plus que nécessaire. -

-
- - -
- + Je suis ouvertement politisée. Anarchiste, queer et féministe, mon contenu en est donc impacté.
+ J'essaierai d'être objective, mais aucune science ne peut l'être, et ici je ne chercherai pas à l'être plus que nécessaire. +

+ +
+
+ Capitalisme + Violence + Fascisme + Communisme/Anarchisme +
+
+ \ No newline at end of file diff --git a/style.css b/style.css index 7555aa2..f5473ff 100644 --- a/style.css +++ b/style.css @@ -1,52 +1,35 @@ body { - margin: 0; - padding: 0; - display: flex; - flex-direction: column; - min-height: 100vh; + text-align: center; } -.wrapper { - flex:1; - display: flex; +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; } -header { - width: 100%; - overflow: hidden; +body .site_content { + display: flex; + flex-direction: row; } -img { - width: 100%; - height: auto; - display: block; +body .site_content .main_content h2 { + color: red; } -.vertical-banner { - width: 200px; - background-color:#9F0A0A; - padding: 20px; - box-sizing: content-box; +body .site_content .vertical_banner { + color: white; + background-color: #9F0A0A; } -main { - flex: 1; - padding: 20px; - box-sizing:border-box; +body .site_content .vertical_banner .category { + display: flex; + flex-direction: column; + gap: 1vh; + margin: 5px; + margin-top: 2%; } -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: white; - font-size: large; - text-align: center; - float: right; -} \ No newline at end of file +body .site_content .vertical_banner .category a:visited { + text-decoration: none; + color: white; +}/*# sourceMappingURL=style.css.map */ diff --git a/style.scss b/style.scss new file mode 100644 index 0000000..da482d5 --- /dev/null +++ b/style.scss @@ -0,0 +1,40 @@ +body { + text-align: center; + + 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; + } + + .site_content { + display: flex; + flex-direction: row; + .main_content { + h2 { + color: red; + } + } + .vertical_banner { + color: white; + background-color: #9F0A0A; + .category { + display: flex; + flex-direction: column; + gap: 1vh; + margin: 5px; + margin-top: 2%; + + a:visited { + text-decoration: none; + color: white; + } + } + } + } +} \ No newline at end of file