diff --git a/about.php b/about.php new file mode 100644 index 0000000..772bad2 --- /dev/null +++ b/about.php @@ -0,0 +1,10 @@ + +
+
+
+ \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..fb00678 --- /dev/null +++ b/assets/css/style.css @@ -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; +} \ No newline at end of file diff --git a/assets/css/style_desktop.css b/assets/css/style_desktop.css new file mode 100644 index 0000000..40c7cca --- /dev/null +++ b/assets/css/style_desktop.css @@ -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%; +} \ No newline at end of file diff --git a/assets/css/style_mobile.css b/assets/css/style_mobile.css new file mode 100644 index 0000000..44512c4 --- /dev/null +++ b/assets/css/style_mobile.css @@ -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; +} \ No newline at end of file diff --git a/assets/img/Icons/3dicon.png b/assets/img/Icons/3dicon.png new file mode 100644 index 0000000..7cb016d Binary files /dev/null and b/assets/img/Icons/3dicon.png differ diff --git a/assets/img/Icons/babyicon.png b/assets/img/Icons/babyicon.png new file mode 100644 index 0000000..c439698 Binary files /dev/null and b/assets/img/Icons/babyicon.png differ diff --git a/assets/img/Icons/cameraicon.png b/assets/img/Icons/cameraicon.png new file mode 100644 index 0000000..c837ebe Binary files /dev/null and b/assets/img/Icons/cameraicon.png differ diff --git a/assets/img/Icons/close.png b/assets/img/Icons/close.png new file mode 100644 index 0000000..95d866c Binary files /dev/null and b/assets/img/Icons/close.png differ diff --git a/assets/img/Icons/controllericon.png b/assets/img/Icons/controllericon.png new file mode 100644 index 0000000..cb51e38 Binary files /dev/null and b/assets/img/Icons/controllericon.png differ diff --git a/assets/img/Icons/emailicon.png b/assets/img/Icons/emailicon.png new file mode 100644 index 0000000..115251c Binary files /dev/null and b/assets/img/Icons/emailicon.png differ diff --git a/assets/img/Icons/globeicon.png b/assets/img/Icons/globeicon.png new file mode 100644 index 0000000..fbe072f Binary files /dev/null and b/assets/img/Icons/globeicon.png differ diff --git a/assets/img/Icons/hddicon.png b/assets/img/Icons/hddicon.png new file mode 100644 index 0000000..6ead72d Binary files /dev/null and b/assets/img/Icons/hddicon.png differ diff --git a/assets/img/Icons/houseicon.png b/assets/img/Icons/houseicon.png new file mode 100644 index 0000000..55b2539 Binary files /dev/null and b/assets/img/Icons/houseicon.png differ diff --git a/assets/img/Icons/humanicon.png b/assets/img/Icons/humanicon.png new file mode 100644 index 0000000..c3789d8 Binary files /dev/null and b/assets/img/Icons/humanicon.png differ diff --git a/assets/img/Icons/lighticon.png b/assets/img/Icons/lighticon.png new file mode 100644 index 0000000..e6ed209 Binary files /dev/null and b/assets/img/Icons/lighticon.png differ diff --git a/assets/img/Icons/menu.png b/assets/img/Icons/menu.png new file mode 100644 index 0000000..316c701 Binary files /dev/null and b/assets/img/Icons/menu.png differ diff --git a/assets/img/Icons/pcicon.png b/assets/img/Icons/pcicon.png new file mode 100644 index 0000000..9eb3873 Binary files /dev/null and b/assets/img/Icons/pcicon.png differ diff --git a/assets/img/Icons/phoneicon.png b/assets/img/Icons/phoneicon.png new file mode 100644 index 0000000..46f870c Binary files /dev/null and b/assets/img/Icons/phoneicon.png differ diff --git a/assets/img/Icons/programmingicon.png b/assets/img/Icons/programmingicon.png new file mode 100644 index 0000000..f3f5a4a Binary files /dev/null and b/assets/img/Icons/programmingicon.png differ diff --git a/assets/img/Icons/projectoricon.png b/assets/img/Icons/projectoricon.png new file mode 100644 index 0000000..bc67959 Binary files /dev/null and b/assets/img/Icons/projectoricon.png differ diff --git a/assets/img/Icons/servericon.png b/assets/img/Icons/servericon.png new file mode 100644 index 0000000..47b4e8d Binary files /dev/null and b/assets/img/Icons/servericon.png differ diff --git a/assets/img/Icons/speakericon.png b/assets/img/Icons/speakericon.png new file mode 100644 index 0000000..ea643e9 Binary files /dev/null and b/assets/img/Icons/speakericon.png differ diff --git a/assets/img/Icons/videocameraicon.png b/assets/img/Icons/videocameraicon.png new file mode 100644 index 0000000..7d08ad7 Binary files /dev/null and b/assets/img/Icons/videocameraicon.png differ diff --git a/assets/img/background.svg b/assets/img/background.svg new file mode 100644 index 0000000..869a83b --- /dev/null +++ b/assets/img/background.svg @@ -0,0 +1,44 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/favico/android-chrome-192x192.png b/assets/img/favico/android-chrome-192x192.png new file mode 100644 index 0000000..cbef636 Binary files /dev/null and b/assets/img/favico/android-chrome-192x192.png differ diff --git a/assets/img/favico/android-chrome-512x512.png b/assets/img/favico/android-chrome-512x512.png new file mode 100644 index 0000000..b492bec Binary files /dev/null and b/assets/img/favico/android-chrome-512x512.png differ diff --git a/assets/img/favico/apple-touch-icon.png b/assets/img/favico/apple-touch-icon.png new file mode 100644 index 0000000..6ac63ab Binary files /dev/null and b/assets/img/favico/apple-touch-icon.png differ diff --git a/assets/img/favico/browserconfig.xml b/assets/img/favico/browserconfig.xml new file mode 100644 index 0000000..37a39f8 --- /dev/null +++ b/assets/img/favico/browserconfig.xml @@ -0,0 +1,9 @@ + + + + + + #00aba9 + + + diff --git a/assets/img/favico/favicon-16x16.png b/assets/img/favico/favicon-16x16.png new file mode 100644 index 0000000..84e6d74 Binary files /dev/null and b/assets/img/favico/favicon-16x16.png differ diff --git a/assets/img/favico/favicon-32x32.png b/assets/img/favico/favicon-32x32.png new file mode 100644 index 0000000..600e165 Binary files /dev/null and b/assets/img/favico/favicon-32x32.png differ diff --git a/assets/img/favico/favicon.ico b/assets/img/favico/favicon.ico new file mode 100644 index 0000000..9c003e0 Binary files /dev/null and b/assets/img/favico/favicon.ico differ diff --git a/assets/img/favico/mstile-144x144.png b/assets/img/favico/mstile-144x144.png new file mode 100644 index 0000000..4a01e19 Binary files /dev/null and b/assets/img/favico/mstile-144x144.png differ diff --git a/assets/img/favico/mstile-150x150.png b/assets/img/favico/mstile-150x150.png new file mode 100644 index 0000000..20aadc5 Binary files /dev/null and b/assets/img/favico/mstile-150x150.png differ diff --git a/assets/img/favico/mstile-310x150.png b/assets/img/favico/mstile-310x150.png new file mode 100644 index 0000000..602d676 Binary files /dev/null and b/assets/img/favico/mstile-310x150.png differ diff --git a/assets/img/favico/mstile-310x310.png b/assets/img/favico/mstile-310x310.png new file mode 100644 index 0000000..a05e492 Binary files /dev/null and b/assets/img/favico/mstile-310x310.png differ diff --git a/assets/img/favico/mstile-70x70.png b/assets/img/favico/mstile-70x70.png new file mode 100644 index 0000000..2a2d385 Binary files /dev/null and b/assets/img/favico/mstile-70x70.png differ diff --git a/assets/img/favico/safari-pinned-tab.svg b/assets/img/favico/safari-pinned-tab.svg new file mode 100644 index 0000000..28dd600 --- /dev/null +++ b/assets/img/favico/safari-pinned-tab.svg @@ -0,0 +1,46 @@ + + + + +Created by potrace 1.11, written by Peter Selinger 2001-2013 + + + + + + + diff --git a/assets/img/favico/site.webmanifest b/assets/img/favico/site.webmanifest new file mode 100644 index 0000000..97412ed --- /dev/null +++ b/assets/img/favico/site.webmanifest @@ -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" +} diff --git a/assets/img/heihut.png b/assets/img/heihut.png new file mode 100644 index 0000000..6070f27 Binary files /dev/null and b/assets/img/heihut.png differ diff --git a/assets/img/logo_black.svg b/assets/img/logo_black.svg new file mode 100644 index 0000000..d8b6e1c --- /dev/null +++ b/assets/img/logo_black.svg @@ -0,0 +1,18 @@ + + + + + + + + + + diff --git a/assets/img/logo_white.svg b/assets/img/logo_white.svg new file mode 100644 index 0000000..1c16a74 --- /dev/null +++ b/assets/img/logo_white.svg @@ -0,0 +1,13 @@ + + + + + + + + diff --git a/assets/img/openstreetmap.png b/assets/img/openstreetmap.png new file mode 100644 index 0000000..6fb8256 Binary files /dev/null and b/assets/img/openstreetmap.png differ diff --git a/assets/img/powerwalkingclubhuizen.png b/assets/img/powerwalkingclubhuizen.png new file mode 100644 index 0000000..f28caff Binary files /dev/null and b/assets/img/powerwalkingclubhuizen.png differ diff --git a/assets/img/relay.png b/assets/img/relay.png new file mode 100644 index 0000000..3e26843 Binary files /dev/null and b/assets/img/relay.png differ diff --git a/assets/img/verhuurform.png b/assets/img/verhuurform.png new file mode 100644 index 0000000..b558c2a Binary files /dev/null and b/assets/img/verhuurform.png differ diff --git a/assets/img/wol_server.png b/assets/img/wol_server.png new file mode 100644 index 0000000..730cdf3 Binary files /dev/null and b/assets/img/wol_server.png differ diff --git a/assets/img/woodlandparadise.png b/assets/img/woodlandparadise.png new file mode 100644 index 0000000..d209b99 Binary files /dev/null and b/assets/img/woodlandparadise.png differ diff --git a/assets/js/detectmobile.js b/assets/js/detectmobile.js new file mode 100644 index 0000000..3fddc5c --- /dev/null +++ b/assets/js/detectmobile.js @@ -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); +} \ No newline at end of file diff --git a/assets/js/opennav.js b/assets/js/opennav.js new file mode 100644 index 0000000..fbfc6f7 --- /dev/null +++ b/assets/js/opennav.js @@ -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"; +} \ No newline at end of file diff --git a/assets/js/setactive.js b/assets/js/setactive.js new file mode 100644 index 0000000..a75ace5 --- /dev/null +++ b/assets/js/setactive.js @@ -0,0 +1,2 @@ +currentpage = document.getElementById(activepage); +currentpage.setAttribute('style', 'color: #0074D9;'); diff --git a/assets/js/setupindex.js b/assets/js/setupindex.js new file mode 100644 index 0000000..22ab6fd --- /dev/null +++ b/assets/js/setupindex.js @@ -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"; + } +} \ No newline at end of file diff --git a/assets/js/setwidth.js b/assets/js/setwidth.js new file mode 100644 index 0000000..fe8a4f3 --- /dev/null +++ b/assets/js/setwidth.js @@ -0,0 +1,6 @@ +video = document.getElementById('video_bg'); +if (isportrait === true) { + video.setAttribute('height', $(window).height()); +} else { + video.setAttribute('height', $(window).height()); +} diff --git a/assets/video/landscape.webm b/assets/video/landscape.webm new file mode 100644 index 0000000..64159ba Binary files /dev/null and b/assets/video/landscape.webm differ diff --git a/assets/video/portrait.webm b/assets/video/portrait.webm new file mode 100644 index 0000000..92c73a8 Binary files /dev/null and b/assets/video/portrait.webm differ diff --git a/contact.php b/contact.php new file mode 100644 index 0000000..2244e32 --- /dev/null +++ b/contact.php @@ -0,0 +1,41 @@ + +
+
+
+
+
+ + + + + +
+
+ + +
+
+ +
+
+
    +
  • emailicon + info@dennisvandermeulen.nl +
    • +
    +
  • mobileicon + 06-31175026 +
    • +
