Skip to content

Commit 1ee72b9

Browse files
Server1567Server1567
committedApr 28, 2021
Development of Footer Component
1 parent 04e0eb7 commit 1ee72b9

22 files changed

+146
-24
lines changed
 

‎LICENSE

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
MIT License
2+
3+
Copyright (c) 2021 Server1567
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.

‎views/build/asset-manifest.json

+12-11
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,29 @@
11
{
22
"files": {
3-
"main.css": "/static/css/main.6d21350d.chunk.css",
4-
"main.js": "/static/js/main.a200fab6.chunk.js",
5-
"main.js.map": "/static/js/main.a200fab6.chunk.js.map",
3+
"main.css": "/static/css/main.b3f3f79b.chunk.css",
4+
"main.js": "/static/js/main.3934f06a.chunk.js",
5+
"main.js.map": "/static/js/main.3934f06a.chunk.js.map",
66
"runtime-main.js": "/static/js/runtime-main.2d0d9e57.js",
77
"runtime-main.js.map": "/static/js/runtime-main.2d0d9e57.js.map",
88
"static/css/2.6dce921e.chunk.css": "/static/css/2.6dce921e.chunk.css",
9-
"static/js/2.4f15c838.chunk.js": "/static/js/2.4f15c838.chunk.js",
10-
"static/js/2.4f15c838.chunk.js.map": "/static/js/2.4f15c838.chunk.js.map",
9+
"static/js/2.c2d5335d.chunk.js": "/static/js/2.c2d5335d.chunk.js",
10+
"static/js/2.c2d5335d.chunk.js.map": "/static/js/2.c2d5335d.chunk.js.map",
1111
"index.html": "/index.html",
1212
"static/css/2.6dce921e.chunk.css.map": "/static/css/2.6dce921e.chunk.css.map",
13-
"static/css/main.6d21350d.chunk.css.map": "/static/css/main.6d21350d.chunk.css.map",
14-
"static/js/2.4f15c838.chunk.js.LICENSE.txt": "/static/js/2.4f15c838.chunk.js.LICENSE.txt",
13+
"static/css/main.b3f3f79b.chunk.css.map": "/static/css/main.b3f3f79b.chunk.css.map",
14+
"static/js/2.c2d5335d.chunk.js.LICENSE.txt": "/static/js/2.c2d5335d.chunk.js.LICENSE.txt",
1515
"static/media/BinanceLogo.b5d3a1eb.svg": "/static/media/BinanceLogo.b5d3a1eb.svg",
1616
"static/media/CoinbaseLogo.5108dc55.svg": "/static/media/CoinbaseLogo.5108dc55.svg",
1717
"static/media/KrakenLogo.4d712ed2.svg": "/static/media/KrakenLogo.4d712ed2.svg",
1818
"static/media/material-icons.css": "/static/media/MaterialIcons-Regular.f2a09334.woff",
19-
"static/media/infoBit-logo-black.f5eb40e9.png": "/static/media/infoBit-logo-black.f5eb40e9.png"
19+
"static/media/infoBit-logo-black.f5eb40e9.png": "/static/media/infoBit-logo-black.f5eb40e9.png",
20+
"static/media/infoBit-logo-white.bf67a2f9.png": "/static/media/infoBit-logo-white.bf67a2f9.png"
2021
},
2122
"entrypoints": [
2223
"static/js/runtime-main.2d0d9e57.js",
2324
"static/css/2.6dce921e.chunk.css",
24-
"static/js/2.4f15c838.chunk.js",
25-
"static/css/main.6d21350d.chunk.css",
26-
"static/js/main.a200fab6.chunk.js"
25+
"static/js/2.c2d5335d.chunk.js",
26+
"static/css/main.b3f3f79b.chunk.css",
27+
"static/js/main.3934f06a.chunk.js"
2728
]
2829
}

‎views/build/index.css

+8
Original file line numberDiff line numberDiff line change
@@ -13,13 +13,21 @@ body {
1313
margin: 0;
1414
padding: 0;
1515
min-height: 100vh;
16+
display: flex;
17+
flex-direction: column;
1618
}
1719

1820
@font-face {
1921
font-family: 'Road Rage';
2022
src: url('Road_Rage.otf');
2123
}
2224

