{"id":2,"date":"2021-12-31T16:33:10","date_gmt":"2021-12-31T16:33:10","guid":{"rendered":"https:\/\/alandix.com\/labs\/?page_id=2"},"modified":"2025-08-29T16:39:53","modified_gmt":"2025-08-29T16:39:53","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/alandix.com\/labs\/","title":{"rendered":"About Labs"},"content":{"rendered":"\n<p>This microsite showcases various apps, demos, bright ideas, and half-baked code that I&#8217;m working on &nbsp;They will vary from pre-production alpha-prototypes, to ideations and envisionments. &nbsp;I&#8217;ll try to have stable demos, but I may hack versions that are live here, so don&#8217;t be surprised at the occasional instability!<\/p>\n\n\n\n<p>I&#8217;ve mostly added more recent things (although I have included the <a href=\"https:\/\/alandix.com\/labs\/alien-presence\/\" data-type=\"page\" data-id=\"234\">alien presence detector<\/a> as I&#8217;ve never done a proper write up of it).  Look on the <a rel=\"noreferrer noopener\" href=\"https:\/\/tireetechwave.org\/projects\/\" target=\"_blank\">Tiree Tech Wave Projects<\/a> page and my blog <a href=\"https:\/\/alandix.com\/code2\/\" target=\"_blank\" rel=\"noreferrer noopener\">code<\/a> page for other demos, apps, etc.<\/p>\n\n\n\n<p>Let me know what you find interesting, or would like to see in released form.<\/p>\n\n\n<div style=\"width: 110%; margin-left: -5%;\"><a href=\"https:\/\/alandix.com\/labs\/talkover\/\"><style>#bb_1513954714:hover {box-shadow: 0 0 15px 5px green;}<\/style><div id=\"bb_1513954714\" style=\"width: 200px; height: 200px; margin: 6px; position: relative; float: left; background-image: url(https:\/\/alandix.com\/labs\/files\/2022\/01\/talkover-touch-screen-square-1110x1110-1-300x300.png); background-size: contain; \"><div style=\"width: 100%; text-align: center; background-color: rgba(255,255,255,0.8); font-size: 16px; color: black; text-decoration: none; padding-top: 16px; padding-bottom: 16px; margin: 0; position: absolute; top: 120px; height: 48px; line-height: 1em; \">TalkOver<br \/><span style=\"font-size: 80%;\">telling stories about pictures<\/span><\/div><\/div><\/a> <a href=\"https:\/\/alandix.com\/labs\/ocr-markup\/\"><style>#bb_948763821:hover {box-shadow: 0 0 15px 5px purple;}<\/style><div id=\"bb_948763821\" style=\"width: 200px; height: 200px; margin: 6px; position: relative; float: left; background-image: url(https:\/\/alandix.com\/labs\/files\/2022\/01\/ocr-markup-sshot-square-512x512-1.png); background-size: contain; \"><div style=\"width: 100%; text-align: center; background-color: rgba(255,255,255,0.8); font-size: 16px; color: black; text-decoration: none; padding-top: 16px; padding-bottom: 16px; margin: 0; position: absolute; top: 120px; height: 48px; line-height: 1em; \">OCR Markup <br \/><span style=\"font-size: 80%;\">semantics from scans<\/span><\/div><\/div><\/a> <a href=\"https:\/\/alandix.com\/labs\/physproto\/\"><style>#bb_715409480:hover {box-shadow: 0 0 15px 5px purple;}<\/style><div id=\"bb_715409480\" style=\"width: 200px; height: 200px; margin: 6px; position: relative; float: left; background-image: url(https:\/\/alandix.com\/labs\/files\/2022\/01\/rockall-square-280x260-1.jpg); background-size: contain; \"><div style=\"width: 100%; text-align: center; background-color: rgba(255,255,255,0.8); font-size: 16px; color: black; text-decoration: none; padding-top: 16px; padding-bottom: 16px; margin: 0; position: absolute; top: 120px; height: 48px; line-height: 1em; \">PhysProto <br \/><span style=\"font-size: 80%;\">video mockups for physical prototypes<\/span><\/div><\/div><\/a> <a href=\"https:\/\/alandix.com\/labs\/scenario-viewer\/\"><style>#bb_324257845:hover {box-shadow: 0 0 15px 5px purple;}<\/style><div id=\"bb_324257845\" style=\"width: 200px; height: 200px; margin: 6px; position: relative; float: left; background-image: url(https:\/\/alandix.com\/labs\/files\/2022\/01\/scenario-viewer-square-1000x1000-1.jpg); background-size: contain; \"><div style=\"width: 100%; text-align: center; background-color: rgba(255,255,255,0.8); font-size: 16px; color: black; text-decoration: none; padding-top: 16px; padding-bottom: 16px; margin: 0; position: absolute; top: 120px; height: 48px; line-height: 1em; \">Scenario Viewer<br \/><span style=\"font-size: 80%;\">screen design in context<\/span><\/div><\/div><\/a> <a href=\"https:\/\/alandix.com\/labs\/parallel-video-slide-player\/\"><style>#bb_1684987231:hover {box-shadow: 0 0 15px 5px purple;}<\/style><div id=\"bb_1684987231\" style=\"width: 200px; height: 200px; margin: 6px; position: relative; float: left; background-image: url(https:\/\/alandix.com\/labs\/files\/2022\/01\/parallel-square-1546x1546-1.jpg); background-size: contain; \"><div style=\"width: 100%; text-align: center; background-color: rgba(255,255,255,0.8); font-size: 16px; color: black; text-decoration: none; padding-top: 16px; padding-bottom: 16px; margin: 0; position: absolute; top: 120px; height: 48px; line-height: 1em; \">Parallel Video\/Slide Player<br \/><span style=\"font-size: 80%;\">viewing and navigating recorded talks<\/span><\/div><\/div><\/a> <a href=\"https:\/\/alandix.com\/labs\/calq\/\"><style>#bb_2027263903:hover {box-shadow: 0 0 15px 5px purple;}<\/style><div id=\"bb_2027263903\" style=\"width: 200px; height: 200px; margin: 6px; position: relative; float: left; background-image: url(https:\/\/alandix.com\/labs\/files\/2023\/02\/calq-square.png); background-size: contain; \"><div style=\"width: 100%; text-align: center; background-color: rgba(255,255,255,0.8); font-size: 16px; color: black; text-decoration: none; padding-top: 16px; padding-bottom: 16px; margin: 0; position: absolute; top: 120px; height: 48px; line-height: 1em; \">calQ<br \/><span style=\"font-size: 80%;\">the calculator reimagined<\/span><\/div><\/div><\/a> <a href=\"https:\/\/alandix.com\/labs\/ws2\/\"><style>#bb_782813731:hover {box-shadow: 0 0 15px 5px purple;}<\/style><div id=\"bb_782813731\" style=\"width: 200px; height: 200px; margin: 6px; position: relative; float: left; background-image: url(https:\/\/alandix.com\/labs\/files\/2024\/06\/ws2-icon.png); background-size: contain; \"><div style=\"width: 100%; text-align: center; background-color: rgba(255,255,255,0.8); font-size: 16px; color: black; text-decoration: none; padding-top: 16px; padding-bottom: 16px; margin: 0; position: absolute; top: 120px; height: 48px; line-height: 1em; \">WS2 \u2013 workspace<br \/><span style=\"font-size: 80%;\">beyond the spreadsheet<\/span><\/div><\/div><\/a> <a href=\"https:\/\/alandix.com\/labs\/tsow\/\"><style>#bb_1268516021:hover {box-shadow: 0 0 15px 5px purple;}<\/style><div id=\"bb_1268516021\" style=\"width: 200px; height: 200px; margin: 6px; position: relative; float: left; background-image: url(https:\/\/alandix.com\/labs\/files\/2024\/07\/tsow-square-icon-1000x1000-1.png); background-size: contain; \"><div style=\"width: 100%; text-align: center; background-color: rgba(255,255,255,0.8); font-size: 16px; color: black; text-decoration: none; padding-top: 16px; padding-bottom: 16px; margin: 0; position: absolute; top: 120px; height: 48px; line-height: 1em; \">TSoW<br \/><span style=\"font-size: 80%;\">making numbers meaningful<\/span><\/div><\/div><\/a> <a href=\"https:\/\/alandix.com\/labs\/qbb\/\"><style>#bb_1321204644:hover {box-shadow: 0 0 15px 5px purple;}<\/style><div id=\"bb_1321204644\" style=\"width: 200px; height: 200px; margin: 6px; position: relative; float: left; background-image: url(https:\/\/alandix.com\/labs\/files\/2024\/06\/qbb-icon.png); background-size: contain; \"><div style=\"width: 100%; text-align: center; background-color: rgba(255,255,255,0.8); font-size: 16px; color: black; text-decoration: none; padding-top: 16px; padding-bottom: 16px; margin: 0; position: absolute; top: 120px; height: 48px; line-height: 1em; \">Query-by-Browsing<br \/><span style=\"font-size: 80%;\">intelligent transparent database access<\/span><\/div><\/div><\/a>\u00a0<a href=\"https:\/\/alandix.com\/labs\/helping-hand\/\"><style>#bb_1330640384:hover {box-shadow: 0 0 15px 5px purple;}<\/style><div id=\"bb_1330640384\" style=\"width: 200px; height: 200px; margin: 6px; position: relative; float: left; background-image: url(https:\/\/alandix.com\/labs\/files\/2022\/01\/helping-hand-square-1024x1024-1.jpg); background-size: contain; \"><div style=\"width: 100%; text-align: center; background-color: rgba(255,255,255,0.8); font-size: 16px; color: black; text-decoration: none; padding-top: 16px; padding-bottom: 16px; margin: 0; position: absolute; top: 120px; height: 48px; line-height: 1em; \">Helping Hand<br \/><span style=\"font-size: 80%;\">guiding mobile app use without getting too close<\/span><\/div><\/div><\/a> <a href=\"https:\/\/alandix.com\/labs\/alien-presence\/\"><style>#bb_1049850249:hover {box-shadow: 0 0 15px 5px purple;}<\/style><div id=\"bb_1049850249\" style=\"width: 200px; height: 200px; margin: 6px; position: relative; float: left; background-image: url(https:\/\/alandix.com\/labs\/files\/2022\/01\/alien-presence-logo-square-2-2000x2000-1.png); background-size: contain; \"><div style=\"width: 100%; text-align: center; background-color: rgba(255,255,255,0.8); font-size: 16px; color: black; text-decoration: none; padding-top: 16px; padding-bottom: 16px; margin: 0; position: absolute; top: 120px; height: 48px; line-height: 1em; \">Alien Presence Detector<br \/><span style=\"font-size: 80%;\">envisioning a safer workplace<\/span><\/div><\/div><\/a> <a href=\"https:\/\/alandix.com\/labs\/xui\/\"><style>#bb_139302827:hover {box-shadow: 0 0 15px 5px purple;}<\/style><div id=\"bb_139302827\" style=\"width: 200px; height: 200px; margin: 6px; position: relative; float: left; background-image: url(https:\/\/alandix.com\/labs\/files\/2025\/08\/XUI-icon-square-1000x1000-1.png); background-size: contain; \"><div style=\"width: 100%; text-align: center; background-color: rgba(255,255,255,0.8); font-size: 16px; color: black; text-decoration: none; padding-top: 16px; padding-bottom: 16px; margin: 0; position: absolute; top: 120px; height: 48px; line-height: 1em; \">XUI<br \/><span style=\"font-size: 80%;\">explainable user interfaces<\/span><\/div><\/div><\/a>\u00a0 \u00a0 \u00a0 <br clear=\"both\"><\/div>\n\n\n<hr class=\"wp-block-separator has-text-color has-blue-color has-css-opacity has-blue-background-color has-background is-style-default\"\/>\n\n\n\n<p style=\"font-size:11px\">Header image <a href=\"https:\/\/www.flickr.com\/photos\/183773348@N07\/48691828153\" target=\"_blank\" rel=\"noopener\">still life of five laboratory flasks<\/a> by <a href=\"https:\/\/www.flickr.com\/people\/183773348@N07\/\" target=\"_blank\" rel=\"noopener\">Knowing Roger<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This microsite showcases various apps, demos, bright ideas, and half-baked code that I&#8217;m working on &nbsp;They will vary from pre-production alpha-prototypes, to ideations and envisionments. &nbsp;I&#8217;ll try to have stable demos, but I may hack versions that are live here, &hellip; <a href=\"https:\/\/alandix.com\/labs\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alandix.com\/labs\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alandix.com\/labs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alandix.com\/labs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alandix.com\/labs\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/alandix.com\/labs\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":38,"href":"https:\/\/alandix.com\/labs\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":550,"href":"https:\/\/alandix.com\/labs\/wp-json\/wp\/v2\/pages\/2\/revisions\/550"}],"wp:attachment":[{"href":"https:\/\/alandix.com\/labs\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}