+
+
+
+
+ \ No newline at end of file diff --git a/includes/footer.php b/includes/footer.php new file mode 100644 index 0000000..71ae832 --- /dev/null +++ b/includes/footer.php @@ -0,0 +1,6 @@ + + + + diff --git a/includes/header.php b/includes/header.php new file mode 100644 index 0000000..d9ba4af --- /dev/null +++ b/includes/header.php @@ -0,0 +1,25 @@ + + + + + + DvdM - <?php echo $title;?> + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/includes/navigation.php b/includes/navigation.php new file mode 100644 index 0000000..dda4b4e --- /dev/null +++ b/includes/navigation.php @@ -0,0 +1,14 @@ + + + + diff --git a/includes/navigation_mobile.php b/includes/navigation_mobile.php new file mode 100644 index 0000000..cf59157 --- /dev/null +++ b/includes/navigation_mobile.php @@ -0,0 +1,19 @@ + +
+ +
+menu +
\ No newline at end of file diff --git a/index.php b/index.php new file mode 100644 index 0000000..9320c5e --- /dev/null +++ b/index.php @@ -0,0 +1,26 @@ + +
+ + + +
+
+
+ logo VDM +
+
+ + \ No newline at end of file diff --git a/portfolio.php b/portfolio.php new file mode 100644 index 0000000..d4861a0 --- /dev/null +++ b/portfolio.php @@ -0,0 +1,12 @@ + +
+
+

