Merge pull request #211 from bangkokrb/release/4.3.0

frontend/stylesheets/components/_list-sponsor.scss

@@ -1,9 +1,11 @@
+@use '../variables';
+
 .list-sponsor {
   @include make-row();
 
   &__company {
     @include make-col-ready();
-    @include make-col(6);
+    @include make-col(4);
 
     display: flex;
     justify-content: center;
@@ -18,11 +20,21 @@
   }
 
   &__logo {
-    max-width: 100%;
+    width: 100%;
   }
 
   & + & {
-    margin-top: 2rem;
+    @include media-breakpoint-up('sm') {
+      margin-top: 1rem;
+    }
+  }
+
+  & + &:not(:last-child) {
+    margin-bottom: 1rem;
+
+    @include media-breakpoint-up('sm') {
+      margin-bottom: 2rem;
+    }
   }
 }
 
@@ -64,4 +76,19 @@
       text-align: left;
     }
   }
+
+  &.list-sponsor--gold {
+    .list-sponsor__company {
+      padding-top: 2rem;
+      padding-bottom: 2rem;
+    }
+  }
+
+  &.list-sponsor--silver {
+    .list-sponsor__info {
+      @include media-breakpoint-up('sm') {
+        font-size: map-get(variables.$font-sizes, 'sm');
+      }
+    }
+  }
 }

frontend/stylesheets/screens/_home.scss

@@ -35,7 +35,27 @@ body.home .list-sponsor {
   padding-left: 0;
 
   @include media-breakpoint-up('sm') {
-    width: 65%;
-    margin: 0 auto;
+    margin-inline: auto;
+  }
+
+  &.list-sponsor--silver {
+    @include media-breakpoint-up('sm') {
+      width: 75%
+    }
+  }
+
+  &.list-sponsor--silver {
+    margin-left: 25%;
+
+    @include media-breakpoint-up('sm') {
+      width: 50%;
+      margin-left: auto;
+    }
+
+    .list-sponsor__company {
+      @include media-breakpoint-up('sm') {
+        @include make-col(6);
+      }
+    }
   }
 }

src/_components/list_sponsor.liquid

@@ -1,4 +1,4 @@
-<ul class="list-sponsor{% if with_info == true %} list-sponsor--with-info{% endif %}">
+<ul class="list-sponsor{% if level %} list-sponsor--{{ level }}{% endif %}{% if with_info == true %} list-sponsor--with-info{% endif %}">
   {% for sponsor in sponsors %}
   <li class="list-sponsor__company">    
     <a href="{{ sponsor.url }}" {% if with_info != true %}title="{{ sponsor.name }} - {{ sponsor.about }}"{% endif %} target="_blank" class="list-sponsor__link">

src/_data/menu/header.yml

@@ -1,4 +1,6 @@
 - title: Venue
   permalink: /venue
+- title: Schedule
+  permalink: /schedule
 - title: Sponsors
   permalink: /sponsors

src/_data/sponsors.yml

@@ -3,6 +3,11 @@
   logo_url: /images/sponsors/appsignal.svg
   url: "https://www.appsignal.com/"
   level: silver
+- name: Cloud 66
+  about: "Cloud 66 is the best deployment tool for Rails. Deploy your Rails and Rack applications directly from your repo to any cloud, with native support for Rails conventions, full databases support, replication and backups, powerful access management, and traffic control features. Try it today for free with an extra $200 in free credits with the code: RubyConfTH."
+  url: https://www.cloud66.com/frameworks/rails/?utm_source=e&utm_medium=l&utm_campaign=RubyConfTH
+  logo_url: /images/sponsors/cloud-66.svg
+  level: silver
 - name: Eventpop
   about: "Eventpop is an end-to-end event solution that enhances the seamless event experience. Eventpop แพลตฟอร์มจำหน่ายบัตรที่ตอบโจทย์ทุกงานอีเวนต์."
   logo_url: /images/sponsors/eventpop.png

src/index.md

@@ -18,7 +18,12 @@ title: "Home"
 <section class="sponsors">
   <h4>The event is made possible thanks to the support of our outstanding sponsors</h4>
 
-  {% render "list_sponsor", sponsors: site.data.sponsors %}
+  {% assign gold_sponsors = site.data.sponsors | where: "level", "gold" %}
+  {% assign silver_sponsors = site.data.sponsors | where: "level", "silver" %}
+
+  {% render "list_sponsor", sponsors: gold_sponsors, level: 'gold' %}
+
+  {% render "list_sponsor", sponsors: silver_sponsors, level: 'silver' %}
 
   <h5>Interested in sponsoring the conference?</h5>
   <p>Promote your company to the world's top Ruby devs</p>

src/schedule.md

@@ -0,0 +1,29 @@
+---
+layout: default
+page_class: schedule
+title: "Schedule"
+---
+
+<p>A more detailed schedule will be published soon.</p>
+
+<section class="schedule-day">
+  <h2>Friday, 9th December 2022</h2>
+  <ul>
+    <li>8:00 - 9:00 - Registration & Conference Door Opens</li>
+    <li>9:00 - 12:30 - Day 1, Morning sessions</li>
+    <li>12:30 - 13:30 - Buffet lunch</li>
+    <li>13:30 - 17:30 - Day 1, Afternoon sessions</li>
+    <li>18:30 - 23:00 - Official Party (open to all attendees)</li>
+  </ul>
+</section>
+
+<section class="schedule-day">
+  <h2>Saturday, 10th December 2022</h2>
+  <ul>
+    <li>8:00 - 9:00 - Registration & Conference Door Opens</li>
+    <li>9:00 - 12:30 - Day 2, Morning sessions</li>
+    <li>12:30 - 13:30 - Buffet lunch</li>
+    <li>13:30 - 17:00 - Day 2, Afternoon sessions</li>
+    <li>17:00 - end of conference</li>
+  </ul>
+</section>

src/sponsors.md

@@ -9,15 +9,15 @@ title: "Sponsors"
 
   {% assign gold_sponsors = site.data.sponsors | where: "level", "gold" %}
 
-  {% render "list_sponsor", sponsors: gold_sponsors, with_info: true %}
+  {% render "list_sponsor", sponsors: gold_sponsors, level: 'gold', with_info: true %}
 </section>
 
 <section class="sponsor-info">
   <h2 class="sponsor-info__heading">Silver Sponsors</h2>
 
   {% assign silver_sponsors = site.data.sponsors | where: "level", "silver" %}
 
-  {% render "list_sponsor", sponsors: silver_sponsors, with_info: true %}
+  {% render "list_sponsor", sponsors: silver_sponsors, level: 'silver', with_info: true %}
 </section>
 
 <section class="sponsor-contact">