v4.1

eaudeweb · Feb 5, 2025 · 6773af1 · 6773af1
1 parent 6f32b36
commit 6773af1
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 8 deletions.
diff --git a/_layouts/plone.html b/_layouts/plone.html
@@ -50,7 +50,7 @@
 
       <div id="scene-cityscape" class="parallax">
         <div id="further" class="layer-2">
-          <div id="stars">
+          <div class="stars">
             <div class="star"></div>
             <div class="star"></div>
             <div class="star"></div>
@@ -86,7 +86,7 @@
       </div>
     </div>
     <div id="main" class="position-relative">
-      <div id="stars">
+      <div class="stars">
         <div class="star"></div>
         <div class="star"></div>
         <div class="star"></div>
@@ -217,7 +217,6 @@ <h2>Upcoming Events</h2>
             </li>
             <li>
               <a
-                target="_blank"
                 class="btn btn-outline btn-block d-flex flex-column text-center fs-4 border-9 icon icon-yes"
                 href="/plone-bucharest-sprint-2025"
               >

diff --git a/plone-conf-2025/main.css b/plone-conf-2025/main.css
@@ -4,7 +4,6 @@
   --bs-font-sans-serif: var(--font-open-sans);
   --bs-body-font-family: var(--bs-font-sans-serif);
   --headings-font-family: var(--font-lexend);
-  --bs-body-font-size: calc(1.275rem + 0.3vw);
   --purple: #972a58;
   --pink: #dd004b;
   --light-pink: #ff6091;
@@ -16,9 +15,11 @@
   --footer: var(--light-pink);
   --sign-up: var(--pink);
   --btn-outline: var(--light-pink);
+  font-size: 12px;
 
   @media (min-width: 1200px) {
     font-size: 20px;
+    --bs-body-font-size: calc(1.275rem + 0.3vw);
   }
 }
 
@@ -627,9 +628,13 @@ section h2 {
 .header {
   display: flex;
   flex-direction: column;
-  min-height: 550px;
+  min-height: 400px;
 
   @media (min-width: 768px) {
+    min-height: 700px;
+  }
+
+  @media (min-width: 1200px) {
     height: 100vh;
   }
 }
@@ -750,11 +755,16 @@ section h2 {
   }
 }
 
-#stars {
+.stars {
   position: absolute;
   inset: 0;
   pointer-events: none;
   z-index: -1;
+  display: none;
+
+  @media (min-width: 1200px) {
+    display: block;
+  }
 }
 
 .star {
@@ -766,11 +776,11 @@ section h2 {
   animation: twinkle 3s infinite ease-in-out alternate;
 }
 
-#stars .star {
+.stars .star {
   position: absolute;
 }
 
-#stars {
+.stars {
   .star:nth-child(1) {
     top: 5%;
     left: 5%;