Skip to content

Commit 0160550

Browse files
adamswonderadamswonder
committed
mobile responsiveness
1 parent f6aeb57 commit 0160550

4 files changed

Lines changed: 44 additions & 41 deletions

File tree

‎app/views/landing/home/_featured_sponsors.html.erb‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@
2323
<% featured_sponsors.each do |sponsor| %>
2424
<%= link_to sponsor[:link], target: '_blank' do %>
2525
<div class="flex items-center justify-center w-full">
26-
<div class="w-36 h-36 card flex items-center justify-center overflow-hidden">
26+
<div class="min-w-[8rem] min-h-[8rem] max-w-[9rem] max-h-[9rem] lg:max-w-[8rem] lg:max-h-[8rem] xl:max-w-[12rem] xl:max-h-[12rem] card flex items-center justify-center overflow-hidden">
2727
<%= image_tag sponsor[:image], alt: sponsor[:alt], class: 'w-full h-full object-contain' %>
2828
</div>
2929
</div>

‎app/views/landing/home/_intro.html.erb‎

Lines changed: 27 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -1,45 +1,46 @@
11
<div class="text-center rounded-box mx-auto relative">
2-
<div class="relative">
3-
<%= image_tag 'intro-landing.jpg', alt: "Ruby Conf Africa 2025", class: "w-full object-cover rounded-lg" %>
4-
<div class="absolute inset-0 bg-black bg-opacity-40 rounded-lg"></div>
5-
<div class="absolute inset-0 flex items-center justify-center">
6-
<%= link_to "https://rubyconf.africa", title: "Click to visit Ruby Conf Africa 2025", class: "block relative z-10" do %>
7-
<div class="text-center">
8-
<span class="text-2xl md:text-4xl font-extrabold text-white bg-red-600 bg-opacity-90 px-6 py-3 rounded-lg shadow-lg inline-block transform hover:scale-105 transition-transform duration-300">
9-
Ruby Conf Africa 2025 🔗
10-
<p class="mt-4 text-white text-lg md:text-lg font-medium">Join the largest Ruby conference in Africa!</p>
11-
</span>
12-
</div>
13-
<% end %>
14-
</div>
2+
<div class="relative">
3+
<%= image_tag 'intro-landing.jpg', alt: "Ruby Conf Africa 2025", class: "w-full object-cover rounded-lg" %>
4+
<div class="absolute inset-0 bg-black bg-opacity-40 rounded-lg"></div>
5+
<div class="absolute inset-0 flex items-center justify-center">
6+
<%= link_to "https://rubyconf.africa", title: "Click to visit Ruby Conf Africa 2025", class: "block relative z-10" do %>
7+
<div class="text-center">
8+
<span class="text-2xl md:text-4xl font-extrabold text-white bg-red-600 bg-opacity-90 px-6 py-3 rounded-lg shadow-lg inline-block transform hover:scale-105 transition-transform duration-300 sm:inline-block group-hover:inline-block">
9+
Ruby Conf Africa 2025 🔗
10+
<p class="mt-4 text-white text-lg md:text-lg font-medium hidden sm:block">Join the largest Ruby conference in Africa!</p>
11+
</span>
12+
<% end %>
1513
</div>
14+
</div>
1615
</div>
1716

1817
<div class="grid md:grid-cols-2 pt-10 pb-10 gap-10">
19-
<div class="md:pt-12 md:px-12 flex flex-col gap-8">
18+
<div class="md:pt-12 md:px-12 flex flex-col gap-8 text-center md:text-left">
2019
<h1 class="text-5xl font-semibold capitalize text-red-600 leading-[60px]">
2120
African Ruby Community
2221
</h1>
2322

24-
<p class="text-base sm:w-3/4 leading-7 text-black font-normal">
23+
<p class="text-base sm:w-3/4 leading-7 text-black font-normal mx-auto md:mx-0">
2524
A community organization that seeks to promote computer software programming skills with
2625
the Ruby programming language.
2726
</p>
2827

