scarlett/ITR-Website
1
1
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

better scaling

Browse Source
This commit is contained in:
scarlett kadan
2023-09-03 11:17:01 -05:00
parent 8f4a6c33c0
commit 83545ebf75
4 changed files with 60 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Bubble.js
+4 -4
View File
@@ -6,10 +6,10 @@ export default class Bubble extends Component {
render() {
return (
<div
style={{
marginLeft: `${this.props.left}`,
paddingTop: `${this.props.top}`,
}}
// style={{
// marginLeft: `${this.props.left}`,
// paddingTop: `${this.props.top}`,
// }}
>
<div className="bubble">
<AnimationOnScroll
src/components/Home.js
+31 -32
View File
@@ -41,41 +41,40 @@ export default class Home extends Component {
className="home__content__panel__video"
type="video/mp4"
src={backgroundVideo}
>
</video>
></video>
</div>
<div className="home__content__info">
<Bubble top="10vh" left="30vw" h1="Join us at our" h2="GBMs 🤝">
<span>
Welcome to the Illinois Tech Robotics Club! We are a student-run
organization that promotes the field of robotics through
hands-on projects, competitions and events. Open to students of
all majors and skill levels, we meet every week at 6:30pm CST to
work on exciting robotics projects.
</span>
</Bubble>
<Bubble
top="5vh"
left="30vw"
h1="Directions to the"
h2="ITR Lab 🗺️"
>
<span>
1. Enter through the{" "}
<a href="https://goo.gl/maps/NJW5LzDDBYoHiD5X6">IIT Tower</a>{" "}
located at 10 W 35 St, Chicago, IL.
<br />
2. Sign in with the front desk, and then take the elevator to
the basement.
<br />
3. Once in the basement, take a right from the elevator and
enter the last door on the left.
<br />
4. Finally, sign in to the Elevate Underground Lab with the CLA
on guard!
</span>
</Bubble>
<div className="c">
<Bubble h1="Join us at our" h2="GBMs 🤝">
<span>
Welcome to the Illinois Tech Robotics Club! We are a
student-run organization that promotes the field of robotics
through hands-on projects, competitions and events. Open to
students of all majors and skill levels, we meet every week at
6:30pm CST to work on exciting robotics projects.
</span>
</Bubble>
<Bubble
h1="Directions to the"
h2="ITR Lab 🗺️"
>
<span>
1. Enter through the{" "}
<a href="https://goo.gl/maps/NJW5LzDDBYoHiD5X6">IIT Tower</a>{" "}
located at 10 W 35 St, Chicago, IL.
<br />
2. Sign in with the front desk, and then take the elevator to
the basement.
<br />
3. Once in the basement, take a right from the elevator and
enter the last door on the left.
<br />
4. Finally, sign in to the Elevate Underground Lab with the
CLA on guard!
</span>
</Bubble>
</div>
</div>
</div>
</div>