Skip to content

Commit e4c975c

Browse files
adamswonderadamswonder
committed
update landing with banner
1 parent 9682215 commit e4c975c

File tree

9 files changed

+74
-42
lines changed

9 files changed

+74
-42
lines changed

‎Dockerfile‎

Lines changed: 15 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -7,29 +7,23 @@ ENV TMP_PATH /tmp/
77
ENV RAILS_LOG_TO_STDOUT true
88
ENV RAILS_PORT 3000
99

10-
# copy entrypoint scripts and grant execution permissions
11-
COPY ./dev-docker-entrypoint.sh /usr/local/bin/dev-entrypoint.sh
12-
COPY ./test-docker-entrypoint.sh /usr/local/bin/test-entrypoint.sh
13-
RUN chmod +x /usr/local/bin/dev-entrypoint.sh && chmod +x /usr/local/bin/test-entrypoint.sh
14-
15-
# install dependencies for application
16-
RUN apk -U add --no-cache \
17-
build-base \
18-
git \
19-
postgresql-dev \
20-
postgresql-client \
21-
libxml2-dev \
22-
libxslt-dev \
23-
nodejs \
24-
yarn \
25-
imagemagick \
26-
tzdata \
27-
less \
28-
&& rm -rf /var/cache/apk/* \
29-
&& mkdir -p $APP_PATH
10+
# Install system dependencies
11+
RUN apt-get update && apt-get install -y \
12+
build-essential \
13+
git \
14+
postgresql-client \
15+
libxml2-dev \
16+
libxslt-dev \
17+
nodejs \
18+
npm \
19+
imagemagick \
20+
tzdata \
21+
less \
22+
&& rm -rf /var/lib/apt/lists/* \
23+
&& mkdir -p $APP_PATH
3024

3125
RUN gem install bundler --version "$BUNDLE_VERSION" \
32-
&& rm -rf $GEM_HOME/cache/*
26+
&& rm -rf $GEM_HOME/cache/*
3327

3428
# navigate to app directory
3529
WORKDIR $APP_PATH

‎app/assets/config/manifest.js‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
11
//= link_tree ../images
22
//= link_tree ../builds
33
//= link mailgun_mails.css
4+
//= link application.tailwind.css
5+
//= link_tree ../../javascript .js

‎app/assets/images/intro-landing.jpg‎

592 KB
Loading

‎app/assets/stylesheets/application.tailwind.css‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -60,4 +60,21 @@
6060
height: 167px;
6161
}
6262
}
63+
64+
.rounded-box {
65+
position: relative;
66+
overflow: hidden;
67+
}
68+
69+
.rounded-box .absolute {
70+
position: absolute;
71+
top: 0;
72+
left: 0;
73+
right: 0;
74+
bottom: 0;
75+
display: flex;
76+
align-items: center;
77+
justify-content: center;
78+
z-index: 10;
79+
}
6380
}

‎app/helpers/chapters_helper.rb‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -18,14 +18,14 @@ module ChaptersHelper
1818

1919
FEATURED_SPONSORS = [
2020
{ image: 'sponsors/current/solutech_official.svg', link: 'https://solutech.co.ke', alt: 'Solutech' },
21-
{ image: 'sponsors/current/finplus.png', link: 'https://finplusgroup.com', alt: 'Finplus Group' },
21+
{ image: 'sponsors/current/microverse.png', link: 'https://www.microverse.org/', alt: 'Microverse' },
2222
{ image: 'sponsors/current/app_signal.png', link: 'https://www.appsignal.com', alt: 'App Signal' },
2323
{ image: 'sponsors/current/ruby_central.png', link: 'https://rubycentral.org/', alt: 'Ruby Central' },
2424

2525
{ image: 'sponsors/current/kopo_kopo.png', link: 'https://kopokopo.co.ke', alt: 'Kopo Kopo' },
26+
{ image: 'sponsors/current/finplus.png', link: 'https://finplusgroup.com', alt: 'Finplus Group' },
2627
{ image: 'sponsors/current/planet_argon.png', link: 'https://www.planetargon.com', alt: 'Planet Argon' },
2728
{ image: 'sponsors/current/friendly_rb.jpg', link: 'https://friendlyrb.com/', alt: 'FriendlyRB' },
28-
{ image: 'sponsors/current/microverse.png', link: 'https://www.microverse.org/', alt: 'Microverse' },
2929
{ image: 'sponsors/current/kca.png', link: 'https://www.kcau.ac.ke', alt: 'KCA University' },
3030
{ image: 'sponsors/current/nairobits.png', link: 'https://www.nairobits.com/', alt: 'Nairobits' }
3131
].freeze

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

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -19,12 +19,12 @@
1919
Featured Sponsors
2020
</h1>
2121

22-
<div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-3 xl:grid-cols-3 gap-2 lg:ml-28">
22+
<div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-6 px-20 place-content-center">
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-40 card">
27-
<%= image_tag sponsor[:image], alt: sponsor[:alt] %>
26+
<div class="w-36 h-36 card flex items-center justify-center overflow-hidden">
27+
<%= image_tag sponsor[:image], alt: sponsor[:alt], class: 'w-full h-full object-contain' %>
2828
</div>
2929
</div>
3030
<% end %>

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

Lines changed: 26 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,25 @@
1-
<div class="text-center shadow-lg rounded-box mx-auto py-8 my-4">
2-
<a href="https://rubyconf.africa" title="Click to visit Ruby Conf Africa 2025" class="btn btn-lg btn-primary btn-block text-xl sm:text-l font-extrabold flex items-center justify-center space-x-3 underline decoration-dashed hover:decoration-solid">
3-
<span class="text-xl font-bold tracking-wide">Ruby Conf Africa 2025 🔗</span>
4-
</a>
1+
<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>
15+
</div>
516
</div>
617

718
<div class="grid md:grid-cols-2 pt-10 pb-10 gap-10">
819
<div class="md:pt-12 md:px-12 flex flex-col gap-8">
9-
<h1 class="text-5xl font-semibold capitalize text-red-600 leading-[60px]">African Ruby Community</h1>
20+
<h1 class="text-5xl font-semibold capitalize text-red-600 leading-[60px]">
21+
African Ruby Community
22+
</h1>
1023

1124
<p class="text-base sm:w-3/4 leading-7 text-black font-normal">
1225
A community organization that seeks to promote computer software programming skills with
@@ -17,26 +30,26 @@
1730
<button class="btn btn-primary rounded-full py-4 px-8 text-white flex justify-center items-center gap-2">
1831
<span>Join Us</span>
1932
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4">
20-
<path fill-rule="evenodd" d="M2 10a.75.75 0 01.75-.75h12.59l-2.1-1.95a.75.75 0
21-
111.02-1.1l3.5 3.25a.75.75 0 010 1.1l-3.5 3.25a.75.75 0
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
2235
11-1.02-1.1l2.1-1.95H2.75A.75.75 0 012 10z" clip-rule="evenodd"/>
2336
</svg>
2437
</button>
2538
<% end %>
2639
</div>
2740

2841
<div class="grid lg:grid-cols-2 grid-cols-1 lg:gap-0 gap-5 lg:-ml-10">
29-
<div class="bg-red-600 text-white rounded-lg p-10 w-64 h-40 text flex flex-col gap-3 justify-center items-center">
30-
<p class="text-5xl font-bold"> 5000 + </p>
42+
<div class="bg-red-600 text-white rounded-lg p-10 md:w-56 md:h-32 w-64 h-40 text flex flex-col gap-3 justify-center items-center hover:scale-105 transition-transform duration-300">
43+
<p class="text-5xl font-bold">5000 +</p>
3144
<p class="text-sm font-semibold">Members across East Africa</p>
3245
</div>
33-
<div class="rounded-lg lg:-ml-20">
46+
<div class="rounded-lg lg:-ml-20 hover:scale-105 transition-transform duration-300">
3447
<%= image_tag 'developers.jpg', class: 'w-full lg:h-[110%] object-cover rounded-lg lg:rounded-tr-full' %>
3548
</div>
36-
<div class="lg:-mt-28 rounded-lg">
37-
<%= image_tag 'conference.jpg', class: 'w-full h-full object-cover rounded-lg lg:rounded-bl-full' %>
49+
<div class="lg:-mt-28 rounded-lg hover:scale-105 transition-transform duration-300">
50+
<%= image_tag 'conference.jpg', class: 'w-full h-full object-cover rounded-lg lg:rounded-bl-full' %>
3851
</div>
39-
<div class="bg-red-600 text-white rounded-lg lg:rounded-bl-none lg:rounded-tl-none lg:rounded-tr-none p-10 w-76 h-40 text flex flex-col gap-3 justify-center items-center lg:mt-6">
52+
<div class="bg-red-600 text-white rounded-lg lg:rounded-bl-none lg:rounded-tl-none lg:rounded-tr-none p-10 w-76 h-40 text flex flex-col gap-3 justify-center items-center lg:mt-6 hover:scale-105 transition-transform duration-300">
4053
<p class="text-5xl font-bold">
4154
<%= Time.now.year - 2010 %> +
4255
</p>
@@ -45,6 +58,4 @@
4558
</p>
4659
</div>
4760
</div>
48-
4961
</div>
50-

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
<% previous_sponsors.each do |sponsor| %>
99
<%= link_to sponsor[:link], target: '_blank' do %>
1010
<div class="flex items-center justify-center w-full">
11-
<div class="w-36 h-40 card">
11+
<div class="w-36 h-36 card">
1212
<%= image_tag sponsor[:image], alt: sponsor[:alt] %>
1313
</div>
1414
</div>

‎tailwind.config.js‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,5 +27,13 @@ module.exports = {
2727
},
2828
},],
2929
},
30+
screens: {
31+
xs: '576',
32+
sm: '640px',
33+
md: '768px',
34+
lg: '1024px',
35+
xl: '1280px',
36+
'2xl': '1536px',
37+
},
3038
plugins: [require("@tailwindcss/typography"), require("daisyui")],
3139
}

0 commit comments

Comments
 (0)