diff --git a/public/icons/github.png b/public/icons/github.png new file mode 100644 index 0000000..4f91648 Binary files /dev/null and b/public/icons/github.png differ diff --git a/public/udemy-certs/UC-0BB6GYJ1.pdf b/public/udemy-certs/UC-0BB6GYJ1.pdf new file mode 100644 index 0000000..50c8f0e Binary files /dev/null and b/public/udemy-certs/UC-0BB6GYJ1.pdf differ diff --git a/public/udemy-certs/UC-19ac22fe-70fa-47bd-804c-83f3aa4ac218.jpg b/public/udemy-certs/UC-19ac22fe-70fa-47bd-804c-83f3aa4ac218.jpg new file mode 100644 index 0000000..7b13e74 Binary files /dev/null and b/public/udemy-certs/UC-19ac22fe-70fa-47bd-804c-83f3aa4ac218.jpg differ diff --git a/public/udemy-certs/UC-9f15ebd2-2a9a-489f-b8ca-7e8b175bc12f.pdf b/public/udemy-certs/UC-9f15ebd2-2a9a-489f-b8ca-7e8b175bc12f.pdf new file mode 100644 index 0000000..88af355 Binary files /dev/null and b/public/udemy-certs/UC-9f15ebd2-2a9a-489f-b8ca-7e8b175bc12f.pdf differ diff --git a/src/App.css b/src/App.css index d2975f0..f15a7d8 100644 --- a/src/App.css +++ b/src/App.css @@ -2,6 +2,14 @@ body { padding-top: 100px; } +.content-section { + min-height: 100vh; +} + +.content-item { + margin-bottom: 40px; +} + .App { text-align: center; } diff --git a/src/Content/ContentItem.js b/src/Content/ContentItem.js index d3aa94c..775e48e 100644 --- a/src/Content/ContentItem.js +++ b/src/Content/ContentItem.js @@ -3,51 +3,11 @@ import React from 'react'; const ContentItem = (props) => { return ( -
-

{props.title}

-
-

Item 1

-

- Whether we like it or not, we have all been born on this earth as part of one great human family. Rich or poor, educated or uneducated, belonging to one nation or another, to one religion or another, adhering to this ideology or that, ultimately each of us is just a human being like everyone else: we all desire happiness and do not want suffering. Furthermore, each of us has an equal right to pursue these goals. -

-

- Let us cultivate love and compassion, both of which give life true meaning. This is the religion I preach. It is simple. Its temple is the heart. Its teaching is love and compassion. Its moral values are loving and respecting others, whoever they may be. Whether one is a lay person or a monastic, we have no other option if we wish to survive in this world. -

-

- We have bigger houses but smaller families. More conveniences, but less time. We have more degrees, but less sense. More knowledge, but less judgment. More experts, but more problems. More medicines, but less healthiness. We’ve been all the way to the moon and back, but have trouble crossing the street to meet the new neighbor. We build more computers to hold more information to produce more copies than ever but have less communication. We have become long on quantity, but short on quality. These are times of fast foods but slow digestion; Tall man but short character; Steep profits but shallow relationships. It’s a time when there is much in the window, but nothing in the room. -

-

Item 2

-

- Whether we like it or not, we have all been born on this earth as part of one great human family. Rich or poor, educated or uneducated, belonging to one nation or another, to one religion or another, adhering to this ideology or that, ultimately each of us is just a human being like everyone else: we all desire happiness and do not want suffering. Furthermore, each of us has an equal right to pursue these goals. -

-

- Let us cultivate love and compassion, both of which give life true meaning. This is the religion I preach. It is simple. Its temple is the heart. Its teaching is love and compassion. Its moral values are loving and respecting others, whoever they may be. Whether one is a lay person or a monastic, we have no other option if we wish to survive in this world. -

-

- We have bigger houses but smaller families. More conveniences, but less time. We have more degrees, but less sense. More knowledge, but less judgment. More experts, but more problems. More medicines, but less healthiness. We’ve been all the way to the moon and back, but have trouble crossing the street to meet the new neighbor. We build more computers to hold more information to produce more copies than ever but have less communication. We have become long on quantity, but short on quality. These are times of fast foods but slow digestion; Tall man but short character; Steep profits but shallow relationships. It’s a time when there is much in the window, but nothing in the room. -

-

Item 3

-

- Whether we like it or not, we have all been born on this earth as part of one great human family. Rich or poor, educated or uneducated, belonging to one nation or another, to one religion or another, adhering to this ideology or that, ultimately each of us is just a human being like everyone else: we all desire happiness and do not want suffering. Furthermore, each of us has an equal right to pursue these goals. -

-

- Let us cultivate love and compassion, both of which give life true meaning. This is the religion I preach. It is simple. Its temple is the heart. Its teaching is love and compassion. Its moral values are loving and respecting others, whoever they may be. Whether one is a lay person or a monastic, we have no other option if we wish to survive in this world. -

-

- We have bigger houses but smaller families. More conveniences, but less time. We have more degrees, but less sense. More knowledge, but less judgment. More experts, but more problems. More medicines, but less healthiness. We’ve been all the way to the moon and back, but have trouble crossing the street to meet the new neighbor. We build more computers to hold more information to produce more copies than ever but have less communication. We have become long on quantity, but short on quality. These are times of fast foods but slow digestion; Tall man but short character; Steep profits but shallow relationships. It’s a time when there is much in the window, but nothing in the room. -

-

Item 4

-

- Whether we like it or not, we have all been born on this earth as part of one great human family. Rich or poor, educated or uneducated, belonging to one nation or another, to one religion or another, adhering to this ideology or that, ultimately each of us is just a human being like everyone else: we all desire happiness and do not want suffering. Furthermore, each of us has an equal right to pursue these goals. -

-

- Let us cultivate love and compassion, both of which give life true meaning. This is the religion I preach. It is simple. Its temple is the heart. Its teaching is love and compassion. Its moral values are loving and respecting others, whoever they may be. Whether one is a lay person or a monastic, we have no other option if we wish to survive in this world. -

-

- We have bigger houses but smaller families. More conveniences, but less time. We have more degrees, but less sense. More knowledge, but less judgment. More experts, but more problems. More medicines, but less healthiness. We’ve been all the way to the moon and back, but have trouble crossing the street to meet the new neighbor. We build more computers to hold more information to produce more copies than ever but have less communication. We have become long on quantity, but short on quality. These are times of fast foods but slow digestion; Tall man but short character; Steep profits but shallow relationships. It’s a time when there is much in the window, but nothing in the room. -

-
-
+
+

{props.title}

+

+

+
) } diff --git a/src/Pages/Home.js b/src/Pages/Home.js new file mode 100644 index 0000000..61881c2 --- /dev/null +++ b/src/Pages/Home.js @@ -0,0 +1,39 @@ +import React from 'react'; +import {BrowserRouter as Router, Routes, Route, Link} from 'react-router-dom'; + +const Home = () => { + return ( +
+
+
+

Kevin van der Vleuten

+

Welcome to my simple website.

+ +

I am a software developer and enjoy creating solutions. +

+ +

Check out my Software journey.
I also enjoy working with Linux.

+ +

+ + github icon + +

+ +
+ +

Aside from software tinkering, check out my other interests here:

+
    +
  • Radio amateur
  • +
+ +
+

This site was made with: React, Bootstrap, Nginx and Docker
on DigitalOcean cloud droplets.

+ +
+
+
+ ) +} + +export default Home; \ No newline at end of file diff --git a/src/Pages/Linux/Linux.js b/src/Pages/Linux/Linux.js index bb7ff50..7566647 100644 --- a/src/Pages/Linux/Linux.js +++ b/src/Pages/Linux/Linux.js @@ -2,11 +2,23 @@ import React from 'react'; import ContentItem from '../../Content/ContentItem'; import Sidebar from '../../UI/Sidebar'; -function Linux (){ +const Linux = () => { return (
- - +
+
+ intro +
+
+ +
+
+
+

Linux

+
+
+
+
) } diff --git a/src/Pages/Radio/Radio.js b/src/Pages/Radio/Radio.js index b277485..482a707 100644 --- a/src/Pages/Radio/Radio.js +++ b/src/Pages/Radio/Radio.js @@ -1,12 +1,23 @@ import React from 'react'; -import ContentItem from '../../Content/ContentItem'; -import Sidebar from '../../UI/Sidebar'; -function Radio (){ +const Radio = () => { return (
- - +
+
+ intro +
+
+ +
+
+
+

Radio amateur

+

My callsign is: PA4KEV

+
+
+
+
) } diff --git a/src/Pages/Software/Software.js b/src/Pages/Software/Software.js index 905d19a..7a6c008 100644 --- a/src/Pages/Software/Software.js +++ b/src/Pages/Software/Software.js @@ -1,12 +1,103 @@ import React from 'react'; -import ContentItem from '../../Content/ContentItem'; -import Sidebar from '../../UI/Sidebar'; -function Software (){ +const Software = () => { return (
- - +
+ +
+ +
+
+
+

Education

+
+

Computer engineering of applied computer science

+
Bachelor of computer science
+

Avans Hogeschool - Breda, Netherlands

+ 2012 - 2016 +
+ +
+

Interactive media design

+
MBO diploma
+

Eindhovenseschool / Sint Lucas - Eindhoven, Netherlands

+ 2009 - 2012 +
+
+ + +
+

Certification

+
+
+

LPIC-1

+
Linux professional institute certification
+

lpi.org

+ 2022 (expires in 2027) +
+
+

Drupal 9 Site Builder

+

acquia.com

+ 2022 +
+
+ + +
+

Courses

+
+
+
Docker Mastery: Kubernetes + Swarm from a Docker Captain
+

+ udemy.com +  |  + certificate +

+ 2021 +
+
+
Beginning C++ Programming From Beginner to Beyond
+

+ udemy.com +  |  + certificate +

+ 2020 +
+
+
Learn Linux in 5 Days and Level Up Your Career
+

+ udemy.com +  |  + certificate +

+ 2019 +
+
+ + +
+

Skills

+
+

Programming languages & Tools

+
    +
  • Python
  • +
  • PHP
  • +
  • Docker
  • +
  • C#
  • +
  • JavaScript
  • +
  • Node JS
  • +
  • Git
  • +
+
+
+
) } diff --git a/src/Pages/Test.js b/src/Pages/Test.js deleted file mode 100644 index a8afabc..0000000 --- a/src/Pages/Test.js +++ /dev/null @@ -1,14 +0,0 @@ -import React from 'react'; -import ContentItem from '../Content/ContentItem'; -import Sidebar from '../UI/Sidebar'; - -function Test (){ - return ( -
- - -
- ) -} - -export default Test; \ No newline at end of file diff --git a/src/UI/Navigation.js b/src/UI/Navigation.js index 520a4f5..efbf84e 100644 --- a/src/UI/Navigation.js +++ b/src/UI/Navigation.js @@ -1,7 +1,7 @@ import React from 'react'; import {BrowserRouter as Router, Routes, Route, Link} from 'react-router-dom'; -import Test from '../Pages/Test'; +import Home from '../Pages/Home'; import Linux from '../Pages/Linux/Linux'; import Radio from '../Pages/Radio/Radio'; import Software from '../Pages/Software/Software'; @@ -14,28 +14,25 @@ const Navigation = (props) => { - }> - }> - }> - }> + }> + }> + }> + }> ) diff --git a/src/UI/Sidebar.js b/src/UI/Sidebar.js index 6094df5..541e18b 100644 --- a/src/UI/Sidebar.js +++ b/src/UI/Sidebar.js @@ -5,10 +5,7 @@ const Sidebar = (props) => { return (
- Item 1 - Item 2 - Item 3 - Item 4 + {props.title}
)