{"id":11,"date":"2021-09-16T21:41:27","date_gmt":"2021-09-16T21:41:27","guid":{"rendered":"https:\/\/webaffair.net\/blog\/?p=11"},"modified":"2024-01-15T09:15:10","modified_gmt":"2024-01-15T09:15:10","slug":"the-book-of-traceable-heraldic-art","status":"publish","type":"post","link":"https:\/\/webaffair.net\/blog\/portfolio\/current\/the-book-of-traceable-heraldic-art\/","title":{"rendered":"The Book of Traceable Heraldic Art"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">This is a complete rebuild of the back end of an existing website. The old site had a complex build process was but then serving static html pages. I am rebuilding it as a node.js site with a MongoDB back end.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Production Site:<\/strong> https:\/\/heraldicart.org<\/li><li><strong>Old Build Process:<\/strong> http:\/\/heraldicart.org\/build<\/li><li><strong>Development Site:<\/strong> https:\/\/heraldic-art.glitch.me\/<\/li><li><strong>New Codebase: <\/strong>https:\/\/glitch.com\/edit\/#!\/heraldic-art<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"http:\/\/heraldicart.org\/lion\/lion-3.pdf.png\" alt=\"\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>This is a complete rebuild of the back end of an existing website. The old site had a complex build process was but then serving static html pages. I am rebuilding it as a node.js site with a MongoDB back end.<\/p>\n","protected":false},"author":1,"featured_media":12,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4],"tags":[15,16],"class_list":["post-11","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-current","tag-mongodb","tag-node-js"],"jetpack_featured_media_url":"https:\/\/webaffair.net\/blog\/wp-content\/uploads\/2021\/09\/cover-page.pdf.png","jetpack-related-posts":[{"id":127,"url":"https:\/\/webaffair.net\/blog\/portfolio\/current\/learn-css-discord-activity-game\/","url_meta":{"origin":11,"position":0},"title":"Learn CSS Discord Activity Game","author":"Jay","date":"June 7, 2024","format":false,"excerpt":"I'll name it something cool eventually, hopefully. Bored and unable to sleep one day, I decided: what the heck, I want to figure out this discord app\/activity thing, and I need to learn REACT, and I've somehow acquired this group of people who are looking at me to explain web\u2026","rel":"","context":"In &quot;Current Projects&quot;","block_context":{"text":"Current Projects","link":"https:\/\/webaffair.net\/blog\/category\/portfolio\/current\/"},"img":{"alt_text":"Screenshot of the game","src":"https:\/\/i0.wp.com\/webaffair.net\/blog\/wp-content\/uploads\/2024\/06\/Screen-Shot-2024-06-04-at-1.26.33-AM.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/webaffair.net\/blog\/wp-content\/uploads\/2024\/06\/Screen-Shot-2024-06-04-at-1.26.33-AM.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/webaffair.net\/blog\/wp-content\/uploads\/2024\/06\/Screen-Shot-2024-06-04-at-1.26.33-AM.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/webaffair.net\/blog\/wp-content\/uploads\/2024\/06\/Screen-Shot-2024-06-04-at-1.26.33-AM.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/webaffair.net\/blog\/wp-content\/uploads\/2024\/06\/Screen-Shot-2024-06-04-at-1.26.33-AM.png?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/webaffair.net\/blog\/wp-content\/uploads\/2024\/06\/Screen-Shot-2024-06-04-at-1.26.33-AM.png?resize=1400%2C800&ssl=1 4x"},"classes":[]},{"id":293,"url":"https:\/\/webaffair.net\/blog\/portfolio\/completed\/web-design-barony-of-lions-gate\/","url_meta":{"origin":11,"position":1},"title":"Web Design: Barony of Lions Gate","author":"Jay","date":"November 22, 2025","format":false,"excerpt":"Redesigned the club's website, implemented it as a full custom WordPress theme, and migrated all the content from their previous static site. Dynamic events calendar with automatically-scheduled weekly practices, news feed pulled from their facebook page, feedback form for award recommendations, automatic backups. Not too basic, not to complicated... I\u2026","rel":"","context":"In &quot;Completed Projects&quot;","block_context":{"text":"Completed Projects","link":"https:\/\/webaffair.net\/blog\/category\/portfolio\/completed\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/webaffair.net\/blog\/wp-content\/uploads\/2025\/11\/lionsgate_website.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/webaffair.net\/blog\/wp-content\/uploads\/2025\/11\/lionsgate_website.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/webaffair.net\/blog\/wp-content\/uploads\/2025\/11\/lionsgate_website.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/webaffair.net\/blog\/wp-content\/uploads\/2025\/11\/lionsgate_website.jpg?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":9,"url":"https:\/\/webaffair.net\/blog\/code\/basics\/funky-cursor-colours\/","url_meta":{"origin":11,"position":2},"title":"Changing the Colors of Input Elements","author":"Jay","date":"September 16, 2021","format":false,"excerpt":"Ever been on a forum site with a really nice dark theme, but then you go to make a post, and are presented with a large blindingly white text area to type in? Maybe with tiny, hard to read font? Of course you have. But this is a 100% fixable\u2026","rel":"","context":"In &quot;Basics&quot;","block_context":{"text":"Basics","link":"https:\/\/webaffair.net\/blog\/category\/code\/basics\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":317,"url":"https:\/\/webaffair.net\/blog\/code\/basics\/introduction-to-browser-development-tools\/","url_meta":{"origin":11,"position":3},"title":"Introduction to Browser Development Tools","author":"Jay","date":"December 18, 2025","format":false,"excerpt":"All modern desktop browsers now have integrated browser tools, however, there are subtle (and sometimes less subtle) differences between each. I find that Firefox has the best overall, though I do switch to Chrome for some specific debugging tasks. I personally only use Edge or Safari when trying to isolate\u2026","rel":"","context":"In &quot;Basics&quot;","block_context":{"text":"Basics","link":"https:\/\/webaffair.net\/blog\/category\/code\/basics\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/webaffair.net\/blog\/wp-content\/uploads\/2025\/12\/DevToolsSettingsFirefox-1-scaled.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/webaffair.net\/blog\/wp-content\/uploads\/2025\/12\/DevToolsSettingsFirefox-1-scaled.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/webaffair.net\/blog\/wp-content\/uploads\/2025\/12\/DevToolsSettingsFirefox-1-scaled.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/webaffair.net\/blog\/wp-content\/uploads\/2025\/12\/DevToolsSettingsFirefox-1-scaled.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/webaffair.net\/blog\/wp-content\/uploads\/2025\/12\/DevToolsSettingsFirefox-1-scaled.png?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/webaffair.net\/blog\/wp-content\/uploads\/2025\/12\/DevToolsSettingsFirefox-1-scaled.png?resize=1400%2C800&ssl=1 4x"},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/webaffair.net\/blog\/wp-json\/wp\/v2\/posts\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webaffair.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webaffair.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webaffair.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webaffair.net\/blog\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":2,"href":"https:\/\/webaffair.net\/blog\/wp-json\/wp\/v2\/posts\/11\/revisions"}],"predecessor-version":[{"id":95,"href":"https:\/\/webaffair.net\/blog\/wp-json\/wp\/v2\/posts\/11\/revisions\/95"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webaffair.net\/blog\/wp-json\/wp\/v2\/media\/12"}],"wp:attachment":[{"href":"https:\/\/webaffair.net\/blog\/wp-json\/wp\/v2\/media?parent=11"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webaffair.net\/blog\/wp-json\/wp\/v2\/categories?post=11"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webaffair.net\/blog\/wp-json\/wp\/v2\/tags?post=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}