Skip to content

Major Revamp 2024 #30

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

Open
plty wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Major Revamp 2024 #30

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
12 changes: 6 additions & 6 deletions src/_data/event.yaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,25 +3,25 @@ description: Brilliant Competition (BComp) adalah kegiatan kompetisi olimpiade
diselenggarakan untuk keempat belas kalinya di SMAK PENABUR Gading Serpong.
Brilliant Competition sebelumnya diikuti oleh ratusan peserta dari delapan
provinsi dan lebih dari 50 sekolah yang tersebar di Indonesia.
deadline: 2022-09-17T17:00:30.000Z
deadline: 2024-09-08T23:59:59.000Z
Copy link
Member Author

@plty plty Aug 5, 2024 •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Are you sure? ini in Zulu time (UTC) kyk apakah lu intend untuk deadlinenya 9 Sept 2024 6:59:59 WIB? atau lu salah timezone?

faq:
- q: Kapan hari terakhir pendaftaran?
a: Sabtu, 17 September 2022
a: Jumat, 8 September 2024
- q: Bolehkah satu tim untuk seorang saja?
a: Boleh dong!
- q: Berapa biaya pendaftaran?
a: "Early (20 Agustus - 31 Agustus 2022) : Rp 125.000,00 - per tim, Regular (1
September - 17 September 2022) : Rp 150.000,00 - per tim"
a: "Early (7 Agustus - 21 Agustus 2024) : Rp 175.000,00 - per tim, Regular (22
Agustus - 8 September 2024) : Rp 200.000,00 - per tim"
- q: Dimana bisa akses soal P1?
a: Daftar dan bayar dulu lalu submit ke google form. Baru email yang berisi file
soal (untuk bidang IPA) atau link google form soal (untuk bidang mat) akan
dikirimkan ke email peserta yang didaftarkan
- q: Berapa banyak tim yang akan lolos dari penyisihan 2 ke semifinal?
a: Hanya 15 tim.
- q: Berapa banyak tim yang akan lolos dari semifinal ke final?
a: Hanya 6 tim.
a: Hanya 5 tim.
- q: Apa format Brilliant Competition tahun ini?
a: Brilliant Competition akan mengadakan 2 perlombaan tim, yaitu lomba
matematika dan lomba IPA, dengan tiap tim terdiri dari sebanyak 2 orang
- q: Apakah ada silabus untuk Brilliant Competition tahun ini?
a: Silabus Bcomp terdapat diatas, untuk IPA berkisar materi OSN SMP
a: Silabus Bcomp terdapat diatas
6 changes: 3 additions & 3 deletions src/_includes/partials/footer.njk
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<footer class="text-center w-full p-4">
<small clask="text-gray-500">Copyright © bcomp 2022. Made with 🍯 by
<a href="https://github.com/orgs/beecomp/people" target="_blank" class="underline">Worker Bees</a>
<footer class="bg-stone-900 text-center w-full p-4">
<small class="text-white">Copyright © bcomp 2022. Made with 🍯 by
<a href="https://github.com/orgs/beecomp/people" target="_blank" class="underline text-white">Worker Bees</a>
</small>
</footer>
12 changes: 6 additions & 6 deletions src/_includes/partials/navbar.njk
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
<div class="fixed w-full bg-stone-800 z-10 shadow-xl">
<nav class="flex items-center justify-center lg:justify-between flex-wrap p-2 lg:px-0 container mx-auto">
<div class="fixed w-full flex-wrap justify-between h-13 bg-stone-900 z-40 shadow-xl pb-0">
<nav
class="flex items-center justify-center lg:justify-between flex-wrap p-2 lg:px-0 container mx-auto">
<!--Logo etc-->
<div class="flex items-center">
<a href="/">
<img src="/static/img/header-logo.png" alt="logo" class="h-12 w-36 object-cover"/>
<img src="/static/img/header-logo-2024.png" alt="logo" class="h-12 w-36 object-cover"/>
</a>
</div>

