Skip to content

Added new images #100

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
Coder-AR wants to merge 4 commits into
base: main
Choose a base branch
from
Open

Added new images #100

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
870fb8a
Added new images
Coder-AR Jul 23, 2025
dfe26f9
New Backgrounds
Coder-AR Jul 30, 2025
b3f92d9
Added Tutoring Background
Coder-AR Jul 30, 2025
7e8c3c9
Update to background implimentation.
Coder-AR Aug 12, 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: 2 additions & 2 deletions src/app.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,14 +17,14 @@
sans-serif;
--font-mono: "Fira Mono", monospace;
--pure-white: #ffffff;
--primary-color: #b9c6d2;
--primary-color: rgba(255, 255, 255, 0.2);
--secondary-color: #d0dde9;
--tertiary-color: #edf0f8;
--bold-color: #1b9aaa;
--accent-color: #ff3e00;
--paragraph-color: rgba(3, 2, 2, 0.7);
--text-color: #444444;
--background-without-opacity: rgba(255, 255, 255, 0.7);
--background-without-opacity: rgba(255, 255, 255, 0.2);
--column-width: 42rem;
--column-margin-top: 4rem;
--time: 0.707s;
Expand Down
11 changes: 11 additions & 0 deletions src/lib/components/SetBackground.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<script>
import { onMount } from 'svelte';

export function setBackground(background) {
onMount(() => {
let current = document.body.style['background-image'];
document.body.style['background-image'] = `url('${background}')`;
return () => document.body.style['background-image'] = current;
});
}
</script>
5 changes: 5 additions & 0 deletions src/lib/utils/setBackground.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
export function setBackground(background) {
let current = document.body.style['background-image'];
document.body.style['background-image'] = `url('${background}')`;
return () => document.body.style['background-image'] = current;
}
15 changes: 14 additions & 1 deletion src/routes/+page.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -50,7 +50,8 @@ bind:innerHeight={windowHeight} />
<svelte:head>
<title>Mustang Math</title>
</svelte:head>

<div class="background">
</div>
<Newsletter {show} />
<div class="outside" style="height: 100vh;">
<div class="header flex">
Expand Down Expand Up @@ -369,6 +370,18 @@ If you are <strong>outside the USA</strong> and interested in participating in M


<style>
/* .background {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100%;
background-image: url('mainpagebackground.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: -1;} */

