Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings
This repository was archived by the owner on Nov 8, 2024. It is now read-only.

Commit 9b12d1a

Browse files
footer
1 parent 4c9bd03 commit 9b12d1a

File tree

6 files changed

+155
-65
lines changed

6 files changed

+155
-65
lines changed

‎public/index.html‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,8 @@
77
<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
88
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
99
<link href="https://fonts.googleapis.com/css?family=Open+Sans|Roboto+Mono:300,400" rel="stylesheet">
10-
<title>ACM@UIUC GPU Cluster</title>
10+
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
11+
<title>ACM@UIUC GPU Cluster</title>
1112
</head>
1213
<body>
1314
<noscript>

‎public/new_illinois.svg‎

Lines changed: 1 addition & 0 deletions
Loading[フレーム]

‎src/app/App.js‎

Lines changed: 42 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -1,57 +1,50 @@
11
import React, { Component } from 'react';
22
import Frameworks from './frameworks/Frameworks.js'
33
import Nav from './nav/Nav.js'
4+
import Footer from './footer/Footer.js'
45
import './App.css';
56

67
class App extends Component {
78
constructor() {
89
super();
910

10-
this.state = {frameworks:
11-
[{
12-
name:'TensorFlow',
13-
details: "Ubuntu 16.04 - Python 3.5 - Jupyter Notebook",
14-
img: "https://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/Tensorflow_logo.svg/115px-Tensorflow_logo.svg.png",
15-
image: "acmuiuc/tensorflow"
16-
},
17-
{
18-
name:'Caffe2',
19-
details: "Ubuntu 16.04 - Python 3.5 - Jupyter Notebook",
20-
img: "https://caffe2.ai/static/logo.svg",
21-
image: "registry.gitlab.com/acm-uiuc/gpu-cluster-images:caffe2"
22-
},
23-
{
24-
name:'PyTorch',
25-
details: "Ubuntu 16.04 - Python 3.5 - Jupyter Notebook",
26-
img: "http://pytorch.org/static/img/pytorch-logo-dark.svg",
27-
image: "acmuiuc/pytorch"
28-
},
29-
{
30-
name:'Keras',
31-
details: "Ubuntu 16.04 - Python 3.5 - Jupyter Notebook",
32-
img: "https://upload.wikimedia.org/wikipedia/commons/c/c9/Keras_Logo.jpg",
33-
image: "acmuiuc/keras"
34-
},
35-
{
36-
name:'NVIDIA Digits',
37-
details: "Ubuntu 16.04 - In Browser GUI",
38-
img: "https://www.scan.co.uk/images/3xs/infopages/nvidia-digits.png",
39-
image: "nvidia/digits"
40-
},
41-
{
42-
name:'Caffe',
43-
details: "Ubuntu 16.04 - C++ - SSH",
44-
img: "http://antmicro.com/images/logos/products-tk-caffe.svg",
45-
image: "nvidia/caffe"
46-
},
47-
{
48-
name:'Dockerfile',
49-
details: null,
50-
img: "https://cdn.worldvectorlogo.com/logos/docker.svg",
51-
image: null
52-
}],
53-
disableButton: false
54-
};
11+
this.state = {frameworks: [{
12+
name:'TensorFlow',
13+
details: "Ubuntu 16.04 - Python 3.5 - Jupyter Notebook",
14+
img: "https://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/Tensorflow_logo.svg/115px-Tensorflow_logo.svg.png",
15+
image: "acmuiuc/tensorflow"
16+
},{
17+
name:'Caffe2',
18+
details: "Ubuntu 16.04 - Python 3.5 - Jupyter Notebook",
19+
img: "https://caffe2.ai/static/logo.svg",
20+
image: "registry.gitlab.com/acm-uiuc/gpu-cluster-images:caffe2"
21+
},{
22+
name:'PyTorch',
23+
details: "Ubuntu 16.04 - Python 3.5 - Jupyter Notebook",
24+
img: "http://pytorch.org/static/img/pytorch-logo-dark.svg",
25+
image: "acmuiuc/pytorch"
26+
},{
27+
name:'Keras',
28+
details: "Ubuntu 16.04 - Python 3.5 - Jupyter Notebook",
29+
img: "https://upload.wikimedia.org/wikipedia/commons/c/c9/Keras_Logo.jpg",
30+
image: "acmuiuc/keras"
31+
},{
32+
name:'NVIDIA Digits',
33+
details: "Ubuntu 16.04 - In Browser GUI",
34+
img: "https://www.scan.co.uk/images/3xs/infopages/nvidia-digits.png",
35+
image: "nvidia/digits"
36+
},{
37+
name:'Caffe',
38+
details: "Ubuntu 16.04 - C++ - SSH",
39+
img: "http://antmicro.com/images/logos/products-tk-caffe.svg",
40+
image: "nvidia/caffe"
41+
},{
42+
name:'Dockerfile',
43+
details: null,
44+
img: "https://cdn.worldvectorlogo.com/logos/docker.svg",
45+
image: null
46+
}],
47+
disableButton: false};
5548

5649
this.click = this.click.bind(this);
5750
}
@@ -75,10 +68,11 @@ class App extends Component {
7568
render() {
7669
console.log(this.state.disableButton);
7770
return (
78-
<div className="GPU-CLUSTER-FRONTEND">
79-
<Nav/>
71+
<div className="GPU-CLUSTER-FRONTEND">
72+
<Nav/>
8073
<Frameworks disabled={this.state.disableButton} frameworks={this.state.frameworks} handler={this.click} />
81-
</div>
74+
<Footer/>
75+
</div>
8276
);
8377
}
8478
}

‎src/app/footer/footer.css‎

Lines changed: 93 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,93 @@
1+
footer {
2+
padding: 0.5rem 0rem;
3+
position: relative;
4+
margin-top: 100px !important;
5+
text-align: center;
6+
color: #333333;
7+
bottom: 0;
8+
display: table;
9+
width: 100%; /*Optional*/
10+
table-layout: fixed; /*Optional*/
11+
border-spacing: 10px; /*Optional*/
12+
}
13+
14+
.footer p, .footer a {
15+
font-weight: 300;
16+
font-size: 1em;
17+
margin-top: 20px;
18+
color: #333333;
19+
display: inline-block;
20+
21+
22+
}
23+
.footer-links {
24+
list-style-type: none;
25+
display: inline-block;
26+
27+
}
28+
29+
.footer-links li {
30+
margin-top: .5em;
31+
display: inline-block;
32+
33+
}
34+
35+
.columns {
36+
display: table-cell;
37+
text-decoration: none;
38+
}
39+
40+
#illinois {
41+
height:75px;
42+
padding-right: 200px;
43+
margin-bottom: -20px;
44+
}
45+
46+
.logos {
47+
display: table;
48+
padding-left:100px;
49+
table-layout: fixed; /*Optional*/
50+
border-spacing: 10px; /*Optional*/
51+
text-decoration: none;
52+
float:right;
53+
margin-bottom:-60px;
54+
}
55+
56+
.logolink {
57+
width:50px;
58+
text-decoration: none;
59+
}
60+
61+
.logo#github {
62+
height: 50px !important;
63+
margin-top: 20px;
64+
padding-left: 20px;
65+
margin-right: -20px;
66+
display: table-cell;
67+
68+
}
69+
.logo#twitter {
70+
height: 50px !important;
71+
margin-top: 20px;
72+
padding-left: 20px;
73+
margin-right: -20px;
74+
display: table-cell;
75+
76+
77+
}
78+
.logo#fb {
79+
height: 50px !important;
80+
margin-top: 20px;
81+
padding-left: 20px;
82+
margin-right: -20px;
83+
display: table-cell;
84+
85+
86+
}
87+
.logo#medium {
88+
height: 50px !important;
89+
margin-top: 20px;
90+
padding-left: 20px;
91+
margin-right: -20px;
92+
display: table-cell;
93+
}

