Skip to content

Update subscribers. #1134

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 5 commits into from
Apr 17, 2025
Merged

Update subscribers. #1134

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
d1cb4bc
Update subscribers.
nikoshell Apr 12, 2025
b557e3a
Add local FA icons.
nikoshell Apr 14, 2025
8461371
Merge branch 'ep2025' into ep2025-issue-1087
nikoshell Apr 14, 2025
69a2ef0
Update src/components/sections/subscribe.astro
nikoshell Apr 14, 2025
080f607
Merge branch 'ep2025' into ep2025-issue-1087
nikoshell Apr 16, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 0 additions & 4 deletions public/icons/bluesky.svg
View file
Open in desktop

This file was deleted.

7 changes: 0 additions & 7 deletions public/icons/instagram.svg
View file
Open in desktop

This file was deleted.

16 changes: 0 additions & 16 deletions public/icons/linkedin.svg
View file
Open in desktop

This file was deleted.

2 changes: 0 additions & 2 deletions public/icons/mastodon.svg
View file
Open in desktop

This file was deleted.

1 change: 0 additions & 1 deletion public/icons/x.svg
View file
Open in desktop

This file was deleted.

6 changes: 0 additions & 6 deletions public/icons/youtube.svg
View file
Open in desktop

This file was deleted.

87 changes: 42 additions & 45 deletions src/components/sections/subscribe.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
---
import Button from "@ui/Button.astro";
const socialLinks = [
{ href: "https://linkedin.com/company/europython/", icon: "linkedin" },
{ href: "https://instagram.com/europython/", icon: "instagram" },
Expand All @@ -10,56 +11,52 @@ const socialLinks = [
---

<div class="full-bleed w-full bg-[#d4d5e5] flex flex-col items-center justify-center py-08 px-4 text-center">
<div class="w-full bg-[#d4d5e5] flex flex-col items-center justify-center py-20 px-4 text-center relative z-10">
<h1 class="text-4xl md:text-6xl font-bold mb-10 leading-tight text-[#17223A]">
Follow us<br />for updates
</h1>
<div class="w-full bg-[#d4d5e5] flex flex-col items-center justify-center py-20 px-4 text-center relative z-10">
<h1 class="text-4xl md:text-6xl font-bold mb-10 leading-tight text-[#17223A]">
Follow us<br />for updates
</h1>

<div class="flex justify-center flex-wrap gap-6 mb-8">
{socialLinks.map(({ href, icon }) => (
<a
href={href}
target="_blank"
rel="noopener noreferrer"
class="w-16 h-16 flex items-center justify-center border-2 border-yellow-400 rounded-full hover:scale-110 transition-transform"
>
<img src={`/icons/${icon}.svg`} alt={icon} class="w-6 h-6" />
</a>
))}
</div>
<div class="flex justify-center flex-wrap gap-6 mb-8">
{socialLinks.map(({ href, icon }) => (
<a
href={href}
target="_blank"
rel="noopener noreferrer"
class="w-16 h-16 flex items-center justify-center border-2 border-yellow-400 rounded-full hover:scale-110 transition-transform"
>
<i class={`fab fa-${icon} text-2xl text-[#17223A]`}></i>
</a>
))}
</div>

<p class="text-[#151f38] mb-8 text-sm md:text-base">
Subscribe to our conference newsletter and get<br />
the latest updates and special deals
</p>
<p class="text-[#151f38] mb-8 text-sm md:text-base">
Subscribe to our conference newsletter and get<br />
the latest updates and special deals
</p>

<form
id="subscribeForm"
class="flex flex-col sm:flex-row justify-center items-center gap-4"
>
<input
id="emailInput"
type="email"
name="email"
placeholder="Your email"
required
class="px-4 py-3 rounded-[10px] bg-white text-black text-base font-medium w-72 text-center"
/>
<button
type="submit"
class="font-bold text-lg px-4 py-4 bg-button rounded-[10px] inline-block leading-4 hover:bg-button-hover not-prose outline-solid outline bg-transparent text-xl text-secondary outline-secondary text-black"
<form
id="subscribeForm"
class="flex flex-col sm:flex-row justify-center items-center gap-4"
>
Subscribe
</button>
</form>
<input
id="emailInput"
type="email"
name="email"
placeholder="Your email"
required
class="px-4 py-3 rounded-[10px] bg-white text-black text-base font-medium w-72 text-center"
/>

<p
id="subscribeMessage"
class="hidden mt-4 text-green-600 text-lg font-medium transition-opacity duration-500 opacity-0"
>
Please check your email to confirm. 📬
</p>
</div>
<Button outline type="submit"> Subscribe </Button>
</form>

<p
id="subscribeMessage"
class="hidden mt-4 text-green-600 text-lg font-medium transition-opacity duration-500 opacity-0"
>
Please check your email to confirm. 📬
</p>
</div>
</div>

<script>
Expand Down
2 changes: 2 additions & 0 deletions src/components/ui/Button.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ import Icon from "@ui/Icon.astro";
const {
url,
class: className = "",
type,
secondary = false,
outline = false,
disabled = false,
Expand Down Expand Up @@ -32,6 +33,7 @@ const iconClasses = "mx-2 ";
${disabled ? disabledClasses : ""}
${className}`}
aria-disabled={disabled}
type={type}
{...(resolvedIsExternal ? { target: "_blank", rel: "noopener noreferrer" } : {})}
>
{!iconRight && icon && <Icon name={icon} svg={iconSvg} class={iconClasses} />}
Expand Down