{"id":534,"date":"2022-09-06T20:44:27","date_gmt":"2022-09-06T18:44:27","guid":{"rendered":"https:\/\/wesleydegraaf.com\/?page_id=534"},"modified":"2022-09-07T21:17:02","modified_gmt":"2022-09-07T19:17:02","slug":"projects","status":"publish","type":"page","link":"https:\/\/wesleydegraaf.com\/en\/projects\/","title":{"rendered":"Projects"},"content":{"rendered":"<style>\r\n\t\t\t\t\r\n\t\t\t\t\t#tab_container_624 {\r\n\toverflow:hidden;\r\n\tdisplay:block;\r\n\twidth:100%;\r\n\tborder:0px solid #ddd;\r\n\tmargin-bottom:30px;\r\n\t}\r\n\r\n#tab_container_624 .tab-content{\r\n\tpadding:20px;\r\n\tborder: 1px solid #d9dcde !important;\r\n\tmargin-top: 0px;\r\n\tbackground-color:#f2f5f7 !important;\r\n\tcolor: #000000 !important;\r\n\tfont-size:16px !important;\r\n\tfont-family: sans-serif !important;\r\n\t\r\n\t\t\tborder: 0px solid #d9dcde !important;\r\n\t\t\r\n\t}\r\n#tab_container_624 .wpsm_nav-tabs {\r\n    border-bottom: 0px solid #ddd;\r\n}\r\n#tab_container_624 .wpsm_nav-tabs > li.active > a, #tab_container_624 .wpsm_nav-tabs > li.active > a:hover, #tab_container_624 .wpsm_nav-tabs > li.active > a:focus {\r\n\tcolor: #ffffff !important;\r\n\tcursor: default;\r\n\tbackground-color: #2872fa !important;\r\n\tborder: 1px solid #0f59e1 !important;\r\n}\r\n\r\n#tab_container_624 .wpsm_nav-tabs > li > a {\r\n    margin-right: 0px !important; \r\n    line-height: 1.42857143 !important;\r\n    border: 1px solid #d5d5d5 !important;\r\n    border-radius: 0px 0px 0 0 !important; \r\n\tbackground-color: #e8e8e8 !important;\r\n\tcolor: #000000 !important;\r\n\tpadding: 15px 18px 15px 18px !important;\r\n\ttext-decoration: none !important;\r\n\tfont-size: 14px !important;\r\n\ttext-align:center !important;\r\n\tfont-family: sans-serif !important;\r\n}\r\n#tab_container_624 .wpsm_nav-tabs > li > a:focus {\r\noutline: 0px !important;\r\n}\r\n\r\n#tab_container_624 .wpsm_nav-tabs > li > a:before {\r\n\tdisplay:none !important;\r\n}\r\n#tab_container_624 .wpsm_nav-tabs > li > a:after {\r\n\tdisplay:none !important ;\r\n}\r\n#tab_container_624 .wpsm_nav-tabs > li{\r\npadding:0px !important ;\r\nmargin:0px;\r\n}\r\n\r\n#tab_container_624 .wpsm_nav-tabs > li > a:hover , #tab_container_624 .wpsm_nav-tabs > li > a:focus {\r\n    color: #000000 !important;\r\n    background-color: #e8e8e8 !important;\r\n\tborder: 1px solid #d5d5d5 !important;\r\n\t\r\n}\r\n#tab_container_624 .wpsm_nav-tabs > li > a .fa{\r\n\r\nmargin-right:5px !important;\r\n\r\nmargin-left:5px !important;\r\n\r\n\r\n}\r\n\r\n\t\t#tab_container_624 .wpsm_nav-tabs a{\r\n\t\t\tbackground-image: none;\r\n\t\t\tbackground-position: 0 0;\r\n\t\t\tbackground-repeat: repeat-x;\r\n\t\t}\r\n\t\t\t\r\n\r\n\r\n#tab_container_624 .wpsm_nav-tabs > li {\r\n    float: left;\r\n    margin-bottom: -1px !important;\r\n\tmargin-right:0px !important; \r\n}\r\n\r\n\r\n#tab_container_624 .tab-content{\r\noverflow:hidden !important;\r\n}\r\n\r\n\r\n@media (min-width: 769px) {\r\n\r\n\t#tab_container_624 .wpsm_nav-tabs > li{\r\n\t\tfloat:left !important ;\r\n\t\t\t\tmargin-right:-1px !important;\r\n\t\t\t\t\t}\r\n\t#tab_container_624 .wpsm_nav-tabs{\r\n\t\tfloat:none !important;\r\n\t\tmargin:0px !important;\r\n\t}\r\n\r\n\t#tab_container_624 .wpsm_nav-tabs > li {\r\n\t\t\t\t\r\n\t}\r\n\t#tab_container_624 .wpsm_nav{\r\n\t\t\t}\r\n\r\n}\r\n\r\n\r\n\r\n@media (max-width: 768px) {\r\n\t#tab_container_624 .wpsm_nav-tabs > li {\r\n\t\t\t\t\r\n\t}\r\n\t#tab_container_624 .wpsm_nav{\r\n\t\t\t}\r\n}\r\n\r\n\r\n\t.wpsm_nav-tabs li:before{\r\n\t\tdisplay:none !important;\r\n\t}\r\n\r\n\t@media (max-width: 768px) {\r\n\t\t\t\t\r\n\t\t\t\t.wpsm_nav-tabs{\r\n\t\t\tmargin-left:0px !important;\r\n\t\t\tmargin-right:0px !important; \r\n\t\t\t\r\n\t\t}\r\n\t\t\t\t\t\r\n\t\t\t#tab_container_624 .wpsm_nav-tabs > li {\r\n\t\t\t\t\t\t\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\r\n\t}\t\t\t\t<\/style>\r\n\t\t\t\t<div id=\"tab_container_624\" >\r\n\t \r\n\t\t\t\t\t<ul class=\"wpsm_nav wpsm_nav-tabs\" role=\"tablist\" id=\"myTab_624\">\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<li role=\"presentation\"  class=\"active\"  onclick=\"do_resize()\">\r\n\t\t\t\t\t\t\t\t<a href=\"#tabs_desc_624_1\" aria-controls=\"tabs_desc_624_1\" role=\"tab\" data-toggle=\"tab\">\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"fa fa-laptop\"><\/i> \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<span>All Projects<\/span>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<li role=\"presentation\"  onclick=\"do_resize()\">\r\n\t\t\t\t\t\t\t\t<a href=\"#tabs_desc_624_2\" aria-controls=\"tabs_desc_624_2\" role=\"tab\" data-toggle=\"tab\">\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"fa fa-building\"><\/i> \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<span>School Projects<\/span>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<li role=\"presentation\"  onclick=\"do_resize()\">\r\n\t\t\t\t\t\t\t\t<a href=\"#tabs_desc_624_3\" aria-controls=\"tabs_desc_624_3\" role=\"tab\" data-toggle=\"tab\">\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"fa fa-home\"><\/i> \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<span>Personal Projects<\/span>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<li role=\"presentation\"  onclick=\"do_resize()\">\r\n\t\t\t\t\t\t\t\t<a href=\"#tabs_desc_624_4\" aria-controls=\"tabs_desc_624_4\" role=\"tab\" data-toggle=\"tab\">\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"fa fa-gamepad\"><\/i> \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<span>Game Jams<\/span>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t\t\t\t\t\t <\/ul>\r\n\r\n\t\t\t\t\t  <!-- Tab panes -->\r\n\t\t\t\t\t  <div class=\"tab-content\" id=\"tab-content_624\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t <div role=\"tabpanel\" class=\"tab-pane  in active\" id=\"tabs_desc_624_1\">\r\n\t\t\t\t\t\t\t\t            <div class=\"oxi-addons-container noLightbox oxi-image-hover-wrapper-7\" id=\"oxi-image-hover-wrapper-7\">\n                <div class=\"oxi-addons-row\">\n                    \n            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12\" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-general\">\n                    <div class=\"oxi-image-hover oxi-image-general-hover oxi-image-general-hover-style-1 oxi-image-general-hover-7-217\">\n                                                    <a  href=\"https:\/\/wesleydegraaf.com\/en\/no-more-pancakes\/\">\n                                                            <div class=\"oxi-image-hover-figure\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/wesleydegraaf.com\/wp-content\/uploads\/2025\/12\/NoMorePancakesLogo.png\" >\n                                <\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab   image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up\"><h3 class=\"oxi-image-hover-heading\">No More Pancakes<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up\">A short mysterious pancake cooking adventure.<\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/a>\n\t\t\t\t\t\t\t\t                    <\/div>\n                <\/div> \n                            <\/div> \n            \n            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12\" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-general\">\n                    <div class=\"oxi-image-hover oxi-image-general-hover oxi-image-general-hover-style-1 oxi-image-general-hover-7-218\">\n                                                    <a  href=\"https:\/\/wesleydegraaf.com\/en\/reel-or-be-gilled\/\">\n                                                            <div class=\"oxi-image-hover-figure\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/wesleydegraaf.com\/wp-content\/uploads\/2025\/12\/Reel-or-be-Gilled-Logo.png\" >\n                                <\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab   image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up\"><h3 class=\"oxi-image-hover-heading\">Reel or be Gilled<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up\">Hook, Line, Sink, GO FISH! In this local-multiplayer party game.<\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/a>\n\t\t\t\t\t\t\t\t                    <\/div>\n                <\/div> \n                            <\/div> \n            \n            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12\" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-general\">\n                    <div class=\"oxi-image-hover oxi-image-general-hover oxi-image-general-hover-style-1 oxi-image-general-hover-7-219\">\n                                                    <a  href=\"https:\/\/wesleydegraaf.com\/en\/econeer\/\">\n                                                            <div class=\"oxi-image-hover-figure\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/wesleydegraaf.com\/wp-content\/uploads\/2025\/04\/Icon_for_context.png\" >\n                                <\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab   image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up\"><h3 class=\"oxi-image-hover-heading\">Econeer<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up\">Ecosystem Survival Game<\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/a>\n\t\t\t\t\t\t\t\t                    <\/div>\n                <\/div> \n                            <\/div> \n            \n            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12\" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-general\">\n                    <div class=\"oxi-image-hover oxi-image-general-hover oxi-image-general-hover-style-1 oxi-image-general-hover-7-220\">\n                                                    <a  href=\"https:\/\/wesleydegraaf.com\/en\/autosort\/\">\n                                                            <div class=\"oxi-image-hover-figure\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/wesleydegraaf.com\/wp-content\/uploads\/2025\/02\/Conveyorbelt-Update.png\" >\n                                <\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab   image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up\"><h3 class=\"oxi-image-hover-heading\">AutoSort<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up\">Automate package sorting<\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/a>\n\t\t\t\t\t\t\t\t                    <\/div>\n                <\/div> \n                            <\/div> \n            \n            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12\" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-general\">\n                    <div class=\"oxi-image-hover oxi-image-general-hover oxi-image-general-hover-style-1 oxi-image-general-hover-7-221\">\n                                                    <a  href=\"https:\/\/wesleydegraaf.com\/en\/signaller\/\">\n                                                            <div class=\"oxi-image-hover-figure\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/wesleydegraaf.com\/wp-content\/uploads\/2025\/02\/Game-Icon.png\" >\n                                <\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab   image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up\"><h3 class=\"oxi-image-hover-heading\">Signaller<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up\">Control a railroad!<\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/a>\n\t\t\t\t\t\t\t\t                    <\/div>\n                <\/div> \n                            <\/div> \n            \n            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12\" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-general\">\n                    <div class=\"oxi-image-hover oxi-image-general-hover oxi-image-general-hover-style-1 oxi-image-general-hover-7-222\">\n                                                    <a  href=\"https:\/\/wesleydegraaf.com\/en\/z4d-app\/\">\n                                                            <div class=\"oxi-image-hover-figure\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/wesleydegraaf.com\/wp-content\/uploads\/2025\/02\/android-chrome-384x384-1.png\" >\n                                <\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab   image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up\"><h3 class=\"oxi-image-hover-heading\">H&amp;H Z4D App<\/h3><\/div>\n                                                                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/a>\n\t\t\t\t\t\t\t\t                    <\/div>\n                <\/div> \n                            <\/div> \n            \n            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12\" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-general\">\n                    <div class=\"oxi-image-hover oxi-image-general-hover oxi-image-general-hover-style-1 oxi-image-general-hover-7-223\">\n                                                    <a  href=\"https:\/\/wesleydegraaf.com\/en\/next-station\/\">\n                                                            <div class=\"oxi-image-hover-figure\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/wesleydegraaf.com\/wp-content\/uploads\/2025\/02\/Metro-Train-PNG-Pic.png\" >\n                                <\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab   image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up\"><h3 class=\"oxi-image-hover-heading\">Next Station<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up\">Explore the mystery of the metro station.<\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/a>\n\t\t\t\t\t\t\t\t                    <\/div>\n                <\/div> \n                            <\/div> \n            \n            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12\" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-general\">\n                    <div class=\"oxi-image-hover oxi-image-general-hover oxi-image-general-hover-style-1 oxi-image-general-hover-7-224\">\n                                                    <a  href=\"https:\/\/wesleydegraaf.com\/en\/hku-game-blitz\/\">\n                                                            <div class=\"oxi-image-hover-figure\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/wesleydegraaf.com\/wp-content\/uploads\/2025\/02\/wii_menu_title1.png\" >\n                                <\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab   image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up\"><h3 class=\"oxi-image-hover-heading\">HKU Game Blitz<\/h3><\/div>\n                                                                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/a>\n\t\t\t\t\t\t\t\t                    <\/div>\n                <\/div> \n                            <\/div> \n            \n            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12\" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-general\">\n                    <div class=\"oxi-image-hover oxi-image-general-hover oxi-image-general-hover-style-1 oxi-image-general-hover-7-225\">\n                                                    <a  href=\"https:\/\/wesleydegraaf.com\/en\/ivannio-ivre\/\">\n                                                            <div class=\"oxi-image-hover-figure\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/wesleydegraaf.com\/wp-content\/uploads\/2024\/10\/image-19.png\" >\n                                <\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab   image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up\"><h3 class=\"oxi-image-hover-heading\">Ivannio Ivre, The Painter's Stuggle<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up\">GMTK 2024 GameJam<\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/a>\n\t\t\t\t\t\t\t\t                    <\/div>\n                <\/div> \n                            <\/div> \n            \n            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12\" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-general\">\n                    <div class=\"oxi-image-hover oxi-image-general-hover oxi-image-general-hover-style-1 oxi-image-general-hover-7-226\">\n                                                    <a  href=\"https:\/\/wesleydegraaf.com\/en\/conveyorcraft\/\">\n                                                            <div class=\"oxi-image-hover-figure\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/wesleydegraaf.com\/wp-content\/uploads\/2022\/09\/ConveyorCraft-Website-Logo.png\" >\n                                <\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab   image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up\"><h3 class=\"oxi-image-hover-heading\">ConveyorCraft<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up\">Factory building game<\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/a>\n\t\t\t\t\t\t\t\t                    <\/div>\n                <\/div> \n                            <\/div> \n            \n            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12\" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-general\">\n                    <div class=\"oxi-image-hover oxi-image-general-hover oxi-image-general-hover-style-1 oxi-image-general-hover-7-227\">\n                                                    <a  href=\"https:\/\/wesleydegraaf.com\/en\/platformmaker\/\">\n                                                            <div class=\"oxi-image-hover-figure\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/wesleydegraaf.com\/wp-content\/uploads\/2022\/09\/PlatformMaker-Website.png\" >\n                                <\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab   image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up\"><h3 class=\"oxi-image-hover-heading\">PlatformMaker<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up\">PlatformMaker is a platformbuilder platformer<\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/a>\n\t\t\t\t\t\t\t\t                    <\/div>\n                <\/div> \n                            <\/div> \n            \n            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12\" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-general\">\n                    <div class=\"oxi-image-hover oxi-image-general-hover oxi-image-general-hover-style-1 oxi-image-general-hover-7-228\">\n                                                    <a  href=\"https:\/\/wesleydegraaf.com\/en\/farms\/\">\n                                                            <div class=\"oxi-image-hover-figure\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/wesleydegraaf.com\/wp-content\/uploads\/2022\/09\/Farms-Website.png\" >\n                                <\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab   image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up\"><h3 class=\"oxi-image-hover-heading\">Farms!<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up\">Small Co-Op farm game<\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/a>\n\t\t\t\t\t\t\t\t                    <\/div>\n                <\/div> \n                            <\/div> \n            \n            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12\" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-general\">\n                    <div class=\"oxi-image-hover oxi-image-general-hover oxi-image-general-hover-style-1 oxi-image-general-hover-7-229\">\n                                                    <a  href=\"https:\/\/wesleydegraaf.com\/en\/final-lab\/\">\n                                                            <div class=\"oxi-image-hover-figure\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/wesleydegraaf.com\/wp-content\/uploads\/2022\/09\/Final-Lab-Website.png\" >\n                                <\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab   image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up\"><h3 class=\"oxi-image-hover-heading\">Final Lab<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up\">Final lab is a twinstick shooter<\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/a>\n\t\t\t\t\t\t\t\t                    <\/div>\n                <\/div> \n                            <\/div> \n            \n            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12\" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-general\">\n                    <div class=\"oxi-image-hover oxi-image-general-hover oxi-image-general-hover-style-1 oxi-image-general-hover-7-230\">\n                                                    <a  href=\"https:\/\/wesleydegraaf.com\/en\/viridescense\/\">\n                                                            <div class=\"oxi-image-hover-figure\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/wesleydegraaf.com\/wp-content\/uploads\/2022\/09\/Viridescense-Website.png\" >\n                                <\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab   image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up\"><h3 class=\"oxi-image-hover-heading\">Viridescense<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up\">Viridescense is an endless runner<\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/a>\n\t\t\t\t\t\t\t\t                    <\/div>\n                <\/div> \n                            <\/div> \n            \n            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12\" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-general\">\n                    <div class=\"oxi-image-hover oxi-image-general-hover oxi-image-general-hover-style-1 oxi-image-general-hover-7-231\">\n                                                    <a  href=\"https:\/\/wesleydegraaf.com\/en\/death-mystery\/\">\n                                                            <div class=\"oxi-image-hover-figure\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/wesleydegraaf.com\/wp-content\/uploads\/2022\/09\/Short-Burn-Website.png\" >\n                                <\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab   image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up\"><h3 class=\"oxi-image-hover-heading\">Death Mystery<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up\">First person puzzler inspired by: Sherlock holmes<\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/a>\n\t\t\t\t\t\t\t\t                    <\/div>\n                <\/div> \n                            <\/div> \n            \n            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12\" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-general\">\n                    <div class=\"oxi-image-hover oxi-image-general-hover oxi-image-general-hover-style-1 oxi-image-general-hover-7-232\">\n                                                    <a  href=\"https:\/\/wesleydegraaf.com\/en\/discord-bots\/\">\n                                                            <div class=\"oxi-image-hover-figure\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/wesleydegraaf.com\/wp-content\/uploads\/2022\/09\/Discord-Bot-Website.png\" >\n                                <\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab   image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up\"><h3 class=\"oxi-image-hover-heading\">Discord Bots<\/h3><\/div>\n                                                                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/a>\n\t\t\t\t\t\t\t\t                    <\/div>\n                <\/div> \n                            <\/div> \n                            <\/div>\n            <\/div>\n\t\t\t\t\t\t\t\t\t <\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t <div role=\"tabpanel\" class=\"tab-pane\" id=\"tabs_desc_624_2\">\r\n\t\t\t\t\t\t\t\t            <div class=\"oxi-addons-container noLightbox oxi-image-hover-wrapper-17\" id=\"oxi-image-hover-wrapper-17\">\n                <div class=\"oxi-addons-row\">\n                    \n            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12\" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-general\">\n                    <div class=\"oxi-image-hover oxi-image-general-hover oxi-image-general-hover-style-1 oxi-image-general-hover-17-204\">\n                                                    <a  href=\"https:\/\/wesleydegraaf.com\/en\/reel-or-be-gilled\/\">\n                                                            <div class=\"oxi-image-hover-figure\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/wesleydegraaf.com\/wp-content\/uploads\/2025\/12\/Reel-or-be-Gilled-Logo.png\" >\n                                <\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab   image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up\"><h3 class=\"oxi-image-hover-heading\">Reel or be Gilled<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up\">Hook, Line, Sink, GO FISH! In this local-multiplayer party game.<\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/a>\n\t\t\t\t\t\t\t\t                    <\/div>\n                <\/div> \n                            <\/div> \n            \n            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12\" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-general\">\n                    <div class=\"oxi-image-hover oxi-image-general-hover oxi-image-general-hover-style-1 oxi-image-general-hover-17-205\">\n                                                    <a  href=\"https:\/\/wesleydegraaf.com\/en\/econeer\/\">\n                                                            <div class=\"oxi-image-hover-figure\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/wesleydegraaf.com\/wp-content\/uploads\/2025\/04\/Icon_for_context.png\" >\n                                <\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab   image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up\"><h3 class=\"oxi-image-hover-heading\">Econeer<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up\">Ecosystem Survival Game<\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/a>\n\t\t\t\t\t\t\t\t                    <\/div>\n                <\/div> \n                            <\/div> \n            \n            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12\" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-general\">\n                    <div class=\"oxi-image-hover oxi-image-general-hover oxi-image-general-hover-style-1 oxi-image-general-hover-17-206\">\n                                                    <a  href=\"https:\/\/wesleydegraaf.com\/en\/autosort\/\">\n                                                            <div class=\"oxi-image-hover-figure\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/wesleydegraaf.com\/wp-content\/uploads\/2025\/02\/Conveyorbelt-Update.png\" >\n                                <\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab   image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up\"><h3 class=\"oxi-image-hover-heading\">AutoSort<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up\">Automate package sorting<\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/a>\n\t\t\t\t\t\t\t\t                    <\/div>\n                <\/div> \n                            <\/div> \n            \n            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12\" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-general\">\n                    <div class=\"oxi-image-hover oxi-image-general-hover oxi-image-general-hover-style-1 oxi-image-general-hover-17-207\">\n                                                    <a  href=\"https:\/\/wesleydegraaf.com\/en\/signaller\/\">\n                                                            <div class=\"oxi-image-hover-figure\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/wesleydegraaf.com\/wp-content\/uploads\/2025\/02\/Game-Icon.png\" >\n                                <\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab   image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up\"><h3 class=\"oxi-image-hover-heading\">Signaller<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up\">Control a railroad!<\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/a>\n\t\t\t\t\t\t\t\t                    <\/div>\n                <\/div> \n                            <\/div> \n            \n            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12\" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-general\">\n                    <div class=\"oxi-image-hover oxi-image-general-hover oxi-image-general-hover-style-1 oxi-image-general-hover-17-208\">\n                                                    <a  href=\"https:\/\/wesleydegraaf.com\/en\/z4d-app\/\">\n                                                            <div class=\"oxi-image-hover-figure\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/wesleydegraaf.com\/wp-content\/uploads\/2025\/02\/android-chrome-384x384-1.png\" >\n                                <\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab   image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up\"><h3 class=\"oxi-image-hover-heading\">H&amp;H Z4D App<\/h3><\/div>\n                                                                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/a>\n\t\t\t\t\t\t\t\t                    <\/div>\n                <\/div> \n                            <\/div> \n            \n            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12\" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-general\">\n                    <div class=\"oxi-image-hover oxi-image-general-hover oxi-image-general-hover-style-1 oxi-image-general-hover-17-209\">\n                                                    <a  href=\"https:\/\/wesleydegraaf.com\/en\/next-station\/\">\n                                                            <div class=\"oxi-image-hover-figure\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/wesleydegraaf.com\/wp-content\/uploads\/2025\/02\/Metro-Train-PNG-Pic.png\" >\n                                <\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab   image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up\"><h3 class=\"oxi-image-hover-heading\">Next Station<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up\">Explore the mystery of the metro station.<\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/a>\n\t\t\t\t\t\t\t\t                    <\/div>\n                <\/div> \n                            <\/div> \n            \n            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12\" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-general\">\n                    <div class=\"oxi-image-hover oxi-image-general-hover oxi-image-general-hover-style-1 oxi-image-general-hover-17-210\">\n                                                    <a  href=\"https:\/\/wesleydegraaf.com\/en\/hku-game-blitz\/\">\n                                                            <div class=\"oxi-image-hover-figure\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/wesleydegraaf.com\/wp-content\/uploads\/2025\/02\/wii_menu_title1.png\" >\n                                <\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab   image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up\"><h3 class=\"oxi-image-hover-heading\">HKU Game Blitz<\/h3><\/div>\n                                                                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/a>\n\t\t\t\t\t\t\t\t                    <\/div>\n                <\/div> \n                            <\/div> \n            \n            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12\" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-general\">\n                    <div class=\"oxi-image-hover oxi-image-general-hover oxi-image-general-hover-style-1 oxi-image-general-hover-17-211\">\n                                                    <a  href=\"https:\/\/wesleydegraaf.com\/en\/conveyorcraft\/\">\n                                                            <div class=\"oxi-image-hover-figure\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/wesleydegraaf.com\/wp-content\/uploads\/2022\/09\/ConveyorCraft-Website-Logo.png\" >\n                                <\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab   image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up\"><h3 class=\"oxi-image-hover-heading\">ConveyorCraft<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up\">Factory building game<\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/a>\n\t\t\t\t\t\t\t\t                    <\/div>\n                <\/div> \n                            <\/div> \n            \n            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12\" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-general\">\n                    <div class=\"oxi-image-hover oxi-image-general-hover oxi-image-general-hover-style-1 oxi-image-general-hover-17-212\">\n                                                    <a  href=\"https:\/\/wesleydegraaf.com\/en\/farms\/\">\n                                                            <div class=\"oxi-image-hover-figure\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/wesleydegraaf.com\/wp-content\/uploads\/2022\/09\/Farms-Website.png\" >\n                                <\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab   image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up\"><h3 class=\"oxi-image-hover-heading\">Farms!<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up\">Small Co-Op farm game<\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/a>\n\t\t\t\t\t\t\t\t                    <\/div>\n                <\/div> \n                            <\/div> \n            \n            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12\" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-general\">\n                    <div class=\"oxi-image-hover oxi-image-general-hover oxi-image-general-hover-style-1 oxi-image-general-hover-17-213\">\n                                                    <a  href=\"https:\/\/wesleydegraaf.com\/en\/final-lab\/\">\n                                                            <div class=\"oxi-image-hover-figure\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/wesleydegraaf.com\/wp-content\/uploads\/2022\/09\/Final-Lab-Website.png\" >\n                                <\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab   image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up\"><h3 class=\"oxi-image-hover-heading\">Final Lab<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up\">Final lab is a twinstick shooter<\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/a>\n\t\t\t\t\t\t\t\t                    <\/div>\n                <\/div> \n                            <\/div> \n            \n            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12\" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-general\">\n                    <div class=\"oxi-image-hover oxi-image-general-hover oxi-image-general-hover-style-1 oxi-image-general-hover-17-214\">\n                                                    <a  href=\"https:\/\/wesleydegraaf.com\/en\/viridescense\/\">\n                                                            <div class=\"oxi-image-hover-figure\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/wesleydegraaf.com\/wp-content\/uploads\/2022\/09\/Viridescense-Website.png\" >\n                                <\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab   image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up\"><h3 class=\"oxi-image-hover-heading\">Viridescense<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up\">Viridescense is an endless runner<\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/a>\n\t\t\t\t\t\t\t\t                    <\/div>\n                <\/div> \n                            <\/div> \n            \n            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12\" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-general\">\n                    <div class=\"oxi-image-hover oxi-image-general-hover oxi-image-general-hover-style-1 oxi-image-general-hover-17-215\">\n                                                    <a  href=\"https:\/\/wesleydegraaf.com\/en\/death-mystery\/\">\n                                                            <div class=\"oxi-image-hover-figure\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/wesleydegraaf.com\/wp-content\/uploads\/2022\/09\/Short-Burn-Website.png\" >\n                                <\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab   image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up\"><h3 class=\"oxi-image-hover-heading\">Death Mystery<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up\">First person puzzler inspired by: Sherlock holmes<\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/a>\n\t\t\t\t\t\t\t\t                    <\/div>\n                <\/div> \n                            <\/div> \n                            <\/div>\n            <\/div>\n\t\t\t\t\t\t\t\t\t <\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t <div role=\"tabpanel\" class=\"tab-pane\" id=\"tabs_desc_624_3\">\r\n\t\t\t\t\t\t\t\t            <div class=\"oxi-addons-container noLightbox oxi-image-hover-wrapper-18\" id=\"oxi-image-hover-wrapper-18\">\n                <div class=\"oxi-addons-row\">\n                    \n            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12\" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-general\">\n                    <div class=\"oxi-image-hover oxi-image-general-hover oxi-image-general-hover-style-1 oxi-image-general-hover-18-131\">\n                                                    <a  href=\"https:\/\/wesleydegraaf.com\/en\/z4d-app\/\">\n                                                            <div class=\"oxi-image-hover-figure\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/wesleydegraaf.com\/wp-content\/uploads\/2025\/02\/android-chrome-384x384-1.png\" >\n                                <\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab   image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up\"><h3 class=\"oxi-image-hover-heading\">H&amp;H Z4D App<\/h3><\/div>\n                                                                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/a>\n\t\t\t\t\t\t\t\t                    <\/div>\n                <\/div> \n                            <\/div> \n            \n            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12\" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-general\">\n                    <div class=\"oxi-image-hover oxi-image-general-hover oxi-image-general-hover-style-1 oxi-image-general-hover-18-132\">\n                                                    <a  href=\"https:\/\/wesleydegraaf.com\/en\/platformmaker\/\">\n                                                            <div class=\"oxi-image-hover-figure\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/wesleydegraaf.com\/wp-content\/uploads\/2022\/09\/PlatformMaker-Website.png\" >\n                                <\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab   image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up\"><h3 class=\"oxi-image-hover-heading\">PlatformMaker<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up\">PlatformMaker is a platformbuilder platformer<\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/a>\n\t\t\t\t\t\t\t\t                    <\/div>\n                <\/div> \n                            <\/div> \n            \n            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12\" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-general\">\n                    <div class=\"oxi-image-hover oxi-image-general-hover oxi-image-general-hover-style-1 oxi-image-general-hover-18-133\">\n                                                    <a  href=\"https:\/\/wesleydegraaf.com\/en\/discord-bots\/\">\n                                                            <div class=\"oxi-image-hover-figure\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/wesleydegraaf.com\/wp-content\/uploads\/2022\/09\/Discord-Bot-Website.png\" >\n                                <\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab   image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up\"><h3 class=\"oxi-image-hover-heading\">Discord Bots<\/h3><\/div>\n                                                                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/a>\n\t\t\t\t\t\t\t\t                    <\/div>\n                <\/div> \n                            <\/div> \n                            <\/div>\n            <\/div>\n\t\t\t\t\t\t\t\t\t <\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t <div role=\"tabpanel\" class=\"tab-pane\" id=\"tabs_desc_624_4\">\r\n\t\t\t\t\t\t\t\t            <div class=\"oxi-addons-container noLightbox oxi-image-hover-wrapper-19\" id=\"oxi-image-hover-wrapper-19\">\n                <div class=\"oxi-addons-row\">\n                    \n            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12\" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-general\">\n                    <div class=\"oxi-image-hover oxi-image-general-hover oxi-image-general-hover-style-1 oxi-image-general-hover-19-234\">\n                                                    <a  href=\"https:\/\/wesleydegraaf.com\/en\/no-more-pancakes\/\">\n                                                            <div class=\"oxi-image-hover-figure\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/wesleydegraaf.com\/wp-content\/uploads\/2025\/12\/NoMorePancakesLogo.png\" >\n                                <\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab   image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up\"><h3 class=\"oxi-image-hover-heading\">No More Pancakes<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up\">A short mysterious pancake cooking adventure.<\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/a>\n\t\t\t\t\t\t\t\t                    <\/div>\n                <\/div> \n                            <\/div> \n            \n            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12\" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-general\">\n                    <div class=\"oxi-image-hover oxi-image-general-hover oxi-image-general-hover-style-1 oxi-image-general-hover-19-235\">\n                                                    <a  href=\"https:\/\/wesleydegraaf.com\/en\/ivannio-ivre\/\">\n                                                            <div class=\"oxi-image-hover-figure\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/wesleydegraaf.com\/wp-content\/uploads\/2024\/10\/image-18.png\" >\n                                <\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab   image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up\"><h3 class=\"oxi-image-hover-heading\">Ivannio Ivre, The Painter's Stuggle<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up\">GMTK 2024 GameJam<\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/a>\n\t\t\t\t\t\t\t\t                    <\/div>\n                <\/div> \n                            <\/div> \n                            <\/div>\n            <\/div>\n\t\t\t\t\t\t\t\t\t <\/div>\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t <\/div>\r\n\t\t\t\t\t \r\n\t\t\t\t <\/div>\r\n <script>\r\n\t\tjQuery(function () {\r\n\t\t\tjQuery('#myTab_624 a:first').tab('show')\r\n\t\t});\r\n\t\t\r\n\t\t\t\tjQuery(function(){\r\n\t\t\tvar b=\"fadeIn\";\r\n\t\t\tvar c;\r\n\t\t\tvar a;\r\n\t\t\td(jQuery(\"#myTab_624 a\"),jQuery(\"#tab-content_624\"));function d(e,f,g){\r\n\t\t\t\te.click(function(i){\r\n\t\t\t\t\ti.preventDefault();\r\n\t\t\t\t\tjQuery(this).tab(\"show\");\r\n\t\t\t\t\tvar h=jQuery(this).data(\"easein\");\r\n\t\t\t\t\tif(c){c.removeClass(a);}\r\n\t\t\t\t\tif(h){f.find(\"div.active\").addClass(\"animated \"+h);a=h;}\r\n\t\t\t\t\telse{if(g){f.find(\"div.active\").addClass(\"animated \"+g);a=g;}else{f.find(\"div.active\").addClass(\"animated \"+b);a=b;}}c=f.find(\"div.active\");\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t});\r\n\t\t\r\n\r\n\t\tfunction do_resize(){\r\n\r\n\t\t\tvar width=jQuery( '.tab-content .tab-pane iframe' ).width();\r\n\t\t\tvar height=jQuery( '.tab-content .tab-pane iframe' ).height();\r\n\r\n\t\t\tvar toggleSize = true;\r\n\t\t\tjQuery('iframe').animate({\r\n\t\t\t    width: toggleSize ? width : 640,\r\n\t\t\t    height: toggleSize ? height : 360\r\n\t\t\t  }, 250);\r\n\r\n\t\t\t  toggleSize = !toggleSize;\r\n\t\t}\r\n\r\n\r\n\t<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-534","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/wesleydegraaf.com\/en\/wp-json\/wp\/v2\/pages\/534","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wesleydegraaf.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wesleydegraaf.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wesleydegraaf.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wesleydegraaf.com\/en\/wp-json\/wp\/v2\/comments?post=534"}],"version-history":[{"count":2,"href":"https:\/\/wesleydegraaf.com\/en\/wp-json\/wp\/v2\/pages\/534\/revisions"}],"predecessor-version":[{"id":625,"href":"https:\/\/wesleydegraaf.com\/en\/wp-json\/wp\/v2\/pages\/534\/revisions\/625"}],"wp:attachment":[{"href":"https:\/\/wesleydegraaf.com\/en\/wp-json\/wp\/v2\/media?parent=534"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}