{"id":2,"date":"2022-12-13T09:19:27","date_gmt":"2022-12-13T09:19:27","guid":{"rendered":"https:\/\/ikemarcus.nl\/?page_id=2"},"modified":"2022-12-15T11:18:11","modified_gmt":"2022-12-15T11:18:11","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/ikemarcus.nl\/","title":{"rendered":""},"content":{"rendered":"\n
\nPortfolio: Ike Marcus<\/title>\n <link rel=\"stylesheet\" href=\"style.css\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fortawesome\/fontawesome-free@5.15.4\/css\/fontawesome.min.css\" integrity=\"sha384-jLKHWM3JRmfMU0A5x5AkjWkw\/EYfGUAGagvnfryNV3F9VqM98XiIH7VBGVoxVSc7\" crossorigin=\"anonymous\">\n <meta name=\"view\" content=\"width =device-width, initial-scale =1\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kaushan+Script&family=Poppins&family=Public+Sans&display=swap\" rel=\"stylesheet\">\n\n\n \n <select id=\"my_selection\">\n <option value=\"0\" href=\"\">Big Projects<\/option>\n <option value=\"x\" href=\"index.html\">Home<\/option>\n <option value=\"y\" href=\"webscript.html\">Web Script<\/option>\n <option value=\"3\" href=\"other.html\">KZD<\/option>\n <\/select>\n \n <script>\n document.getElementById('my_selection').onchange = function() {\n window.location.href = this.children[this.selectedIndex].getAttribute('href');\n }\n <\/script>\n\n <section id=\"banner\">\n <img class=\"logo\">\n <div class=\"banner-text\">\n <div class=\"container\">\n <div class=\"typed-out\">\n <h1>Ike Marcus<\/h1><\/div><\/div>\n <p>Student SintLucas 2020-2024<\/p>\n <h2>Software Development – Interaction Design<\/h2>\n <div class=\"banner-btn\">\n <a href=\"#todo\"><span><\/span>Best Work<\/a>\n <a href=\"#data\"><span><\/span>Newest Work<\/a>\n <\/div>\n <div class=\"banner-btn2\">\n <a href=\"rpc.html\"><span><\/span>Mini Game<\/a>\n <a href=\"#contact\"><span><\/span>Contact Info<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <div id=\"sideNav\">\n <nav>\n <ul>\n <li><a href=\"#\">Home<\/a><\/li>\n <li><a href=\"#todo\">To Do List<\/a><\/li>\n <li><a href=\"#piano\">Piano Madness<\/a><\/li>\n <li><a href=\"#data\">Data Vision<\/a><\/li>\n <li><a href=\"#stage\">Backstage<\/a><\/li>\n <li><a href=\"#pong\">Pong<\/a><\/li>\n <li><a href=\"#makey\">Makey Makey<\/a><\/li>\n <li><a href=\"#wtf\">WTF is creativity<\/a><\/li>\n <li><a href=\"#slider\">Mini Projects<\/a><\/li>\n <li><a href=\"#contact\">Contact Me<\/a><\/li>\n <\/ul>\n <\/nav>\n <\/div>\n <div id=\"menuBtn\">\n <img decoding=\"async\" src=\"https:\/\/ikemarcus.nl\/wp-content\/uploads\/2022\/12\/menu.png\" id=\"menu\">\n <\/div>\n\n <!--Features-->\n\n <section id=\"todo\">\n <div class=\"title-text\">\n <p>html + css + php<\/p>\n <h1>Todo List<\/h1>\n <\/div>\n <div class=\"feature-box\">\n <div class=\"features\">\n <h1>What is this?<\/h1>\n <div class=\"features-desc\">\n <div class=\"feature-icon\">\n <i class=\"fa\">📁<\/i>\n <\/div>\n <div class=\"feature-text\">\n <p>This is a todo app made in visual studio code. I used html, css and php.<\/p>\n <\/div>\n <\/div>\n <h1>When was this made?<\/h1>\n <div class=\"features-desc\">\n <div class=\"feature-icon\">\n <i class=\"fa\">⏰<\/i>\n <\/div>\n <div class=\"feature-text\">\n <p>I made this in my first year of MBO on the school SintLucas.<\/p>\n <\/div>\n <\/div>\n <h1>My Skills at this project:<\/h1>\n <div class=\"features-desc\">\n <div class=\"feature-icon\">\n <i class=\"fa\">🔰<\/i>\n <\/div>\n <div class=\"feature-text\">\n <p>This was my first time with php and it was doable for me. I had to use Html and css, I already knew this when i started. I had to work independently.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"features-img\">\n <img decoding=\"async\" src=\"https:\/\/ikemarcus.nl\/wp-content\/uploads\/2022\/12\/todolist.png\">\n <\/div>\n <\/div>\n <br> \n <br> \n <\/section>\n\n <section id=\"piano\" class=\"padding\">\n <div class=\"title-text\">\n <p>Unity2D + C-Sharp<\/p>\n <h1>Piano Madness<\/h1>\n <\/div>\n <div class=\"feature-box\">\n <div class=\"features\">\n <h1>What is this?<\/h1>\n <div class=\"features-desc\">\n <div class=\"feature-icon\">\n <i class=\"fa\">📁<\/i>\n <\/div>\n <div class=\"feature-text\">\n <p>This is a working piano made in unity2D, also with downloaded tune sounds.<\/p>\n <\/div>\n <\/div>\n <h1>When was this made?<\/h1>\n <div class=\"features-desc\">\n <div class=\"feature-icon\">\n <i class=\"fa\">⏰<\/i>\n <\/div>\n <div class=\"feature-text\">\n <p>I made this as a own project in a internweek.<\/p>\n <\/div>\n <\/div>\n <h1>My Skills at this project:<\/h1>\n <div class=\"features-desc\">\n <div class=\"feature-icon\">\n <i class=\"fa\">🔰<\/i>\n <\/div>\n <div class=\"feature-text\">\n <p>I can import things in unity and work with the basics of unity and c#.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"features-img\">\n <img decoding=\"async\" src=\"https:\/\/ikemarcus.nl\/wp-content\/uploads\/2022\/12\/piano.png\">\n <\/div>\n <\/div>\n <br> \n <br>\n <br>\n <br>\n <\/section>\n\n <section id=\"data\">\n <div class=\"title-text\">\n <p>html + css + javascript<\/p>\n <h1>Data vision<\/h1>\n <\/div>\n <div class=\"feature-box\">\n <div class=\"features\">\n <h1>What is this?<\/h1>\n <div class=\"features-desc\">\n <div class=\"feature-icon\">\n <i class=\"fa\">📁<\/i>\n <\/div>\n <div class=\"feature-text\">\n <p>This is a website made in Visual Studio Code. I collected Data from murders worldwide. There is a little story about the worst murder in that continent. Everything was Made by me and 2 artists.<\/p>\n <\/div>\n <\/div>\n <h1>When was this made?<\/h1>\n <div class=\"features-desc\">\n <div class=\"feature-icon\">\n <i class=\"fa\">⏰<\/i>\n <\/div>\n <div class=\"feature-text\">\n <p>I made this in the second period of the second school year.<\/p>\n <\/div>\n <\/div>\n <h1>My Skills at this project:<\/h1>\n <div class=\"features-desc\">\n <div class=\"feature-icon\">\n <i class=\"fa\">🔰<\/i>\n <\/div>\n <div class=\"feature-text\">\n <p>The communication went very well, We had a working scrum planning and we discussed everything together.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"features-img\">\n <img decoding=\"async\" src=\"https:\/\/ikemarcus.nl\/wp-content\/uploads\/2022\/12\/data2.png\" style=\"padding-bottom: 1.5%;\">\n <img decoding=\"async\" src=\"https:\/\/ikemarcus.nl\/wp-content\/uploads\/2022\/12\/data1.png\">\n <\/div>\n <br> \n <br>\n <br>\n <br>\n <\/div>\n <\/section>\n <br> \n <br>\n <br>\n <br>\n <section id=\"stage\">\n <div class=\"title-text\">\n <p>html + css + php + xampp<\/p>\n <h1>Backstage<\/h1>\n <\/div>\n <div class=\"feature-box\">\n <div class=\"features\">\n <h1>What is this?<\/h1>\n <div class=\"features-desc\">\n <div class=\"feature-icon\">\n <i class=\"fa\">📁<\/i>\n <\/div>\n <div class=\"feature-text\">\n <p>This is a project i made to practise my PHP skills, this was my first time using it so it went pretty slowly. I want to practice PHP because i want to be more advanced wth this language.<\/p>\n <\/div>\n <\/div>\n <h1>When was this made?<\/h1>\n <div class=\"features-desc\">\n <div class=\"feature-icon\">\n <i class=\"fa\">⏰<\/i>\n <\/div>\n <div class=\"feature-text\">\n <p>This was made in the second period of my first school year,<\/p>\n <\/div>\n <\/div>\n <h1>My Skills at this project:<\/h1>\n <div class=\"features-desc\">\n <div class=\"feature-icon\">\n <i class=\"fa\">🔰<\/i>\n <\/div>\n <div class=\"feature-text\">\n <p>My skills in this project are, Using PHP and combining it with a database.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"features-img\">\n <img decoding=\"async\" src=\"https:\/\/ikemarcus.nl\/wp-content\/uploads\/2022\/12\/stage1.png\">\n <\/div>\n <\/div>\n <br> \n <br>\n <br>\n <br>\n <\/section>\n\n <section id=\"pong\">\n <div class=\"title-text\">\n <p>C# + Unity2D<\/p>\n <h1>Pong<\/h1>\n <\/div>\n <div class=\"feature-box\">\n <div class=\"features\">\n <h1>What is this?<\/h1>\n <div class=\"features-desc\">\n <div class=\"feature-icon\">\n <i class=\"fa\">📁<\/i>\n <\/div>\n <div class=\"feature-text\">\n <p>This was my first project with using code ever. It was very confusing ans very hard. But i kept my motivation and finished it and it turned out pretty nice.<\/p>\n <\/div>\n <\/div>\n <h1>When was this made?<\/h1>\n <div class=\"features-desc\">\n <div class=\"feature-icon\">\n <i class=\"fa\">⏰<\/i>\n <\/div>\n <div class=\"feature-text\">\n <p>The first period of my first school year.<\/p>\n <\/div>\n <\/div>\n <h1>My Skills at this project:<\/h1>\n <div class=\"features-desc\">\n <div class=\"feature-icon\">\n <i class=\"fa\">🔰<\/i>\n <\/div>\n <div class=\"feature-text\">\n <p>I got the basic knowlegde of Unity.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"features-img\">\n <img decoding=\"async\" src=\"https:\/\/ikemarcus.nl\/wp-content\/uploads\/2022\/12\/pong.png\">\n <\/div>\n <\/div>\n <\/section>\n\n <br>\n <br>\n <br>\n <br>\n <br>\n <section id=\"makey\">\n <div class=\"title-text\">\n <p>Makey Makey + Python + Unity3D<\/p>\n <h1>Makey Makey<\/h1>\n <\/div>\n <div class=\"feature-box\">\n <div class=\"features\">\n <h1>What is this?<\/h1>\n <div class=\"features-desc\">\n <div class=\"feature-icon\">\n <i class=\"fa\">📁<\/i>\n <\/div>\n <div class=\"feature-text\">\n <p>This project was with an Makey Makey device. I got a random unity file and I had to make a game with it. I connected 2 home made controlers to a Makey Makey. I made wires with foil and connected it to a board. Everything worked with the energy of someones body.<\/p>\n <\/div>\n <\/div>\n <h1>When was this made?<\/h1>\n <div class=\"features-desc\">\n <div class=\"feature-icon\">\n <i class=\"fa\">⏰<\/i>\n <\/div>\n <div class=\"feature-text\">\n <p>This was made in the fourth period of my first school year.<\/p>\n <\/div>\n <\/div>\n <h1>My Skills at this project:<\/h1>\n <div class=\"features-desc\">\n <div class=\"feature-icon\">\n <i class=\"fa\">🔰<\/i>\n <\/div>\n <div class=\"feature-text\">\n <p>I Got to use a Makey Makey and experimented with wires made from foil. <\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"features-img\">\n <img decoding=\"async\" style=\"width: 60%;\" src=\"https:\/\/ikemarcus.nl\/wp-content\/uploads\/2022\/12\/py2.png\">\n <img decoding=\"async\" style=\"width: 60%;\" src=\"https:\/\/ikemarcus.nl\/wp-content\/uploads\/2022\/12\/py1.png\">\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"wtf\">\n <div class=\"title-text\">\n <p>Photoshop + Illustrator<\/p>\n <h1>WTF is creativity?<\/h1>\n <\/div>\n <div class=\"feature-box\">\n <div class=\"features\">\n <h1>What is this?<\/h1>\n <div class=\"features-desc\">\n <div class=\"feature-icon\">\n <i class=\"fa\">📁<\/i>\n <\/div>\n <div class=\"feature-text\">\n <p>In my first year we had something called “creativity”. In this lecture we could make our own projects and be as creative as we wanted. In the last project i made 36 posters and posted them on instagram so if you looked at it from a distance you had 1 big poster.<\/p>\n <\/div>\n <\/div>\n <h1>When was this made?<\/h1>\n <div class=\"features-desc\">\n <div class=\"feature-icon\">\n <i class=\"fa\">⏰<\/i>\n <\/div>\n <div class=\"feature-text\">\n <p>This was made in my fourth period of my first year.<\/p>\n <\/div>\n <\/div>\n <h1>My Skills at this project:<\/h1>\n <div class=\"features-desc\">\n <div class=\"feature-icon\">\n <i class=\"fa\">🔰<\/i>\n <\/div>\n <div class=\"feature-text\">\n <p>I got a lot of illustrator experience from this.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"features-img\">\n <img decoding=\"async\" style=\"width: 15%;\" src=\"https:\/\/ikemarcus.nl\/wp-content\/uploads\/2022\/12\/wtf.jpg\">\n <\/div>\n <\/div>\n <br>\n <br>\n <br>\n <\/section>\n\n <!--\n Poging tot slider\n\n <section id=\"slider\">\n <div class=\"slider-box\">\n <div id=\"sliding\">\n <img decoding=\"async\" src=\"image\/questionmark.jpg\">\n <img decoding=\"async\" src=\"image\/questionmark.jpg\">\n <img decoding=\"async\" src=\"image\/rpcimage.png\">\n <img decoding=\"async\" src=\"image\/questionmark.jpg\">\n <\/div>\n <div class=\"indicators\">\n <span id=\"btn1\"><\/span>\n <span id=\"btn2\"><\/span>\n <span id=\"btn3\"><\/span>\n <span id=\"btn4\"><\/span>\n <\/div>\n <\/div>\n <\/section>\n -->\n <script>\n var menuBtn = document.getElementById(\"menuBtn\")\n var sideNav = document.getElementById(\"sideNav\")\n var menu = document.getElementById(\"menu\")\n\n sideNav.style.right = \"-250px\";\n\n menuBtn.onclick = function () {\n if (sideNav.style.right == \"-250px\") {\n sideNav.style.right = \"0\";\n menu.src = \"https:\/\/ikemarcus.nl\/wp-content\/uploads\/2022\/12\/close.png\";\n }\n else {\n sideNav.style.right = \"-250px\";\n menu.src = \"https:\/\/ikemarcus.nl\/wp-content\/uploads\/2022\/12\/menu.png\";\n }\n }\n <\/script>\n\n\n\n\n\n <meta charset=\"utf-8\">\n <link rel=\"stylesheet\" href=\"styles.css\">\n\n\n <div id=\"slider\" class=\"bg5\">\n <h1 style=\"font-family: Arial; color: white; text-align: center;\">Mini Projects<\/h1>\n <div class=\"wrapper\">\n <section id=\"section1\">\n \n <div class=\"item\">\n <img decoding=\"async\" class=\"img1\" src=\"image\/search.png\">\n <\/div>\n <div class=\"item\">\n <img decoding=\"async\" class=\"img1\" src=\"image\/rpcimage.png\">\n <\/div>\n <div class=\"item\">\n <img decoding=\"async\" class=\"img1\" src=\"image\/wireframe.png\">\n <\/div>\n <div class=\"item\">\n <img decoding=\"async\" class=\"img1\" src=\"image\/paint.png\">\n <\/div>\n <div class=\"item\">\n <img decoding=\"async\" class=\"img1\" src=\"image\/webshop.png\">\n <\/div>\n \n <\/section><\/div>\n <\/div>\n \n <section class=\"contact\" id=\"contact\">\n <h2>My Contact Info<\/h2>\n <div class=\"banner-btn\">\n <a href=\"mailto:i.marcus@sintlucasedu.nl\"><span><\/span>Mail Me<\/a>\n <div class=\"popup\" onclick=\"myFunction()\"><a><span><\/span>Call Me<\/a>\n <span class=\"popuptext\" id=\"myPopup\">06 102 876 38<\/span>\n <\/div>\n \n <script>\n function myFunction() {\n var popup = document.getElementById(\"myPopup\");\n popup.classList.toggle(\"show\");\n }\n <\/script>\n <br>\n <br>\n <br>\n <br>\n <br>\n <br>\n \n <\/div>\n <\/section>\n\n\n\n<p><\/p>\n<\/blockquote>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><\/p>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>Portfolio: Ike Marcus Big ProjectsHomeWeb ScriptKZD Ike Marcus Student SintLucas 2020-2024 Software Development – Interaction Design Best Work Newest Work Mini Game Contact Info Home To Do List Piano Madness Data Vision Backstage Pong Makey Makey WTF is creativity Mini Projects Contact Me html +…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ikemarcus.nl\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ikemarcus.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ikemarcus.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ikemarcus.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ikemarcus.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":8,"href":"https:\/\/ikemarcus.nl\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":92,"href":"https:\/\/ikemarcus.nl\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/92"}],"wp:attachment":[{"href":"https:\/\/ikemarcus.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}