mirror of
https://github.com/PotentiaRobotics/website.git
synced 2025-04-20 12:20:19 -04:00
Fixed home page
This commit is contained in:
parent
caa4e9f7e6
commit
531a67d81d
21
package-lock.json
generated
21
package-lock.json
generated
|
@ -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",
|
||||
|
|
|
@ -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",
|
||||
|
|
|
@ -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"> Potentia </span></h1>
|
||||
<h1 id="robotics"><span className="highlight-gray"> Robotics </span></h1>
|
||||
<h1 id="potentia"><span id = "potentiaspan" className="highlight-gray"> Potentia </span></h1>
|
||||
<h1 id="robotics"><span id = "roboticsspan"className="highlight-gray"> Robotics </span></h1>
|
||||
</div>
|
||||
<div className="landing-subheader">
|
||||
<p>
|
||||
<span className="highlight-gray"> The first high school team to design and <br></br> build a full-size bipedal humanoid robot. </span>
|
||||
<p id = "maintextspan">
|
||||
<span id = "maintextspan" className="highlight-gray" > The first high school team to design and <br></br> build a full-size bipedal humanoid robot. </span>
|
||||
</p>
|
||||
</div>
|
||||
<img
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue
Block a user