<!--Menu-->
<div class="w-full flex-grow flex items-center w-auto text-center shadow-3xl">
<ul class="pt-0 list-reset flex justify-end flex-1 items-center">
<div class="flex items-center flex-shrink-0 text-white mr-6">
<ul class="list-reset flex justify-end flex-1 items-center">
<li class="mr-3">
<a class="text-ml inline-block text-white no-underline hover:text-indigo-500 py-2 px-4" href="/blog">Blog</a>
</li>
Expand Down
111 changes: 62 additions & 49 deletions src/index.njk
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,12 +12,12 @@ title: Home · bcomp.id
BRILLIANT<br />COMPETITION
</div>
<div class="text-2xl md:text-5xl font-semi italic font-black text-white/95 md:mt-4">
A NEW AGE OF BRILLIANCE
IGNITE YOUR BRILLIANT POTENTIAL
</div>
</div>
<div class="mt-16 lg:mt-0 bg-black/40 rounded shadow-lg p-6 backdrop-blur">
<div class="text-white font-bold text-3xl text-center font-sans">
Pendaftaran Tutup Dalam
Pendaftaran Ditutup Dalam
</div>
<div class="flex mt-4 space-x-6 justify-center"
x-data="{ countdown: new Date({{ event.deadline / 1 }}) <= new Date() ? 0 : Math.floor((new Date({{ event.deadline / 1 }}) - new Date()) / 1000) }"
Expand Down Expand Up @@ -49,13 +49,13 @@ title: Home · bcomp.id
Proposal Umum
</a>
<div class="flex space-x-3">
<a class="grow cursor-pointer block p-3 transition bg-yellow-400/70 hover:bg-yellow-500/80 ring-stone-700 rounded drop-shadow text-center text-white font-bold"
<a class="grow cursor-pointer block p-3 transition bg-yellow-2024/70 hover:bg-yellow-2024/90 ring-stone-700 rounded drop-shadow text-center text-white font-bold"
target="_blank"
href="https://docs.google.com/forms/d/e/1FAIpQLScjQWL97eO2vd2DTF9sPtJMnrfH10iEFn9lssuPBfz92l_4LA/viewform?usp=sf_link"
>
Daftar MAT!
</a>
<a class="grow cursor-pointer block p-3 transition bg-yellow-400/70 hover:bg-yellow-500/80 rounded drop-shadow text-center text-white font-bold"
<a class="grow cursor-pointer block p-3 transition bg-yellow-2024/70 hover:bg-yellow-2024/90 ring-stone-700 rounded drop-shadow text-center text-white font-bold"
target="_blank"
href="https://docs.google.com/forms/d/e/1FAIpQLSfcimOGERpe6m9h0JVO1IoXS-U6tfP-5ebBZc2jaQfCF29Ocw/viewform?usp=sf_link"
>
Expand Down Expand Up @@ -83,101 +83,101 @@ title: Home · bcomp.id
</div>
</div>
{% endif %}
<div class="bg-stone-200">
<div class="bg-shadeblue-2024">
<div class="container mx-auto max-w-3xl px-4 py-4 text-center font-bold">
Mari ikut lomba matematika dan IPA tingkat nasional di Brilliant Competition!
</div>
</div>
<div class="bg-stone-100">
<div class="bg-blue-2024">
<h1 class="text-center text-5xl font-semi italic font-black py-12">PRIZES</h1>
<div class="container mx-auto px-4 pb-12 grid grid-cols-1 md:grid-cols-5 gap-2">
<div class="p-5 rounded bg-gradient-to-br from-yellow-500 to-amber-500 text-white font-semi italic drop-shadow">
<div class="p-5 rounded bg-gold text-white font-semi italic drop-shadow">
<div class="text-3xl text-center">Juara 1</div>
<div class="text-3xl text-center">3.500K</div>
<div class="text-3xl text-center">5.000K</div>
</div>
<div class="p-5 rounded bg-gradient-to-br from-yellow-500 to-amber-500 text-white font-semi italic drop-shadow">
<div class="p-5 rounded bg-silver text-white font-semi italic drop-shadow">
<div class="text-3xl text-center">Juara 2</div>
<div class="text-3xl text-center">2.250K</div>
<div class="text-3xl text-center">3.500K</div>
</div>
<div class="p-5 rounded bg-gradient-to-br from-yellow-500 to-amber-500 text-white font-semi italic drop-shadow">
<div class="p-5 rounded bg-bronze text-white font-semi italic drop-shadow">
<div class="text-3xl text-center">Juara 3</div>
<div class="text-3xl text-center">1.000K</div>
<div class="text-3xl text-center">2.500K</div>
</div>
<div class="p-5 rounded bg-gradient-to-br from-yellow-500 to-amber-500 text-white font-semi italic drop-shadow">
<div class="p-5 rounded bg-stone-600 text-white font-semi italic drop-shadow">
<div class="text-3xl text-center">Juara 4</div>
<div class="text-3xl text-center">750K</div>
<div class="text-3xl text-center">1.750K</div>
</div>
<div class="p-5 rounded bg-gradient-to-br from-yellow-500 to-amber-500 text-white font-semi italic drop-shadow">
<div class="p-5 rounded bg-stone-600 text-white font-semi italic drop-shadow">
<div class="text-3xl text-center">Juara 5</div>
<div class="text-3xl text-center">500K</div>
<div class="text-3xl text-center">1.250K</div>
</div>
</div>
</div>
<div class="bg-stone-200 py-12">
<div class="bg-shadeblue-2024 py-12">
<h1 class="text-center text-5xl font-semi italic font-black">TIMELINE</h1>
<div class="flex justify-center items-center container mx-auto px-4 pt-12">
<div class="flex flex-col md:hidden">
<div class="flex flex-row space-x-4 items-stretch rounded hover:bg-black/20 px-4">
<div class="flex flex-col items-center">
<div class="h-6 w-1 bg-black/60"></div>
<div class="w-4 h-8 rounded-full bg-yellow-500 border-4 border-black/60"></div>
<div class="w-4 h-8 rounded-full bg-yellow-2024 border-4 border-black/60"></div>
<div class="grow w-1 bg-black/60"></div>
</div>
<div class="flex flex-col font-bold py-4">
1 Sept 2022<br/>
2 Sept 2024<br/>
Start P1
</div>
</div>
<div class="flex flex-row space-x-4 items-stretch rounded hover:bg-black/20 px-4">
<div class="flex flex-col items-center">
<div class="h-6 w-1 bg-black/60"></div>
<div class="w-4 h-8 rounded-full bg-yellow-500 border-4 border-black/60"></div>
<div class="w-4 h-8 rounded-full bg-yellow-2024 border-4 border-black/60"></div>
<div class="grow w-1 bg-black/60"></div>
</div>
<div class="flex flex-col font-bold py-4">
17 Sept 2022<br/>Deadline P1
8 Sept 2024<br/>Deadline P1
</div>
</div>
<div class="flex flex-row space-x-4 items-stretch rounded hover:bg-black/20 px-4">
<div class="flex flex-col items-center">
<div class="h-6 w-1 bg-black/60"></div>
<div class="w-4 h-8 rounded-full bg-yellow-500 border-4 border-black/60"></div>
<div class="w-4 h-8 rounded-full bg-yellow-2024 border-4 border-black/60"></div>
<div class="grow w-1 bg-black/60"></div>
</div>
<div class="flex flex-col font-bold py-4">
18 Sept 2022<br/>Live Class
14 Sept 2024<br/>Live Class
</div>
</div>
<div class="flex flex-row space-x-4 items-stretch rounded hover:bg-black/20 px-4">
<div class="flex flex-col items-center">
<div class="h-6 w-1 bg-black/60"></div>
<div class="w-4 h-8 rounded-full bg-yellow-500 border-4 border-black/60"></div>
<div class="w-4 h-8 rounded-full bg-yellow-2024 border-4 border-black/60"></div>
<div class="grow w-1 bg-black/60"></div>
</div>
<div class="flex flex-col font-bold py-4 w-full" x-data="{ disclosed: false }">
23 Sept 2022<br/>P2 & Semifinal
20 Sept 2024<br/>P2 & Semifinal
</div>
</div>
<div class="flex flex-row space-x-4 items-stretch rounded hover:bg-black/20 px-4">
<div class="flex flex-col items-center">
<div class="h-6 w-1 bg-black/60"></div>
<div class="w-4 h-8 rounded-full bg-yellow-500 border-4 border-black/60"></div>
<div class="w-4 h-8 rounded-full bg-yellow-2024 border-4 border-black/60"></div>
<div class="grow w-1 bg-black/60"></div>
</div>
<div class="flex flex-col font-bold py-4">
24 Sept 2022<br/>Final
21 Sept 2024<br/>Final
</div>
</div>
</div>
</div>
<div class="container mx-auto px-4 pt-12 hidden md:grid grid-cols-5">
<div class="flex flex-col space-y-4 rounded hover:bg-black/20 py-4">
<div class="text-center font-bold">
1 Sept 2022
2 Sept 2024
</div>
<div class="flex items-center">
<div class="grow h-1 bg-black/60"></div>
<div class="w-8 h-4 rounded-full bg-yellow-500 border-4 border-black/60"></div>
<div class="w-8 h-4 rounded-full bg-yellow-2024 border-4 border-black/60"></div>
<div class="grow h-1 bg-black/60"></div>
</div>
<div class="text-center font-bold">
Expand All @@ -186,11 +186,11 @@ title: Home · bcomp.id
</div>
<div class="flex flex-col space-y-4 rounded hover:bg-black/20 py-4">
<div class="text-center font-bold">
17 Sept 2022
8 Sept 2024
</div>
<div class="flex items-center">
<div class="grow h-1 bg-black/60"></div>
<div class="w-8 h-4 rounded-full bg-yellow-500 border-4 border-black/60"></div>
<div class="w-8 h-4 rounded-full bg-yellow-2024 border-4 border-black/60"></div>
<div class="grow h-1 bg-black/60"></div>
</div>
<div class="text-center font-bold">
Expand All @@ -199,11 +199,11 @@ title: Home · bcomp.id
</div>
<div class="flex flex-col space-y-4 rounded hover:bg-black/20 py-4">
<div class="text-center font-bold">
18 Sept 2022
14 Sept 2024
</div>
<div class="flex items-center">
<div class="grow h-1 bg-black/60"></div>
<div class="w-8 h-4 rounded-full bg-yellow-500 border-4 border-black/60"></div>
<div class="w-8 h-4 rounded-full bg-yellow-2024 border-4 border-black/60"></div>
<div class="grow h-1 bg-black/60"></div>
</div>
<div class="text-center font-bold font-sans">
Expand All @@ -212,11 +212,11 @@ title: Home · bcomp.id
</div>
<div class="flex flex-col space-y-4 rounded hover:bg-black/20 py-4">
<div class="text-center font-bold">
23 Sept 2022
20 Sept 2024
</div>
<div class="flex items-center">
<div class="grow h-1 bg-black/60"></div>
<div class="w-8 h-4 rounded-full bg-yellow-500 border-4 border-black/60"></div>
<div class="w-8 h-4 rounded-full bg-yellow-2024 border-4 border-black/60"></div>
<div class="grow h-1 bg-black/60"></div>
</div>
<div class="text-center font-bold">
Expand All @@ -225,11 +225,11 @@ title: Home · bcomp.id
</div>
<div class="flex flex-col space-y-4 rounded hover:bg-black/20 py-4">
<div class="text-center font-bold">
24 Sept 2022
21 Sept 2024
</div>
<div class="flex items-center">
<div class="grow h-1 bg-black/60"></div>
<div class="w-8 h-4 rounded-full bg-yellow-500 border-4 border-black/60"></div>
<div class="w-8 h-4 rounded-full bg-yellow-2024 border-4 border-black/60"></div>
<div class="grow h-1 bg-black/60"></div>
</div>
<div class="text-center font-bold">
Expand All @@ -238,29 +238,29 @@ title: Home · bcomp.id
</div>
</div>
<div class="flex justify-center mt-6">
<a href="/posts/schedule-bcomp-xiv/" class="px-6 py-2 border-yellow-500 border-4 bg-stone-100 rounded-lg shadow">
<a href="/posts/schedule-bcomp-xiv/" class="px-6 py-2 border-shadeyellow-2024 border-4 bg-yellow-2024 rounded-lg shadow">
Selengkapnya
</a>
</div>
</div>
<div class="bg-stone-100">
<div class="bg-blue-2024">
<div class="container mx-auto max-w-3xl px-4 py-12">
<div class="w-full mx-auto rounded-md shadow">
<div class="w-full h-full bg-gradient-to-br from-yellow-500 to-amber-500 rounded-md text-white text-xl p-8 text-justify">
<div class="w-full h-full bg-yellow-2024 rounded-md text-xl p-8 text-justify">
<p class="text-justify">
{{event.description}}
</p>
</div>
</div>
</div>
</div>
<div class="bg-stone-200">
<div class="bg-shadeblue-2024">
<h1 class="text-center text-5xl font-semi italic font-black py-12">FAQ</h1>
<div class="container mx-auto max-w-3xl px-4 pb-12">
<div class="space-y-2">
{#% if event.faq %#}
{% for qna in event.faq %}
<div class="bg-stone-300 rounded shadow" x-data="{ disclosed: false }">
<div class="bg-shadeblue2-2024 rounded shadow" x-data="{ disclosed: false }">
<div @click="disclosed = !disclosed" class="p-3">
{{qna.q}}
</div>
Expand All @@ -274,33 +274,46 @@ title: Home · bcomp.id
</div>

<div class="flex justify-center">
<div class="bg-stone-300 rounded shadow p-8 mt-8 inline-block">
<div class="bg-shadeblue2-2024 rounded shadow p-8 mt-8 inline-block">
<h2 class="text-center text-2xl font-bold pb-4">Ada pertanyaan lain?</h2>
<div class="space-y-2">
<a class="flex items-center"
href="https://wa.me/6283829128451?text=Hi Celine! Saya ingin bertanya tentang Brilliant Competition XIV"
>
<ion-icon class="text-2xl mr-2" name="logo-whatsapp"></ion-icon>
+62 838 2912 8451 (Celine)
+62 812 7566 1523 (Nadine)
</a>
<a class="flex items-center"
href="https://wa.me/62895377506699?text=Hi Jessica! Saya ingin bertanya tentang Brilliant Competition XIV"
>
<ion-icon class="text-2xl mr-2" name="logo-whatsapp"></ion-icon>
+62 895 3775 06699 (Jessica)
+62 895 3953 18817 (Abie)
</a>
<a class="flex items-center"
href="https://wa.me/6281953500409?text=Hi Catherine! Saya ingin bertanya tentang Brilliant Competition XIV"
Copy link
Member Author

@plty plty Aug 5, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

kalo lu gamau bikin dia clickable dan panggil wa.me, bikin a tag nya jadi div aja :/

>
<ion-icon class="text-2xl mr-2" name="logo-whatsapp"></ion-icon>
+62 819 5350 0409 (Catherine)
+62 812 1946 8800 (Caitlyn)
</a>
<a class="flex items-center"
>
<ion-icon class="text-2xl mr-2" name="chatbubble-outline"></ion-icon>
yyuriiko (Yuriko)
</a>
<a class="flex items-center"
href="https://instagram.com/brilliantcompetition"
>
<ion-icon class="text-2xl mr-2" name="logo-instagram"></ion-icon>
@brilliantcompetition
</a>
<a class="flex items-center"
href="https://www.instagram.com/debrilliantclass"
>
<ion-icon class="text-2xl mr-2" name="logo-instagram"></ion-icon>
@debrilliantclass
</a>
<a class="flex items-center"
>
<ion-icon class="text-2xl mr-2" name="mail-outline"></ion-icon>
bcompxvi@gmail.com
</a>
</div>
</div>
</div>
Expand Down
Binary file added src/static/img/header-logo-2024.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified src/static/img/landing-cover.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading