diff --git a/Images/Docker-Logo.png b/Images/Docker-Logo.png new file mode 100644 index 0000000..a45dad0 Binary files /dev/null and b/Images/Docker-Logo.png differ diff --git a/Images/Microsoft-Azure-Logo.png b/Images/Microsoft-Azure-Logo.png new file mode 100644 index 0000000..29d760b Binary files /dev/null and b/Images/Microsoft-Azure-Logo.png differ diff --git a/Images/hacker.png b/Images/hacker.png new file mode 100644 index 0000000..f791144 Binary files /dev/null and b/Images/hacker.png differ diff --git a/Images/phishing.jpg b/Images/phishing.jpg new file mode 100644 index 0000000..9be24d7 Binary files /dev/null and b/Images/phishing.jpg differ diff --git a/Images/prof.png b/Images/prof.png new file mode 100644 index 0000000..7005be9 Binary files /dev/null and b/Images/prof.png differ diff --git a/Images/programming.png b/Images/programming.png new file mode 100644 index 0000000..f645431 Binary files /dev/null and b/Images/programming.png differ diff --git a/Images/pxfuel.jpg b/Images/pxfuel.jpg new file mode 100644 index 0000000..f4d9a4c Binary files /dev/null and b/Images/pxfuel.jpg differ diff --git a/Images/raspberrypi.png b/Images/raspberrypi.png new file mode 100644 index 0000000..463490c Binary files /dev/null and b/Images/raspberrypi.png differ diff --git a/README.md b/README.md index 0a4200b..fc4daef 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,4 @@ +[![Review Assignment Due Date](https://classroom.github.com/assets/deadline-readme-button-24ddc0f5d75046c5622901739e7c5dd533143b0c8e959d652212380cedb1ea36.svg)](https://classroom.github.com/a/ooZJb8PN)

Lab Assignment #1 -- HTML and CSS diff --git a/Website.mp4 b/Website.mp4 new file mode 100644 index 0000000..4938aa5 Binary files /dev/null and b/Website.mp4 differ diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..ef70924 --- /dev/null +++ b/contact.html @@ -0,0 +1,55 @@ + + + + + + Home + + + + + +
+
+
+ +
+
+ +
+
+
+ + +
+ +
+ + + + \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..f2c5e99 --- /dev/null +++ b/index.html @@ -0,0 +1,49 @@ + + + + + + Home + + + + + +
+
+

Welcome to my Portfolio Website.

+

Welcome!

+
+

Welcome to my portfolio website. My name is Noah Ruiters and I am a cyber security + student at Amsterdam universaty of applied science. I am in my third year of my bachelor. + This semerster I am on exchange at SeoulTech!

+
+ + + + \ No newline at end of file diff --git a/portfolio.html b/portfolio.html new file mode 100644 index 0000000..2a27bf4 --- /dev/null +++ b/portfolio.html @@ -0,0 +1,62 @@ + + + + + + Portfolio + + + + + +
+
+ Azure +

Cloud Solutions

+

Last semester I did a Minor(Cloud Solutions) that was focused on the Cloud. The cloud provider that I learned about was Azure. During the Minor our objective was to create an application for a company in the cloud. I worked alot on the backend of the application.

+
+
+ RaspberryPi +

FYS

+

In my first year of my bachelor I worked on a project called FYS(Fasten Your Seatbelt). The objective was to create a wifi hotspot on a plane for Corendon Airlines. We were manditory to use a Raspberry Pi. When the user connects to the hotspot the user is redirected to a website login page. I worked alot on the backend.

+
+
+ Docker +

PAD

+

The second project in my first year of my bachelor was called PAD(Project Agile Development). For this project the objective was to create a CTF(Capture The Flag) website using Docker. We created 3 challenges based on 3 different web vulnerabilities. I worked alot on the backend for this project.

+
+
+ phishing +

Project Security

+

In my second year I worked on a project called Project Security. The objective was to create a case where a company was vulnerable for something. My company had phishing problems. So I created a program in python that would scan the emails based on its source. If the source was not trusted then it would get a warning.

+
+
+ + + + \ No newline at end of file diff --git a/skills.html b/skills.html new file mode 100644 index 0000000..323c3d9 --- /dev/null +++ b/skills.html @@ -0,0 +1,87 @@ + + + + + + Home + + + + + + +
+
+

Skills and Progression.

+

Skills.

+
+
+ +
+
+
+ docker +

Security

+
+ +
+
50%
+
+

I am a cyber security student so you would think my progression would be higher. But i think that 50% is reasonable. This is because cyber security is so big and it branches into alot of different things like defense, offense, web, network security etc. I feel like I only know the basics of everything. Last year I got my Jr penetration tester certificate from TryHackMe. I learned alot from TryHackMe an realised that security is much bigger than it looks.

+
+
+
+ docker +

Programming

+
+ +
+
40%
+
+

As a cyber security student I dont really program alot. That is why i put my progress at 40%. The only main language that i have learned is Python. I think I know Python well enough. This is because I have made alot of things in python like an API, backend(flask), scripts etc. The other langueges like C or Javascript I haven't learned. I am also not that good at coding in HTML and CSS so that is why I took this course.

+
+ + +
+
+ docker +

Professional Skills

+
+ +
+
60%
+
+

As a cyber security student I learn alot about professional skills at my universaty. I also have learned alot about professionalism during my internship at a cyber security company. Also at my universaty it is manditory to reflect on all the projects that I. When we reflect we use a method called STARR review. This helps reflecting. We reflect on concepts like communication, working in teams, leadership etc. This is why I think that I am at 60%.

+
+ +
+ + + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..57a8e61 --- /dev/null +++ b/style.css @@ -0,0 +1,118 @@ +body { + background-image: url('Images/pxfuel.jpg'); + background-repeat: no-repeat; + background-attachment: fixed; + background-size: 100% 100%; + } + + +.middle-text > p{ + color: rgb(197, 197, 197); +} + +.middle-text{ + padding: 14%; + text-align: center; +} + +.flex-portfolio{ + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; + padding: 80px; +} +.boxes{ + color: black; + border-radius: 5px; + background-color: rgba(255, 255, 255); + font-size: 20px; + margin: 30px; + text-align: center; + width: 230px; + height: 400px; +} + +.boxes > h4{ + color: rgb(50, 44, 44); +} + +.boxes > p{ + font-size: 15px; +} + +.typewriter{ + display: inline-block; +} + +.typewriter #desktop-text, #mobile-text { + color: rgb(208, 208, 208); + overflow: hidden; + border-right: .15em solid rgb(181, 181, 181); + white-space: nowrap; + margin: 0 auto; + letter-spacing: .15em; + animation: + typing 3.5s steps(35, end), + blink-caret .5s step-end infinite; +} + + +.progres-box{ + background-color: white; + text-align: center; + padding: 25px; + flex: 33%; + flex-grow: 1; +} + +.skill-box{ + flex-wrap: wrap; + position: absolute; + bottom: 0; + width: 100%; + height: 45%; + display: flex; + flex-direction: row; +} + + +.flex-photo{ + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; +} + + +.progres-box > p{ + padding: 12px; +} + +@keyframes typing { + from { width: 0 } + to { width: 100% } + } + + +@keyframes blink-caret { + from, to { border-color: transparent } + 50% { border-color: rgb(199, 199, 199) } +} + + +@media only screen and (max-width: 768px) { + #desktop-text { + display: none; + } + .progres-box{ + flex: 100%; + } +} + +@media only screen and (min-width: 769px) { + #mobile-text { + display: none; + } + +} \ No newline at end of file