Python Projects

+ +
+ \ No newline at end of file diff --git a/projects.php b/projects.php new file mode 100644 index 0000000..9d5483e --- /dev/null +++ b/projects.php @@ -0,0 +1,113 @@ + +
+
+

Python Projects

+
+ +
+
openstreetmap
+
+

Openstreetmap Analyzer

+

Openstreetmap Analyzer is een collectie python scripts voor het vinden + van + gebouwen + met een bepaalde afmeting in openstreetmap bestanden

+
+
+ + +
+
raspi-lightswitch
+
+

RasPi tijdschakelaar

+

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

+
+
+ + +
+
raspi-lightswitch
+
+

RasPi tijdschakelaar mqtt

+

Een uitbreiding voor de Raspberry pi tijdschakelaar waarmee de gebruiker via + het mqtt protocol de controle heeft over de functies van de schakelaar

+
+
+ + +
+
raspi-lightswitch
+
+

RasPi tijdschakelaar web-controls

+

Een uitbreiding voor de Raspberry pi Zero tijdschakelaar waarmee de + gebruiker via een website controle heeft over de functies en configuraties van de schakelaar

+
+
+ + +
+
wol_server
+
+

Python Wake-On-Lan server

+

Een flask gebasseerde REST-api voor het aan en uitzetten van apparaten binnen een netwerk

