From 67b4505240e9a1fd9e720de0dcb64950efb01463 Mon Sep 17 00:00:00 2001 From: Lana Heyrendt Date: Mon, 15 Jan 2024 10:59:31 +0100 Subject: [PATCH 1/3] Create scss file to replace css --- style.scss | 40 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 40 insertions(+) create mode 100644 style.scss 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 From 534bfb0a33af8331b3492dab56076ece68aaaf1f Mon Sep 17 00:00:00 2001 From: Lana Heyrendt Date: Mon, 15 Jan 2024 10:59:59 +0100 Subject: [PATCH 2/3] Compile le scss en css + redraw le html --- index.html | 49 ++++++++++++++++-------------------- style.css | 73 +++++++++++++++++++++--------------------------------- 2 files changed, 50 insertions(+), 72 deletions(-) diff --git a/index.html b/index.html index 24fc00f..5a9f23f 100644 --- a/index.html +++ b/index.html @@ -7,32 +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. -

-
- - -
- +

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. +

+
+
+
+ Capitalisme + Violence + Fascisme + Communisme/Anarchisme +
+
+
\ No newline at end of file diff --git a/style.css b/style.css index 0563e8c..c280377 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: black; - 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 */ \ No newline at end of file From 99e297fb0bff7e9051fd17ed6d3a97f9b10f14e2 Mon Sep 17 00:00:00 2001 From: Lana Heyrendt Date: Mon, 15 Jan 2024 11:00:41 +0100 Subject: [PATCH 3/3] Ajoute un fichier gitignore qui permet de ne prendre en compte les fichiers temporaires --- .gitignore | 1 + 1 file changed, 1 insertion(+) create mode 100644 .gitignore 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