Skip to content

Commit 8b68b63

Browse files
EdroCodeEdroCode
committed
style: adjust overall visuals to match previous hackathon
1 parent 9e357c9 commit 8b68b63

File tree

4 files changed

+49
-48
lines changed

4 files changed

+49
-48
lines changed

‎lib/ares_web/live/app/account_live/index.html.heex‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<.navbar fixed={true} />
22

33
<main class="min-h-screen bg-black text-white">
4-
<div class="max-w-xl mx-auto py-16">
5-
<h1 class="text-4xl font-black mb-6 text-center">Personal Information</h1>
6-
<p class="text-sm text-gray-300 text-center mb-8">
4+
<div class="max-w-xl mx-auto py-16 mt-12">
5+
<h1 class="text-6xl font-black mb-6 text-center">Personal Information</h1>
6+
<p class="text-2xl text-gray-300 text-center mb-8">
77
Use a permanent address where you can receive mail.
88
</p>
99

@@ -70,7 +70,7 @@
7070
placeholder="XXXXX"
7171
class="w-full bg-white text-black rounded px-3 py-2"
7272
/>
73-
<p class="text-xs text-gray-400 mt-1">
73+
<p class="text-sm text-gray-400 mt-1">
7474
Since the registration is closed, you can only register if you have a team waiting for you.
7575
</p>
7676
</div>
@@ -83,7 +83,7 @@
8383
</div>
8484

8585
<div>
86-
<label class="block text-sm text-gray-200 mb-2">Notes</label>
86+
<label class="block text-base text-gray-200 mb-2">Notes</label>
8787
<textarea
8888
name="user[notes]"
8989
placeholder="If you have any notes about food restrictions or anything else let us know"
@@ -94,23 +94,23 @@
9494
<div>
9595
<label class="block text-sm text-gray-200 mb-2">Upload CV</label>
9696
<input type="file" name="user[cv]" class="text-sm text-gray-200" />
97-
<p class="text-xs text-gray-400 mt-1">
97+
<p class="text-small text-gray-400 mt-1">
9898
Upload your CV so that the companies at the event know who you are 👀
9999
</p>
100100
</div>
101101

102102
<div class="flex items-center gap-3">
103103
<label class="inline-flex items-center gap-2">
104104
<input type="checkbox" name="user[agree]" />
105-
<span class="text-sm text-gray-200">
105+
<span class="text-base text-gray-200">
106106
I agree with the
107107
<a href="/regulamento" class="text-primary underline">event regulations</a>
108108
</span>
109109
</label>
110110
</div>
111111

112112
<div>
113-
<button class="px-4 py-2 bg-emerald-600 rounded text-white">Submit</button>
113+
<button class="px-4 py-2 bg-[#67b22e] cursor-pointer hover:bg-[#4f8c21] rounded text-white">Submit</button>
114114
</div>
115115
</form>
116116
</div>

‎lib/ares_web/live/app/faqs_live/index.html.heex‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,14 +3,14 @@
33
<div class="min-h-screen bg-black py-8 sm:py-12 md:py-16">
44
<div class="max-w-4xl mx-auto px-4 sm:px-6 md:px-8">
55
<div class="text-center mb-8 sm:mb-12 md:mb-16">
6-
<h1 class="text-white text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-black mb-6 sm:mb-8 font-display">
6+
<h1 class="text-white text-center tracking-wide text-4xl sm:text-3xl md:text-4xl lg:text-5xl font-black mb-6 sm:mb-8 mt-16 font-display">
77
Frequently asked questions
88
</h1>
99
<div class="mb-6 sm:mb-8">
10-
<p class="text-white text-sm sm:text-base md:text-lg lg:text-xl leading-relaxed font-mono">
10+
<p class="text-white text-center text-sm sm:text-base md:text-lg lg:text-2xl leading-relaxed font-mono">
1111
HAVE A DIFFERENT QUESTION AND CAN'T FIND THE ANSWER YOU'RE LOOKING FOR? REACH OUT TO OUR SUPPORT TEAM BY
1212
<a
13-
href="mailto:geral@ares.org"
13+
href="mailto:geral@bugsbyte.org"
1414
class="text-blue-400 hover:text-blue-300 underline"
1515
>
1616
SENDING US AN EMAIL
@@ -24,7 +24,7 @@
2424
<%= for faq <- @faqs do %>
2525
<div class="border-b border-gray-600">
2626
<button
27-
class="w-full text-left py-4 sm:py-5 md:py-6 flex items-center justify-between hover:text-green-400 transition-colors focus:outline-none focus:text-green-400"
27+
class="w-full cursor-pointer text-left py-4 sm:py-5 md:py-6 flex items-center justify-between hover:text-green-400 transition-colors focus:outline-none focus:text-green-400"
2828
data-faq-id={faq["id"]}
2929
aria-expanded={if faq["expanded"], do: "true", else: "false"}
3030
type="button"
@@ -53,7 +53,7 @@
5353
id={"content-#{faq["id"]}"}
5454
class={"overflow-hidden transition-all duration-300 ease-in-out #{if faq["expanded"], do: "max-h-screen opacity-100 pb-4 sm:pb-5 md:pb-6", else: "max-h-0 opacity-0"}"}
5555
>
56-
<p class="text-gray-300 text-sm sm:text-base md:text-lg leading-relaxed">
56+
<p class="text-white text-2xl leading-relaxed mb-6">
5757
{faq["answer"]}
5858
</p>
5959
</div>

‎lib/ares_web/live/app/home_live/index.html.heex‎

Lines changed: 26 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,32 +1,33 @@
1-
<div class="h-[100vh] relative overflow-hidden bg-black">
1+
<div class="h-[100vh] relative overflow-hidden bg-black ">
22
<div
3-
class="absolute inset-0 bg-cover bg-center bg-no-repeat opacity-90"
4-
style="background-image: url('/images/background.jpg');"
3+
class="absolute inset-0 bg-cover bg-center bg-no-repeat opacity-40"
4+
style="background-image: url('/images/background.jpg') ;"
55
>
66
</div>
77
<div class="relative z-10 flex items-center justify-center h-full px-8 md:px-16">
8-
<div class="flex items-center justify-center gap-8 lg:gap-16 max-w-7xl w-full">
8+
<div class="flex items-center justify-center gap-8 lg:gap-16 max-w-7xl w-full ml-32 h-16">
99
<div class="text-center lg:text-left">
10-
<div class="mb-6">
11-
<span class="text-white text-lg md:text-4xl font-light tracking-[0.4em] uppercase">
12-
{gettext("Welcome to ")}
10+
<div class="mb-2">
11+
<span class="text-white font-VT323 tracking-wide text-lg md:text-5xl font-medium tracking-[0.4em] uppercase">
12+
{gettext("HACKATHON")}
1313
</span>
1414
</div>
1515

16-
<div class="mb-8">
17-
<h1 class="text-white font-black leading-none text-4xl sm:text-5xl md:text-6xl lg:text-7xl xl:text-8xl tracking-tighter">
18-
{gettext("BugsByte")}
16+
<div class="">
17+
<h1 class="text-white font-resegrg tracking-wider leading-none text-4xl sm:text-5xl md:text-6xl lg:text-7xl xl:text-7xl tracking-tighter">
18+
{gettext("BUGSBYTE")}
1919
</h1>
2020
</div>
2121

22-
<div class="mb-6">
23-
<p class="text-gray-300 text-base sm:text-lg md:text-xl lg:text-2xl mx-auto">
22+
23+
<div class="mb-1">
24+
<p class="text-gray-300 tracking-wide font-bold text-base sm:text-lg md:text-xl lg:text-3xl mx-auto">
2425
Peace of mind from prototype to production
2526
</p>
2627
</div>
2728

2829
<div class="mb-16">
29-
<span class="text-white text-lg md:text-4xl font-light tracking-[0.4em]">
30+
<span class="text-white font-VT323 font-bold tracking-wide text-lg md:text-4xl font-light tracking-[0.4em]">
3031
{gettext("28 - 30 March")}
3132
</span>
3233
</div>
@@ -47,8 +48,8 @@
4748

4849
<div class="min-h-screen bg-black py-8 sm:py-12 md:py-16">
4950
<div class="max-w-6xl mx-auto px-4 sm:px-6 md:px-8">
50-
<h2 class="text-white text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-black mb-8 sm:mb-12 md:mb-16 text-center">
51-
What is it?
51+
<h2 class="text-white text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-black mb-8 sm:mb-12 md:mb-16 tracking-wide text-left">
52+
What is it?
5253
</h2>
5354

