{"id":747,"date":"2023-04-22T09:40:25","date_gmt":"2023-04-22T06:40:25","guid":{"rendered":"https:\/\/andrewwippler.com\/?p=747"},"modified":"2023-04-22T09:52:50","modified_gmt":"2023-04-22T06:52:50","slug":"speaker-windows","status":"publish","type":"post","link":"https:\/\/andrewwippler.com\/2023\/04\/22\/speaker-windows\/","title":{"rendered":"Speaker Windows"},"content":{"rendered":"\n<p>I have been working on a personal project to organize my preaching illustrations. Whereas one could use a tool such as Notion, Evernote, or Obsidian, I have had a desire to keep my data in an easy to use interface. I should not have to spend 10 minutes to find that illustration I need. Plus, those services might charge me more than $3\/month to access advanced features I may become dependent upon.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/andrewwippler.com\/wp-content\/uploads\/2023\/04\/speakerwindows.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"639\" src=\"https:\/\/i0.wp.com\/andrewwippler.com\/wp-content\/uploads\/2023\/04\/speakerwindows.png?resize=1024%2C639&#038;ssl=1\" alt=\"\" class=\"wp-image-748\" srcset=\"https:\/\/i0.wp.com\/andrewwippler.com\/wp-content\/uploads\/2023\/04\/speakerwindows.png?resize=1024%2C639&amp;ssl=1 1024w, https:\/\/i0.wp.com\/andrewwippler.com\/wp-content\/uploads\/2023\/04\/speakerwindows.png?resize=300%2C187&amp;ssl=1 300w, https:\/\/i0.wp.com\/andrewwippler.com\/wp-content\/uploads\/2023\/04\/speakerwindows.png?resize=768%2C479&amp;ssl=1 768w, https:\/\/i0.wp.com\/andrewwippler.com\/wp-content\/uploads\/2023\/04\/speakerwindows.png?w=1055&amp;ssl=1 1055w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" data-recalc-dims=\"1\" \/><\/a><\/figure>\n\n\n\n<p>Over the years, I have collected over a thousand notes and jots from various sources, which I have been storing in <a href=\"https:\/\/github.com\/andrewwippler\/speaker-illustrations\" data-type=\"URL\" data-id=\"https:\/\/github.com\/andrewwippler\/speaker-illustrations\">Speaker Illustrations<\/a>. However, the time has come to add features (such as attaching images or videos) and I am not very proficient in Rails to make such a change. I have re-written Speaker Illustrations in JavaScript using React and Nextjs, with an API provided by AdonisJS. I have called it <a href=\"https:\/\/github.com\/andrewwippler\/SpeakerWindows\" data-type=\"URL\" data-id=\"https:\/\/github.com\/andrewwippler\/SpeakerWindows\">Speaker Windows<\/a> because an illustration is just a window for people to look through to understand your meaning.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/andrewwippler.com\/wp-content\/uploads\/2023\/04\/ability.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"549\" src=\"https:\/\/i0.wp.com\/andrewwippler.com\/wp-content\/uploads\/2023\/04\/ability.png?resize=1024%2C549&#038;ssl=1\" alt=\"\" class=\"wp-image-749\" srcset=\"https:\/\/i0.wp.com\/andrewwippler.com\/wp-content\/uploads\/2023\/04\/ability.png?resize=1024%2C549&amp;ssl=1 1024w, https:\/\/i0.wp.com\/andrewwippler.com\/wp-content\/uploads\/2023\/04\/ability.png?resize=300%2C161&amp;ssl=1 300w, https:\/\/i0.wp.com\/andrewwippler.com\/wp-content\/uploads\/2023\/04\/ability.png?resize=768%2C412&amp;ssl=1 768w, https:\/\/i0.wp.com\/andrewwippler.com\/wp-content\/uploads\/2023\/04\/ability.png?w=1081&amp;ssl=1 1081w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" data-recalc-dims=\"1\" \/><\/a><\/figure>\n\n\n\n<p>Anyone can host their own copy of <a href=\"https:\/\/github.com\/andrewwippler\/SpeakerWindows\" data-type=\"URL\" data-id=\"https:\/\/github.com\/andrewwippler\/SpeakerWindows\">Speaker Windows<\/a>, but I know how most who would benefit from this service are inept to install software on a server. Therefore, I have designed the application with multi-user auth. Anyone can register for an account on my <a href=\"https:\/\/sw.wplr.rocks\/\" data-type=\"URL\" data-id=\"https:\/\/sw.wplr.rocks\/\">publicly hosted instance<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/andrewwippler.com\/wp-content\/uploads\/2023\/04\/speakerwindows2.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"783\" src=\"https:\/\/i0.wp.com\/andrewwippler.com\/wp-content\/uploads\/2023\/04\/speakerwindows2.png?resize=1024%2C783&#038;ssl=1\" alt=\"\" class=\"wp-image-750\" srcset=\"https:\/\/i0.wp.com\/andrewwippler.com\/wp-content\/uploads\/2023\/04\/speakerwindows2.png?resize=1024%2C783&amp;ssl=1 1024w, https:\/\/i0.wp.com\/andrewwippler.com\/wp-content\/uploads\/2023\/04\/speakerwindows2.png?resize=300%2C229&amp;ssl=1 300w, https:\/\/i0.wp.com\/andrewwippler.com\/wp-content\/uploads\/2023\/04\/speakerwindows2.png?resize=768%2C587&amp;ssl=1 768w, https:\/\/i0.wp.com\/andrewwippler.com\/wp-content\/uploads\/2023\/04\/speakerwindows2.png?w=1076&amp;ssl=1 1076w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" data-recalc-dims=\"1\" \/><\/a><\/figure>\n\n\n\n<p>The new features have yet to be added, but the project is now at the same functionality as my old implementation. Currently, I am satisfied with the rewrite and am happy with using NextJS and AdonisJS in future personal projects, such as a shopping list app to replace our use of Google Keep. (There are rumors Google Keep is being axed.)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I have been working on a personal project to organize my preaching illustrations. Whereas one could use a tool such as Notion, Evernote, or Obsidian, I have had a desire to keep my data in an easy to use interface. I should not have to spend 10 minutes to find that illustration I need. Plus, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":false,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[1],"tags":[51,29],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/andrewwippler.com\/wp-json\/wp\/v2\/posts\/747"}],"collection":[{"href":"https:\/\/andrewwippler.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/andrewwippler.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/andrewwippler.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/andrewwippler.com\/wp-json\/wp\/v2\/comments?post=747"}],"version-history":[{"count":1,"href":"https:\/\/andrewwippler.com\/wp-json\/wp\/v2\/posts\/747\/revisions"}],"predecessor-version":[{"id":751,"href":"https:\/\/andrewwippler.com\/wp-json\/wp\/v2\/posts\/747\/revisions\/751"}],"wp:attachment":[{"href":"https:\/\/andrewwippler.com\/wp-json\/wp\/v2\/media?parent=747"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/andrewwippler.com\/wp-json\/wp\/v2\/categories?post=747"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/andrewwippler.com\/wp-json\/wp\/v2\/tags?post=747"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}