{"id":246,"date":"2023-01-11T15:53:42","date_gmt":"2023-01-11T15:53:42","guid":{"rendered":"https:\/\/trewest.dev\/blog\/?p=246"},"modified":"2023-12-05T09:34:34","modified_gmt":"2023-12-05T09:34:34","slug":"project-trewest-dev","status":"publish","type":"post","link":"https:\/\/trewest.dev\/blog\/index.php\/2023\/01\/11\/project-trewest-dev\/","title":{"rendered":"Project: trewest.dev"},"content":{"rendered":"<div class=\"wp-post-series-box series-project-overviews wp-post-series-box--expandable\">\n\t\t\t<input id=\"collapsible-series-project-overviews69dac285807c5\" class=\"wp-post-series-box__toggle_checkbox\" type=\"checkbox\">\n\t\n\t<label\n\t\tclass=\"wp-post-series-box__label\"\n\t\t\t\t\tfor=\"collapsible-series-project-overviews69dac285807c5\"\n\t\t\ttabindex=\"0\"\n\t\t\t\t>\n\t\t<p class=\"wp-post-series-box__name wp-post-series-name\">\n\t\t\tThis is post 4 of 21 in the series <em>&ldquo;Project Overviews&rdquo;<\/em>\t\t<\/p>\n\t\t\t\t\t<div class=\"wp-post-series-box__description wp-post-series-description\">\n\t\t\t\t<p>A series of posts detailing and highlighting projects that I&#8217;ve made.<\/p>\n\t\t\t<\/div>\n\t\t\t<\/label>\n\n\t\t\t<div class=\"wp-post-series-box__posts\">\n\t\t\t<ol>\n\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/trewest.dev\/blog\/index.php\/2023\/01\/10\/project-bugtrakt\/\">Project: Bugtrakt<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/trewest.dev\/blog\/index.php\/2023\/01\/10\/project-imgalib\/\">Project: Imgalib<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/trewest.dev\/blog\/index.php\/2023\/01\/10\/project-go-fish\/\">Project: Go Fish!<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li><span class=\"wp-post-series-box__current\">Project: trewest.dev<\/span><\/li>\n\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/trewest.dev\/blog\/index.php\/2023\/01\/11\/arduino-light-effects\/\">Arduino Light effects<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/trewest.dev\/blog\/index.php\/2023\/01\/11\/project-mini-stacker\/\">Project: Mini Stacker<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/trewest.dev\/blog\/index.php\/2023\/01\/12\/project-arduino-nes-controller\/\">Project: Arduino NES Controller<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/trewest.dev\/blog\/index.php\/2023\/01\/12\/project-metroidvania-like\/\">Project: Metroidvania-Like<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/trewest.dev\/blog\/index.php\/2023\/01\/12\/project-susminer\/\">Project: Susminer<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/trewest.dev\/blog\/index.php\/2023\/01\/12\/project-farming-demo\/\">Project: Farming Demo<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/trewest.dev\/blog\/index.php\/2023\/01\/13\/project-vrc-basement\/\">Project: VRC Basement<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/trewest.dev\/blog\/index.php\/2023\/01\/13\/project-hash-clear\/\">Project: Hash Clear<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/trewest.dev\/blog\/index.php\/2023\/01\/13\/project-titan-help\/\">Project: Titan Help<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/trewest.dev\/blog\/index.php\/2023\/01\/13\/project-computer-craft-scripts\/\">Project: Computer Craft Scripts<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/trewest.dev\/blog\/index.php\/2023\/01\/15\/project-esp8266-plant-watering\/\">Project: ESP8266 Plant Watering<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/trewest.dev\/blog\/index.php\/2023\/01\/15\/project-golf-demo\/\">Project: Golf Demo<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/trewest.dev\/blog\/index.php\/2023\/01\/15\/project-ghost-holic\/\">Project: Ghost Holic<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/trewest.dev\/blog\/index.php\/2023\/03\/27\/project-multi-chat-viewer\/\">Project: Multi-Chat Viewer<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/trewest.dev\/blog\/index.php\/2024\/08\/22\/project-interview-simulator\/\">Project: Interview Simulator<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/trewest.dev\/blog\/index.php\/2024\/10\/18\/project-healers-journey\/\">Project: Healer&#8217;s Journey<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/trewest.dev\/blog\/index.php\/2024\/10\/18\/project-biota\/\">Project: Biota<\/a><\/li>\n\t\t\t\t\t\t\t<\/ol>\n\t\t<\/div>\n\t<\/div>\n\n<p>Status: <span style=\"color:yellow;\">Work In Progress<\/span><br>Type: Website<br>Technology: PHP, JS, CSS, HTML<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/trewest.dev\">Return to Portfolio<\/a><\/div>\n<\/div>\n\n\n\n<p>Trewest.dev, formerly trew.tk.  My own portfolio site, which I then tacked a WordPress blog onto.  Originally I had hoped to do some impressive things with it.  For instance I had considered making a VR equivalent to it, which I might still do.  The main difference between what I had wanted to do and still might do is that I wanted the original to be integrated in the site as a dynamic 3D background rendered in three.js.  While it is completely possible to do this the main issue I had with it was the time it would take to develop, as it would be developed purely in code, and if I wanted to have any gamified features it would require me to choose a variety of solutions for collision detection or use a common solution which would require learning more APIs.  Doing that level of work isn&#8217;t something of interest to me for a feature that would be mostly ignored and unused, and furthermore would likely have to be disabled for mobile devices, though I still think it&#8217;d be an interesting thing to have.  <br>Anyhow, in it&#8217;s current form it&#8217;s just a static HTML site with some styling, and some handwritten JavaScript that helps everything look cleaner, for instance the buttons that show details for the projects are a simple state machine that will toggle what HTML is shown using either style=&#8221;display:block;&#8221; or style=&#8221;display:none;&#8221; in the tags.  This requires a little bit of manual coding every time I add an option, which while annoying isn&#8217;t a big deal.  <br>As for what I&#8217;m doing with it today, currently I&#8217;m doing write ups (Like this one you&#8217;re reading right now), am considering what to do with the background such as some fun Javascript in a Iframe or maybe just a video background, though admittedly I also like having just a plain black background for a pure terminal look.<br>Anyhow, here&#8217;s some screenshots of the progress which I&#8217;ll hopefully remember to update as I work.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"826\" src=\"https:\/\/trewest.dev\/blog\/wp-content\/uploads\/2023\/01\/image-20-1024x826.png\" alt=\"\" class=\"wp-image-247\" srcset=\"https:\/\/trewest.dev\/blog\/wp-content\/uploads\/2023\/01\/image-20-1024x826.png 1024w, https:\/\/trewest.dev\/blog\/wp-content\/uploads\/2023\/01\/image-20-300x242.png 300w, https:\/\/trewest.dev\/blog\/wp-content\/uploads\/2023\/01\/image-20-768x619.png 768w, https:\/\/trewest.dev\/blog\/wp-content\/uploads\/2023\/01\/image-20-1536x1238.png 1536w, https:\/\/trewest.dev\/blog\/wp-content\/uploads\/2023\/01\/image-20.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"996\" height=\"1024\" src=\"https:\/\/trewest.dev\/blog\/wp-content\/uploads\/2023\/01\/image-21-996x1024.png\" alt=\"\" class=\"wp-image-248\" srcset=\"https:\/\/trewest.dev\/blog\/wp-content\/uploads\/2023\/01\/image-21-996x1024.png 996w, https:\/\/trewest.dev\/blog\/wp-content\/uploads\/2023\/01\/image-21-292x300.png 292w, https:\/\/trewest.dev\/blog\/wp-content\/uploads\/2023\/01\/image-21-768x789.png 768w, https:\/\/trewest.dev\/blog\/wp-content\/uploads\/2023\/01\/image-21-1495x1536.png 1495w, https:\/\/trewest.dev\/blog\/wp-content\/uploads\/2023\/01\/image-21.png 1920w\" sizes=\"auto, (max-width: 996px) 100vw, 996px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Trewest.dev, formerly trew.tk. My own portfolio site, which I then tacked a WordPress blog onto. Originally I had hoped to do some impressive things with it. For instance I had considered making a VR equivalent to it, which I might still do. The main difference between what I had wanted to do and still might do is that I wanted the original to be integrated in the site as a dynamic 3D background&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,41,44,42,33,8,32],"tags":[40,39,47,30,31,46],"post_series":[53],"class_list":["post-246","post","type-post","status-publish","format-standard","hentry","category-coding","category-css","category-html","category-js","category-php","category-project","category-website","tag-css","tag-html","tag-js","tag-php","tag-website","tag-wordpress","post_series-project-overviews"],"_links":{"self":[{"href":"https:\/\/trewest.dev\/blog\/index.php\/wp-json\/wp\/v2\/posts\/246","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trewest.dev\/blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/trewest.dev\/blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/trewest.dev\/blog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trewest.dev\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=246"}],"version-history":[{"count":2,"href":"https:\/\/trewest.dev\/blog\/index.php\/wp-json\/wp\/v2\/posts\/246\/revisions"}],"predecessor-version":[{"id":351,"href":"https:\/\/trewest.dev\/blog\/index.php\/wp-json\/wp\/v2\/posts\/246\/revisions\/351"}],"wp:attachment":[{"href":"https:\/\/trewest.dev\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=246"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/trewest.dev\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=246"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/trewest.dev\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=246"},{"taxonomy":"post_series","embeddable":true,"href":"https:\/\/trewest.dev\/blog\/index.php\/wp-json\/wp\/v2\/post_series?post=246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}