Skip to content
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

Jump to bottom

Hacktoberfest webpage, minor fixes. #74

Open
wants to merge 5 commits into
base: main
Choose a base branch
from
+103 −43
Open

Hacktoberfest webpage, minor fixes. #74

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
2efcea6
fix: typo at hacktoberfest event
bjgavilanes Oct 13, 2024
11a7448
events: add hacktoberfest page
bjgavilanes Oct 13, 2024
21510b1
lib: translate hacktoberfest description
bjgavilanes Oct 13, 2024
7b41e31
pnpm: pnpm run lint
bjgavilanes Oct 13, 2024
6daf4e3
typo: hacktobefest is saturday 19
bjgavilanes Oct 14, 2024
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
2 changes: 1 addition & 1 deletion src/lib/components/Event.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@
{place}
</span>
</div>
<a href="{route}">
<a href={route}>
<button class="rounded-full bg-lime-500 px-2 font-fira text-sm font-semibold text-black">
Ver más
</button>
Expand Down
2 changes: 1 addition & 1 deletion src/lib/components/Tag.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
</script>

<span
class="rounded-full border border-lime-500 bg-neutral-800 px-6 font-fira text-xs font-bold text-white w-fit"
class="w-fit rounded-full border border-lime-500 bg-neutral-800 px-6 font-fira text-xs font-bold text-white"
>
{category}
</span>
40 changes: 20 additions & 20 deletions src/lib/data/events.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,22 +1,22 @@
{
"events": [
{
"name": "HacktoberfestGYE 2024",
"description": "Colabora en una variedad de proyectos de código abierto, mejorando tus habilidades y contribuyendo a la comunidad global de desarrolladores.",
"date": "10/10/2024",
"time": "9 AM - 5 PM",
"place": "Universidad Católica Santiago de Guayaquil",
"category": "Hackathon",
"route": "/events/hacktoberfest"
},
{
"name": "CLI Week 2024",
"description": "A week to celebrate the versatility and develop CLI tools with friends. We'll also have workshops and talks!",
"date": "11/11/2024 - 15/11/2024",
"time": "All day",
"place": "Online",
"category": "Hackathon/Workshops",
"route": "/events/cliweek"
}
]
"events": [
{
"name": "HacktoberfestGYE 2024",
"description": "Collaborate on a variety of open-source projects, enhancing your skills and contributing to the global developer community.",
"date": "19/10/2024",
"time": "9 AM - 5 PM",
"place": "Universidad Católica Santiago de Guayaquil",
"category": "Hackathon",
"route": "/events/hacktoberfest"
},
{
"name": "CLI Week 2024",
"description": "A week to celebrate the versatility and develop CLI tools with friends. We'll also have workshops and talks!",
"date": "11/11/2024 - 15/11/2024",
"time": "All day",
"place": "Online",
"category": "Hackathon/Workshops",
"route": "/events/cliweek"
}
]
}
39 changes: 18 additions & 21 deletions src/routes/events/cliweek/+page.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,22 +13,22 @@
<Tag category="11-11-2024 | 15-11-2024" />

<p id="description">
Welcome to the CLI Week! This is a week dedicated to the celebration of command line tools
in which we'll have talks and workshops and participants will compete to develop their own
CLI tool.
Welcome to the CLI Week! This is a week dedicated to the celebration of command line tools in
which we'll have talks and workshops and participants will compete to develop their own CLI
tool.
</p>

<h4 class="text-xl text-lime-600">How to participate?</h4>

<p id="how-to-participate">
You can participate either as a speaker or by building a CLI tool. Check out the links below for the corresponding
registration link.
You can participate either as a speaker or by building a CLI tool. Check out the links below for
the corresponding registration link.
</p>

<p id="speakers">
For speakers, you'll find a link to a registration form below where you can specify the topic you'd like to
talk about and you tentative dates. We'll then get in touch with you to coordinate your awesome
talk :).
For speakers, you'll find a link to a registration form below where you can specify the topic
you'd like to talk about and you tentative dates. We'll then get in touch with you to coordinate
your awesome talk :).
</p>

<p id="coders">
Expand All @@ -40,17 +40,17 @@
</a>.
</p>