‎src/app/footer/footer.js‎

Lines changed: 16 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,34 @@
11
import React, {Component} from 'react';
2-
import './Nav.css'
2+
import './Footer.css'
3+
import FontAwesome from 'react-fontawesome' ;
34

45
class Footer extends Component {
56
render() {
67
return (
7-
<footer class="footer">
8-
<div class="small-4 medium-4 large-4 columns">
8+
<footer className="footer">
9+
<div className="small-4 medium-4 large-4 columns">
910
<a id="illinois" href="https://illinois.edu" target="_blank">
10-
<img class="logo" id="illinois" src="/images/illinois_black.svg"></img>
11+
<img class="logo" id="illinois" src="/new_illinois.svg"></img>
1112
</a>
1213
</div>
13-
<div class="small-4 medium-4 large-4 columns">
14+
<div className="small-4 medium-4 large-4 columns">
1415
<p>&copy; 2017 ACM@UIUC</p>
1516
</div>
16-
<div class="small-4 medium-4 large-4 columns">
17-
<a href="https://github.com/acm-uiuc" target="_blank">
18-
<FontAwesome className="fa fa-github logo" id="github" aria-hidden="true"></i>
17+
<div className="small-4 medium-4 large-4 columns logos">
18+
<a href="https://github.com/acm-uiuc" className="logolink"target="_blank">
19+
<FontAwesome name='github'size="lg"className="github logo" id="github" aria-hidden="true"/>
1920
</a>
20-
<a href="https://twitter.com/acmuiuc" target="_blank">
21-
<FontAwesome className="fa fa-twitter logo" id="twitter" aria-hidden="true"></i>
21+
<a href="https://twitter.com/acmuiuc" className="logolink"target="_blank">
22+
<FontAwesome name='twitter'size="lg"className="twitter logo" id="twitter" aria-hidden="true"/>
2223
</a>
23-
<a href="https://www.facebook.com/acmuiuc" target="_blank">
24-
<FontAwesome className="fa fa-facebook logo" id="fb" aria-hidden="true"></i>
24+
<a href="https://www.facebook.com/acmuiuc" className="logolink"target="_blank">
25+
<FontAwesome name='facebook'size="lg"className="facebook logo" id="fb" aria-hidden="true"/>
2526
</a>
26-
<a href="https://medium.com/@acmuiuc" target="_blank">
27-
<FontAwesome className="fa fa-medium logo" id="medium" aria-hidden="true"></i>
27+
<a href="https://medium.com/@acmuiuc" className="logolink"target="_blank">
28+
<FontAwesome name='medium'size="lg"className="medium logo" id="medium" aria-hidden="true"/>
2829
</a>
2930
</div>
30-
</footer>
31+
</footer>
3132
)
3233
}
3334
}

‎src/app/nav/Nav.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818
width: 100%;
1919
height: 10vh;
2020
text-decoration: none;
21-
color:#333333;
21+
color:#333333;
2222
}
2323

2424
#logo-img {

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /