Skip to content

Commit 6966d5c

Browse files
nikoshellnikoshell
committed
New footer.
1 parent 237f2ad commit 6966d5c

File tree

6 files changed

+336
-153
lines changed

6 files changed

+336
-153
lines changed

‎src/components/Footer.astro‎

Lines changed: 83 additions & 86 deletions
Original file line numberDiff line numberDiff line change
@@ -8,97 +8,94 @@ const gitVersion = __GIT_VERSION__;
88
---
99

1010
<div
11-
class="text-white max-w-4xl lg:max-w-6xl mx-auto py-10 lg:grid grid-cols-2 px-6 gap-60"
11+
class=" px-6 lg:px-0 text-white max-w-4xl lg:max-w-6xl mx-auto py-10 "
1212
>
13-
<div>
14-
<nav class="mb-12">
15-
<h6 class="font-bold text-xl mb-6">Quicklinks</h6>
16-
<ul>
17-
{
18-
links.footer.map((item) => (
19-
<li class="list-none">
20-
<a
21-
href={item.path}
22-
class="block font-bold text-4xl md:text-5xl mb-4 hover:text-primary-hover"
23-
>
24-
{item.name}
25-
{item.path.startsWith("http") ? <span> ↗</span> : null}
26-
</a>
27-
</li>
28-
))
29-
}
30-
</ul>
31-
</nav>
32-
</div>
13+
<p class="mb-16 text-white/10" >
14+
version: {gitVersion} @ {buildTimestamp}
15+
</p>
16+
<div class="links flex flex-wrap gap-8 justify-around">
17+
{
18+
links.footer.map((section) => (
19+
<div class="md:w-auto mb-8 md:mb-0 text-start">
20+
<h3 class="font-bold text-lg mb-4">{section.name}</h3>
21+
{section.items ? (
22+
<ul class="space-y-2">
23+
{section.items.map((item) => (
24+
<li>
25+
<a
26+
href={item.path}
27+
class="text-gray-700 hover:text-primary-hover transition-colors duration-200"
28+
>
29+
{item.name}
30+
{item.path.startsWith("http") && (
31+
<span class="inline-block ml-1">↗</span>
32+
)}
33+
</a>
34+
</li>
35+
))}
36+
</ul>
37+
) : (
38+
<a
39+
href={section.path}
40+
class="text-gray-700 hover:text-primary-hover transition-colors duration-200"
41+
>
42+
{section.name}
43+
{section.path?.startsWith("http") && (
44+
<span class="inline-block ml-1">↗</span>
45+
)}
46+
</a>
47+
)}
48+
</div>
49+
))
50+
}
3351