<div id="registration" class="flex flex-col border rounded-md p-2 shadow-lg">
<h3 class="text-center text-2xl mb-4">Register</h3>
<div class="flex w-full gap-4 justify-center">
<div id="registration" class="flex flex-col rounded-md border p-2 shadow-lg">
<h3 class="mb-4 text-center text-2xl">Register</h3>
<div class="flex w-full justify-center gap-4">
<div id="registration-speakers" class="flex-1">
<a target="_blank" href="https://forms.gle/L3Ri4wdg3ACDEY1XA">
<button class="rounded-md p-2 w-full bg-lime-600 hover:bg-lime-500">Speakers</button>
<button class="w-full rounded-md bg-lime-600 p-2 hover:bg-lime-500">Speakers</button>
</a>
</div>
<div id="registration-participants" class="flex-1">
<a target="_blank" href="https://forms.gle/FqwFyMFcmc6NCNWv9">
<button class="rounded-md p-2 w-full bg-lime-600 hover:bg-lime-500">Coders</button>
<button class="w-full rounded-md bg-lime-600 p-2 hover:bg-lime-500">Coders</button>
</a>
</div>
</div>
Expand All @@ -59,20 +59,17 @@
<div id="sponsorship">
<h4 class="text-xl text-lime-600">Sponsorship</h4>
<p>
We are a non-profit organization and have limited resources, so if you'd like to help make this
event even cooler for our participants and act as a sponsor, please contact us at our email
We are a non-profit organization and have limited resources, so if you'd like to help make
this event even cooler for our participants and act as a sponsor, please contact us at our
email
<a href="mailto:kokoa.espol.ec@gmail.com">kokoa.espol.ec@gmail.com</a>.
</p>
</div>

<div id="speakers">
<h4 class="text-xl text-lime-600">Speakers</h4>
<p>
There are no speakers yet! Why don't you become the first one?
</p>
<p>There are no speakers yet! Why don't you become the first one?</p>
</div>

<div>
See you there!
</div>
<div>See you there!</div>
</div>
63 changes: 63 additions & 0 deletions src/routes/events/hacktoberfest/+page.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
<script>
import Heading from "$lib/components/layout/Heading.svelte";
import Tag from "$lib/components/Tag.svelte";
</script>

<svelte:head>
<title>Hacktoberfest Guayaquil 2024</title>
</svelte:head>

<Heading>Hacktoberfest Guayaquil 2024</Heading>

<div style:width="80%" class="mx-auto flex flex-col justify-center gap-4 font-fira">
<Tag category="11-11-2024 | 15-11-2024" />

<p id="description">
Hacktoberfest is a month-long celebration of open-source software, held annually in October. The
event encourages participants to contribute to open-source projects, rewarding them with prizes
and recognition for their contributions.
</p>

<h4 class="text-xl text-lime-600">How to participate?</h4>

<p id="how-to-participate">
To participate, you simply need to register on the <a href="http://hacktoberfestgye.org/"
>Hacktoberfest</a
>
website and start making contributions to open-source projects on platforms like
<a href="https://github.com/Hacktoberfest-GYE">GitHub</a>.
</p>

<p>You can contribute in many ways, such as:</p>

<ul>
<li>Correcting errors</li>
<li>Adding new features</li>
<li>Improving documentation</li>
</ul>

<p>You can also contribute by:</p>

<ul>
<li>Translating text</li>
<li>Enhancing the user interface</li>
<li>Creating automated tests</li>
<li>Resolving issues reported by other users</li>
</ul>

<div id="registration" class="flex flex-col rounded-md border p-2 shadow-lg">
<h3 class="mb-4 text-center text-2xl">Register</h3>
<div class="flex w-full justify-center gap-4">
<div id="registration-speakers" class="flex-1">
<a target="_blank" href="https://forms.gle/2mH4fi7n9ukJPXPr9">
<button class="w-full rounded-md bg-lime-600 p-2 hover:bg-lime-500">Speakers</button>
</a>
</div>
<div id="registration-participants" class="flex-1">
<a target="_blank" href="https://forms.gle/Qyeoc46c8NSkqeNNA">
<button class="w-full rounded-md bg-lime-600 p-2 hover:bg-lime-500">Participants</button>
</a>
</div>
</div>
</div>
</div>
Loading