29-
<%= link_to new_user_registration_path do %>
30-
<button class="btn btn-primary rounded-full py-4 px-8 text-white flex justify-center items-center gap-2">
31-
<span>Join Us</span>
32-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4">
33-
<path fill-rule="evenodd" d="M2 10a.75.75 0 01.75-.75h12.59l-2.1-1.95a.75.75 0
34-
111.02-1.1l3.5 3.25a.75.75 0 010 1.1l-3.5 3.25a.75.75 0
35-
11-1.02-1.1l2.1-1.95H2.75A.75.75 0 012 10z" clip-rule="evenodd"/>
36-
</svg>
37-
</button>
38-
<% end %>
28+
<div class="flex justify-center md:justify-start">
29+
<%= link_to new_user_registration_path do %>
30+
<button class="btn btn-primary rounded-full py-4 px-8 text-white flex justify-center items-center gap-2">
31+
<span>Join Us</span>
32+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4">
33+
<path fill-rule="evenodd" d="M2 10a.75.75 0 01.75-.75h12.59l-2.1-1.95a.75.75 0
34+
111.02-1.1l3.5 3.25a.75.75 0 010 1.1l-3.5 3.25a.75.75 0
35+
11-1.02-1.1l2.1-1.95H2.75A.75.75 0 012 10z" clip-rule="evenodd"/>
36+
</svg>
37+
</button>
38+
<% end %>
39+
</div>
3940
</div>
4041

4142
<div class="grid lg:grid-cols-2 grid-cols-1 lg:gap-0 gap-5 lg:-ml-10">
42-
<div class="bg-red-600 text-white rounded-lg p-10 w-64 lg:w-72 h-40 text flex flex-col gap-3 justify-center items-center hover:scale-105 transition-transform duration-300">
43+
<div class="bg-red-600 text-white rounded-lg p-10 w-76 h-40 text flex flex-col gap-3 justify-center items-center hover:scale-105 transition-transform duration-300">
4344
<p class="text-5xl font-bold"> 5000 + </p>
4445
<p class="text-sm font-semibold">Members across East Africa</p>
4546
</div>

‎app/views/landing/home/_who_we_are.html.erb‎

Lines changed: 12 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -21,16 +21,18 @@
2121
</p>
2222
</div>
2323

24-
<%= link_to landing_about_path do %>
25-
<button class="btn btn-primary rounded-full py-4 px-8 text-white flex justify-center items-center gap-2">
26-
<span>Read more</span>
27-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4">
28-
<path fill-rule="evenodd" d="M2 10a.75.75 0 01.75-.75h12.59l-2.1-1.95a.75.75 0
29-
111.02-1.1l3.5 3.25a.75.75 0 010 1.1l-3.5 3.25a.75.75 0
30-
11-1.02-1.1l2.1-1.95H2.75A.75.75 0 012 10z" clip-rule="evenodd"/>
31-
</svg>
32-
</button>
33-
<% end %>
24+
<div class="flex justify-center">
25+
<%= link_to landing_about_path do %>
26+
<button class="btn btn-primary rounded-full py-4 px-8 text-white flex justify-center items-center gap-2">
27+
<span>Read more</span>
28+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4">
29+
<path fill-rule="evenodd" d="M2 10a.75.75 0 01.75-.75h12.59l-2.1-1.95a.75.75 0
30+
111.02-1.1l3.5 3.25a.75.75 0 010 1.1l-3.5 3.25a.75.75 0
31+
11-1.02-1.1l2.1-1.95H2.75A.75.75 0 012 10z" clip-rule="evenodd"/>
32+
</svg>
33+
</button>
34+
<% end %>
35+
</div>
3436
</div>
3537
</div>
3638
</div>

‎app/views/layouts/_footer.html.erb‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
<footer aria-labelledby="footer-heading" class="md:pt-32 pt-24 px-20 lg:ml-20">
2-
<div class="grid md:grid-cols-3 md:gap-4 gap-12 justify-center items-center">
3-
<%= link_to root_path, class: "justify-end pr-20" do %>
1+
<footer aria-labelledby="footer-heading" class="md:pt-32 pt-24 px-8 md:px-20 lg:ml-20">
2+
<div class="grid md:grid-cols-3 gap-12 justify-center items-center text-center md:text-left">
3+
<%= link_to root_path, class: "flex justify-center md:justify-end md:pr-20" do %>
44
<%= image_tag('arc_logo_coloured.png', alt: "Community Logo", class: 'w-32 md:w-48') %>
55
<% end %>
66

@@ -55,5 +55,5 @@
5555
</ul>
5656
</div>
5757

58-
<p class="text-center pt-10 pb-10">All Rights Reserved. Copyright <%= Date.today.year %></p>
58+
<p class="text-center pt-10 pb-10">All Rights Reserved. African Ruby Community. Copyright <%= Date.today.year %></p>
5959
</footer>

0 commit comments

Comments
 (0)