Merge pull request #7 from nairuby/main

update local fork
nairuby · May 2, 2023 · 26f99c0 · 26f99c0
2 parents 95e4650 + cbbe508
commit 26f99c0
Show file tree

Hide file tree

Showing 15 changed files with 292 additions and 138 deletions.
diff --git a/app/assets/images/brands_github.png b/app/assets/images/brands_github.png
diff --git a/app/assets/images/brands_linkedin.png b/app/assets/images/brands_linkedin.png
diff --git a/app/assets/images/workshop.jpg b/app/assets/images/workshop.jpg
diff --git a/app/controllers/landing_controller.rb b/app/controllers/landing_controller.rb
@@ -1,9 +1,13 @@
 class LandingController < ApplicationController
   # People should not require authentication for following actions
-  skip_before_action :authenticate_user!, only: %i[index about]
+  skip_before_action :authenticate_user!, only: %i[index about learn]
   def index;end
 
   ##
   # About us page
   def about;end
+
+  ##
+  # Featured learning materials
+  def learn;end
 end
diff --git a/app/views/chapters/index.html.erb b/app/views/chapters/index.html.erb
@@ -3,8 +3,8 @@
     Chapters
   </h1>
 
-  <div class="grid sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-2
-    xl:grid-cols-3 grid-cols-4 gap-1 gap-y-20 mx-auto place-items-center">
+  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2
+    xl:grid-cols-3 gap-1 gap-y-20 mx-auto place-items-center">
     <% @chapters.each do |chapter| %>
       <div class="chapter-grid grid flex-grow w-45 h-48 card rounded-box
         place-items-center">

diff --git a/app/views/landing/about.html.erb b/app/views/landing/about.html.erb
@@ -1,29 +1,28 @@
-<div class="flex justify-center h-60" style="margin-bottom: 120px; background-color: #020101">
-  <%= image_tag image_path('workshop.jpg'), class: "pt-20", style: "width: 900px; height:
-  400px; filter: brightness(20%);" %>
+<div class="flex justify-center h-60 mb-16 md:mb-28 lg:mb-40" style="background-color: #020101">
+  <%= image_tag image_path('workshop.jpg'), class: "pt-20 w-fit h-fit", style: "filter: brightness(40%);" %>
 </div>
 
-<div class="container pt-20 px-56">
-  <h1 class="text-4xl font-bold">
+<div class="grid pt-20 md:px-20 lg:px-56 mx-auto place-content-center">
+  <h1 class="place-self-center text-4xl text-red-600 font-bold text-center">
     About ARC - African Ruby Community
   </h1>
 
-  <p class="pt-12">
+  <p class="pt-12 text-justify">
     African Ruby Community, ARC is an organization that was started in 2010. The community currently
     has over reach of over 5,000 members spread across East Africa, made of developers (Engineers),
     entrepreneurs, designers and freelancers. In terms of development and demonstrations the
     community focuses on ruby technologies and frameworks, which are all open source and widely used
     by startups to prototype and carry out proof of concept with a go to market strategy.
   </p>
 
-  <p class="pt-10">
+  <p class="pt-10 text-justify">
     The community hosts weekly and monthly meetups in different cities in East Africa. The community
     brings you Ruby Conference every year with different themes to fill the gap that exist between
     school and industry and in return helps spur innovation and growth in contribution to global
     economy.
   </p>
 
-  <p class="pt-10">
+  <p class="pt-10 text-justify">
     ARC brings entrepreneurs, developers, Designers, open source contributors. Why? We
     believe in a holistic approach through, entrepreneurship “Solution approach” and open source we
     can solve so many problems. This in return empowers everyone who attends with technology “tool”

diff --git a/app/views/landing/home/_activities.html.erb b/app/views/landing/home/_activities.html.erb
@@ -4,33 +4,28 @@
 
 <div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4
 xl:grid-cols-5 gap-2 px-20 place-content-center">
-  <div class="items-center justify-center w-48 h-48 card rounded-box
-        place-items-center">
+  <div class="place-self-center w-72 h-72 md:w-48 md:h-48 card rounded-box">
     <%= image_tag image_path('activities_local_meetups.png'), alt: 'Local meetups photo' %>
-    <p>Local Meetups</p>
+    <p class="place-self-center text-xl md:text-base">Local Meetups</p>
   </div>
 
-  <div class="items-center justify-center w-48 h-48 card rounded-box
-        place-items-center">
+  <div class="place-self-center w-72 h-72 md:w-48 md:h-48 card rounded-box">
     <%= image_tag image_path('activities_local_conferences.png'), alt: 'Conferences photo' %>
-    Conferences
+    <p class="place-self-center text-xl md:text-base">Conferences</p>
   </div>
 
-  <div class="items-center justify-center w-48 h-48 card rounded-box
-        place-items-center">
+  <div class="place-self-center w-72 h-72 md:w-48 md:h-48 card rounded-box">
     <%= image_tag image_path('activities_local_programming.png'), alt: 'Programming photo' %>
