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",
"tsutils": "^3.20.0",
"typescript": "^4.1.3",
"web-vitals": "^0.2.4"
"web-vitals": "^0.2.4",
"yarn": "^1.22.10"
},
"devDependencies": {
"node-sass": "^6.0.0",
@ -23318,6 +23319,19 @@
"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": {
"version": "0.1.0",
"resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
@ -41239,6 +41253,11 @@
"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": {
"version": "0.1.0",
"resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",

View File

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

View File

@ -12,12 +12,12 @@ export default function Home(props) {
<body className="main-content">
<section className="hero">
<div className="landing-header">
<h1 id="potentia"><span className="highlight-gray">&nbsp;Potentia&nbsp;</span></h1>
<h1 id="robotics"><span className="highlight-gray">&nbsp;Robotics&nbsp;</span></h1>
<h1 id="potentia"><span id = "potentiaspan" className="highlight-gray">&nbsp;Potentia&nbsp;</span></h1>
<h1 id="robotics"><span id = "roboticsspan"className="highlight-gray">&nbsp;Robotics&nbsp;</span></h1>
</div>
<div className="landing-subheader">
<p>
<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>
<p id = "maintextspan">
<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>
</div>
<img

View File

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

19209
yarn.lock

File diff suppressed because it is too large Load Diff