Skip to content

Commit

Permalink
edited footer
Browse files Browse the repository at this point in the history
  • Loading branch information
@rossoskull
rossoskull committed Oct 19, 2018
1 parent fec5236 commit 3982163
Show file tree
Hide file tree
Showing 6 changed files with 45 additions and 21 deletions.
4 changes: 2 additions & 2 deletions docs/asset-manifest.json
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"main.css": "static/css/main.2af354d4.css",
"main.css.map": "static/css/main.2af354d4.css.map",
"main.js": "static/js/main.023e099a.js",
"main.js.map": "static/js/main.023e099a.js.map"
"main.js": "static/js/main.d42f67f5.js",
"main.js.map": "static/js/main.d42f67f5.js.map"
}
2 changes: 1 addition & 1 deletion docs/index.html
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<!doctype html><html lang="en"><head><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"><link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="manifest" href="/gita/manifest.json"><link rel="shortcut icon" href="/gita/favicon.ico"><title>Bhagavada Gita App</title><link href="/gita/static/css/main.2af354d4.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root" onload='console.log("Helo helo")'></div><script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script><script src="script.js"></script><script type="text/javascript" src="/gita/static/js/main.023e099a.js"></script></body></html>
<!doctype html><html lang="en"><head><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"><link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="manifest" href="/gita/manifest.json"><link rel="shortcut icon" href="/gita/favicon.ico"><title>Bhagavada Gita App</title><link href="/gita/static/css/main.2af354d4.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root" onload='console.log("Helo helo")'></div><script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script><script src="script.js"></script><script type="text/javascript" src="/gita/static/js/main.d42f67f5.js"></script></body></html>
2 changes: 1 addition & 1 deletion docs/service-worker.js
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 2 additions & 2 deletions docs/static/js/main.023e099a.js → docs/static/js/main.d42f67f5.js
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion docs/static/js/main.023e099a.js.map → docs/static/js/main.d42f67f5.js.map
View file

Large diffs are not rendered by default.

52 changes: 38 additions & 14 deletions src/Components/Footer/Footer.js
View file
Original file line number Diff line number Diff line change
@@ -1,14 +1,16 @@
import React, { Component } from 'react';
import { SvgIcon, Typography, IconButton, Button } from '@material-ui/core';
import { SvgIcon, Typography, IconButton, Button, Tooltip, Zoom } from '@material-ui/core';
import './Footer.css';


class Footer extends Component {
constructor() {
super();
this.state = {
intervalId: 0
intervalId: 0,
date: new Date(),
}

}

scrollStep = () => {
Expand All @@ -29,7 +31,7 @@ class Footer extends Component {
const styles = {
footer: {
backgroundColor: 'rgb(230, 230, 230)',
padding: '1px 20px',
padding: '30px 20px',
marginTop: '30px',
color: 'rgb(52,52,52)'
},
Expand All @@ -47,22 +49,44 @@ class Footer extends Component {

return(
<footer style={styles.footer}>
<h3>
<Button onClick={this.scrollToTop} style={styles.fab} variant='fab'>
<b>&uarr;</b>
</Button>
{/* Go to top Button */}
<Button onClick={this.scrollToTop} style={styles.fab} variant='fab'>
<b>&uarr;</b>
</Button>

<Typography variant='subtitle1' align='center'>
Learn more!
</Typography>
<Typography align='center' variant='display1'>

<Typography variant='subtitle1' align='center'>
View source code on GitHub
</Typography>
<Typography align='center' variant='display1'>
<IconButton href="http://www.github.com/rossoskull/gita">
<Tooltip placement='top' TransitionComponent={Zoom} title='Source code on GitHub'>
<IconButton target='blank' href="http://www.github.com/rossoskull/gita">
<SvgIcon fontSize='inherit'>
<path d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12' />
</SvgIcon>
</IconButton>
</Typography>
</h3>
</Tooltip>

<Tooltip placement='top' TransitionComponent={Zoom} title='View my LinkedIn profile'>
<IconButton target='blank' href="http://www.linkedin.com/in/rossoskull">
<SvgIcon fontSize='inherit'>
<path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
</SvgIcon>
</IconButton>
</Tooltip>

<Tooltip placement='top' TransitionComponent={Zoom} title={'Let\'s chat on Telegram!'}>
<IconButton target='blank' href="http://www.telegram.me/rossoskull">
<SvgIcon fontSize='inherit'>
<path d="M9.028 20.837c-.714 0-.593-.271-.839-.949l-2.103-6.92L22.263 3.37"/><path d="M9.028 20.837c.552 0 .795-.252 1.105-.553l2.941-2.857-3.671-2.214"/><path d="M9.403 15.213l8.89 6.568c1.015.56 1.748.271 2-.942l3.62-17.053c.372-1.487-.564-2.159-1.534-1.72L1.125 10.263c-1.45.582-1.443 1.392-.264 1.753l5.455 1.7L18.94 5.753c.595-.36 1.143-.167.694.232"/>
</SvgIcon>
</IconButton>
</Tooltip>
</Typography>

<Typography variant='subtitle1' align='center'>
Copyright &copy; {this.state.date.getFullYear()} Jay Mistry
</Typography>
</footer>
);
}
Expand Down

0 comments on commit 3982163

Please sign in to comment.