first push

2026-05-16 21:29:22 +02:00
commit 25edd4fac7
68 changed files with 3475 additions and 0 deletions
@@ -0,0 +1,133 @@
+.social-title {
+    font-family: 'Playfair Display', serif;
+    font-size: 1.75rem;
+    font-style: italic;
+}
+/* --- Containers --- */
+.home-container {
+    width: 90%; /* occupe 90% de l’écran sur petits écrans */
+    max-width: 800px; /* limite la largeur sur grands écrans */
+    margin: 0 auto;
+    padding: 3rem 1.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 3rem;
+    overflow-y: scroll; /* Permet le scroll vertical */
+    scrollbar-width: none; /* Firefox */
+}
+
+    .home-container::-webkit-scrollbar {
+        display: none; /* Chrome, Safari, Edge */
+    }
+
+.social-subtitle {
+    color: #71717a;
+    font-weight: 300;
+}
+
+.social-buttons {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1.5rem;
+}
+
+.instagram-button {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.75rem 2rem;
+    border: 1px solid #d1d5db;
+
+    .title {
+        margin-top: 40px;
+        margin-bottom: 20px;
+    }
+
+    .intro {
+        max-width: 800px;
+        margin: auto;
+        margin-bottom: 40px;
+    }
+
+    .shooting-container {
+        display: grid;
+        grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
+        gap: 20px;
+        max-width: 900px;
+        margin: auto;
+    }
+
+    .shooting-card {
+        background: white;
+        border-radius: 12px;
+        padding: 15px;
+        box-shadow: 0 6px 15px rgba(0,0,0,0.15);
+        transition: transform 0.2s, box-shadow 0.2s;
+        font-weight: 500;
+    }
+
+        .shooting-card:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 10px 25px rgba(0,0,0,0.25);
+        }
+
+    border-radius: 9999px;
+    background: white;
+    font-weight: 500;
+    text-decoration: none;
+    transition: all 0.2s;
+}
+
+    .instagram-button:hover {
+        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+    }
+
+.qr-wrapper {
+    padding: 1.5rem;
+    background: white;
+    border: 1px solid #d1d5db;
+    border-radius: 1rem;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.qr-image {
+    width: 128px;
+    height: 128px;
+}
+
+.qr-text {
+    margin-top: 0.5rem;
+    font-size: 0.625rem;
+    color: #71717a;
+    letter-spacing: 0.05em;
+    text-transform: uppercase;
+    font-weight: 600;
+}
+
+.gallery-wrapper {
+    display: flex;
+    flex-direction: column;
+}
+.header-selection {
+    display: flex;
+    align-items: center;
+    width: 60%;
+}
+
+.titles {
+    flex: 1;
+    text-align: center;
+}
+
+.shooting-box {
+    border: 2px solid #444;
+    border-radius: 12px;
+    padding: 20px;
+    max-width: 500px;
+    margin: auto;
+    background-color: #f8f8f8;
+    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
+}