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",
|
"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",
|
||||||
|
|
|
@ -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",
|
||||||
|
|
|
@ -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"> Potentia </span></h1>
|
<h1 id="potentia"><span id = "potentiaspan" className="highlight-gray"> Potentia </span></h1>
|
||||||
<h1 id="robotics"><span className="highlight-gray"> Robotics </span></h1>
|
<h1 id="robotics"><span id = "roboticsspan"className="highlight-gray"> Robotics </span></h1>
|
||||||
</div>
|
</div>
|
||||||
<div className="landing-subheader">
|
<div className="landing-subheader">
|
||||||
<p>
|
<p id = "maintextspan">
|
||||||
<span className="highlight-gray"> The first high school team to design and <br></br> build a full-size bipedal humanoid robot. </span>
|
<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>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<img
|
<img
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user