+
+
+ +

Website Projects

+
+ +
+
woodlandparadise
+
+

WoodlandParadise

+

Woodlandparadise is een website voor de gelijknamige Golden Retriever + Fokker, de + website is gebouwd op een custom wordpress thema

+
+
+ + +
+
powerwalkingclub
+
+

Powerwalkingclubhuizen

+

Powerwalkingclubhuizen is een website voor de gelijknamige powerwalkingclub, + de + website is een single page design gebouwd op een custom wordpress thema

+
+
+ + +
+
heihut
+
+

Heihut

+

Heihut was een website van uit 2003, het backend is in 2017 volledig + herschreven voor + veiligheids- en snelheidsverbeteringen, de snelheidstoename is +/- 400%

+
+
+ + +
+
verhuurformulier
+
+

Huurformulier Heihut

+

Een webformulier voor de verhuur van de heihut geschreven in php, de + penningmeester en de huurder krijgen allebij een kopie van het formulier toegemaild

+
+
+ +
+
+ \ No newline at end of file diff --git a/resume.php b/resume.php new file mode 100644 index 0000000..773d869 --- /dev/null +++ b/resume.php @@ -0,0 +1,175 @@ + +
+
+
+
+
+
+
+ Profile_picture +
+
+

Info

+ + + + + + + +
humaniconNaamDennis van der Meulen
houseiconWoonplaatsHuizen
phoneiconTelefoon06-31175026
emailiconEmailinfo@dennisvandermeulen.nl
babyiconGeboortedatum31-05-1998
globeiconNationaliteitNederlandse
+
+
+