.outside {
background-image: url("/splash.svg"); /*url("/home-page/mustang_math_splash_screeen_5.gif");*/
background-size: cover;
Expand Down
366 changes: 192 additions & 174 deletions src/routes/classes/+page.svelte
View file
Open in desktop

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions src/routes/classes/instructors/+page.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,7 @@

<PageHeader title="Instructors" description="Meet the Experienced Instructors for our Prep Classes" button_url="https://docs.google.com/forms/d/e/1FAIpQLScHT_pnmm_nhQq3YAk_1s3oq6yxFjgKqhNwg-6YgjAvREb9yg/viewform?usp=dialog" button_text="Class Registration!" id="registerBeginner"/>


<br><br>

<FlexBox wrap={true}>
Expand Down
149 changes: 85 additions & 64 deletions src/routes/classes/seminars/+page.svelte
View file
Open in desktop

Large diffs are not rendered by default.

77 changes: 57 additions & 20 deletions src/routes/classes/tutoring/+page.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,35 +4,72 @@
import Link from '$lib/components/Link.svelte';

let windowWidth;
import { onMount } from 'svelte';
import { setBackground } from '$lib/utils/setBackground.js';
onMount(() => {
setBackground('/classes/tutoringbackground.png');
});
</script>

<svelte:window bind:innerWidth={windowWidth}/>

<svelte:head>
<title>Classes | Tutoring</title>
<title>Classes | Tutoring</title>
</svelte:head>
<div class="page-container">
<div class="background"></div>

<PageHeader title="Tutoring" description="Join Mustang Math's one-on-one tutoring!" button_url="https://forms.gle/D1ckzySxmH5L7v4X9" button_text="Tutoring Registration" id="registerTutoring"/>

<PageHeader title="Tutoring" description="Join Mustang Math's one-on-one tutoring!" button_url="https://forms.gle/D1ckzySxmH5L7v4X9" button_text="Tutoring Registration" id="registerTutoring"/>
<br><br>

<br><br>

<div style="margin-left: 10vw; margin-right: 10vw;">
<PanelBox>
<p style="font-size: 1.5em; text-align: center;">Mustang Math is now offering 1-on-1 tutoring! This is a great opportunity for students who want more individualized attention compared to our regular curriculum classes.</p>
<div style="margin-left: 10vw; margin-right: 10vw;">
<PanelBox>
<p style="font-size: 1.5em; text-align: center;">Mustang Math is now offering 1-on-1 tutoring! This is a great opportunity for students who want more individualized attention compared to our regular curriculum classes.</p>

<div class="flex">
<div class="compbuttons">
<Link url="https://forms.gle/D1ckzySxmH5L7v4X9" className="registrationButton2" text="Register for Private Tutoring" textColor="white" visitedColor="white" id="PTRegister" button_id="PTRegister" />
<div class="flex">
<div class="compbuttons">
<Link url="https://forms.gle/D1ckzySxmH5L7v4X9" className="registrationButton2" text="Register for Private Tutoring" textColor="white" visitedColor="white" id="PTRegister" button_id="PTRegister" />
</div>
</div>
</div>

<p style="font-size: 1.5em; text-align: center;">If you've ever participated in one of our tournaments or classes, these tutoring sessions will be taught by the same high-quality volunteers that make those possible. If this is your first time hearing about Mustang Math, it may help to look at some of our instructor bios. All tutors for 1-on-1 tutoring and Mustang Math classes go through careful screening, training, and all have a strong passion for helping students like you.<br /><br />

We offer tutoring in a variety of math subjects: ranging from help with school material (Algebra 1 to Calculus) to competition training (AMC 8 and Mathcounts to AIME). If you're interested in our services, please sign up using the <a href="https://forms.gle/D1ckzySxmH5L7v4X9">form</a>! The price is $40/hour, of which $15 is fully reinvested into Mustang Math and $25 is paid to the instructor. Upon expressing interest, we will match you with a student who is specifically experienced and highly comfortable with the material that you need help with.<br /><br />

If you have any questions or concerns (for example, if you/your student are interested in being tutored in a subject that is not mentioned above), please reach out to <a target="_blank" href="mailto:tutoring@mustangmath.com" style="word-break: break-all;">tutoring@mustangmath.com</a>! We're happy to answer any questions.<br /><br />
<p style="font-size: 1.5em; text-align: center;">If you've ever participated in one of our tournaments or classes, these tutoring sessions will be taught by the same high-quality volunteers that make those possible. If this is your first time hearing about Mustang Math, it may help to look at some of our instructor bios. All tutors for 1-on-1 tutoring and Mustang Math classes go through careful screening, training, and all have a strong passion for helping students like you.<br /><br />

We look forward to meeting and working with you!</p>
</PanelBox>
</div> <br />
<br />
We offer tutoring in a variety of math subjects: ranging from help with school material (Algebra 1 to Calculus) to competition training (AMC 8 and Mathcounts to AIME). If you're interested in our services, please sign up using the <a href="https://forms.gle/D1ckzySxmH5L7v4X9">form</a>! The price is $40/hour, of which $15 is fully reinvested into Mustang Math and $25 is paid to the instructor. Upon expressing interest, we will match you with a student who is specifically experienced and highly comfortable with the material that you need help with.<br /><br />

If you have any questions or concerns (for example, if you/your student are interested in being tutored in a subject that is not mentioned above), please reach out to <a target="_blank" href="mailto:tutoring@mustangmath.com" style="word-break: break-all;">tutoring@mustangmath.com</a>! We're happy to answer any questions.<br /><br />

We look forward to meeting and working with you!</p>
</PanelBox>
</div> <br />
<br />
</div>
<style>
.page-container {
position: relative;
z-index: 1;
min-height: 100vh;
width: 100%;
}

.background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('/classes/classesbackground.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: -1;
}

strong {
color: #1b9aaa;
}

a, a strong {
color: #ff3e00;
}
</style>
80 changes: 51 additions & 29 deletions src/routes/donate/+page.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,41 +8,63 @@
import Link from '$lib/components/Link.svelte';
import sponsorTiers from '$lib/jsons/sponsorTiers';
</script>

<svelte:head>
<title>Donate</title>
</svelte:head>
<div class="page-container">
<div class="background"></div>

<PageHeader title="Donate" description="Help improve our tournaments, classes, and more!" button_url="
<PageHeader title="Donate" description="Help improve our tournaments, classes, and more!" button_url="
https://link.mustangmath.com/donate" button_text="Donate to Mustang Math!" button_id="donateMM"/>


<Section>
<br /> <br />
<Heading text="Why Donate to Mustang Math?" size={4} textColor="#1B9AAA" />
<FlexBox>
<PanelBox width="60%" style="min-width: 360px;">
<p style="font-size: 1.2em; margin: 5px">Mustang Math is a <b>501(c)(3) nonprofit</b> organization composed entirely of <b>high school and college volunteers</b>.
We are incredibly passionate about providing middle school students with access to collaborative, challenging, and creative math tournaments, events, and classes.
However, while our volunteers put countless hours of time into Mustang Math, in order to provide high quality events and enable our resources to be accessed by as many students as possible,
we have a multitude of costs, including but not limited to venue booking, technology services, and teaching resources. Your donation will be attributed directly towards these costs allowing us
to work towards our goal of <b>charging minimal to no registration fees</b> for our services.
</p>
</PanelBox>
</FlexBox>
<br>

<Section>
<br /> <br />
<Heading text="Why Donate to Mustang Math?" size={4} textColor="#1B9AAA" />
<FlexBox>
<PanelBox width="60%" style="min-width: 360px;">
<p style="font-size: 1.2em; margin: 5px">Mustang Math is a <b>501(c)(3) nonprofit</b> organization composed entirely of <b>high school and college volunteers</b>.
We are incredibly passionate about providing middle school students with access to collaborative, challenging, and creative math tournaments, events, and classes.
However, while our volunteers put countless hours of time into Mustang Math, in order to provide high quality events and enable our resources to be accessed by as many students as possible,
we have a multitude of costs, including but not limited to venue booking, technology services, and teaching resources. Your donation will be attributed directly towards these costs allowing us
to work towards our goal of <b>charging minimal to no registration fees</b> for our services.
</p>
</PanelBox>
</FlexBox>
<br>

<Heading text="How to Donate" size={4} textColor="#1B9AAA" />
<FlexBox>
<PanelBox width="60%" style="min-width: 360px;">
<p style="font-size: 1.2em; margin: 5px">All donations made to Mustang Math may be tax-deductible. Any donations upwards of $250 will be provided a receipt (contemporaneous written acknowledgement)
for presentation to the IRS. You can either donate through <a href="https://www.paypal.com/us/fundraiser/charity/4676911">PayPal</a>, or by mailing a check made out to Mustang Math at <b>8139 231st PL NE, Redmond WA 98053</b>.
If you have any questions, don't hesitate to <a href="mailto:contact@mustangmath.com">email us</a>.
</p>
</PanelBox>
</FlexBox>
<br />
<br />
</Section>
<Heading text="How to Donate" size={4} textColor="#1B9AAA" />
<FlexBox>
<PanelBox width="60%" style="min-width: 360px;">
<p style="font-size: 1.2em; margin: 5px">All donations made to Mustang Math may be tax-deductible. Any donations upwards of $250 will be provided a receipt (contemporaneous written acknowledgement)
for presentation to the IRS. You can either donate through <a href="https://www.paypal.com/us/fundraiser/charity/4676911">PayPal</a>, or by mailing a check made out to Mustang Math at <b>8139 231st PL NE, Redmond WA 98053</b>.
If you have any questions, don't hesitate to <a href="mailto:contact@mustangmath.com">email us</a>.
</p>
</PanelBox>
</FlexBox>
<br />
<br />
</Section>
</div>
<style>
.page-container {
position: relative;
z-index: 1;
min-height: 100vh;
width: 100%;
}
.background {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-image: url('donatebackground.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: -1;
}
</style>


Loading