From 28291ec2a357691dc59d4584acac68e03496b403 Mon Sep 17 00:00:00 2001
From: Roosted7 <thomasroos@live.nl>
Date: Mon, 15 Jan 2018 15:12:39 +0100
Subject: [PATCH] Add Footer
---
client/components/Footer.js | 20 ++++++++++++++++++++
client/components/Hero.js | 2 +-
client/views/AddGraders.js | 3 +++
client/views/AddStudents.js | 4 ++++
client/views/CheckStudents.js | 5 ++++-
client/views/Grade.js | 4 ++++
client/views/Home.js | 22 ++++++++++++++++++++--
client/views/Reset.js | 3 +++
8 files changed, 59 insertions(+), 4 deletions(-)
create mode 100644 client/components/Footer.js
diff --git a/client/components/Footer.js b/client/components/Footer.js
new file mode 100644
index 000000000..a6a4341e7
--- /dev/null
+++ b/client/components/Footer.js
@@ -0,0 +1,20 @@
+import React from 'react';
+
+const Hero = (props) => {
+ return (
+ <footer className="footer">
+ <div className="container">
+ <div className="content has-text-centered">
+ <p>
+ <strong>Zesje</strong> by <a href="https://gitlab.kwant-project.org/zesje/zesje/project_members">the team</a>.
+ The source code is licensed <a href="https://spdx.org/licenses/BSD-3-Clause.html"> BSD 3 </a>
+ and available <a href="https://gitlab.kwant-project.org/zesje/zesje"> here!</a>
+ </p>
+ </div>
+ </div>
+ </footer>
+ )
+}
+
+export default Hero;
+
\ No newline at end of file
diff --git a/client/components/Hero.js b/client/components/Hero.js
index 0f47e5a52..d18fbe2b5 100644
--- a/client/components/Hero.js
+++ b/client/components/Hero.js
@@ -2,7 +2,7 @@ import React from 'react';
const Hero = (props) => {
return (
- <section className="hero is-primary">
+ <section className="hero is-primary is-info">
<div className="hero-body">
<div className="container">
<h1 className="title">
diff --git a/client/views/AddGraders.js b/client/views/AddGraders.js
index 0d160f603..c77b227d2 100644
--- a/client/views/AddGraders.js
+++ b/client/views/AddGraders.js
@@ -1,6 +1,7 @@
import React from 'react';
import NavBar from '../components/NavBar';
import Hero from '../components/Hero';
+import Footer from '../components/Footer';
const AddGraders = () => {
return (
@@ -12,6 +13,8 @@ const AddGraders = () => {
<h1>React Router demo</h1>
Hoi dit de AddGraders
+ <Footer />
+
</div>
)
}
diff --git a/client/views/AddStudents.js b/client/views/AddStudents.js
index d943a06f5..1c18253ea 100644
--- a/client/views/AddStudents.js
+++ b/client/views/AddStudents.js
@@ -1,6 +1,7 @@
import React from 'react';
import NavBar from '../components/NavBar';
import Hero from '../components/Hero';
+import Footer from '../components/Footer';
const AddStudents = () => {
return (
@@ -12,6 +13,9 @@ const AddStudents = () => {
<h1>React Router demo</h1>
Hoi dit de AddStudents
+
+ <Footer />
+
</div>
)
}
diff --git a/client/views/CheckStudents.js b/client/views/CheckStudents.js
index 70760913e..d7cc05d27 100644
--- a/client/views/CheckStudents.js
+++ b/client/views/CheckStudents.js
@@ -1,6 +1,7 @@
import React from 'react';
import NavBar from '../components/NavBar';
import Hero from '../components/Hero';
+import Footer from '../components/Footer';
const CheckStudents = () => {
return (
@@ -12,7 +13,9 @@ const CheckStudents = () => {
<h1>React Router demo</h1>
Hoi dit de CheckStudents
- </div>
+ <Footer />
+
+ </div>
)
}
diff --git a/client/views/Grade.js b/client/views/Grade.js
index 93d7b3d5e..734a7830e 100644
--- a/client/views/Grade.js
+++ b/client/views/Grade.js
@@ -1,6 +1,7 @@
import React from 'react';
import NavBar from '../components/NavBar';
import Hero from '../components/Hero';
+import Footer from '../components/Footer';
const Grade = () => {
return (
@@ -12,6 +13,9 @@ const Grade = () => {
<h1>React Router demo</h1>
Hoi dit de Grade
+
+ <Footer />
+
</div>
)
}
diff --git a/client/views/Home.js b/client/views/Home.js
index 557153f35..4d6e1da9f 100644
--- a/client/views/Home.js
+++ b/client/views/Home.js
@@ -1,6 +1,7 @@
import React from 'react';
import NavBar from '../components/NavBar';
import Hero from '../components/Hero';
+import Footer from '../components/Footer';
const Home = () => {
return (
@@ -10,9 +11,26 @@ const Home = () => {
<Hero title='Home' subtitle='Zesje - open source exam grading software' />
+ <section className="section">
+
+
+ <div className="container">
+ <h1 className='title'>About this software</h1>
+ <h5 className='subtitle'>Here can be a information text, but I am not gonna write that ATM..</h5>
+
+ <hr />
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+ Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+ Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+ </div>
+
+
+ </section>
+
+ <Footer />
- <h1>React Router demo</h1>
- Hoi dit de homepagina
</div>
)
}
diff --git a/client/views/Reset.js b/client/views/Reset.js
index 0ceef006d..2ce94a4ba 100644
--- a/client/views/Reset.js
+++ b/client/views/Reset.js
@@ -1,6 +1,7 @@
import React from 'react';
import NavBar from '../components/NavBar';
import Hero from '../components/Hero';
+import Footer from '../components/Footer';
const Reset = () => {
return (
@@ -12,6 +13,8 @@ const Reset = () => {
<h1>React Router demo</h1>
Hoi dit de Reset
+ <Footer />
+
</div>
)
}
--
GitLab