Interesses

+
+
+
programmingicon
Programming
+
servericon
Virtualization
+
hddicon
Hardware
+ +
+
+
cameraicon
Photoshop
+
videoicon
Video Editing
+
3dicon
3D-Design
+
+
+
speakericon
Audio
+
lightingicon
Lighting
+
vjicon
VJ-ing
+ +
+
+
+

+
+
+
+
+

Werkervaring

+ + + + + + + + + + + + + + + + + + + + + +
2019 - Heden + Digitaal Researcher & Programmeur +
VPRO te Hilversum.
+ Research tool developer & technisch researcher. +
2019 - 2019 + Stagiair Systeembeheer +
VPRO te Hilversum.
+ Systeembeheerstaken.
+ Implementeren Chocolatey & Puppet voor werkplekbeheer.
2017 - 2019 + Field Technician +
Studentaanhuis te Bilthoven.
+ Oplossen van computerproblemen van huishoudens en bedrijven.
+ installeren & instrueren van iPads voor Visio.
2016 - Heden + Freelance Licht- Geluids- en Beeldtechnicus +
Erfgooiers College te Huizen.
+ Grand Cafe het Heertje te Huizen.
+ King Audiovisual te Huizen
+
+
+

Opleiding

+ + + + + + + + + + + +
2016 - Heden + HBO-ICT - System and Network Engineering / Cybersecurity +
Hogeschool van Amsterdam, Amsterdam.
+ Propedeuse behaald in 2017. +
2010 - 2016 + VWO - Economie en Maatschappij +
Erfgooiers College, Huizen.
+ Diploma behaald in 2016.
+
+
+

Competenties

+ + + + + + + + + + +
Communiceren
Samenwerken
Beroepsethiek
+
+
+

Vaardigheden

+ + + + + + + + + + + + + + + + +
Probleemoplosser
Programmeren
Internet of Things
Databases
Big Data / Machine Learning
+
+
+

Referenties

+ + + + + + + + + + + + + +
Dhr. Marcel Sikma
Hoofd Techniek Erfgooiers College
Telefoon: 06-28694532
E-mail: m.sikma@erfgooierscollege.nl
+
+
+
+ \ No newline at end of file diff --git a/services.php b/services.php new file mode 100644 index 0000000..873db82 --- /dev/null +++ b/services.php @@ -0,0 +1,10 @@ + +
+
+
+ \ No newline at end of file