-    Programming
+    <p class="place-self-center text-xl md:text-base">Programming</p>
   </div>
 
-  <div class="items-center justify-center w-48 h-48 card rounded-box
-        place-items-center">
+  <div class="place-self-center w-72 h-72 md:w-48 md:h-48 card rounded-box">
     <%= image_tag image_path('activities_local_workshops.png'), alt: 'Workshops photo' %>
-    Workshops
+    <p class="place-self-center text-xl md:text-base">Workshops</p>
   </div>
 
-  <div class="items-center justify-center w-48 h-48 card rounded-box
-        place-items-center">
+  <div class="place-self-center w-72 h-72 md:w-48 md:h-48 card rounded-box">
     <%= image_tag image_path('activities_local_hackathons.png'), alt: 'Hackathons photo' %>
-    Hackathons
+    <p class="place-self-center text-xl md:text-base">Hackathons</p>
   </div>
 </div>
diff --git a/app/views/landing/home/_chapters.html.erb b/app/views/landing/home/_chapters.html.erb
@@ -5,60 +5,56 @@
 
   <div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4
 xl:grid-cols-5 gap-2 px-20 place-content-center">
-    <div class="items-center justify-center w-44 h-40 card border border-red-600
+    <div class="place-self-center w-72 md:w-48 card border border-red-600
        rounded-b-md rounded-tr-md">
-      <%= image_tag image_path 'country_kenya.png' %>
-      <div>
-        <p class="text-2xl text-red-600">Kenya</p>
-        <%= link_to new_user_registration_path do %>
-          <p>Join community</p>
-        <% end %>
-      </div>
+
+      <%= image_tag image_path('country_kenya.png'), class: 'pt-2 place-self-center h-16 md:36' %>
+      <p class="place-self-center text-2xl text-red-600">Kenya</p>
+
+      <%= link_to new_user_registration_path, class: 'place-self-center pb-6' do %>
+        <p>Join community</p>
+      <% end %>
     </div>
 
-    <div class="items-center justify-center w-44 h-40 card border border-red-600
+    <div class="place-self-center w-72 md:w-48 card border border-red-600
        rounded-b-md rounded-tr-md">
-      <%= image_tag image_path 'country_rwanda.png' %>
-      <div>
-        <p class="text-2xl text-red-600">Rwanda</p>
-        <%= link_to new_user_registration_path do %>
-          <p>Join community</p>
-        <% end %>
-      </div>
+
+      <%= image_tag image_path('country_rwanda.png'), class: 'pt-2 place-self-center h-16 md:36' %>
+      <p class="place-self-center text-2xl text-red-600">Rwanda</p>
+
+      <%= link_to new_user_registration_path, class: 'place-self-center pb-6' do %>
+        <p>Join community</p>
+      <% end %>
     </div>
 
-    <div class="items-center justify-center w-44 h-40 card border border-red-600
+    <div class="place-self-center w-72 md:w-48 card border border-red-600
        rounded-b-md rounded-tr-md">
-      <%= image_tag image_path 'country_tanzania.png' %>
-      <div>
-        <p class="text-2xl text-red-600">Tanzania</p>
 
-        <%= link_to new_user_registration_path do %>
-          <p>Join community</p>
-        <% end %>
-      </div>
+      <%= image_tag image_path('country_tanzania.png'), class: 'pt-2 place-self-center h-16 md:36' %>
+      <p class="place-self-center text-2xl text-red-600">Tanzania</p>
+
+      <%= link_to new_user_registration_path, class: 'place-self-center pb-6' do %>
+        <p>Join community</p>
+      <% end %>
     </div>
 
-    <div class="items-center justify-center w-44 h-40 card border border-red-600
+    <div class="place-self-center w-72 md:w-48 card border border-red-600
        rounded-b-md rounded-tr-md">
-      <%= image_tag image_path 'country_uganda.png' %>
-      <div>
-        <p class="text-2xl text-red-600">Uganda</p>
 
-        <%= link_to new_user_registration_path do %>
-          <p>Join community</p>
-        <% end %>
-      </div>
+      <%= image_tag image_path('country_uganda.png'), class: 'pt-2 place-self-center h-16 md:36' %>
+      <p class="place-self-center text-2xl text-red-600">Uganda</p>
+
+      <%= link_to new_user_registration_path, class: 'place-self-center pb-6' do %>
+        <p>Join community</p>
+      <% end %>
     </div>
 
-    <a href="mailto:[email protected]">
-      <div class="items-center justify-center w-44 h-40 card border border-slate-900
-       border-dashed rounded-b-md rounded-tr-md">
-        <%= image_tag image_path 'add.png' %>
-        <div class="px-5">
-          <p class="text-2xl">Request new chapter</p>
-        </div>
-      </div>
+    <a href="mailto:[email protected]" class="place-self-center w-72 md:w-48 card border border-red-600
+       rounded-b-md rounded-tr-md">
+
+      <%= image_tag image_path('add.png'), class: 'pt-2 place-self-center h-16 md:36' %>
+      <p class="place-self-center text-xl text-red-600">Request new chapter</p>
+      <p class="pb-6"></p>
     </a>
   </div>
 </div>
diff --git a/app/views/landing/home/_intro.html.erb b/app/views/landing/home/_intro.html.erb
@@ -20,7 +20,7 @@
             <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm.75-13a.75.75 0
             00-1.5 0v5c0 .414.336.75.75.75h4a.75.75 0 000-1.5h-3.25V5z" clip-rule="evenodd"/>
           </svg>
-          <p class="ml-2 truncate">28th June - 30th June</p>
+          <p class="ml-2 truncate">TBD</p>
         </div>
         <br/>
         <div class="inline-flex text-sm text-white">
@@ -34,7 +34,7 @@
             2.25 0 000 4.5z" clip-rule="evenodd"/>
           </svg>
 
-          <p class="ml-2 truncate">Norrsken House | Kigali, Rwanda</p>
+          <p class="ml-2 truncate">TBD | Kigali, Rwanda</p>
         </div>
         <div class="pb-16"></div>
       </div>
@@ -64,7 +64,7 @@
             <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm.75-13a.75.75 0
             00-1.5 0v5c0 .414.336.75.75.75h4a.75.75 0 000-1.5h-3.25V5z" clip-rule="evenodd"/>
           </svg>
-          <p class="ml-2 truncate">28th June - 30th June</p>
+          <p class="ml-2 truncate">TBD</p>
         </div>
 
         <div class="inline-flex text-sm text-white">
@@ -78,7 +78,7 @@
             2.25 0 000 4.5z" clip-rule="evenodd"/>
           </svg>
 
-          <p class="ml-2 truncate">Norrsken House | Kigali, Rwanda</p>
+          <p class="ml-2 truncate">TBD | Kigali, Rwanda</p>
         </div>
         <div class="pb-16"></div>
     </div>

diff --git a/app/views/landing/home/_previous_sponsors.html.erb b/app/views/landing/home/_previous_sponsors.html.erb
@@ -1,50 +1,50 @@
 <div class="container mx-auto px-20 bg-zinc-50">
-  <h1 class="pt-16 text-xl text-red-600 font-bold">
+  <h1 class="pt-16 text-xl text-red-600 font-bold pb-6">
     Previous Sponsors
   </h1>
 
-  <div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6
+  <div class="grid grid-cols-1 md:grid-cols-4 lg:grid-cols-6
 xl:grid-cols-6 gap-2 place-content-center">
 
-    <div class="items-center justify-center w-20 card">
+    <div class="place-self-center w-20 card">
       <%= link_to 'https://www.shopify.com/', target: '_blank' do %>
         <%= image_tag 'sponsors/previous/shopify.webp', alt: 'Shopify',
-                      class: 'max-w-none w-20' %>
+                      class: 'max-w-none w-40 md:w-20 pb-6' %>
       <% end %>
     </div>
 
-    <div class="items-center justify-center w-20 card place-items-center">
+    <div class="place-self-center w-20 card">
       <%= link_to 'https://www.turing.com/', target: '_blank' do %>
         <%= image_tag 'sponsors/previous/turing.png', alt: 'Turing',
-                      class: 'max-w-none w-20' %>
+                      class: 'max-w-none w-40 md:w-20 pb-6' %>
       <% end %>
     </div>
 
-    <div class="items-center justify-center w-20 card place-items-center">
+    <div class="place-self-center w-20 card">
       <%= link_to 'https://kopokopo.co.ke', target: '_blank' do %>
         <%= image_tag 'sponsors/previous/kopokopo.png', alt: 'KopoKopo',
-                      class: 'max-w-none w-20' %>
+                      class: 'max-w-none w-40 md:w-20 pb-6' %>
       <% end %>
     </div>
 
-    <div class="items-center justify-center w-20 card place-items-center">
+    <div class="place-self-center w-20 card">
       <%= link_to 'https://kwara.com/', target: '_blank' do %>
         <%= image_tag 'sponsors/previous/kwara.png', alt: 'Kwara',
-                      class: 'max-w-none w-20' %>
+                      class: 'max-w-none w-40 md:w-20 pb-6' %>
       <% end %>
     </div>
 
-    <div class="items-center justify-center w-20 card place-items-center">
+    <div class="place-self-center w-20 card">
       <%= link_to 'https://ihub.co.ke/', target: '_blank' do %>
         <%= image_tag 'sponsors/previous/ihub.png', alt: 'iHub, Nairobi',
-                      class: 'max-w-none w-20' %>
+                      class: 'max-w-none w-40 md:w-20 pb-6' %>
       <% end %>
     </div>
 
-    <div class="items-center justify-center w-20 card place-items-center">
+    <div class="place-self-center w-20 card">
       <%= link_to 'https://andela.com/', target: '_blank' do %>
         <%= image_tag 'sponsors/previous/andela.png', alt: 'Andela',
-                      class: 'max-w-none w-20' %>
+                      class: 'max-w-none w-40 md:w-20 pb-6' %>
       <% end %>
     </div>
   </div>