25+
#root {
26+
display: flex;
27+
flex-direction: column;
28+
min-height: 100vh;
29+
}
30+
2331
/* Styles of Materialize's Settings */
2432
.sidenav-overlay {
2533
z-index: 996 !important;

‎views/build/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="shortcut icon" href="https://images.vexels.com/media/users/3/141504/isolated/preview/745dfb89917b0705717f4889ec2802dd-icono-de-ronda-mundial-by-vexels.png"><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta property="og:url" content="infobit.herokuapp.com"><meta property="og:type" content="website"><meta property="og:site_name" content="infoBit"><meta property="og:title" content="InfoBit - Learn what happens with Cryptocurrencies!"><meta property="og:description" content="InfoBit is the best place where you can invest in the trending currency at market."><meta property="og:image" content="/infoBit-Logo.png"><meta name="keywords" content="infobit, bitcoin, coinbase, ethereum, cryptocurrencies, currency, invest, trading, trade, server1567"/><title>InfoBit - Learn what happens with Cryptocurrencies!</title><link rel="stylesheet" href="/index.css"><link href="https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap" rel="stylesheet"><link href="/static/css/2.6dce921e.chunk.css" rel="stylesheet"><link href="/static/css/main.6d21350d.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e){function r(r){for(var n,i,l=r[0],f=r[1],a=r[2],c=0,s=[];c<l.length;c++)i=l[c],Object.prototype.hasOwnProperty.call(o,i)&&o[i]&&s.push(o[i][0]),o[i]=0;for(n in f)Object.prototype.hasOwnProperty.call(f,n)&&(e[n]=f[n]);for(p&&p(r);s.length;)s.shift()();return u.push.apply(u,a||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,l=1;l<t.length;l++){var f=t[l];0!==o[f]&&(n=!1)}n&&(u.splice(r--,1),e=i(i.s=t[0]))}return e}var n={},o={1:0},u=[];function i(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,i),t.l=!0,t.exports}i.m=e,i.c=n,i.d=function(e,r,t){i.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,r){if(1&r&&(e=i(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(i.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)i.d(t,n,function(r){return e[r]}.bind(null,n));return t},i.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(r,"a",r),r},i.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},i.p="/";var l=this.webpackJsonpviews=this.webpackJsonpviews||[],f=l.push.bind(l);l.push=r,l=l.slice();for(var a=0;a<l.length;a++)r(l[a]);var p=f;t()}([])</script><script src="/static/js/2.4f15c838.chunk.js"></script><script src="/static/js/main.a200fab6.chunk.js"></script></body></html>
1+
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="shortcut icon" href="https://images.vexels.com/media/users/3/141504/isolated/preview/745dfb89917b0705717f4889ec2802dd-icono-de-ronda-mundial-by-vexels.png"><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta property="og:url" content="infobit.herokuapp.com"><meta property="og:type" content="website"><meta property="og:site_name" content="infoBit"><meta property="og:title" content="InfoBit - Learn what happens with Cryptocurrencies!"><meta property="og:description" content="InfoBit is the best place where you can invest in the trending currency at market."><meta property="og:image" content="/infoBit-Logo.png"><meta name="keywords" content="infobit, bitcoin, coinbase, ethereum, cryptocurrencies, currency, invest, trading, trade, server1567"/><title>InfoBit - Learn what happens with Cryptocurrencies!</title><link rel="stylesheet" href="/index.css"><link href="https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap" rel="stylesheet"><link href="/static/css/2.6dce921e.chunk.css" rel="stylesheet"><link href="/static/css/main.b3f3f79b.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e){function r(r){for(var n,i,l=r[0],f=r[1],a=r[2],c=0,s=[];c<l.length;c++)i=l[c],Object.prototype.hasOwnProperty.call(o,i)&&o[i]&&s.push(o[i][0]),o[i]=0;for(n in f)Object.prototype.hasOwnProperty.call(f,n)&&(e[n]=f[n]);for(p&&p(r);s.length;)s.shift()();return u.push.apply(u,a||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,l=1;l<t.length;l++){var f=t[l];0!==o[f]&&(n=!1)}n&&(u.splice(r--,1),e=i(i.s=t[0]))}return e}var n={},o={1:0},u=[];function i(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,i),t.l=!0,t.exports}i.m=e,i.c=n,i.d=function(e,r,t){i.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,r){if(1&r&&(e=i(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(i.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)i.d(t,n,function(r){return e[r]}.bind(null,n));return t},i.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(r,"a",r),r},i.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},i.p="/";var l=this.webpackJsonpviews=this.webpackJsonpviews||[],f=l.push.bind(l);l.push=r,l=l.slice();for(var a=0;a<l.length;a++)r(l[a]);var p=f;t()}([])</script><script src="/static/js/2.c2d5335d.chunk.js"></script><script src="/static/js/main.3934f06a.chunk.js"></script></body></html>

‎views/build/static/css/main.6d21350d.chunk.css.map

-1
This file was deleted.

‎views/build/static/css/main.6d21350d.chunk.css ‎views/build/static/css/main.b3f3f79b.chunk.css

+2-2
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎views/build/static/css/main.b3f3f79b.chunk.css.map

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎views/build/static/js/2.4f15c838.chunk.js

-3
This file was deleted.

‎views/build/static/js/2.4f15c838.chunk.js.map

-1
This file was deleted.

‎views/build/static/js/2.c2d5335d.chunk.js

+3
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎views/build/static/js/2.c2d5335d.chunk.js.map

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎views/build/static/js/main.3934f06a.chunk.js

+2
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎views/build/static/js/main.3934f06a.chunk.js.map

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎views/build/static/js/main.a200fab6.chunk.js

-2
This file was deleted.

‎views/build/static/js/main.a200fab6.chunk.js.map

-1
This file was deleted.

‎views/build/static/media/infoBit-logo-white.bf67a2f9.png

32.6 KB
Loading

‎views/public/index.css

+8
Original file line numberDiff line numberDiff line change
@@ -13,13 +13,21 @@ body {
1313
margin: 0;
1414
padding: 0;
1515
min-height: 100vh;
16+
display: flex;
17+
flex-direction: column;
1618
}
1719

1820
@font-face {
1921
font-family: 'Road Rage';
2022
src: url('Road_Rage.otf');
2123
}
2224

25+
#root {
26+
display: flex;
27+
flex-direction: column;
28+
min-height: 100vh;
29+
}
30+
2331
/* Styles of Materialize's Settings */
2432
.sidenav-overlay {
2533
z-index: 996 !important;

‎views/src/App.js

+6-2
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ import 'materialize-css/dist/css/materialize.min.css'
44
import Header from './components/Header'
55
import Dashboard from './components/Dashboard'
66
import Main from './components/Main'
7+
import Footer from './components/Footer'
78

89
class App extends Component {
910
// Assignment of Component's State
@@ -41,8 +42,11 @@ class App extends Component {
4142
return (
4243
<Fragment>
4344
<Header />
44-
<Dashboard />
45-
<Main switch={this.state.apiOn} trending={this.state.currencyTrending} />
45+
<main style={{flex: '1 0 auto'}}>
46+
<Dashboard />
47+
<Main switch={this.state.apiOn} trending={this.state.currencyTrending} />
48+
</main>
49+
<Footer />
4650
</Fragment>
4751
)
4852
}

‎views/src/components/Footer/Footer.js

+46
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
import React, { Component } from 'react'
2+
import styles from './Footer.module.css'
3+
import infoBitLogo from '../../res/infoBit-logo-white.png'
4+
5+
class Footer extends Component {
6+
render() {
7+
return (
8+
<footer className="page-footer" style={{backgroundColor: '#19265A'}}>
9+
<div className="container">
10+
<div className="row">
11+
<div className={`col s12 m6 l6 ${styles.center}`}>
12+
<img className={styles.logo} src={infoBitLogo} alt="infoBitLogo" />
13+
<p className="grey-text text-lighten-4">Learn what happens with Cryptocurrencies!</p>
14+
</div>
15+
<div className={`col s12 m6 l4 offset-l2 ${styles.center} ${styles.top}`}>
16+
<h5 className="white-text">A project by
17+
<span className={styles.name}> Server1567</span>
18+
</h5>
19+
<ul>
20+
<li><a className="grey-text text-lighten-3" href="https://server1567.github.io" target='_blank' rel='noreferrer'>Website</a></li>
21+
<li><a className="grey-text text-lighten-3" href="https://github.com/Server1567" target='_blank' rel='noreferrer'>GitHub</a></li>
22+
<li><a className="grey-text text-lighten-3" href="https://www.linkedin.com/in/juniorsver" target='_blank' rel='noreferrer'>LinkedIn</a></li>
23+
<li><a className="grey-text text-lighten-3" href="https://twitter.com/juniorsverr" target='_blank' rel='noreferrer'>Twitter</a></li>
24+
<li><a className="grey-text text-lighten-3" href="https://www.patreon.com/infobit" target='_blank' rel='noreferrer'>Patreon</a></li>
25+
</ul>
26+
</div>
27+
</div>
28+
</div>
29+
<br/>
30+
<div className={`footer-copyright ${styles.darken}`}>
31+
<div className="container">
32+
infoBit © 2021. All right reserved.
33+
<a className={`grey-text text-lighten-4 right ${styles.left}`}
34+
href="https://github.com/Server1567/infoBit/blob/master/LICENSE"
35+
target='_blank'
36+
rel='noreferrer'>
37+
Terms and License
38+
</a>
39+
</div>
40+
</div>
41+
</footer>
42+
)
43+
}
44+
}
45+
46+
export default Footer

‎views/src/components/Footer/Footer.module.css

+32
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
/* Styles for the Footer Component */
2+
.logo {
3+
width: 200px;
4+
}
5+
6+
.name {
7+
color: lightgreen;
8+
font-weight: bold;
9+
font-family: 'Lato', sans-serif;
10+
}
11+
12+
.darken {
13+
background-color: #172354 !important;
14+
}
15+
16+
/* Media Query for Mobile Screen */
17+
@media only screen and (max-width: 600px) {
18+
.center {
19+
text-align: center;
20+
}
21+
22+
.top {
23+
margin-top: 20px;
24+
}
25+
26+
}
27+
28+
@media only screen and (max-width: 360px) {
29+
.left {
30+
float: left !important;
31+
}
32+
}

‎views/src/components/Footer/index.js

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
// Footer Component Modulation
2+
export { default } from './Footer'

0 commit comments

Comments
 (0)
Please sign in to comment.