Skip to content
Open
Show file tree
Hide file tree
Changes from 2 commits
Commits
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
Binary file added src/asset/Holy.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/asset/IMG_8392.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/asset/Nada.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
24 changes: 9 additions & 15 deletions src/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -62,23 +62,17 @@ <h1><i>Thank You</i> to Our 2024-2025 Sponsors</h1>
alt="LeMay School of Real Estate"
/>
</a>
</div>
<div class="sponsor-text">
The Harris Family and The Sedutto Family
</div>
<h1><i>Thank You</i> to Those Who Donated Food</h1>
<div class="sponsor">
<a href="https://www.theredblazer.com/">
<img src="asset/sponsor/theredblazer.png" alt="The Red Blazer" />
<a href="https://speedyprintingnh.com/">
<img src="asset/sponsor/speedyp.png" alt="Speedy Printing and Copying" class="speedyp" />
</a>
<a href="https://www.99restaurants.com/">
<img src="asset/sponsor/ninetynine.png" alt="Ninety Nine" />
<a href="https://jcbprecision.com/">
<img src="asset/sponsor/jpc.jpg" alt="Jpc Precision" class="jpcp" />
</a>
<a href="http://www.veanospembroke.com/home.html">
<img
src="asset/sponsor/veanos.png"
alt="Veano's Italian Kitchen"
/>
<a href="https://www.se.com/ww/en/">
<img src="asset/sponsor/Schneider-Electric-logo-jpg_16-9_white.png" alt="Schneider Electric" class="scheimg" />
</a>
<a href="https://www.nhti.edu">
<img src="asset/sponsor/nhti.png" alt="NHTI" class="nhtiimg" />
</a>
</div>
</div>
Expand Down
6 changes: 3 additions & 3 deletions src/nav.html
Original file line number Diff line number Diff line change
Expand Up @@ -13,9 +13,9 @@
<span></span>
</div>
<div class="link">
<a href="/about">About Us</a>
<a href="/calendar">Calendar</a>
<a href="/robots">Robots</a>
<a href="/src/about us.html">About Us</a>
<a href="/src/calendar.html">Calendar</a>
<a href="/src/robots.html">Robots</a>
<a href="/contact" class="contact"><div>Contact</div></a>
</div>
</div>
Expand Down
43 changes: 15 additions & 28 deletions src/robots.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,8 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./index.scss" />
<title>About Us</title>
<link rel="stylesheet" href="./robots.scss" />
<title>Robots</title>
<link rel="shortcut icon" href="asset/logo_blank.svg" />
</head>
<body>
Expand All @@ -15,36 +15,23 @@
<div class="content">
<span class="splash">
ROBOTS</span>
<h2>2025: NADA TOASTER</h2>
<div>
We’re a FIRST (For Inspiration & Recognition of Science and
Technology) Robotics Competition team that serves Concord High
School and the surrounding community. Every year, our team builds a
robot during a six-week build season that adheres to the FIRST
competition guidelines. We also collaborate with the Concord
community to inspire younger students and cultivate their interest
in engineering, all while sharing our fascination and passion for
robotics. We like to think of our team as more than just a club;
we’re all-inclusive and we foster connections among individuals who
share the same interest—STEM! Everyone is welcome to join, and there
are no prerequisites.
<a href="https://github.com/FRC-1721/1721-ReefScape">
<img src="asset/Nada.png" alt="Concord High School" class="Nada"/>
</a>
</div>

<div class="team">
<img src="asset/team2024.jpg" alt="Image of Team 1721" />
<span>at 2024 New England Districts</span>
<h2>2024: HOLY TOASTER</h2>
<div>
<a href="https://github.com/FRC-1721/1721-Crescendo">
<img src="asset/IMG_8392.png" alt="Concord High School" class="Holy"/>
</a>
</div>
<h2>What is FIRST?</h2>
<h2>2023: ROTOM TOASTER</h2>
<div>
FIRST For Inspiration and Recognition of Science and Technology was
founded by Dean Kamen and Woodie Flowers in 1989, and primarily
serves to get kids excited about engineering and technology.
<br /><br />
FIRST encourages students to be kind and professional both on and
off the field, and rewards students and teams for helping their
community, fellow teams, and eachother to succeed. FIRST promotes
students to become passionate hard-working individuals while
spreading the values of FIRST itself - inspiring and recognizing
achievement in Science and Technology.
<a href="https://github.com/FRC-1721/1721-ChargedUp">
<img src="asset/Holy.jpg" alt="Concord High School" class="Rotom"/>
</a>
</div>
<h1><i>Thank You</i> to Our 2024-2025 Sponsors</h1>
<div class="sponsor">
Expand Down
156 changes: 156 additions & 0 deletions src/robots.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,156 @@
.Holy {
width: 1024px;
width: 100%;
padding-bottom: 40px;
padding-top: 40px;
}

.Rotom {
height: 700px;
width: 1024px;
width: 100%;
padding-bottom: 40px;
padding-top: 40px;
}

.Nada {
height: 100%;
width: 100%;
padding-bottom: 40px;
padding-top: 40px;
}

@import "font.css";

* {
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: "HKGrotesk", Geneva, Verdana, sans-serif;
}

main {
min-height: 100vh;
background-color: #282828;

#landing-image {
height: 85vh;
background-image: url("asset/holytoaster2.jpg");
background-size: cover;
background-position: center center;
}
.container {
padding: 0 16px 16px 16px;
}
.content {
margin: 0 auto;
margin-top: -200px;
background-color: #3c3936aa;
backdrop-filter: blur(10px);
max-width: 1200px;
color: #ebdbb2;
position: relative;
border-radius: 32px;
padding: 64px 0;

& > * {
margin-right: 48px;
margin-left: 48px;
}

.splash {
position: absolute;
top: -72px;
padding-left: 20px;
font-weight: 700;
font-size: 72px;
line-height: 45px;
text-shadow: 4px 0 0 #1d2021, 0 0 40px #1d2021;
.we-are {
padding-left: 42px;
font-size: 50px;
}
.number {
text-shadow: 5px 0 0 #a7352c, 10px 0 0 #1d2021;
}
}

h1 {
text-align: center;
margin: 42px 0 20px 0;
text-shadow: 2px 0 0 #a7352c;
font-size: 42px;
}

h2 {
font-size: 50px;
}

.sponsor {
display: flex;
justify-content: center;
align-items: stretch;
flex-wrap: wrap;
a {
height: 150px;
padding: 0 24px;
display: flex;
align-items: center;
justify-content: center;
img {
max-height: 150px;
max-width: 100%;
vertical-align: center;
}
}
}

.sponsor-text {
font-weight: 500;
text-align: center;
margin-top: 32px;
font-size: 26px;
}

.team {
margin: 32px 0;
position: relative;

img {
width: 100%;
display: block;
}

span {
position: absolute;
bottom: 8px;
left: 50%;
transform: translateX(-50%);
color: #1d2021;
font-size: 20px;
font-weight: 400;
font-style: italic;
}
}
}
}

@media (width <= 600px) {
.content {
& > * {
margin-right: 20px;
margin-left: 20px;
}
.splash {
top: -60px !important;
font-size: 50px !important;
line-height: 40px !important;
.we-are {
font-size: 40px !important;
}
}
.team span {
font-size: 16px !important;
}
}
}
Loading