diff options
Diffstat (limited to 'animism-align/frontend/views/nav')
| -rw-r--r-- | animism-align/frontend/views/nav/header.component.js | 42 | ||||
| -rw-r--r-- | animism-align/frontend/views/nav/nav.css | 73 |
2 files changed, 0 insertions, 115 deletions
diff --git a/animism-align/frontend/views/nav/header.component.js b/animism-align/frontend/views/nav/header.component.js deleted file mode 100644 index efbaf08..0000000 --- a/animism-align/frontend/views/nav/header.component.js +++ /dev/null @@ -1,42 +0,0 @@ -import React from 'react' -// import { bindActionCreators } from 'redux' -import { connect } from 'react-redux' -import { Link } from 'react-router-dom' - -import PlayButton from '../align/components/player/playButton.component' - -import './nav.css' - -function Header(props) { - return ( - <header> - <PlayButton /> - <div> - <Link to="/align">Align</Link> - <Link to="/paragraph">Transcript</Link> - <Link to="/media">Media</Link> - </div> - </header> - ) -} - -// const changeUsername = () => { -// const username = prompt("Please enter your username:", session('username')) -// if (username && username.length) { -// session.set('username', username) -// document.querySelector('Header div span').innerText = ' → ' + username // very naughty -// } -// } - - -const mapStateToProps = (state) => ({ - // auth: state.auth, - site: state.site, - // username: session.get('username'), - // isAuthenticated: state.auth.isAuthenticated, -}) - -const mapDispatchToProps = (dispatch) => ({ -}) - -export default connect(mapStateToProps, mapDispatchToProps)(Header) diff --git a/animism-align/frontend/views/nav/nav.css b/animism-align/frontend/views/nav/nav.css deleted file mode 100644 index 485ace2..0000000 --- a/animism-align/frontend/views/nav/nav.css +++ /dev/null @@ -1,73 +0,0 @@ -/* header */ - -header { - height: 3.125rem; - font-size: 0.875rem; - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; - background: rgba(32,16,64,0.8); - color: white; - z-index: 50; - position: relative; -} -header b { - font-weight: 900; -} -header a { - color: rgba(255,255,255,0.95); - text-decoration: none; - font-size: 0.875rem; - font-weight: 500; -} -header > div:first-child { - display: flex; - justify-content: flex-start; - align-items: center; - padding-left: 1.5rem; -} -header > div:last-child { - padding-right: 1.5rem; -} -header > div > button { - padding: 0.25rem; - margin: 0 0 0 0.5rem; - background: #000; - border-color: #888; - color: #888; -} -header > div > button:hover { - border-color: #fff; - color: #fff; -} -header > div:last-child a { - padding: 0.5rem; -} -header .btn-link:focus, -header .btn-link:hover, -header .btn-link:active, -header a:focus, -header a:hover, -header a:active { - text-decoration: none; - color: white; -} -header a:focus, -header a:hover, -header a:active { - color: white; -} -.menuToggle { - width: 1.625rem; - height: 1.625rem; - cursor: pointer; - line-height: 1; -} -header a.navbar-brand { - font-size: .8rem; -} - -header .username { - cursor: pointer; -}
\ No newline at end of file |