52+
<div class="w-full py-2 border-t border-b border-white/10">
3453
<div
3554
class="flex flex-col lg:flex-row self-center gap-8 lg:gap-12 justify-end"
3655
>
37-
<div>
38-
<EPSLogo width=200 height=200 class="max-w-[100px] lg:max-w-[200px] h-auto w-full" />
56+
<div class="flex text-white/40 w-2/3 px-6 items-center">
57+
<p>Excited about our mission? Want to collaborate or contribute? Let's connect!
58+
We're open to partnership opportunities and would love to hear your ideas.
59+
<a class="text-white" href="mailto:[email protected]">[email protected]</a>
60+
</p>
3961
</div>
40-
<div>
41-
<address class="not-italic mb-4">
42-
EuroPython Society (EPS)
43-
<br />Ramnebacken 45
44-
<br />
45-
424 38 Agnesberg
46-
<br />
47-
Sweden
48-
</address>
49-
50-
<p class="mb-4">
51-
<a
52-
class="underline whitespace-nowrap"
53-
href="https://europython-society.org"
54-
>
55-
europython-society.org <span> ↗</span>
56-
</a>
57-
<a
58-
class="underline whitespace-nowrap"
59-
href="https://blog.europython.eu"
60-
>
61-
blog.europython.eu <span> ↗</span>
62-
</a>
63-
<br />
64-
<a
65-
class="underline whitespace-nowrap"
66-
href="https://fosstodon.org/@europython"
67-
>
68-
fosstodon.org/@europython <span> ↗</span>
69-
</a>
70-
<br />
71-
<a
72-
class="underline whitespace-nowrap"
73-
href="https://linkedin.com/company/europython"
74-
>
75-
linkedin.com/company/europython <span> ↗</span>
76-
</a>
77-
<br />
78-
<a
79-
class="underline whitespace-nowrap"
80-
href="https://bsky.app/profile/europython.eu"
81-
>
82-
bsky.app/profile/europython.eu <span> ↗</span>
83-
</a>
84-
<br />
85-
<a
86-
class="underline whitespace-nowrap"
87-
href="https://github.com/europython"
88-
>
89-
github.com/europython <span> ↗</span>
90-
</a>
91-
<br />
92-
<a
93-
class="underline whitespace-nowrap"
94-
href="https://twitter.com/europython"
95-
>
96-
twitter.com/europython <span> ↗</span>
97-
</a>
98-
</p>
99-
<p class="mb-4" style="color: rgba(255, 255, 255, 0.4)">
100-
version: {gitVersion} @ {buildTimestamp}
101-
</p>
62+
<div class="flex text-white/40 w-1/3 text-start">
63+
<div>
64+
<EPSLogo width=90 height=90 class="w-[90px] mr-4 h-auto " />
65+
</div>
66+
<div>
67+
<address class="not-italic ">
68+
EuroPython Society (EPS)
69+
<br />Ramnebacken 45
70+
<br />
71+
424 38 Agnesberg
72+
<br />
73+
Sweden
74+
</address>
75+
</div>
76+
</div>
10277
</div>
10378
</div>
104-
</footer>
79+
<div class=" terms flex flex-row justify-around w-1/3">
80+
{links.terms.map((item) => (
81+
<a
82+
href={item.path}
83+
class="text-gray-700 hover:text-primary-hover transition-colors duration-200"
84+
>
85+
{item.name}
86+
{item.path.startsWith("http") && (
87+
<span class="inline-block ml-1">↗</span>
88+
)}
89+
</a>
90+
))}
91+
</div>
92+
</div>
93+
<style>
94+
.links > div:first-child {
95+
font-size: 1.8rem;
96+
}
97+
.terms {
98+
font-size: 0.8rem;
99+
opacity:0.4;
100+
}
101+
</style>

‎src/components/Header.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ import links from "../data/links.json";
88
---
99

1010
<section id="navbar" class="fixed top-0 z-50 transition-transform duration-300 transform-gpu w-full">
11-
<div class="container max-w-[1150px] mx-auto py-2 mt-2 lg:p-2 lg:mt-6 px-6 flex items-center justify-between relative z-40 bg-white/80 lg:rounded-lg backdrop-blur-md shadow-lg">
11+
<div class="container max-w-[1150px] mx-auto py-1 mt-1 lg:p-2 lg:mt-6 px-6 flex items-center justify-between relative z-40 bg-white/80 rounded-full backdrop-blur-md shadow-lg">
1212
<input
1313
type="checkbox"
1414
name="mobile-controls"

‎src/components/header/header-actions.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ const IS_LIVE = false;
3434
<kbd>Ctrl</kbd><kbd>K</kbd>
3535
</kbd>
3636
</button>
37-
<Button url="/tickets" icon="ticket" class="w-full max-w-48 max-xl:hidden">Tickets</Button>
37+
<Button custom url="/tickets" icon="ticket" class="button-link font-bold text-lg px-4 py-3 rounded-full inline-flex items-center justify-center leading-4 transition-colors duration-200 not-prose border hover:text-black w-full max-w-48 max-xl:hidden bg-button text-text-inverted hover:bg-button-hover border-transparent">Tickets</Button>
3838
{IS_LIVE && <Button url="/live">Live</Button>}
3939
</>
4040
: null

‎src/components/ui/Button.astro‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@ const {
1111
outline = false,
1212
disabled = false,
1313
clear = false,
14+
custom = false,
1415
isExternal,
1516
icon,
1617
iconSvg = false,
@@ -40,7 +41,7 @@ const slotContent = await Astro.slots.render('default');
4041
href={disabled ? undefined : url}
4142
title={title}
4243
aria-label={title ? title : slotContent}
43-
class={`${baseClasses}
44+
class={custom ? `${className}`: `${baseClasses}
4445
${clear ? clearClasses : outline ? outlineClasses : secondary ? secondaryClasses : primaryClasses}
4546
${disabled ? disabledClasses : ""}
4647
${className}`}

0 commit comments

Comments
 (0)