From 10d03af97ce57a9729a78eb63a05b14ed2b1f343 Mon Sep 17 00:00:00 2001
From: sakrecoer <setto@dyne.org>
Date: Sun, 11 May 2025 22:42:24 +0200
Subject: [PATCH] styling

---
 themes/basspistol2025/assets/css/fonts.css | 44 ++++++++++
 themes/basspistol2025/assets/css/style.css | 94 ++++++++++++++++++++--
 2 files changed, 132 insertions(+), 6 deletions(-)

diff --git a/themes/basspistol2025/assets/css/fonts.css b/themes/basspistol2025/assets/css/fonts.css
index 97ff416..01dce69 100644
--- a/themes/basspistol2025/assets/css/fonts.css
+++ b/themes/basspistol2025/assets/css/fonts.css
@@ -20,3 +20,47 @@
 
 }
 
+@font-face {
+  font-family: 'Outward';
+  src: url('/2025/assets/fonts/outward-master/outward-block-webfont.eot');
+  src: url('/2025/assets/fonts/outward-master/outward-block-webfont.eot?#iefix') format('embedded-opentype'),
+  url('/2025/assets/fonts/outward-master/outward-block-webfont.woff2') format('woff2'),
+  url('/2025/assets/fonts/outward-master/outward-block-webfont.woff') format('woff'),
+  url('/2025/assets/fonts/outward-master/outward-block-webfont.ttf') format('truetype'),
+  url('/2025/assets/fonts/outward-master/outward-block-webfont.svg#outwardblock') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Outward';
+  src: url('/2025/assets/fonts/outward-master/outward-borders-webfont.eot');
+  src: url('/2025/assets/fonts/outward-master/outward-borders-webfont.eot?#iefix') format('embedded-opentype'),
+  url('/2025/assets/fonts/outward-master/outward-borders-webfont.woff2') format('woff2'),
+  url('/2025/assets/fonts/outward-master/outward-borders-webfont.woff') format('woff'),
+  url('/2025/assets/fonts/outward-master/outward-borders-webfont.ttf') format('truetype'),
+  url('/2025/assets/fonts/outward-master/outward-borders-webfont.svg#outwardborders') format('svg');
+  font-weight: bold;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Outward';
+  src: url('/2025/assets/fonts/outward-master/outward-round-webfont.eot');
+  src: url('/2025/assets/fonts/outward-master/outward-round-webfont.eot?#iefix') format('embedded-opentype'),
+  url('/2025/assets/fonts/outward-master/outward-round-webfont.woff2') format('woff2'),
+  url('/2025/assets/fonts/outward-master/outward-round-webfont.woff') format('woff'),
+  url('/2025/assets/fonts/outward-master/outward-round-webfont.ttf') format('truetype'),
+  url('/2025/assets/fonts/outward-master/outward-round-webfont.svg#outwardround') format('svg');
+  font-weight: normal;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Sigoil';
+  src: url('/2025/assets/fonts/sligoil-main/Sligoil-Micro.otf');
+  src: url('/2025/assets/fonts/sligoil-main/Sligoil-Micro.woff2') format('woff2'),
+  url('/2025/assets/fonts/sligoil-main/Sligoil-Micro.woff') format('woff'),
+  font-weight: normal;
+  font-style: normal;
+}
diff --git a/themes/basspistol2025/assets/css/style.css b/themes/basspistol2025/assets/css/style.css
index 9ee0162..5c38e24 100644
--- a/themes/basspistol2025/assets/css/style.css
+++ b/themes/basspistol2025/assets/css/style.css
@@ -1,17 +1,99 @@
 body {
-  font-family: Space-Grotesk, 'Arial', 'Helvetica', sans-serif;
+  font-family: Sigoil, Space-Grotesk, 'Arial', 'Helvetica', sans-serif;
   font-weight: normal;
+  width: 100vw;
+  background-color: #000;
+}
+h1, h2, h3, h4, h5, h6, h7, h8 {
+
+  font-family: Space-Grotesk, 'Arial', 'Helvetica', sans-serif;
+
 }
 h1 {
-  font-family: Space-Grotesk, 'Arial', 'Helvetica', sans-serif;
-  font-weight: 700;
-  font-size: 24em;
-  letter-spacing: -0.1em;
+  font-family: Outward, 'Arial', 'Helvetica', sans-serif;
+  font-size: 48em;
+  font-weight: 100;
+  font-style: italic;
+  /*  letter-spacing: -0.1em;*/
   line-height: .75em;
+  rotate: -14deg;
+  margin: 50px 0 0 10px;
+  padding: 0;
+}
+strong {
+  font-weight: bold;
+}
+
+main {
+ width: 100%;
+ height: 100%;
+}
+#hero {
+position:relative;
+  background-color: purple;
+
+  width: 100vw;
+  padding:0;
+  overflow: hidden;
 }
 
 /* FORMS */
-.inf-content {}
+#newsletter {
+background-color: #000;
+padding: 0;
+margin: 0;
+
+  form.inf-form > div {
+      background-color: #000;
+  }
+}
+.inf-content {
+  background-color: #000;
+}
 .inf-input .inf-input-text {}
 .inf-rgpd {}
 .inf-submit {}
+
+/* Profiles */
+#gang {
+
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  figure {
+    filter: grayscale(100%);
+    transition: all 2s;
+    padding: 4px;
+    margin: auto;
+    flex: 1 1 25vw;
+    min-width: 33vw;
+    min-height: 25vw;
+    img {
+      width: 100%;
+      object-fit: cover;
+
+    }
+
+  }
+  figure:hover {
+    filter: grayscale(0%);
+    transition: all 2s;
+  }
+
+  figcaption {
+    font-family: Outward, 'Arial', 'Helvetica', sans-serif;
+    font-size: 15em;
+    line-height: 0.3em;
+
+    height: 100px;
+/*    font-weight: bold;*/
+   font-style: italic;
+
+    background-color: black;
+    color: white;
+    padding: 20px;
+    text-align: center;
+    border-style: dashed;
+    border-color: #fff;
+    border-width: 10px;
+}