uploaded base version
parent
1c70906b83
commit
6ebdd8c179
|
|
@ -0,0 +1,10 @@
|
|||
<?php
|
||||
$title = 'About Me';
|
||||
$nav_name = 'nav_about';
|
||||
include 'includes/header.php';
|
||||
include 'includes/navigation.php';
|
||||
include 'includes/navigation_mobile.php';?>
|
||||
<div id="background">
|
||||
<div id="background_filter"></div>
|
||||
</div>
|
||||
<?php include 'includes/footer.php'; ?>
|
||||
|
|
@ -0,0 +1,251 @@
|
|||
body {
|
||||
margin: 0;
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-family: 'Montserrat', 'sans-serif';
|
||||
color: white;
|
||||
}
|
||||
|
||||
.flexparent_row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
width: 100vw;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.flexparent_column {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: nowrap;
|
||||
width: 100vw;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.flex_center_top {
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
align-content: flex-start;
|
||||
}
|
||||
|
||||
.flex_center {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
align-content: flex-start;
|
||||
}
|
||||
|
||||
.flex_center_left {
|
||||
justify-content: flex-start;
|
||||
align-items: flex-start;
|
||||
align-content: flex-start;
|
||||
}
|
||||
|
||||
.centeredtext {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#content {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#background {
|
||||
background-image: url("/assets/img/background.svg");
|
||||
background-size: 100%, 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
z-index: -99;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.spanfull {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/* index video */
|
||||
#video_bg {
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
#videocontainer {
|
||||
z-index: -2;
|
||||
}
|
||||
|
||||
#container {
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
#logo_center {
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
/* portfolio & projects */
|
||||
|
||||
.portentity {
|
||||
position: static;
|
||||
background-color: #111111;
|
||||
margin: 20px;
|
||||
border: 3px solid #0074D9;
|
||||
border-radius: 25px;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.portentity:hover {
|
||||
background-color: #001f3f;
|
||||
}
|
||||
|
||||
.portimg {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-bottom: #0074D9 solid;
|
||||
}
|
||||
|
||||
.portcomment {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.porttitle {
|
||||
font-family: 'Montserrat', 'sans-serif';
|
||||
color: #0074D9;
|
||||
margin-top: 8px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.porttext {
|
||||
font-family: 'Roboto', 'sans-serif';
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* Contact page */
|
||||
#contact_div{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
ul.mycontactinfo {
|
||||
list-style-type: none;
|
||||
padding-left: 0;
|
||||
|
||||
}
|
||||
|
||||
li.mycontactinfo {
|
||||
font-family: 'Roboto', 'sans-serif';
|
||||
color: white;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
img.mycontactinfo {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
input[type=text].contact {
|
||||
width: 100%;
|
||||
padding: 12px 20px;
|
||||
margin: 8px 0;
|
||||
display: inline-block;
|
||||
border: 3px solid #0074D9;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
input[type=submit].contact {
|
||||
background-color: #0074D9;
|
||||
padding: 14px 20px;
|
||||
margin: 8px 10%;
|
||||
border: solid #0074D9;
|
||||
border-radius: 2px;
|
||||
cursor: pointer;
|
||||
font-family: 'Roboto', 'sans-serif';
|
||||
color: white;
|
||||
}
|
||||
|
||||
input[type=submit]:hover.contact {
|
||||
background-color: #001f3f;
|
||||
color: white;
|
||||
}
|
||||
|
||||
label.contact {
|
||||
font-family: 'Roboto', 'sans-serif';
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
textarea.contact {
|
||||
width: 96%;
|
||||
height: 200px;
|
||||
padding: 14px 2%;
|
||||
margin: 8px 0;
|
||||
border: 3px solid #0074D9;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-family: 'Roboto', 'sans-serif';
|
||||
resize: none;
|
||||
}
|
||||
|
||||
/* resume */
|
||||
|
||||
.resumetitle{
|
||||
color: #0074D9;
|
||||
}
|
||||
|
||||
.resumetbl {
|
||||
font-family: 'Roboto', 'sans-serif';
|
||||
color: white;
|
||||
}
|
||||
|
||||
td.resume {
|
||||
padding: 0 6px;
|
||||
}
|
||||
|
||||
.interests {
|
||||
width: 71px;
|
||||
height: 71px;
|
||||
padding: 10px;
|
||||
position: static;
|
||||
background-color: #333333;
|
||||
margin: 5px;
|
||||
border: 3px solid #0074D9;
|
||||
border-radius: 15px;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.resumeitems {
|
||||
position: static;
|
||||
background-color: #111111;
|
||||
margin: 20px;
|
||||
border: 3px solid #0074D9;
|
||||
border-radius: 25px;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-family: 'Roboto', 'sans-serif';
|
||||
color: white;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
|
@ -0,0 +1,179 @@
|
|||
/* Hide Mobile Divs */
|
||||
#nav_mobile_div {
|
||||
visibility: hidden;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#mobilenavbar {
|
||||
visibility: hidden;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#mobilenavbar_spacer {
|
||||
visibility: hidden;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#mobilenavbtn {
|
||||
visibility: hidden;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#closebtn {
|
||||
visibility: hidden;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.flexparent_row {
|
||||
width: 95vw;
|
||||
}
|
||||
|
||||
#content {
|
||||
margin: auto;
|
||||
width: 90vw;
|
||||
background-color: #222222;
|
||||
}
|
||||
|
||||
/* Desktop split page */
|
||||
.halfpage {
|
||||
width: 46%;
|
||||
margin:0 2%;
|
||||
}
|
||||
|
||||
/* Nav Desktop */
|
||||
#nav_desktop {
|
||||
height: 85px;
|
||||
background-color: #111111;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#nav_desktop_spacer {
|
||||
height: 85px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
#navlogo {
|
||||
top: 15px;
|
||||
height: 55px;
|
||||
position: fixed;
|
||||
right: 20px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* Bottom Navbar */
|
||||
#nav_bottom_div {
|
||||
width: 100%;
|
||||
height: 80px;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
ul.nav_bottom {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
li.nav {
|
||||
float: left;
|
||||
display: inline;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
li a.nav {
|
||||
display: inline-block;
|
||||
color: white;
|
||||
text-align: center;
|
||||
padding: 30px 16px 15px;
|
||||
text-decoration: none;
|
||||
position: relative;
|
||||
font-family: 'Montserrat', 'sans-serif';
|
||||
}
|
||||
|
||||
li a:after {
|
||||
content: "";
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 3px;
|
||||
background: #0074D9;
|
||||
visibility: hidden;
|
||||
border-radius: 5px;
|
||||
transform: scaleX(0);
|
||||
transition: .25s linear;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
li a:hover:after,
|
||||
li a:focus:after {
|
||||
visibility: visible;
|
||||
transform: scaleX(1);
|
||||
}
|
||||
|
||||
/* Desktop Contact Form */
|
||||
#contact_form {
|
||||
border-radius: 5px;
|
||||
border: 3px solid #0074D9;
|
||||
background-color: #111111;
|
||||
padding: 20px;
|
||||
color: white;
|
||||
margin: 20px 20px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
input[type=submit].contact {
|
||||
width: 100px;
|
||||
margin: 8px 0;
|
||||
}
|
||||
|
||||
#contactinput {
|
||||
order: 1;
|
||||
}
|
||||
|
||||
#contacttextbox {
|
||||
order: 2;
|
||||
}
|
||||
|
||||
#contactinfo {
|
||||
order: 3;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#contactbtn {
|
||||
order: 4;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* portfolio & projects */
|
||||
.portentity {
|
||||
width: 90vw;
|
||||
max-width: 450px;
|
||||
}
|
||||
|
||||
/* resume */
|
||||
#resumeleft {
|
||||
position: fixed;
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.fourhundred {
|
||||
width: 400px;
|
||||
margin:0 2%;
|
||||
}
|
||||
.eighthundred {
|
||||
min-width: 600px;
|
||||
max-width: 800px;
|
||||
margin:0 2%;
|
||||
}
|
||||
|
|
@ -0,0 +1,162 @@
|
|||
/* Hide desktop divs */
|
||||
#nav_desktop {
|
||||
visibility: hidden;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#nav_desktop_spacer {
|
||||
visibility: hidden;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#navlogo {
|
||||
visibility: hidden;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#nav_bottom_div {
|
||||
visibility: hidden;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mobilecenteredtext {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.flexparent_row {
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
/* page layout */
|
||||
.halfpage {
|
||||
width: 96%;
|
||||
margin:0 2%;
|
||||
}
|
||||
|
||||
.fourhundred {
|
||||
width: 96%;
|
||||
margin:0 2%;
|
||||
}
|
||||
|
||||
.eighthundred {
|
||||
width: 96%;
|
||||
margin:0 2%;;
|
||||
}
|
||||
|
||||
/* Mobile navigation */
|
||||
#nav_mobile {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
#mobilenavbar_spacer {
|
||||
height: 85px;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
#mobilenavbar {
|
||||
height: 85px;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
background-color: #111111;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#mobilenavlogo {
|
||||
height: 65px;
|
||||
left: 50%;
|
||||
top: 10px;
|
||||
width: auto;
|
||||
position: absolute;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#mobilenavbtn{
|
||||
position: fixed;
|
||||
cursor:pointer;
|
||||
color: white;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
display: inline;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.overlay {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: none;
|
||||
position: fixed;
|
||||
z-index: 2;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-color: rgb(0, 0, 0);
|
||||
background-color: rgba(0,0,0, 0.8);
|
||||
font-family: 'Montserrat', 'sans-serif';
|
||||
}
|
||||
|
||||
.overlay-content {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.overlay a {
|
||||
padding: 8px;
|
||||
text-decoration: none;
|
||||
font-size: 5vh;
|
||||
color: white;
|
||||
display: block;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.overlay a:hover, .overlay a:focus {
|
||||
color: #0074D9;
|
||||
}
|
||||
|
||||
.overlay .closebtn {
|
||||
position: fixed;
|
||||
cursor:pointer;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
display: block;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Mobile Contact Form */
|
||||
#contact_form {
|
||||
padding: 20px;
|
||||
color: white;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
input[type=submit].contact {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
#contactinput {
|
||||
order: 1;
|
||||
}
|
||||
|
||||
#contacttextbox {
|
||||
order: 2;
|
||||
}
|
||||
|
||||
#contactinfo {
|
||||
order: 4;
|
||||
}
|
||||
|
||||
#contactbtn {
|
||||
order: 3;
|
||||
}
|
||||
|
||||
/* portfolio & projects */
|
||||
|
||||
.portentity {
|
||||
width: 90vw;
|
||||
max-width: 320px;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 795 B |
Binary file not shown.
|
After Width: | Height: | Size: 938 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 410 B |
Binary file not shown.
|
After Width: | Height: | Size: 860 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 985 B |
Binary file not shown.
|
After Width: | Height: | Size: 475 B |
Binary file not shown.
|
After Width: | Height: | Size: 729 B |
Binary file not shown.
|
After Width: | Height: | Size: 759 B |
Binary file not shown.
|
After Width: | Height: | Size: 198 B |
Binary file not shown.
|
After Width: | Height: | Size: 499 B |
Binary file not shown.
|
After Width: | Height: | Size: 832 B |
Binary file not shown.
|
After Width: | Height: | Size: 673 B |
Binary file not shown.
|
After Width: | Height: | Size: 981 B |
Binary file not shown.
|
After Width: | Height: | Size: 417 B |
Binary file not shown.
|
After Width: | Height: | Size: 948 B |
Binary file not shown.
|
After Width: | Height: | Size: 731 B |
|
|
@ -0,0 +1,44 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 23.0.6, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve" preserveAspectRatio="none" height="100%" width="100%">
|
||||
<style type="text/css">
|
||||
.st0{fill:#323232;}
|
||||
.st1{fill:#2D2D2D;}
|
||||
.st2{fill:#232323;}
|
||||
.st3{fill:#1E1E1E;}
|
||||
.st4{fill:#141414;}
|
||||
.st5{fill:#191919;}
|
||||
.st6{fill:#282828;}
|
||||
.st7{fill:#2A2A2A;}
|
||||
</style>
|
||||
<g>
|
||||
<path class="st0" d="M0,0h54.3c5.4,20.9,10,42.4,14.9,63.6c16.6,74.9,31.8,150.9,45.1,227.7c10.4,59.3,19.4,119.3,28.1,179.5
|
||||
c1.9,13.7,3.2,27.6,5.4,41.1H0V0z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st1" d="M54.3,0h156.9c-5.6,38.6-10.8,77.3-16.7,115.7c-12.2,82.7-24.1,165.5-36.2,248.2c-5.3,35.7-10.2,71.5-15.8,107
|
||||
c-8.6-60.2-17.6-120.2-28.1-179.5c-13.3-77-28.5-152.9-45.1-227.7C64.3,42.4,59.7,20.9,54.3,0z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st2" d="M291.9,512c-19-120.9-47.1-238.7-81.7-348.2c-5-16.3-10.7-31.9-15.8-48.2c6-38.4,11.2-77.1,16.7-115.7h111.2
|
||||
c33.2,98.6,61.2,202.7,83.7,310.4c0.6,3,1.2,6.1,1.8,9.2c13.2,63,23.9,127.4,33.3,192.4h-0.5"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st3" d="M322.5,0h137.1c-1.1,8.9-1.9,17.8-3.1,26.6c-10.9,91.3-25.4,181.2-43.9,268.6c-1.5,8.2-3.9,15.7-4.6,24.4
|
||||
c-0.5-3-1.1-6.2-1.8-9.2C383.7,202.7,355.6,98.6,322.5,0z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st4" d="M459.5,0H512v161.8c-15.3-43.3-31.8-85.2-50.6-123.9c-1.8-3.6-3.5-7.3-5.1-11.2C457.6,17.8,458.4,8.9,459.5,0z
|
||||
"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st5" d="M412.5,295.3c18.5-87.3,33-177.3,43.9-268.6c1.6,3.8,3.3,7.5,5.1,11.2c18.8,38.7,35.4,80.6,50.6,123.9V512
|
||||
h-70.8c-5.7-32.3-11.3-64.5-16.9-96.8c-5.5-31.9-11-63.7-16.4-95.6C408.5,311,410.9,303.3,412.5,295.3z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st6" d="M158.2,363.9c12.2-82.8,24-165.5,36.2-248.2c5,16.3,10.8,31.8,15.8,48.2c34.6,109.4,62.7,227.3,81.7,348.2
|
||||
c36.4,0.3-144.1,0-144.1,0c-2.2-13.5-3.5-27.4-5.4-41.1C148.1,435.5,153,399.5,158.2,363.9z"/>
|
||||
</g>
|
||||
<path class="st7" d="M559.6,403.7"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
|
|
@ -0,0 +1,9 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<browserconfig>
|
||||
<msapplication>
|
||||
<tile>
|
||||
<square150x150logo src="/assets/img/favico/mstile-150x150.png"/>
|
||||
<TileColor>#00aba9</TileColor>
|
||||
</tile>
|
||||
</msapplication>
|
||||
</browserconfig>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 625 B |
Binary file not shown.
|
After Width: | Height: | Size: 891 B |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
|
|
@ -0,0 +1,46 @@
|
|||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
|
||||
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
|
||||
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
||||
width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
|
||||
preserveAspectRatio="xMidYMid meet">
|
||||
<metadata>
|
||||
Created by potrace 1.11, written by Peter Selinger 2001-2013
|
||||
</metadata>
|
||||
<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
|
||||
fill="#000000" stroke="none">
|
||||
<path d="M1787 6973 c-3 -5 -44 -96 -92 -203 -48 -107 -102 -228 -121 -268
|
||||
-19 -41 -34 -75 -34 -77 0 -2 -20 -46 -45 -99 -25 -53 -45 -98 -45 -101 0 -2
|
||||
-20 -46 -45 -98 -25 -53 -45 -98 -45 -100 0 -3 -20 -48 -45 -101 -25 -53 -45
|
||||
-99 -45 -101 0 -2 -16 -39 -36 -82 -20 -43 -126 -278 -236 -523 -111 -245
|
||||
-211 -467 -223 -495 -13 -27 -33 -72 -45 -100 -54 -119 -87 -67 262 -416 l309
|
||||
-309 27 14 c15 8 131 60 257 116 127 56 248 110 270 120 128 59 287 130 290
|
||||
130 2 0 46 20 99 45 53 25 99 45 101 45 2 0 36 15 77 34 40 18 107 48 148 66
|
||||
41 18 98 43 125 55 28 13 138 62 245 110 107 48 213 95 235 105 22 10 108 48
|
||||
190 85 234 105 236 105 303 136 35 16 67 29 71 29 4 0 12 5 18 11 8 8 -69 92
|
||||
-285 309 l-297 297 -130 -67 c-192 -100 -357 -185 -475 -248 -58 -30 -141 -74
|
||||
-185 -97 -44 -23 -143 -75 -220 -115 -225 -117 -366 -191 -434 -227 -35 -19
|
||||
-65 -32 -67 -31 -3 4 63 136 345 688 77 151 204 401 282 556 l143 280 -317
|
||||
317 c-174 174 -319 317 -321 317 -3 0 -7 -3 -9 -7z"/>
|
||||
<path d="M3870 4876 c-49 -20 -793 -352 -948 -422 -29 -13 -54 -24 -56 -24 -2
|
||||
0 -47 -20 -100 -45 -53 -25 -99 -45 -101 -45 -2 0 -32 -13 -67 -29 -35 -16
|
||||
-146 -66 -248 -111 -348 -156 -299 -122 -543 -368 l-218 -220 408 -408 c224
|
||||
-224 445 -440 490 -479 193 -170 453 -304 663 -344 36 -7 85 -16 109 -21 66
|
||||
-12 266 -5 352 13 245 52 445 165 643 362 484 481 519 1109 93 1673 -38 51
|
||||
-156 180 -261 286 -180 181 -193 192 -216 182z m-239 -663 c179 -182 221 -261
|
||||
220 -421 0 -46 -3 -87 -5 -91 -3 -4 -8 -22 -11 -39 -17 -98 -104 -231 -222
|
||||
-342 -207 -194 -427 -244 -626 -143 -31 15 -103 77 -191 164 l-141 138 425
|
||||
426 c234 234 427 425 430 425 3 0 57 -53 121 -117z"/>
|
||||
<path d="M4812 3867 l-52 -53 13 -90 c35 -237 -11 -504 -124 -724 -117 -227
|
||||
-329 -453 -562 -597 -38 -24 -70 -43 -72 -43 -2 0 -32 -13 -67 -29 -106 -49
|
||||
-224 -83 -333 -98 -86 -11 -268 -8 -349 6 l-70 12 -60 -60 -61 -61 263 -263
|
||||
262 -262 476 475 c262 261 473 466 469 455 -6 -19 -50 -135 -215 -565 -39
|
||||
-102 -74 -194 -80 -205 -5 -11 -36 -92 -69 -180 l-60 -160 194 -194 194 -195
|
||||
113 44 c62 23 160 61 218 82 58 22 114 44 125 49 19 8 210 82 350 134 134 50
|
||||
223 84 275 104 53 21 40 7 -417 -451 -260 -260 -475 -476 -478 -479 -7 -8 505
|
||||
-519 520 -519 5 0 410 400 899 889 l889 889 -317 317 c-241 241 -321 315 -334
|
||||
310 -28 -11 -513 -185 -847 -304 -170 -60 -351 -125 -402 -144 l-92 -34 54
|
||||
151 c117 333 337 953 350 986 7 19 29 78 47 131 l35 96 -317 316 -316 316 -52
|
||||
-52z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.8 KiB |
|
|
@ -0,0 +1,19 @@
|
|||
{
|
||||
"name": "",
|
||||
"short_name": "",
|
||||
"icons": [
|
||||
{
|
||||
"src": "/assets/img/favico/android-chrome-192x192.png",
|
||||
"sizes": "192x192",
|
||||
"type": "image/png"
|
||||
},
|
||||
{
|
||||
"src": "/assets/img/favico/android-chrome-512x512.png",
|
||||
"sizes": "512x512",
|
||||
"type": "image/png"
|
||||
}
|
||||
],
|
||||
"theme_color": "#ffffff",
|
||||
"background_color": "#ffffff",
|
||||
"display": "standalone"
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 533 KiB |
|
|
@ -0,0 +1,18 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 23.0.6, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 1920 1080" style="enable-background:new 0 0 1920 1080;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{stroke:#000000;stroke-miterlimit:10;}
|
||||
</style>
|
||||
<g>
|
||||
<path class="st0" d="M1689.3,211.2L1527,554.5l-163.2-343.3H1133v35.8c41.7,27,75.1,61.8,100.3,104.3
|
||||
c31.7,53.6,47.5,115.7,47.5,186.5c0,71.4-16.2,133.8-48.5,187c-25,41.1-58.1,75-99.3,101.8v42.1h190.4V508.6L1455.7,805h141.6
|
||||
l132.3-296.4v360.2H1920V211.2H1689.3z"/>
|
||||
<path class="st0" d="M1192.1,366.5c-29.4-49.7-71-88-124.8-114.9c-53.8-26.9-116.6-40.3-188.5-40.3H774.2L585.3,705.4v163.4h285.1
|
||||
c73.2,0,137.4-13.6,192.8-40.8c55.3-27.2,98-65.5,128-114.9c30-49.4,45-107.2,45-173.5C1236.2,473.9,1221.5,416.2,1192.1,366.5z
|
||||
M978.8,656.8c-23.4,28.8-54.9,43.1-94.3,43.1h-81.6V380.1h71.3c42.5,0,76.4,14.7,101.8,44.1c25.3,29.4,38,68.5,38,117.2
|
||||
C1013.9,589.6,1002.2,628,978.8,656.8z"/>
|
||||
<path class="st0" d="M0,211.2h232.6l140.7,431.5l135.1-431.5H726L474.6,868.8H249.5L0,211.2z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
|
|
@ -0,0 +1,13 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 23.0.6, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 652 255.1" style="enable-background:new 0 0 652 255.1;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#FFFFFF;}
|
||||
</style>
|
||||
<path class="st0" d="M566.9,0l-42.5,70.9L481.9,0h-83.6c52.5,18.3,83.6,56.6,83.6,127.6c0,66.9-28.3,107.8-85,127.5v0h85V141.7
|
||||
l42.5,56.7l42.5-56.7v113.4h85V0H566.9z"/>
|
||||
<path class="st0" d="M283.5,0L283.5,0l-85,255.1h85c113.5,0,170.1-37.8,170.1-127.6C453.5,28.3,385.9,0,283.5,0z M311.8,170.1h-28.3
|
||||
V85h28.3c34.1,0,56.7,9.4,56.7,42.5C368.5,157.5,349.6,170.1,311.8,170.1z"/>
|
||||
<polygon class="st0" points="0,0 85,0 127.6,170.1 170.1,0 255.1,0 170.1,255.1 85,255.1 "/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 877 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.5 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 236 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 MiB |
|
|
@ -0,0 +1,11 @@
|
|||
// set isportrait var
|
||||
isportrait = $(window).height() > $(window).width();
|
||||
if (isportrait === true) {
|
||||
var desktop = document.getElementById('style_desktop');
|
||||
desktop.disabled = true;
|
||||
desktop.parentNode.removeChild(desktop);
|
||||
} else {
|
||||
var sheet = document.getElementById('style_mobile');
|
||||
sheet.disabled = true;
|
||||
sheet.parentNode.removeChild(sheet);
|
||||
}
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
function openNav() {
|
||||
document.getElementById("nav_mobile_div").style.display = "flex";
|
||||
document.getElementById("mobilenavbtn").style.display = "none";
|
||||
|
||||
}
|
||||
|
||||
function closeNav() {
|
||||
document.getElementById("nav_mobile_div").style.display = "none";
|
||||
document.getElementById("mobilenavbtn").style.display = "inline";
|
||||
}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
currentpage = document.getElementById(activepage);
|
||||
currentpage.setAttribute('style', 'color: #0074D9;');
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
//change video source
|
||||
video = document.getElementById('video_bg');
|
||||
navbar = document.getElementById('mobilenavbar');
|
||||
|
||||
navbar.setAttribute('style', 'visibility: hidden; display: none;');
|
||||
|
||||
if (isportrait === true) {
|
||||
video.src = "/assets/video/portrait.webm";
|
||||
}
|
||||
|
||||
if (isportrait === false) {
|
||||
if ($(window).width() > 3840) {
|
||||
video.src = "/assets/video/landscape_8K.webm";
|
||||
}
|
||||
else {
|
||||
video.src = "/assets/video/landscape.webm";
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
video = document.getElementById('video_bg');
|
||||
if (isportrait === true) {
|
||||
video.setAttribute('height', $(window).height());
|
||||
} else {
|
||||
video.setAttribute('height', $(window).height());
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,41 @@
|
|||
<?php
|
||||
$title = 'Contact';
|
||||
$nav_name = 'nav_contact';
|
||||
include 'includes/header.php';
|
||||
include 'includes/navigation.php';
|
||||
include 'includes/navigation_mobile.php'; ?>
|
||||
<div id="background"></div>
|
||||
<div id="content" class="flexparent_column flex_center_left">
|
||||
<div id="contact_div">
|
||||
<form id="contact_form" class="flex_center_top flexparent_row">
|
||||
<div id="contactinput" class="halfpage contactentity"><label class="contact" for="name">Naam</label>
|
||||
<input class="contact" type="text" id="name" name="name">
|
||||
<label class="contact" for="email">E-mailadres</label>
|
||||
<input class="contact" type="text" id="email" name="email">
|
||||
<label class="contact" for="phone">(optioneel) Telefoonnummer</label>
|
||||
<input class="contact" type="text" id="phone" name="phone">
|
||||
</div>
|
||||
<div id="contacttextbox" class="halfpage contactentity">
|
||||
<label class="contact" for="mailtext">Bericht</label>
|
||||
<textarea class="contact" name="textarea" id="mailtext"></textarea>
|
||||
</div>
|
||||
<div id="contactbtn" class="halfpage contactentity">
|
||||
<input class="contact" type="submit" value="Verstuur">
|
||||
</div>
|
||||
<div id="contactinfo" class="halfpage contactentity">
|
||||
<ul class="mycontactinfo">
|
||||
<li class="mycontactinfo"><img class="mycontactinfo" src="/assets/img/Icons/emailicon.png"
|
||||
alt="emailicon">
|
||||
info@dennisvandermeulen.nl
|
||||
</li>
|
||||
<br>
|
||||
<li class="mycontactinfo"><img class="mycontactinfo" src="/assets/img/Icons/phoneicon.png"
|
||||
alt="mobileicon">
|
||||
06-31175026
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<?php include 'includes/footer.php'; ?>
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
<footer>
|
||||
<script type="text/javascript" src="/assets/js/setactive.js"></script>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>DvdM - <?php echo $title;?></title>
|
||||
<script type="text/javascript">var activepage = "<?php echo $nav_name; ?>";</script>
|
||||
<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
|
||||
<script type="text/javascript" src="/assets/js/opennav.js"></script>
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/assets/img/favico/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favico/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favico/favicon-16x16.png">
|
||||
<link rel="manifest" href="/assets/img/favico/site.webmanifest">
|
||||
<link rel="mask-icon" href="/assets/img/favico/safari-pinned-tab.svg" color="#5bbad5">
|
||||
<link rel="shortcut icon" href="/assets/img/favico/favicon.ico">
|
||||
<meta name="msapplication-TileColor" content="#00aba9">
|
||||
<meta name="msapplication-config" content="/assets/img/favico/browserconfig.xml">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/style.css">
|
||||
<link href="https://fonts.googleapis.com/css?family=Montserrat:700|Roboto&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/style_desktop.css" id="style_desktop">
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/style_mobile.css" id="style_mobile">
|
||||
<script type="text/javascript" src="/assets/js/detectmobile.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<div id="nav_desktop">
|
||||
<ul class="nav_bottom">
|
||||
<li><a class="nav" id="nav_home" href="/index.php">HOME</a></li>
|
||||
<li><a class="nav" id="nav_about" href="/about.php">OVER</a></li>
|
||||
<li><a class="nav" id="nav_resume" href="/resume.php">CV</a></li>
|
||||
<li><a class="nav" id="nav_services" href="/services.php">SERVICES</a></li>
|
||||
<li><a class="nav" id="nav_projects" href="/projects.php">PROJECTEN</a></li>
|
||||
<li><a class="nav" id="nav_portfolio" href="/portfolio.php">PORTFOLIO</a></li>
|
||||
<li><a class="nav" id="nav_contact" href="/contact.php">CONTACT</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<img src="/assets/img/logo_white.svg" alt="VDM Logo" id="navlogo">
|
||||
<div id="nav_desktop_spacer"></div>
|
||||
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<div id="nav_mobile_div" class="overlay flexparent_column flex_center">
|
||||
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()"><img src="/assets/img/Icons/close.png" alt="close"></a>
|
||||
<div class="overlay-content">
|
||||
<ul id="nav_mobile">
|
||||
<li><a class="nav" id="nav_home" href="/index.php">HOME</a></li>
|
||||
<li><a class="nav" id="nav_about" href="/about.php">OVER</a></li>
|
||||
<li><a class="nav" id="nav_resume" href="/resume.php">CV</a></li>
|
||||
<li><a class="nav" id="nav_services" href="/services.php">SERVICES</a></li>
|
||||
<li><a class="nav" id="nav_projects" href="/projects.php">PROJECTEN</a></li>
|
||||
<li><a class="nav" id="nav_portfolio" href="/portfolio.php">PORTFOLIO</a></li>
|
||||
<li><a class="nav" id="nav_contact" href="/contact.php">CONTACT</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="mobilenavbar">
|
||||
<img src="/assets/img/logo_white.svg" id="mobilenavlogo" alt="Logo VDM">
|
||||
</div>
|
||||
<span id="mobilenavbtn" onclick="openNav()"><img src="/assets/img/Icons/menu.png" alt="menu"></span>
|
||||
<div id="mobilenavbar_spacer"></div>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<?php
|
||||
$title = 'Home';
|
||||
$nav_name = 'nav_home';
|
||||
include 'includes/header.php';
|
||||
include 'includes/navigation_mobile.php'; ?>
|
||||
<div id="videocontainer" class="spanfull">
|
||||
<video src="/assets/video/landscape.webm" id="video_bg" autoplay loop muted></video>
|
||||
<script src="assets/js/setupindex.js"></script>
|
||||
<script src="assets/js/setwidth.js"></script>
|
||||
</div>
|
||||
<div id="container" class="spanfull">
|
||||
<div id="logo_center">
|
||||
<img src="assets/img/logo_white.svg" alt="logo VDM">
|
||||
</div>
|
||||
</div>
|
||||
<div id="nav_bottom_div">
|
||||
<ul id="nav_bottom" class="nav_bottom">
|
||||
<li><a class="nav" id="nav_about" href="/about.php">OVER</a></li>
|
||||
<li><a class="nav" id="nav_resume" href="/resume.php">CV</a></li>
|
||||
<li><a class="nav" id="nav_services" href="/services.php">SERVICES</a></li>
|
||||
<li><a class="nav" id="nav_projects" href="/projects.php">PROJECTEN</a></li>
|
||||
<li><a class="nav" id="nav_portfolio" href="/portfolio.php">PORTFOLIO</a></li>
|
||||
<li><a class="nav" id="nav_contact" href="/contact.php">CONTACT</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<?php include 'includes/footer.php'; ?>
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
<?php
|
||||
$title = 'Portfolio';
|
||||
$nav_name = 'nav_portfolio';
|
||||
include 'includes/header.php';
|
||||
include 'includes/navigation.php';
|
||||
include 'includes/navigation_mobile.php'; ?>
|
||||
<div id="background"></div>
|
||||
<div id="content" class="flexparent_column flex_center_left">
|
||||
<h1 class="centeredtext">Python Projects</h1>
|
||||
|
||||
</div>
|
||||
<?php include 'includes/footer.php'; ?>
|
||||
|
|
@ -0,0 +1,113 @@
|
|||
<?php
|
||||
$title = 'Projects';
|
||||
$nav_name = 'nav_projects';
|
||||
include 'includes/header.php';
|
||||
include 'includes/navigation.php';
|
||||
include 'includes/navigation_mobile.php'; ?>
|
||||
<div id="background"></div>
|
||||
<div id="content" class="flexparent_column flex_center_left">
|
||||
<h1 class="centeredtext">Python Projects</h1>
|
||||
<div class="flexparent_row flex_center_top">
|
||||
<a href="https://git.dennisvandermeulen.nl/dennis/osm_analyzer/" target="_blank" class="portlink">
|
||||
<div class="portentity">
|
||||
<div><img class="portimg" src="/assets/img/openstreetmap.png" alt="openstreetmap"></div>
|
||||
<div class="portcomment">
|
||||
<h2 class="porttitle">Openstreetmap Analyzer</h2>
|
||||
<p class="porttext">Openstreetmap Analyzer is een collectie python scripts voor het vinden
|
||||
van
|
||||
gebouwen
|
||||
met een bepaalde afmeting in openstreetmap bestanden</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://git.dennisvandermeulen.nl/dennis/raspi_lightswitch/" target="_blank" class="portlink">
|
||||
<div class="portentity">
|
||||
<div><img class="portimg" src="/assets/img/relay.png" alt="raspi-lightswitch"></div>
|
||||
<div class="portcomment">
|
||||
<h2 class="porttitle">RasPi tijdschakelaar</h2>
|
||||
<p class="porttext">Raspberry Pi zero W aan/uit schakelaar gebasseerd op een flask-api die
|
||||
zichzelf inschakelt met
|
||||
zonsondergang en zichzelf uitschakelt om een van te voren ingesteld tijdstip</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://git.dennisvandermeulen.nl/dennis/raspi_lightswitch_mqtt/" target="_blank"
|
||||
class="portlink">
|
||||
<div class="portentity">
|
||||
<div><img class="portimg" src="/assets/img/relay.png" alt="raspi-lightswitch"></div>
|
||||
<div class="portcomment">
|
||||
<h2 class="porttitle">RasPi tijdschakelaar mqtt</h2>
|
||||
<p class="porttext">Een uitbreiding voor de Raspberry pi tijdschakelaar waarmee de gebruiker via
|
||||
het mqtt protocol de controle heeft over de functies van de schakelaar</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://git.dennisvandermeulen.nl/dennis/raspi_lightswitch_webcontrols/" target="_blank"
|
||||
class="portlink">
|
||||
<div class="portentity">
|
||||
<div><img class="portimg" src="/assets/img/relay.png" alt="raspi-lightswitch"></div>
|
||||
<div class="portcomment">
|
||||
<h2 class="porttitle">RasPi tijdschakelaar web-controls</h2>
|
||||
<p class="porttext">Een uitbreiding voor de Raspberry pi Zero tijdschakelaar waarmee de
|
||||
gebruiker via een website controle heeft over de functies en configuraties van de schakelaar</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://git.dennisvandermeulen.nl/dennis/wol_server/" target="_blank"
|
||||
class="portlink">
|
||||
<div class="portentity">
|
||||
<div><img class="portimg" src="/assets/img/wol_server.png" alt="wol_server"></div>
|
||||
<div class="portcomment">
|
||||
<h2 class="porttitle">Python Wake-On-Lan server</h2>
|
||||
<p class="porttext">Een flask gebasseerde REST-api voor het aan en uitzetten van apparaten binnen een netwerk</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<h1 class="centeredtext">Website Projects</h1>
|
||||
<div class="flexparent_row flex_center_top">
|
||||
<a href="https://woodlandparadise.wordpress.com/" target="_blank" class="portlink">
|
||||
<div class="portentity">
|
||||
<div><img class="portimg" src="/assets/img/woodlandparadise.png" alt="woodlandparadise"></div>
|
||||
<div class="portcomment">
|
||||
<h2 class="porttitle">WoodlandParadise</h2>
|
||||
<p class="porttext">Woodlandparadise is een website voor de gelijknamige Golden Retriever
|
||||
Fokker, de
|
||||
website is gebouwd op een custom wordpress thema</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://www.powerwalkingclubhuizen.nl" target="_blank" class="portlink">
|
||||
<div class="portentity">
|
||||
<div><img class="portimg" src="/assets/img/powerwalkingclubhuizen.png" alt="powerwalkingclub"></div>
|
||||
<div class="portcomment">
|
||||
<h2 class="porttitle">Powerwalkingclubhuizen</h2>
|
||||
<p class="porttext">Powerwalkingclubhuizen is een website voor de gelijknamige powerwalkingclub,
|
||||
de
|
||||
website is een single page design gebouwd op een custom wordpress thema</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="http://heihut.nl/index.htm" target="_blank" class="portlink">
|
||||
<div class="portentity">
|
||||
<div><img class="portimg" src="/assets/img/heihut.png" alt="heihut"></div>
|
||||
<div class="portcomment">
|
||||
<h2 class="porttitle">Heihut</h2>
|
||||
<p class="porttext">Heihut was een website van uit 2003, het backend is in 2017 volledig
|
||||
herschreven voor
|
||||
veiligheids- en snelheidsverbeteringen, de snelheidstoename is +/- 400%</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/demo/formulier/verhuurformulier.php" target="_blank" class="portlink">
|
||||
<div class="portentity">
|
||||
<div><img class="portimg" src="/assets/img/verhuurform.png" alt="verhuurformulier"></div>
|
||||
<div class="portcomment">
|
||||
<h2 class="porttitle">Huurformulier Heihut</h2>
|
||||
<p class="porttext">Een webformulier voor de verhuur van de heihut geschreven in php, de
|
||||
penningmeester en de huurder krijgen allebij een kopie van het formulier toegemaild</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<?php include 'includes/footer.php'; ?>
|
||||
|
|
@ -0,0 +1,175 @@
|
|||
<?php
|
||||
$title = 'Resume';
|
||||
$nav_name = 'nav_resume';
|
||||
include 'includes/header.php';
|
||||
include 'includes/navigation.php';
|
||||
include 'includes/navigation_mobile.php';?>
|
||||
<div id="background">
|
||||
<div id="background_filter"></div>
|
||||
</div>
|
||||
<div id="content" class="flexparent_row flex_center_left">
|
||||
<div class="fourhundred"></div>
|
||||
<div id="resumeleft" class="fourhundred">
|
||||
<div>
|
||||
<img src="/assets/img/" alt="Profile_picture">
|
||||
</div>
|
||||
<div>
|
||||
<h1 class="resumetitle mobilecenteredtext">Info</h1>
|
||||
<table class="resumetbl">
|
||||
<tr><td><img class="mycontactinfo" src="/assets/img/Icons/humanicon.png"
|
||||
alt="humanicon"></td><td class="resume">Naam</td><td class="resume">Dennis van der Meulen</td></tr>
|
||||
<tr><td><img class="mycontactinfo" src="/assets/img/Icons/houseicon.png"
|
||||
alt="houseicon"></td><td class="resume">Woonplaats</td><td class="resume">Huizen</td></tr>
|
||||
<tr><td><img class="mycontactinfo" src="/assets/img/Icons/phoneicon.png"
|
||||
alt="phoneicon"></td><td class="resume">Telefoon</td><td class="resume">06-31175026</td></tr>
|
||||
<tr><td><img class="mycontactinfo" src="/assets/img/Icons/emailicon.png"
|
||||
alt="emailicon"></td><td class="resume">Email</td><td class="resume">info@dennisvandermeulen.nl</td></tr>
|
||||
<tr><td><img class="mycontactinfo" src="/assets/img/Icons/babyicon.png"
|
||||
alt="babyicon"></td><td class="resume">Geboortedatum</td><td class="resume">31-05-1998</td></tr>
|
||||
<tr><td><img class="mycontactinfo" src="/assets/img/Icons/globeicon.png"
|
||||
alt="globeicon"></td><td class="resume">Nationaliteit</td><td class="resume">Nederlandse</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
<div>
|
||||
<h1 class="resumetitle mobilecenteredtext">Interesses</h1>
|
||||
<div class="flexparent_column flex_center"></div>
|
||||
<div class="flexparent_row flex_center_left">
|
||||
<div class="interests"><img src="/assets/img/Icons/programmingicon.png" alt="programmingicon"><h6>Programming</h6></div>
|
||||
<div class="interests"><img src="/assets/img/Icons/servericon.png" alt="servericon"><h6>Virtualization</h6></div>
|
||||
<div class="interests"><img src="/assets/img/Icons/hddicon.png" alt="hddicon"><h6>Hardware</h6></div>
|
||||
|
||||
</div>
|
||||
<div class="flexparent_row flex_center_left">
|
||||
<div class="interests"><img src="/assets/img/Icons/cameraicon.png" alt="cameraicon"><h6>Photoshop</h6></div>
|
||||
<div class="interests"><img src="/assets/img/Icons/videocameraicon.png" alt="videoicon"><h6>Video Editing</h6></div>
|
||||
<div class="interests"><img src="/assets/img/Icons/3dicon.png" alt="3dicon"><h6>3D-Design</h6></div>
|
||||
</div>
|
||||
<div class="flexparent_row flex_center_left">
|
||||
<div class="interests"><img src="/assets/img/Icons/speakericon.png" alt="speakericon"><h6>Audio</h6></div>
|
||||
<div class="interests"><img src="/assets/img/Icons/lighticon.png" alt="lightingicon"><h6>Lighting</h6></div>
|
||||
<div class="interests"><img src="/assets/img/Icons/projectoricon.png" alt="vjicon"><h6>VJ-ing</h6></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<p></p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="resumeright" class="eighthundred">
|
||||
<div>
|
||||
<h1 class="resumetitle mobilecenteredtext">Werkervaring</h1>
|
||||
<table class="resumetbl">
|
||||
<tr><td class="resume">2019 - Heden</td>
|
||||
<td class="resume">
|
||||
Digitaal Researcher & Programmeur
|
||||
</td>
|
||||
</tr>
|
||||
<tr><td class="resume"></td>
|
||||
<td class="resume">VPRO te Hilversum.</br>
|
||||
Research tool developer & technisch researcher.
|
||||
</td></tr>
|
||||
<tr><td class="resume">2019 - 2019</td>
|
||||
<td class="resume">
|
||||
Stagiair Systeembeheer
|
||||
</td>
|
||||
</tr>
|
||||
<tr><td class="resume"></td>
|
||||
<td class="resume">VPRO te Hilversum.</br>
|
||||
Systeembeheerstaken.</br>
|
||||
Implementeren Chocolatey & Puppet voor werkplekbeheer.</td></tr>
|
||||
<tr><td class="resume">2017 - 2019</td>
|
||||
<td class="resume">
|
||||
Field Technician
|
||||
</td>
|
||||
</tr>
|
||||
<tr><td class="resume"></td>
|
||||
<td class="resume">Studentaanhuis te Bilthoven.</br>
|
||||
Oplossen van computerproblemen van huishoudens en bedrijven.</br>
|
||||
installeren & instrueren van iPads voor Visio.</td></tr>
|
||||
<tr><td class="resume">2016 - Heden</td>
|
||||
<td class="resume">
|
||||
Freelance Licht- Geluids- en Beeldtechnicus
|
||||
</td>
|
||||
</tr>
|
||||
<tr><td class="resume"></td>
|
||||
<td class="resume">Erfgooiers College te Huizen.</br>
|
||||
Grand Cafe het Heertje te Huizen.</br>
|
||||
King Audiovisual te Huizen</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
<div>
|
||||
<h1 class="resumetitle mobilecenteredtext">Opleiding</h1>
|
||||
<table class="resumetbl">
|
||||
<tr><td class="resume">2016 - Heden</td>
|
||||
<td class="resume">
|
||||
HBO-ICT - System and Network Engineering / Cybersecurity
|
||||
</td>
|
||||
</tr>
|
||||
<tr><td class="resume"></td>
|
||||
<td class="resume">Hogeschool van Amsterdam, Amsterdam.</br>
|
||||
Propedeuse behaald in 2017.
|
||||
</td></tr>
|
||||
<tr><td class="resume">2010 - 2016</td>
|
||||
<td class="resume">
|
||||
VWO - Economie en Maatschappij
|
||||
</td>
|
||||
</tr>
|
||||
<tr><td class="resume"></td>
|
||||
<td class="resume">Erfgooiers College, Huizen.</br>
|
||||
Diploma behaald in 2016.</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
<div>
|
||||
<h1 class="resumetitle mobilecenteredtext">Competenties</h1>
|
||||
<table class="resumetbl">
|
||||
<tr><td class="resume">Communiceren</td>
|
||||
<td class="resume"></td>
|
||||
</tr>
|
||||
<tr><td class="resume">Samenwerken</td>
|
||||
<td class="resume"></td>
|
||||
</tr>
|
||||
<tr><td class="resume">Beroepsethiek</td>
|
||||
<td class="resume"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div>
|
||||
<h1 class="resumetitle mobilecenteredtext">Vaardigheden</h1>
|
||||
<table class="resumetbl">
|
||||
<tr><td class="resume">Probleemoplosser</td>
|
||||
<td class="resume"></td>
|
||||
</tr>
|
||||
<tr><td class="resume">Programmeren</td>
|
||||
<td class="resume"></td>
|
||||
</tr>
|
||||
<tr><td class="resume">Internet of Things</td>
|
||||
<td class="resume"></td>
|
||||
</tr>
|
||||
<tr><td class="resume">Databases</td>
|
||||
<td class="resume"></td>
|
||||
</tr>
|
||||
<tr><td class="resume">Big Data / Machine Learning</td>
|
||||
<td class="resume"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div>
|
||||
<h1 class="resumetitle mobilecenteredtext">Referenties</h1>
|
||||
<table class="resumetbl">
|
||||
<tr><td class="resume">Dhr. Marcel Sikma</td>
|
||||
<td class="resume"></td>
|
||||
</tr>
|
||||
<tr><td class="resume">Hoofd Techniek Erfgooiers College</td>
|
||||
<td class="resume"></td>
|
||||
</tr>
|
||||
<tr><td class="resume">Telefoon: 06-28694532</td>
|
||||
<td class="resume"></td>
|
||||
</tr>
|
||||
<tr><td class="resume">E-mail: m.sikma@erfgooierscollege.nl</td>
|
||||
<td class="resume"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php include 'includes/footer.php'; ?>
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
<?php
|
||||
$title = 'Services';
|
||||
$nav_name = 'nav_services';
|
||||
include 'includes/header.php';
|
||||
include 'includes/navigation.php';
|
||||
include 'includes/navigation_mobile.php';?>
|
||||
<div id="background">
|
||||
<div if="backgroundfilter"></div>
|
||||
</div>
|
||||
<?php include 'includes/footer.php'; ?>
|
||||
Loading…
Reference in New Issue