Add about section

_includes/home/about.html

@@ -0,0 +1,38 @@
+<section id="about" class="container content-section text-center">
+  {% assign language = page.lang %}
+
+  {% case language %}
+  {% when "pt" %}
+  <h2>Sobre este evento</h2>
+  <p>
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam diam sem, tempor eget faucibus non, dictum vitae
+    nibh. Etiam vitae justo ac tellus iaculis faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+    posuere cubilia curae; Ut sed posuere turpis. Maecenas sollicitudin, magna a commodo pulvinar, tellus tellus
+    tristique neque, eget aliquam erat ipsum eu nisl. Donec volutpat sed lacus quis ultricies. Praesent dignissim
+    porttitor mi, ut dignissim mi.
+  </p>
+
+  <p></p>
+
+  {% when "en" %}
+  <h2>About this event</h2>
+  <p>
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam diam sem, tempor eget faucibus non, dictum vitae
+    nibh. Etiam vitae justo ac tellus iaculis faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+    posuere cubilia curae; Ut sed posuere turpis. Maecenas sollicitudin, magna a commodo pulvinar, tellus tellus
+    tristique neque, eget aliquam erat ipsum eu nisl. Donec volutpat sed lacus quis ultricies. Praesent dignissim
+    porttitor mi, ut dignissim mi.
+  </p>
+
+  {% else %}
+  <h2>Acerca de este evento</h2>
+  <p>
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam diam sem, tempor eget faucibus non, dictum vitae
+    nibh. Etiam vitae justo ac tellus iaculis faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+    posuere cubilia curae; Ut sed posuere turpis. Maecenas sollicitudin, magna a commodo pulvinar, tellus tellus
+    tristique neque, eget aliquam erat ipsum eu nisl. Donec volutpat sed lacus quis ultricies. Praesent dignissim
+    porttitor mi, ut dignissim mi.
+  </p>
+
+  {% endcase %}
+</section>

_includes/home/program.html

@@ -1,30 +1,33 @@
-<section id="program-info">
+<section id="program-info" class="container content-section text-center">
   <div class="container">
     {% assign program_stage = site.program_stage %}
 
     {% case program_stage %}
-      {% when "pre-call-for-proposals" %}
-        <h2>Coming Soon</h2>
-        <p>Our call for proposals will open soon. Stay tuned for updates and start preparing your submissions!</p>
-
-      {% when "call-for-proposals-open" %}
-        <h2>Call for Proposals is Open!</h2>
-        <p>We are now accepting submissions. Visit our submissions page to submit your proposal.</p>
-        <a href="/submit" class="btn btn-primary">Submit Your Proposal</a>
-
-      {% when "call-for-proposals-closed" %}
-        <h2>Call for Proposals is Closed</h2>
-        <p>Thank you for your submissions! The review process is now underway. Stay tuned for the draft program announcement.</p>
-
-      {% when "program-draft" %}
-        <h2>Program Draft</h2>
-        <p>Check out the draft of our program. Final adjustments are being made, so check back soon for the final schedule.</p>
-        <a href="/program/draft" class="btn btn-primary">View Draft Program</a>
-
-      {% when "program-final" %}
-        <h2>Final Program</h2>
-        <p>Our program is finalized! Take a look at the full schedule to plan your conference experience.</p>
-        <a href="/program/final" class="btn btn-primary">View Final Program</a>
+    {% when "pre-call-for-proposals" %}
+    <h2>Coming Soon</h2>
+    <p>Our call for proposals will open soon. Stay tuned for updates and start preparing your submissions!</p>
+
+    {% when "call-for-proposals-open" %}
+    <h2>Call for Proposals is Open!</h2>
+    <p>We are now accepting submissions. Visit our submissions page to submit your proposal.</p>
+    <a href="/submit" class="btn btn-primary">Submit Your Proposal</a>
+
+    {% when "call-for-proposals-closed" %}
+    <h2>Call for Proposals is Closed</h2>
+    <p>Thank you for your submissions! The review process is now underway. Stay tuned for the draft program
+      announcement.
+    </p>
+
+    {% when "program-draft" %}
+    <h2>Program Draft</h2>
+    <p>Check out the draft of our program. Final adjustments are being made, so check back soon for the final schedule.
+    </p>
+    <a href="/program/draft" class="btn btn-primary">View Draft Program</a>
+
+    {% when "program-final" %}
+    <h2>Final Program</h2>
+    <p>Our program is finalized! Take a look at the full schedule to plan your conference experience.</p>
+    <a href="/program/final" class="btn btn-primary">View Final Program</a>
     {% endcase %}
   </div>
-</section>
+</section>

assets/css/styles.scss

@@ -1,12 +1,13 @@
 ---
 ---
 
-$color-background-body: rgba(48, 48, 48, 1);
+$color-background-body: #171717;
 $color-text-default: #ffffff;
 $color-text-hover: #000000;
 $color-border-default: #ffffff;
 $color-intro-overlay-start: rgba(255, 255, 255, 0);
 $color-intro-overlay-end: rgba(48, 48, 48, 1);
+$color-overlay: rgba(0, 0, 0, 0.5); // Semi-transparent overlay for readability
 $color-text-shadow: rgba(0, 0, 0, 0.7);
 
 body {
@@ -57,20 +58,28 @@ body {
   }
 }
 
-.intro::before {
+.intro::before, .intro::after {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
-  background: linear-gradient(to bottom, $color-intro-overlay-start 80%, $color-intro-overlay-end 100%);
   z-index: 0;
 }
 
+.intro::before {
+  background: linear-gradient(to bottom, $color-intro-overlay-start 80%, $color-intro-overlay-end 100%);
+}
+
+.intro::after {
+  background: $color-overlay; // Apply the semi-transparent overlay
+  z-index: 1; // Ensure it's above the gradient
+}
+
 .intro-body {
   position: relative;
-  z-index: 1;
+  z-index: 2; // Ensure content is above both overlays
 }
 
 .intro h1, .intro h2, .intro h4 {

en/index.html

@@ -4,14 +4,12 @@
 lang: en
 ---
 
-
 {% include home/intro.html %}
 
+{% include home/about.html %}
+
 {% include home/program.html %}
 
 {% include home/venue.html %}
 
-{% include home/sponsors.html %}
-
-
-
+{% include home/sponsors.html %}

index.html

@@ -6,9 +6,10 @@
 
 {% include home/intro.html %}
 
+{% include home/about.html %}
+
 {% include home/program.html %}
 
 {% include home/venue.html %}
 
-{% include home/sponsors.html %}
-
+{% include home/sponsors.html %}

pt/index.html

@@ -6,9 +6,10 @@
 
 {% include home/intro.html %}
 
+{% include home/about.html %}
+
 {% include home/program.html %}
 
 {% include home/venue.html %}
 
-{% include home/sponsors.html %}
-
+{% include home/sponsors.html %}