Commit 7c8b31df authored by David Haynes's avatar David Haynes 🙆
Browse files

Static cart + header done

- just need language...
parent c78b805e
......@@ -6,7 +6,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>SRCT Schedules • Welcome</title>
<meta name="theme-color" content="#006633" />
</head>
<body>
......
......@@ -23,6 +23,7 @@
"@types/react": "^16.3.12",
"@types/react-dom": "^16.0.5",
"@types/react-redux": "^6.0.2",
"@types/reactstrap": "^6.0.0",
"babel-loader": "^7.1.4",
"clean-webpack-plugin": "^0.1.19",
"css-loader": "^0.28.11",
......@@ -33,6 +34,7 @@
"react": "^16.3.2",
"react-dom": "^16.3.2",
"react-redux": "^5.0.7",
"reactstrap": "^6.1.0",
"redux": "^4.0.0",
"redux-thunk": "^2.3.0",
"style-loader": "^0.21.0",
......
import * as React from 'react';
import Schedule from '../containers/Schedule';
import Search from '../containers/Search';
import { Container } from 'reactstrap';
import Header from './Header';
require('../css/core.css');
const App = () => (
<div>
<Header />
<Search />
<Schedule />
<Container>
<Header />
{/* <Search />
<Schedule /> */}
</Container>
</div>
);
......
import * as React from 'react';
import { Col, Row } from 'reactstrap';
require('../css/iconbadge.css');
const Header = () => (
<h1 className="display-3">
<span className="fa-stack mr-3">
<i className="fas fa-circle fa-stack-2x" />
<i className="fas fa-flag fa-stack-1x fa-inverse" />
</span>
Schedules
</h1>
<div>
<Row className="justify-content-end my-5 px-3">
<span className="fa-stack fa-3x has-badge" data-count="0">
<i className="fa fas fa-shopping-bag fa-stack-1x" />
</span>
</Row>
<Row className="justify-content-center my-5">
<h1>
<i className="far fa-calendar-alt" /> Schedules
</h1>
<div className="w-100 mb-3" />
<Col md="6">
<p>
This is a catchy slogan that concisely describes the site with a lot of words that looks good on
mobile ahh.
</p>
</Col>
</Row>
</div>
);
export default Header;
body {
background-color: #E4E4E4;
}
.fa-stack[data-count]:after {
position: absolute;
right: 0%;
top: 1%;
content: attr(data-count);
font-size: 30%;
padding: .6em;
border-radius: 999px;
line-height: .75em;
color: black;
background: rgba(164, 164, 164, 0.85);
text-align: center;
min-width: 2em;
font-weight: bold;
}
......@@ -104,6 +104,13 @@
dependencies:
csstype "^2.2.0"
"@types/reactstrap@^6.0.0":
version "6.0.0"
resolved "https://registry.yarnpkg.com/@types/reactstrap/-/reactstrap-6.0.0.tgz#76224f7de991767414e9edd68101ac64967938cb"
dependencies:
"@types/react" "*"
popper.js "^1.14.1"
"@webassemblyjs/ast@1.5.12":
version "1.5.12"
resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.5.12.tgz#a9acbcb3f25333c4edfa1fdf3186b1ccf64e6664"
......@@ -1725,6 +1732,10 @@ class-utils@^0.3.5:
isobject "^3.0.0"
static-extend "^0.1.1"
classnames@^2.2.3:
version "2.2.6"
resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.2.6.tgz#43935bffdd291f326dad0a205309b38d00f650ce"
clean-css@4.1.x:
version "4.1.11"
resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-4.1.11.tgz#2ecdf145aba38f54740f26cefd0ff3e03e125d6a"
......@@ -2578,6 +2589,10 @@ dom-converter@~0.1:
dependencies:
utila "~0.3"
dom-helpers@^3.3.1:
version "3.3.1"
resolved "https://registry.yarnpkg.com/dom-helpers/-/dom-helpers-3.3.1.tgz#fc1a4e15ffdf60ddde03a480a9c0fece821dd4a6"
dom-serializer@0:
version "0.1.0"
resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-0.1.0.tgz#073c697546ce0780ce23be4a28e293e40bc30c82"
......@@ -5112,6 +5127,14 @@ lodash.isequal@^4.0.0:
version "4.5.0"
resolved "https://registry.yarnpkg.com/lodash.isequal/-/lodash.isequal-4.5.0.tgz#415c4478f2bcc30120c22ce10ed3226f7d3e18e0"
lodash.isfunction@^3.0.9:
version "3.0.9"
resolved "https://registry.yarnpkg.com/lodash.isfunction/-/lodash.isfunction-3.0.9.tgz#06de25df4db327ac931981d1bdb067e5af68d051"
lodash.isobject@^3.0.2:
version "3.0.2"
resolved "https://registry.yarnpkg.com/lodash.isobject/-/lodash.isobject-3.0.2.tgz#3c8fb8d5b5bf4bf90ae06e14f2a530a4ed935e1d"
lodash.isobject@~2.4.1:
version "2.4.1"
resolved "https://registry.yarnpkg.com/lodash.isobject/-/lodash.isobject-2.4.1.tgz#5a2e47fe69953f1ee631a7eba1fe64d2d06558f5"
......@@ -5186,6 +5209,10 @@ lodash.templatesettings@~2.4.1:
lodash._reinterpolate "~2.4.1"
lodash.escape "~2.4.1"
lodash.tonumber@^4.0.3:
version "4.0.3"
resolved "https://registry.yarnpkg.com/lodash.tonumber/-/lodash.tonumber-4.0.3.tgz#0b96b31b35672793eb7f5a63ee791f1b9e9025d9"
lodash.uniq@^4.5.0:
version "4.5.0"
resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
......@@ -6339,6 +6366,10 @@ plur@^2.1.2:
dependencies:
irregular-plurals "^1.0.0"
popper.js@^1.14.1:
version "1.14.3"
resolved "https://registry.yarnpkg.com/popper.js/-/popper.js-1.14.3.tgz#1438f98d046acf7b4d78cd502bf418ac64d4f095"
portfinder@^1.0.9:
version "1.0.13"
resolved "https://registry.yarnpkg.com/portfinder/-/portfinder-1.0.13.tgz#bb32ecd87c27104ae6ee44b5a3ccbf0ebb1aede9"
......@@ -6668,7 +6699,7 @@ promise@^7.1.1:
dependencies:
asap "~2.0.3"
prop-types@^15.6.0:
prop-types@^15.5.8, prop-types@^15.6.0, prop-types@^15.6.1:
version "15.6.1"
resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.6.1.tgz#36644453564255ddda391191fb3a125cbdf654ca"
dependencies:
......@@ -6843,6 +6874,13 @@ react-dom@^16.3.2:
object-assign "^4.1.1"
prop-types "^15.6.0"
react-popper@^0.10.4:
version "0.10.4"
resolved "https://registry.yarnpkg.com/react-popper/-/react-popper-0.10.4.tgz#af2a415ea22291edd504678d7afda8a6ee3295aa"
dependencies:
popper.js "^1.14.1"
prop-types "^15.6.1"
react-redux@^5.0.7:
version "5.0.7"
resolved "https://registry.yarnpkg.com/react-redux/-/react-redux-5.0.7.tgz#0dc1076d9afb4670f993ffaef44b8f8c1155a4c8"
......@@ -6854,6 +6892,14 @@ react-redux@^5.0.7:
loose-envify "^1.1.0"
prop-types "^15.6.0"
react-transition-group@^2.3.1:
version "2.3.1"
resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-2.3.1.tgz#31d611b33e143a5e0f2d94c348e026a0f3b474b6"
dependencies:
dom-helpers "^3.3.1"
loose-envify "^1.3.1"
prop-types "^15.6.1"
react@^16.3.2:
version "16.4.0"
resolved "https://registry.yarnpkg.com/react/-/react-16.4.0.tgz#402c2db83335336fba1962c08b98c6272617d585"
......@@ -6863,6 +6909,18 @@ react@^16.3.2:
object-assign "^4.1.1"
prop-types "^15.6.0"
reactstrap@^6.1.0:
version "6.1.0"
resolved "https://registry.yarnpkg.com/reactstrap/-/reactstrap-6.1.0.tgz#7fe70db4c9804cd364bf6fd137172443d67636d9"
dependencies:
classnames "^2.2.3"
lodash.isfunction "^3.0.9"
lodash.isobject "^3.0.2"
lodash.tonumber "^4.0.3"
prop-types "^15.5.8"
react-popper "^0.10.4"
react-transition-group "^2.3.1"
read-all-stream@^3.0.0:
version "3.1.0"
resolved "https://registry.yarnpkg.com/read-all-stream/-/read-all-stream-3.1.0.tgz#35c3e177f2078ef789ee4bfafa4373074eaef4fa"
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment