summaryrefslogtreecommitdiff
path: root/animism-align/frontend/views/nav
diff options
context:
space:
mode:
Diffstat (limited to 'animism-align/frontend/views/nav')
-rw-r--r--animism-align/frontend/views/nav/header.component.js42
-rw-r--r--animism-align/frontend/views/nav/nav.css73
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