5455
<div class="text-left mb-8 sm:mb-12 md:mb-16">
@@ -61,8 +62,8 @@
6162
SPONSORING COMPANIES</span>. AT THE END OF THE EVENT, THE BEST PROJECTS ARE REWARDED WITH <span class="text-primary">MONETARY PRIZES</span>.
6263
</p>
6364
</div>
64-
65-
<div class="mt-6 sm:mt-8 md:mt-10 grid max-w-xl grid-cols-1 gap-6 sm:gap-8 text-sm sm:text-base md:text-lg lg:text-xl leading-6 sm:leading-7 text-justify lg:max-w-6xl lg:grid-cols-2 uppercase mx-auto">
65+
66+
<div class="mx-auto mt-6 sm:mt-8 md:mt-10 grid max-w-6xl grid-cols-1 lg:grid-cols-2 gap-6 sm:gap-8 text-white text-sm sm:text-base md:text-lg lg:text-xl xl:text-2xl leading-relaxed text-justify uppercase">
6667
<div>
6768
<p class="text-white">
6869
THIS COMPETITION AIMS TO NOT ONLY SHARPEN AN ENVIRONMENT OF ACTIVE LEARNING, MENTORSHIP,
@@ -94,14 +95,14 @@
9495
</div>
9596
</div>
9697

97-
<div class="w-full max-w-xl lg:max-w-6xl text-left text-base sm:text-lg md:text-xl lg:text-2xl tracking-wide uppercase mt-8 sm:mt-12 md:mt-16 mx-auto">
98+
<div class="w-full max-w-xl lg:max-w-6xl text-left text-lg sm:text-lg md:text-xl lg:text-3xl tracking-wide uppercase mt-8 sm:mt-12 md:mt-16 mx-auto">
9899
<p class="text-white mb-3 sm:mb-4">THE THIRD EDITION WILL BE HAPPENING FROM</p>
99-
<p class="text-2xl sm:text-3xl md:text-4xl text-primary uppercase mb-6 sm:mb-8 md:mb-10">
100+
<p class="text-2xl sm:text-3xl md:text-5xl text-primary uppercase mb-6 sm:mb-8 md:mb-10">
100101
28<span class="text-lg sm:text-xl md:text-2xl">TH</span> TO 30<span class="text-lg sm:text-xl md:text-2xl">TH</span> MARCH 2025
101102
</p>
102103

103104
<p class="text-white mb-3 sm:mb-4">WHERE IS HAPPENING</p>
104-
<p class="text-2xl sm:text-3xl md:text-4xl text-primary uppercase">FORUM BRAGA</p>
105+
<p class="text-2xl sm:text-3xl md:text-5xl text-primary uppercase">FORUM BRAGA</p>
105106
</div>
106107
</div>
107108
</div>
@@ -168,13 +169,13 @@
168169

169170
<div class="min-h-screen bg-black py-8 sm:py-12 md:py-16">
170171
<div class="max-w-6xl mx-auto px-4 sm:px-6 md:px-8 w-full">
171-
<h2 class="text-white text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-black mb-8 sm:mb-12 md:mb-16 text-left">
172+
<h2 class="text-white tracking-wide text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-black mb-8 sm:mb-6 md:mb-10 text-left">
172173
Sponsors
173174
</h2>
174175

175176
<div class="text-left mb-8 sm:mb-12 md:mb-16">
176177
<p class="text-white text-base sm:text-lg md:text-xl lg:text-2xl xl:text-3xl leading-relaxed">
177-
TAKE A LOOK AT THE SPONSORS AND SUPPORTERS WHO MADE THIS EVENT POSSIBLE.
178+
TAKE A LOOK AT THE <span class="text-primary">SPONSORS AND SUPPORTERS</span> WHO MADE THIS EVENT POSSIBLE.
178179
</p>
179180
</div>
180181

@@ -211,10 +212,10 @@
211212
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 sm:gap-10 md:gap-12 items-center justify-items-center py-6 sm:py-8">
212213
<%= for supporter <- @supporters do %>
213214
<a href={supporter["url"]} target="_blank" class="transition-opacity hover:opacity-75">
214-
<img
215+
<img
215216
src={Ares.Companies.icon_path(supporter["icon"])}
216217
alt={supporter["title"]}
217-
class="h-12 sm:h-14 md:h-16 lg:h-20 object-contain"
218+
class="h-12 sm:h-14 md:h-32 lg:h-40 object-contain"
218219
/>
219220
</a>
220221
<% end %>
@@ -226,7 +227,7 @@
226227

227228
<div class="min-h-screen bg-black py-8 sm:py-12 md:py-16">
228229
<div class="max-w-6xl mx-auto px-4 sm:px-6 md:px-8 w-full">
229-
<h2 class="text-white text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-black mb-8 sm:mb-12 md:mb-16 text-left font-display">
230+
<h2 class="text-white tracking-wide text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-black mb-2 sm:mb-2 md:mb-6 text-left font-display">
230231
Gallery
231232
</h2>
232233

‎lib/ares_web/live/app/team_formation_live/index.html.heex‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
<div class="min-h-screen bg-black text-white pt-28 pb-16 px-4 sm:px-6 lg:px-8">
44
<div class="max-w-xl mx-auto">
55
<div class="text-center mb-6">
6-
<h1 class="md:text-6xl text-3xl font-extrabold tracking-tight mb-2">Team Formation</h1>
7-
<p class="text-lg text-gray-300 max-w-2xl mx-auto">
6+
<h1 class="md:text-6xl text-3xl font-extrabold tracking-tight mb-3">Team Formation</h1>
7+
<p class="text-3xl text-gray-300 max-w-2xl mx-auto">
88
If you have already registered, you can join a team or create a new one.
99
</p>
1010
</div>
@@ -41,7 +41,7 @@
4141
</div>
4242
</div>
4343

44-
<div :if={@tab == "create"} class="bg-transparent rounded-lg p-8">
44+
<div :if={@tab == "create"} class="bg-transparent rounded-lg p-8 transform scale-125 mt-56 mb-40">
4545
<.form
4646
:let={f}
4747
for={@changeset}
@@ -64,7 +64,7 @@
6464
/>
6565
</div>
6666

67-
<div class="md:col-span-2">
67+
<div class="md:col-span-2 ">
6868
<.input
6969
field={f[:description]}
7070
type="textarea"
@@ -140,8 +140,8 @@
140140

141141
<!-- Team Members -->
142142
<div class="border-b border-gray-200 pb-8">
143-
<h2 class="text-2xl font-semibold text-white mb-6">Membros da Equipa</h2>
144-
<p class="text-sm text-gray-600 mb-6">
143+
<h2 class="text-2xl font-semibold text-white mb-4">Membros da Equipa</h2>
144+
<p class="text-lg text-gray-600 mb-6 ">
145145
Adiciona os membros que já tens confirmados (opcional)
146146
</p>
147147

@@ -250,9 +250,9 @@
250250
<div class="flex justify-center pt-6">
251251
<button
252252
type="submit"
253-
class="px-4 py-2 bg-emerald-500 hover:bg-emerald-600 text-white rounded-md text-lg inline-flex items-center"
253+
class="px-4 py-2 bg-[#67b22e] cursor-pointer hover:bg-[#4f8c21] text-white rounded-md text-lg inline-flex items-center"
254254
>
255-
<.icon name="hero-users" class="w-5 h-5 mr-2" /> Create
255+
<.icon name="hero-users" class="w-5 h-5 mr-2 " /> Create
256256
</button>
257257
</div>
258258
</.form>
@@ -309,7 +309,7 @@
309309
<div class="flex items-center">
310310
<button
311311
type="submit"
312-
class="px-4 py-2 bg-emerald-500 hover:bg-emerald-600 text-white rounded-md"
312+
class="px-4 py-2 bg-emerald-500 hover:bg-emerald-600 text-white rounded-md "
313313
>
314314
Create
315315
</button>
@@ -318,7 +318,7 @@
318318
</div>
319319

320320
<!-- Additional Info -->
321-
<div class="mt-12 bg-black p-6">
321+
<div class="mt-12 bg-black p-6 mt-56">
322322
<h3 class="text-lg font-semibold text-white mb-3">Informações Importantes</h3>
323323
<ul class="text-gray-300 space-y-4">
324324
<li class="flex items-start gap-3">

0 commit comments

Comments
 (0)