Skip to content

Commit

Permalink
Improving home page copy
Browse files Browse the repository at this point in the history
  • Loading branch information
jasonappah committed Jun 29, 2024
1 parent d9ba100 commit e8e4500
Show file tree
Hide file tree
Showing 4 changed files with 57 additions and 39 deletions.
23 changes: 17 additions & 6 deletions src/components/home/division.astro
Original file line number Diff line number Diff line change
Expand Up @@ -63,12 +63,16 @@ const {
gap: '2rem'
}}
>
<h2 style={{
fontWeight: '400',
color: '#D9D9D9',
}}>
{divisionOverview}
</h2>

{divisionOverview.split("\n").map(text => (
<h2 style={{
fontWeight: '400',
color: '#D9D9D9',
}}>
{text}
</h2>
))}

<div
style={{
display: 'flex',
Expand All @@ -92,4 +96,11 @@ const {
))
}
</div>

<h2 style={{
fontWeight: '400',
color: '#D9D9D9',
}}>
Learn more about projects from the {divisionName} division on our <a href="/projects">Projects</a> page!
</h2>
</div>
57 changes: 31 additions & 26 deletions src/components/home/summary.astro
Original file line number Diff line number Diff line change
@@ -1,30 +1,35 @@
<div
style="display: flex; width: 100%; align-items: center; justify-content: space-between; padding: 4rem 3rem; gap: 3rem; background-color: var(--primary);" class="font-unbounded mobile-column"
style="width: 100%; padding: 4rem 3rem; background-color: var(--primary);" class="font-unbounded mobile-column"
>
<style>
img {
width: 50%;
border-radius: 1rem;
}

@media (max-width: 480px) {
img {
width: 100%;
}
}
</style>
<div style="display: flex; font-size: 1.25rem; flex-direction: column;" >
<p>
We are a group of robot enthusiasts with the goal of promoting robotics at UT Dallas and in the surrounding area through outreach, projects and
workshops.
</p>
<br />
<p>
Comet Robotics focuses on supporting this goal with 2 divisions: combat
robotics and competitive robotics.
</p>
<style>
img {
width: 50%;
border-radius: 1rem;
}

@media (max-width: 480px) {
img {
width: 100%;
}
}
</style>
<div style="display: flex; align-items: center; justify-content: space-between; gap: 3rem; max-width: 75rem; margin: auto">
<div style="display: flex; font-size: 1.25rem; flex-direction: column;" >
<p>
We are a group of students who are passionate about all things robots - from the mechanical aspects, to writing software, and all the things in between.
</p>
<br />
<p>
Our goal is to promote robotics at UT Dallas and in the surrounding area through outreach, projects and workshops.
</p>
<br />
<p>
Every Monday<a style="color: inherit;" href="#meeting-footnote"><sup>*</sup></a> at 7pm, we gather together to learn and build all sorts of robots - for fun, and to compete in a variety of events.
</p>
<br />
</div>
<img
src="/home/IMG_4798.jpg"
/>
</div>
<img
src="/home/IMG_4798.jpg"
/>
</div>
12 changes: 7 additions & 5 deletions src/components/join.astro
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ if (theme === 'dark') {
const options: {title: string, description: string, url: string}[] = [
{
title: 'Join the Discord',
description: 'Discord is the primary method of communication for the club - join for updates on meeting times, projects, and more.',
description: 'Our Discord is the primary communication method for the club - join for updates on meeting times, projects, and more.',
url: discordInvite,
},
{
Expand All @@ -43,7 +43,7 @@ const options: {title: string, description: string, url: string}[] = [
}

a:hover {
transform: scale(0.925);
transform: scale(1.05);
}
</style>

Expand All @@ -53,14 +53,14 @@ const options: {title: string, description: string, url: string}[] = [
<p style={{
fontSize: '1.25rem'
}}>
To become a member, come to a meeting and talk to a project manager or
officer about how you can join a team. Our general meetings are on <strong
>Mondays at 7pm</strong
Interested in getting involved in a project team? Come to a meeting and talk to a project manager or officer about how you can join. Our general meetings are on <strong
>Mondays at 7pm*</strong
> at the <strong>UTDesign Makerspace.</strong>
</p>
<div class="join-content" style={{ display: 'flex', gap: '2rem' }}>
{options.map(({url, title, description}) => (
<a
class="no-decoration"
href={url}
target="_blank"
rel="noreferrer"
Expand All @@ -81,5 +81,7 @@ const options: {title: string, description: string, url: string}[] = [
</a>))}

</div>

<small id="meeting-footnote" style="font-family: 'Open Sans Variable', sans-serif; font-size: 1rem;">* We only officially meet when UT Dallas is in session during the fall and spring semesters, but many of us frequently meet at the Makerspace during breaks as well - join the <a href={discordInvite} rel="noreferrer" target="_blank">Discord</a> for updates.</small>

</div>
4 changes: 2 additions & 2 deletions src/pages/index.astro
Original file line number Diff line number Diff line change
Expand Up @@ -15,14 +15,14 @@ import Join from '../components/join.astro'
divisionName="Combat Robotics"
divisionDescription="We're all about sparks, fire and spilling robot guts. The excitement around the sport is perfect for spreading awareness of robotics. Our Combat Robotics division promises something for everyone, with entry-level programs and lots of upward mobility."
divisionOverview="Ever wanted to build a battle bot, like the TV show? Combat Robotics is the place to be. Originally started with ’The Blender‘, our 120lb world championship winning BattleBot, combat robotics at UT Dallas has history going back to 2004. Since the clubs’ revival in 2021, we have expanded to dozens of 1lb, 3lb, and 12lb weight class projects."
images={['home/Edit_20240219_EWeekCombatBlocks_DSC03650.jpeg','home/DSC05965.JPG', 'home/DSC02235.JPG',]}
images={['home/DSC02235.JPG','home/Edit_20240219_EWeekCombatBlocks_DSC03650.jpeg','home/DSC05965.JPG', ]}
/>
<Division
backgroundImg="url('/home/DSC04247.JPG')"
backgroundPosition="70% 100%"
divisionName="Competitive Robotics"
divisionDescription="Hosting our non-combat robot projects (including COMET, our VEX U team, Solis Rover Project, our University Rover Challenge team, and the ChessBot project), the Competitive Robotics division challenges students in fast paced engineering environments and builds on the hard and soft skills learned in students coursework."
divisionOverview="Projects in the Competitive Robotics division feature demanding mechanical requirements, and a heavy emphasis on software control systems to achieve their goals. Whether you're a FIRST or VEX alumni, or completely new to the world of competitive robotics, Comet Robotics has a place for you!"
divisionOverview="Projects in the Competitive Robotics division feature demanding mechanical requirements, and a heavy emphasis on software control systems to achieve their goals.\nWhether you're a FIRST or VEX alumni, or completely new to the world of competitive robotics, Comet Robotics has a place for you!"
images={['home/DSC07439.JPG', 'home/DSC07331.JPG', 'home/DSC03983.JPG']}
/>
<Join theme="light" />
Expand Down

0 comments on commit e8e4500

Please sign in to comment.