layout improvements, style consistency

rubycon.it/_includes/faq.html

@@ -1,14 +1,14 @@
 {% capture description %}
 If you don't find the answer you were looking for, for specific questions, contact our
-<a href="mailto:{{ site.support_email }}" class="text-amber-600">support team</a> or
+<a href="mailto:{{ site.support_email }}" class="text-yellow-600">support team</a> or
 ask in our
 
-<a href="{{ site.social_url.discord }}" class="text-amber-600">Discord Channel</a>.
+<a href="{{ site.social_url.discord }}" class="text-yellow-600">Discord Channel</a>.
 {% endcapture %}
 
 {% capture content %}
     <div class="rounded-lg shadow-lg overflow-hidden">
-        <div class="border-b border-gray-200 text-gray-500" data-aos="fade-up">
+        <div class="border-b border-gray-200 text-gray-600" data-aos="fade-up">
             {% for data in site.data.faq %}
                 <div class="px-6 py-4 font-bold bg-gray-100">
                     {{ data.question }}

rubycon.it/_includes/schedule.html

@@ -1,8 +1,8 @@
 {% capture content %}
 <div class="text-center text-xl text-gray-600" data-aos="fade-up">
-    <p><b>Fri, 8 May 08:30:</b> Main Event</p>
-    <p><b>Fri, 8 May 20:00:</b> Dinner + Toga Party</p>
-    <p><b>Sat, 9 May 10:00:</b> Guided tour to the Mouth of the Rubicon</p>
+    <p><b class="text-gray-700">Fri, 8 May 08:30:</b> Main Event</p>
+    <p><b class="text-gray-700">Fri, 8 May 20:00:</b> Dinner + Toga Party</p>
+    <p><b class="text-gray-700">Sat, 9 May 10:00:</b> Guided tour to the mouth of the Rubicon</p>
     <p class="mt-6">
         <a href="/schedule/" class="text-red-800 hover:text-red-600 font-semibold underline">
             View the full schedule (Ruby code) →

rubycon.it/_includes/section.html

@@ -1,13 +1,13 @@
 <section id="{{ include.id }}" class="py-20">
-    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+    <div class="{% unless include.wide %}max-w-7xl {% endunless %}mx-auto px-4 sm:px-6 lg:px-8">
         {% if include.title && include.description %}
             <div class="text-center mb-16" data-aos="fade-up">
                 <h2 class="text-3xl md:text-4xl font-bold mb-4">{{ include.title }}</h2>
                 <div class="w-20 h-1 bg-red-800 mx-auto mb-6"></div>
                 <p class="text-xl max-w-3xl mx-auto">{{ include.description }}</p>
             </div>
         {% endif %}
-        
+
         {{ include.content }}
     </div>
-</section>
+</section>

rubycon.it/_includes/sponsors.html

@@ -1,8 +1,12 @@
-{% capture description %} We thank these organizations for supporting the Ruby
-community in Italy.<br />
-Interested in sponsoring? Contact us at
-<a href="mailto:{{ site.info_email }}" class="text-red-900">{{ site.info_email }}</a>
-{% endcapture %} {% capture content %} {% for sponsor in site.data.sponsors %}
+{% capture description %}
+  We thank these organizations for supporting the Ruby community in Italy.
+  <br /><br />
+  Interested in sponsoring?
+  <br />
+  <a href="/sponsors/" class="text-red-900 underline hover:no-underline">Learn more</a> or contact us at <a href="mailto:{{ site.info_email }}" class="text-red-900">{{ site.info_email }}</a>
+{% endcapture %}
+{% capture title %}{{ include.title | default: "V. &nbsp;Our sponsors" }}{% endcapture %}
+{% capture content %} {% for sponsor in site.data.sponsors %}
 
 <div data-aos="fade-up" class="box-logos-{{ sponsor.title }} mt-10">
   <h2 class="mb-2 mt-4 text-center capitalize text-lg">
@@ -20,5 +24,4 @@ <h2 class="mb-2 mt-4 text-center capitalize text-lg">
   </div>
 </div>
 
-{% endfor %} {% endcapture %} {% include section.html id="sponsors" title="V.
-&nbsp;Our sponsors" description=description content=content %}
+{% endfor %} {% endcapture %} {% include section.html id="sponsors" title=title description=description content=content %}

rubycon.it/_includes/venue.html

@@ -15,7 +15,7 @@ <h3 class="text-2xl font-bold mb-4">{{ site.data.venue.title }}</h3>
             {% for info in site.data.venue.info %}
             <div class="flex items-start">
                 <div class="flex-shrink-0 mt-1">
-                    <i class="fas fa-{{ info.icon }} text-amber-600"></i>
+                    <i class="fas fa-{{ info.icon }} text-yellow-400"></i>
                 </div>
                 <div class="ml-3">
                     <p>{{ info.content }}</p>
@@ -26,12 +26,12 @@ <h3 class="text-2xl font-bold mb-4">{{ site.data.venue.title }}</h3>
 
         <div class="mt-8">
             <a href="{{ site.data.venue.maps_path }}" target="_blank"
-                class="inline-flex items-center text-amber-600 font-bold hover:text-red-800">
+                class="inline-flex items-center text-yellow-400 font-bold hover:text-red-800">
                 Open in google maps
                 <i class="fas fa-external-link-alt ml-2"></i>
             </a>
             <br />
-            <a href="/logistics/" class="inline-flex items-center text-amber-600 font-bold hover:text-red-800 mt-2">
+            <a href="/logistics/" class="inline-flex items-center text-yellow-400 font-bold hover:text-red-800 mt-2">
                 Check out Logistics & Hotels
                 <i class="fas fa-arrow-right ml-2"></i>
             </a>
@@ -45,4 +45,4 @@ <h3 class="text-2xl font-bold mb-4">{{ site.data.venue.title }}</h3>
 title="IV. &nbsp;Venue"
 description="Experience Ruby Italy in the beautiful city of Rimini, Italy."
 content=content
-%}
+%}

rubycon.it/_layouts/page.html

@@ -5,7 +5,7 @@
 <section class="py-10">
     <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
         <div class="text-center mb-16" data-aos="fade-up">
-            <h2 class="text-3xl md:text-4xl font-bold mb-4">{{ page.title }}</h2>
+            <h2 class="text-3xl md:text-4xl font-bold mb-4 text-gray-800">{{ page.title }}</h2>
             <div class="w-20 h-1 bg-red-800 mx-auto mb-6"></div>
         </div>
         {{ content }}

rubycon.it/_posts/2025-10-14-hotel-ambasciatori.md

@@ -17,7 +17,7 @@ Get ready for an unbeatable conference experience!
 
 See you in Rimini!
 
-<a href="{{ site.data.venue.maps_path }}" target="_blank" class="inline-flex items-center text-amber-600 font-bold hover:text-red-800">
+<a href="{{ site.data.venue.maps_path }}" target="_blank" class="inline-flex items-center text-yellow-400 font-bold hover:text-red-800">
     Open in google maps
     <i class="fas fa-external-link-alt ml-2"></i>
 </a>

rubycon.it/articles.html

@@ -2,13 +2,13 @@
 layout: default
 title: Articles
 permalink: /articles/
---- 
+---
 
 {% capture content %}
   <div class="container mx-auto px-4">
     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
       {% for post in site.posts %}
-      <div class="my-card bg-white rounded-lg overflow-hidden shadow-md transition duration-300">
+      <div class="bg-white rounded-lg overflow-hidden shadow-md transition duration-300 mx-auto w-full">
         <a href="{{ post.url }}" data-aos="fade-up">
           <div class="relative">
               <img src="{{ post.asset_url | default: '/assets/images/logo.png' | relative_url }}" alt="{{ post.title }}" class="w-full h-64 object-cover">

rubycon.it/assets/css/style.scss

@@ -36,6 +36,7 @@ section:nth-of-type(odd),
 header,
 .mobile-menu {
   background-color: variables.$background-secondary;
+  color: variables.$text-color-dark;
 }
 
 .bg-secondary {

rubycon.it/assets/css/variables.scss

@@ -1,3 +1,6 @@
 $body-text-color: #606c71 !default;
 $background-primary: linear-gradient(135deg, #500011 0%, #2b0b01 100%);
-$background-secondary: #f4f1ed;
+$background-secondary: #f4f1ed;
+$ruby-red: #dc2626;
+$ruby-cyan: #00b0ff;
+$text-color-dark: #1f2937;

rubycon.it/sponsors.md

@@ -1,33 +1,51 @@
 ---
 layout: page
-title: 🤝 Sponsoring Rubycon Italy
+title: Sponsoring Rubycon.it
 permalink: /sponsors/
 ---
 
-Thank you for your interest in supporting the Ruby community in Italy! 🇮🇹💎
-
-Rubycon Italy is a community-driven conference dedicated to Ruby and Rails enthusiasts. By sponsoring us, you'll gain visibility among a passionate group of developers and support the growth of the Italian Ruby ecosystem.
-
-## 📄 Sponsorship Prospectus
-
-Download our sponsorship packages to learn more about benefits and tiers:
-
-*   📄 **[2026 Sponsorship Packages (Document)](/assets/documents/rubycon-2026-sponsorship-packages-doc.pdf)** - Detailed information.
-*   🖥️ **[2026 Sponsorship Slides (Presentation)](/assets/documents/rubycon-2026-sponsorship-packages-slides.pdf)** - Quick overview.
-
-<br/>
-
-## 💡 Bespoke Opportunities & Flexibility
-
-We are a community-friendly event, and we are **flexible**! If you have a creative idea for sponsorship that isn't in the packages, we'd love to hear it.
-
-*   **Extra Space:** We have a large room adjacent to the main conference hall (Sala Quarzo) available for booths, banquets, or showcasing merchandise/demos. If you need space to engage with attendees, just ask!
-*   **Swag Bag:** We are completely open to including your merchandise in our attendee swag bags, provided it is reasonable in size and weight.
-
-### 🏛️ Current Sponsors
-
-{% include sponsors_list.html %}
-
-## 📬 Contact Us
-
-Interested in a package, space for a booth, or have a unique idea? Reach out to our sponsorship team at [sponsors@rubycon.it](mailto:sponsors@rubycon.it).
+<div class="space-y-16">
+
+  <!-- Introduction -->
+  <div class="text-center max-w-3xl mx-auto" data-aos="fade-up">
+    <p class="text-xl text-gray-600 mb-4">Thanks for considering sponsoring Rubycon Italy! 🇮🇹💎</p>
+    <p class="text-gray-600">We're a community-driven conference for Ruby and Rails folks. By supporting us, you'll connect with passionate developers and help grow the Italian Ruby scene.</p>
+  </div>
+
+  <!-- Bespoke Opportunities Section -->
+  <div data-aos="fade-up">
+    <h3 class="text-2xl font-bold mb-6 text-gray-700 text-center">💡 Something Different?</h3>
+    <p class="text-gray-600 mb-8 text-center">We're pretty flexible! Got a creative idea? Let's talk.</p>
+    <div class="grid md:grid-cols-2 gap-6">
+      <div class="bg-white p-8 rounded-lg shadow-md text-center">
+        <div class="bg-red-100 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-4">
+          <i class="fas fa-building text-red-800 text-2xl"></i>
+        </div>
+        <h4 class="text-xl font-bold mb-3">Extra Space</h4>
+        <p class="text-gray-600">We've got a large room next to the main hall perfect for booths, demos, or meetups. Just ask!</p>
+      </div>
+      <div class="bg-white p-8 rounded-lg shadow-md text-center">
+        <div class="bg-red-100 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-4">
+          <i class="fas fa-gift text-red-800 text-2xl"></i>
+        </div>
+        <h4 class="text-xl font-bold mb-3">Swag Bag</h4>
+        <p class="text-gray-600">Happy to include your goodies in our attendee bags (as long as they're not too heavy!).</p>
+      </div>
+    </div>
+  </div>
+
+  <!-- Contact Section -->
+  <div class="text-center bg-red-50 p-8 rounded-lg" data-aos="fade-up">
+    <h3 class="text-2xl font-bold text-gray-700 mb-4">📬 Get in Touch</h3>
+    <a href="mailto:sponsors@rubycon.it" class="inline-flex items-center px-6 py-3 bg-red-800 text-white font-bold rounded-lg hover:bg-red-900 transition">
+      <i class="fas fa-envelope mr-2"></i>
+      Email us at sponsors@rubycon.it
+    </a>
+  </div>
+
+  <!-- Current Sponsors Section -->
+  <div data-aos="fade-up">
+    <h3 class="text-2xl font-bold mb-8 text-gray-700 text-center">🏛️ Our Amazing Sponsors</h3>
+    {% include sponsors_list.html %}
+  </div>
+</div>