Fixed home page

This commit is contained in:
Ram Vempati 2021-06-07 11:33:46 -04:00
parent caa4e9f7e6
commit 531a67d81d
5 changed files with 9492 additions and 9767 deletions

21
package-lock.json generated
View File

@ -32,7 +32,8 @@
"styled-components": "^5.2.1", "styled-components": "^5.2.1",
"tsutils": "^3.20.0", "tsutils": "^3.20.0",
"typescript": "^4.1.3", "typescript": "^4.1.3",
"web-vitals": "^0.2.4" "web-vitals": "^0.2.4",
"yarn": "^1.22.10"
}, },
"devDependencies": { "devDependencies": {
"node-sass": "^6.0.0", "node-sass": "^6.0.0",
@ -23318,6 +23319,19 @@
"node": ">=6" "node": ">=6"
} }
}, },
"node_modules/yarn": {
"version": "1.22.10",
"resolved": "https://registry.npmjs.org/yarn/-/yarn-1.22.10.tgz",
"integrity": "sha512-IanQGI9RRPAN87VGTF7zs2uxkSyQSrSPsju0COgbsKQOOXr5LtcVPeyXWgwVa0ywG3d8dg6kSYKGBuYK021qeA==",
"hasInstallScript": true,
"bin": {
"yarn": "bin/yarn.js",
"yarnpkg": "bin/yarn.js"
},
"engines": {
"node": ">=4.0.0"
}
},
"node_modules/yocto-queue": { "node_modules/yocto-queue": {
"version": "0.1.0", "version": "0.1.0",
"resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz", "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
@ -41239,6 +41253,11 @@
"decamelize": "^1.2.0" "decamelize": "^1.2.0"
} }
}, },
"yarn": {
"version": "1.22.10",
"resolved": "https://registry.npmjs.org/yarn/-/yarn-1.22.10.tgz",
"integrity": "sha512-IanQGI9RRPAN87VGTF7zs2uxkSyQSrSPsju0COgbsKQOOXr5LtcVPeyXWgwVa0ywG3d8dg6kSYKGBuYK021qeA=="
},
"yocto-queue": { "yocto-queue": {
"version": "0.1.0", "version": "0.1.0",
"resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz", "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",

View File

@ -27,7 +27,8 @@
"styled-components": "^5.2.1", "styled-components": "^5.2.1",
"tsutils": "^3.20.0", "tsutils": "^3.20.0",
"typescript": "^4.1.3", "typescript": "^4.1.3",
"web-vitals": "^0.2.4" "web-vitals": "^0.2.4",
"yarn": "^1.22.10"
}, },
"scripts": { "scripts": {
"start": "react-scripts start", "start": "react-scripts start",

View File

@ -12,12 +12,12 @@ export default function Home(props) {
<body className="main-content"> <body className="main-content">
<section className="hero"> <section className="hero">
<div className="landing-header"> <div className="landing-header">
<h1 id="potentia"><span className="highlight-gray">&nbsp;Potentia&nbsp;</span></h1> <h1 id="potentia"><span id = "potentiaspan" className="highlight-gray">&nbsp;Potentia&nbsp;</span></h1>
<h1 id="robotics"><span className="highlight-gray">&nbsp;Robotics&nbsp;</span></h1> <h1 id="robotics"><span id = "roboticsspan"className="highlight-gray">&nbsp;Robotics&nbsp;</span></h1>
</div> </div>
<div className="landing-subheader"> <div className="landing-subheader">
<p> <p id = "maintextspan">
<span className="highlight-gray">&nbsp;The first high school team to design and&nbsp;<br></br>&nbsp;build a full-size bipedal humanoid robot.&nbsp;</span> <span id = "maintextspan" className="highlight-gray" >&nbsp;The first high school team to design and&nbsp;<br></br>&nbsp;build a full-size bipedal humanoid robot.&nbsp;</span>
</p> </p>
</div> </div>
<img <img

View File

@ -72,6 +72,8 @@ $desktop-small: 1250px;
} }
} }
.landing-header { .landing-header {
position: absolute; position: absolute;
font-family: "Poppins", sans-serif; font-family: "Poppins", sans-serif;
@ -83,8 +85,19 @@ $desktop-small: 1250px;
padding-left: 0.4em; padding-left: 0.4em;
z-index: 999 !important; z-index: 999 !important;
position: relative; position: relative;
} }
#potentiaspan{
font-size: 5vw;
}
#roboticsspan{
font-size: 5vw;
}
#robotics { #robotics {
position: relative; position: relative;
top: -0.3em; top: -0.3em;
@ -130,6 +143,11 @@ $desktop-small: 1250px;
z-index: 999 !important; z-index: 999 !important;
width: 45%; width: 45%;
#maintextspan{
font-size: 2vw;
}
@include desktop-small { @include desktop-small {
margin-top: 40vh; margin-top: 40vh;
} }

19209
yarn.lock

File diff suppressed because it is too large Load Diff