Skip to content

Commit

Permalink
redesign home page events
Browse files Browse the repository at this point in the history
  • Loading branch information
oliver-ni committed Oct 14, 2023
1 parent becf48b commit 630a2d6
Show file tree
Hide file tree
Showing 2 changed files with 76 additions and 55 deletions.
57 changes: 2 additions & 55 deletions content/_index.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,70 +2,17 @@
title = "Berkeley Math Tournament"
+++

# Berkeley Math Tournament 2023

## BMT (November 4th, 2023)

Our live fall tournament offers teams of high school students the opportunity to
share their interest in mathematics with like-minded individuals and to get a
taste of the concepts studied in higher mathematics. Registration will be
opening soon, and look out for more information on satellite tournaments coming
soon!

[More Information](/events/bmt-2023)

---

# Berkeley mini Math Tournament 2023

{% grid(class="md:grid-cols-3") %}

- #### April 15, 2023

## BmMT

Offered in the spring, this “mini” in-person tournament aims to instill an
appreciation for mathematics in teams of **advanced elementary or middle
school students** and to prepare them for future mathematical endeavors.

Archive coming soon!

- #### May 27, 2023

## BmMT China

BmMT China, hosted through our partner, ASDAN, includes **both the Chinese and
English translations**, and students outside of China who would prefer to
compete in BmMT China due to firewall or time zone preference are welcome to
do so.

[ASDAN Website](http://seed-static.seedasdan.com/wordpress/2021/12/BmMT-ASDAN.png)

- #### April 16, 2023

## BmMT Toronto

BmMT Toronto, hosted through our partner, University of Toronto Schools. We
are super excited to partner with UTS to offer BmMT in Canada and for students
who would like to compete closer to the East Coast.

[UTS Website](https://math.utschools.ca/bmmt-global-toronto/)

{% end %}

# Don’t miss out on contest news!

Receive tournament announcements, registration deadlines, info on pre-tournament
activities, and other math competition opportunities!

<div id="mc_embed_shell">
<link href="//cdn-images.mailchimp.com/embedcode/classic-061523.css" rel="stylesheet" type="text/css">
</style>
<div id="mc_embed_signup">
<form action="https://berkeley.us7.list-manage.com/subscribe/post?u=24d4cef68c36baccb820775ad&amp;id=385ee9d1d1&amp;f_id=001dd0e4f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_self" novalidate="">
<form action="https://berkeley.us7.list-manage.com/subscribe/post?u=24d4cef68c36baccb820775ad&amp;id=385ee9d1d1&amp;f_id=001dd0e4f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate !m-0" target="_self" novalidate="">
<div id="mc_embed_signup_scroll">
<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
<div class="mc-field-group"><label for="mce-EMAIL">Email Address <span class="asterisk">*</span></label><input type="email" name="EMAIL" class="required email" id="mce-EMAIL" required="" value=""></div>
<div class="mc-field-group !w-full"><label for="mce-EMAIL">Email Address <span class="asterisk">*</span></label><input type="email" name="EMAIL" class="required email" id="mce-EMAIL" required="" value=""></div>
<div hidden=""><input type="hidden" name="tags" value="1405459"></div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display: none;"></div>
Expand Down
74 changes: 74 additions & 0 deletions templates/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,27 @@
</a>
{% endmacro %}

{# Macro for event cards #}

{% macro event(name, date, description, href, class="") %}
<div class="group rounded-xl overflow-hidden {{ class }} transition-all hover:-translate-y-1">
<a href="{{ href }}"
class="p-6 flex flex-col gap-4 group-hover:backdrop-sepia group-hover:backdrop-brightness-75 transition-all">
<div class="flex flex-col gap-1">
<h3 class="font-bold text-2xl flex items-center gap-2">
<span>{{ name }}</span>
<i class="bi bi-chevron-right text-base transition-transform"></i>
</h3>
<p class="text-sm font-medium opacity-50">{{ date }}</p>
</div>

<p class="text-base opacity-90">
{{ description}}
</p>
</a>
</div>
{% endmacro %}

{# =============================== #}
{# = STARTING THE ACTUAL CONTENT = #}
{# =============================== #}
Expand Down Expand Up @@ -53,6 +74,59 @@

<hr>

{# Events section #}

<h2 class="font-bold text-3xl">Recent & Upcoming Events</h2>

<div class="flex flex-col md:grid grid-cols-6 gap-4 max-w-4xl">
{{ self::event(
class="col-span-4 bg-gradient-to-br shadow-lg from-orange-700 to-orange-900 text-white",
name="Berkeley Math Tournament 2023",
date="November 4, 2023",
href="/events/bmt-2023/",
description="Our live fall tournament offers teams of high school students the opportunity to share their interest in
mathematics with like-minded individuals and to get a taste of the concepts studied in higher mathematics."
) }}

{{ self::event(
class="col-span-2 bg-gradient-to-br from-slate-100 to-slate-300",
name="BMT China 🇨🇳",
date="December 2–3, 2023",
href="http://www.seedasdan.asia/en/bmt-en/",
description="Our partner ASDAN serves students in China. This tournament also includes
Chinese translations!"
) }}

{{ self::event(
class="col-span-6 bg-gradient-to-br shadow-lg from-cyan-700 to-cyan-900 text-white",
name="Berkeley mini Math Tournament 2023",
date="April 15, 2023",
href="/events/bmmt-2023/",
description="Our annual “mini” in-person tournament for middle school and advanced elementary school students
showcases the beauty and fun of mathematics through exciting formats like the Puzzle Round and Relay Round, preparing
them for future mathematical endeavors."
) }}

{{ self::event(
class="col-span-3 bg-gradient-to-br from-slate-100 to-slate-300",
name="BmMT Toronto 🇨🇦",
date="April 16, 2023",
href="https://math.utschools.ca/bmmt-global-toronto/bmmt-global-toronto-schedule/",
description="We are super excited to partner with University of Toronto Schools to offer BmMT to students on the East
Coast and in Canada."
) }}

{{ self::event(
class="col-span-3 bg-gradient-to-br from-slate-100 to-slate-300",
name="BmMT China 🇨🇳",
date="May 27–28, 2023",
href="http://www.seedasdan.asia/en/bmmt-en/",
description="Hosted by our partner ASDAN, this satellite brings BmMT to students in China and other nearby regions."
) }}
</div>

<hr>

{# Rest of content (rendered from markdown) #}

<div class="{{ prose_cls }}">
Expand Down

0 comments on commit 630a2d6

Please sign in to comment.