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/img/banière site def.png b/img/banière site def.png new file mode 100644 index 0000000..be5a0fd Binary files /dev/null and b/img/banière site def.png differ diff --git a/img/bannière def vraiment.png b/img/bannière def vraiment.png new file mode 100644 index 0000000..209b280 Binary files /dev/null and b/img/bannière def vraiment.png differ diff --git a/index.html b/index.html index 135447c..94a9931 100644 --- a/index.html +++ b/index.html @@ -7,39 +7,32 @@ -
- 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 + +Propulsé par Forgejo +Version: 1.21.1+0 Page: +37ms +Modèle: +5ms diff --git a/style.css b/style.css index 7555aa2..8c7a146 100644 --- a/style.css +++ b/style.css @@ -1,52 +1,38 @@ 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 { + } + body h1 { color: white; - font-size: large; - text-align: center; - float: right; -} \ No newline at end of file + 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/bannière\ def\ vraiment.png); + background-size:cover; + background-position: center; + width: 100%; + height: 55vh; + } + 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 */ \ No newline at end of file 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