{"home":{"sourceFull":"s# Pieter Fiers\n\n{dropword}`Hi!`I like maps, machine learning and\nmicrocontrollers. This site is a home to showcase my favorite\n[projects](/projects), and the [technologies](/technologies) used to build them.\n\nRead about [Pathy](/projects/pathy), a small rover that autonomously follows\nforest paths, check out my [IoT](/projects/iot) projects, or just [browse them all](/projects).\n\nWant to get in touch? \n[pieter@pfiers.net](mailto:pieter@pfiers.net) — \n[Resume](/resume.html) — \n[LinkedIn](https://www.linkedin.com/in/pfiers) — \n[GitHub](https://github.com/ubipo)\n\n![Computer rendered top-down view of buildings and river](c:groot-begijnhof-blender.png)\n","sourceContent":"s# Pieter Fiers\n\n{dropword}`Hi!`I like maps, machine learning and\nmicrocontrollers. This site is a home to showcase my favorite\n[projects](/projects), and the [technologies](/technologies) used to build them.\n\nRead about [Pathy](/projects/pathy), a small rover that autonomously follows\nforest paths, check out my [IoT](/projects/iot) projects, or just [browse them all](/projects).\n\nWant to get in touch? \n[pieter@pfiers.net](mailto:pieter@pfiers.net) — \n[Resume](/resume.html) — \n[LinkedIn](https://www.linkedin.com/in/pfiers) — \n[GitHub](https://github.com/ubipo)\n\n![Computer rendered top-down view of buildings and river](c:groot-begijnhof-blender.png)\n","tokens":[{"type":"sheading","raw":"s# Pieter Fiers\n\n","depth":1,"text":"sPieter Fiers","tokens":[{"type":"stext","raw":"sPieter Fiers","text":"sPieter Fiers"}]},{"type":"sparagraph","raw":"s{dropword}`Hi!`I like maps, machine learning and\nmicrocontrollers. This site is a home to showcase my favorite\n[projects](/projects), and the [technologies](/technologies) used to build them.","text":"s{dropword}`Hi!`I like maps, machine learning and\nmicrocontrollers. This site is a home to showcase my favorite\n[projects](/projects), and the [technologies](/technologies) used to build them.","tokens":[{"type":"sdropword","raw":"s{dropword}`Hi!`","text":"sHi!"},{"type":"stext","raw":"sI like maps, machine learning and\nmicrocontrollers. This site is a home to showcase my favorite\n","text":"sI like maps, machine learning and\nmicrocontrollers. This site is a home to showcase my favorite\n"},{"type":"slink","raw":"s[projects](/projects)","href":"s/projects","title":null,"text":"sprojects","tokens":[{"type":"stext","raw":"sprojects","text":"sprojects"}]},{"type":"stext","raw":"s, and the ","text":"s, and the "},{"type":"slink","raw":"s[technologies](/technologies)","href":"s/technologies","title":null,"text":"stechnologies","tokens":[{"type":"stext","raw":"stechnologies","text":"stechnologies"}]},{"type":"stext","raw":"s used to build them.","text":"s used to build them."}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"sRead about [Pathy](/projects/pathy), a small rover that autonomously follows\nforest paths, check out my [IoT](/projects/iot) projects, or just [browse them all](/projects).","text":"sRead about [Pathy](/projects/pathy), a small rover that autonomously follows\nforest paths, check out my [IoT](/projects/iot) projects, or just [browse them all](/projects).","tokens":[{"type":"stext","raw":"sRead about ","text":"sRead about "},{"type":"slink","raw":"s[Pathy](/projects/pathy)","href":"s/projects/pathy","title":null,"text":"sPathy","tokens":[{"type":"stext","raw":"sPathy","text":"sPathy"}]},{"type":"stext","raw":"s, a small rover that autonomously follows\nforest paths, check out my ","text":"s, a small rover that autonomously follows\nforest paths, check out my "},{"type":"slink","raw":"s[IoT](/projects/iot)","href":"s/projects/iot","title":null,"text":"sIoT","tokens":[{"type":"stext","raw":"sIoT","text":"sIoT"}]},{"type":"stext","raw":"s projects, or just ","text":"s projects, or just "},{"type":"slink","raw":"s[browse them all](/projects)","href":"s/projects","title":null,"text":"sbrowse them all","tokens":[{"type":"stext","raw":"sbrowse them all","text":"sbrowse them all"}]},{"type":"stext","raw":"s.","text":"s."}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"sWant to get in touch? \n[pieter@pfiers.net](mailto:pieter@pfiers.net) — \n[Resume](/resume.html) — \n[LinkedIn](https://www.linkedin.com/in/pfiers) — \n[GitHub](https://github.com/ubipo)","text":"sWant to get in touch? \n[pieter@pfiers.net](mailto:pieter@pfiers.net) — \n[Resume](/resume.html) — \n[LinkedIn](https://www.linkedin.com/in/pfiers) — \n[GitHub](https://github.com/ubipo)","tokens":[{"type":"stext","raw":"sWant to get in touch?","text":"sWant to get in touch?"},{"type":"sbr","raw":"s \n"},{"type":"slink","raw":"s[pieter@pfiers.net](mailto:pieter@pfiers.net)","href":"smailto:pieter@pfiers.net","title":null,"text":"spieter@pfiers.net","tokens":[{"type":"stext","raw":"spieter@pfiers.net","text":"spieter@pfiers.net"}]},{"type":"stext","raw":"s — \n","text":"s — \n"},{"type":"slink","raw":"s[Resume](/resume.html)","href":"s/resume.html","title":null,"text":"sResume","tokens":[{"type":"stext","raw":"sResume","text":"sResume"}]},{"type":"stext","raw":"s — \n","text":"s — \n"},{"type":"slink","raw":"s[LinkedIn](https://www.linkedin.com/in/pfiers)","href":"shttps://www.linkedin.com/in/pfiers","title":null,"text":"sLinkedIn","tokens":[{"type":"stext","raw":"sLinkedIn","text":"sLinkedIn"}]},{"type":"stext","raw":"s — \n","text":"s — \n"},{"type":"slink","raw":"s[GitHub](https://github.com/ubipo)","href":"shttps://github.com/ubipo","title":null,"text":"sGitHub","tokens":[{"type":"stext","raw":"sGitHub","text":"sGitHub"}]}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"s![Computer rendered top-down view of buildings and river](c:groot-begijnhof-blender.png)\n","text":"s![Computer rendered top-down view of buildings and river](c:groot-begijnhof-blender.png)","tokens":[{"type":"simage","raw":"s![Computer rendered top-down view of buildings and river](c:groot-begijnhof-blender.png)","href":"s/content/groot-begijnhof-blender.png","title":null,"text":"sComputer rendered top-down view of buildings and river","meta":{"width":1920,"height":1080,"format":"spng","placeholder":"sdata:image/webp;base64,UklGRjoAAABXRUJQVlA4IC4AAADQAQCdASoGAAMAAgA0JZACdAEVjbW6gAD7Hc9wCpoY7FIrPoV6y++oYFFFcwAA","srcset":[{"mediaQuery":"smax-width: 500px","size":400,"url":"s/content/_srcset/groot-begijnhof-blender.png-400.webp"},{"mediaQuery":"smax-width: 1920px","size":704,"url":"s/content/_srcset/groot-begijnhof-blender.png-704.webp"},{"size":1080,"url":"s/content/_srcset/groot-begijnhof-blender.png-1080.webp"}]}}]}]},"projects":[{"definedInline":false,"name":"sLakehopper","urlSafeName":"slakehopper","shortDescription":{"sourceFull":"sWork-in-progress autonomous drone that can fly long distances by hopping from \none lake to the next.\n","sourceContent":"sWork-in-progress autonomous drone that can fly long distances by hopping from \none lake to the next.\n","tokens":[{"type":"sparagraph","raw":"sWork-in-progress autonomous drone that can fly long distances by hopping from \none lake to the next.\n","text":"sWork-in-progress autonomous drone that can fly long distances by hopping from \none lake to the next.","tokens":[{"type":"stext","raw":"sWork-in-progress autonomous drone that can fly long distances by hopping from \none lake to the next.","text":"sWork-in-progress autonomous drone that can fly long distances by hopping from \none lake to the next."}]}]},"gitUrl":"uhttps://github.com/ubipo/lakehopper","siteUrl":"uhttps://lakehopper.pfiers.net/","image":{"meta":{"width":4000,"height":1800,"format":"swebp","placeholder":"sdata:image/webp;base64,UklGRj4AAABXRUJQVlA4IDIAAADwAQCdASoGAAMAAgA0JYwCdAEfbiyfuoAA/vqBD1CvuM01MShTCfS35EK9lKlxZAAAAA=="},"url":"s/content/projects/lakehopper-ground.webp","alt":"sFirst version of Lakehopper on a workbench"},"longDescription":{"sourceFull":"s---\nname: Lakehopper\nshortDescription: |\n Work-in-progress autonomous drone that can fly long distances by hopping from \n one lake to the next.\ntechnologies:\n - Perception\n - Robotics\n - Deep learning\n - Python\n - Rust\nsiteUrl: https://lakehopper.pfiers.net\ngitUrl: https://github.com/ubipo/lakehopper\nimage:\n url: c:projects/lakehopper-ground.webp\n alt: First version of Lakehopper on a workbench\n---\n\n[Lakehopper](https://lakehopper.pfiers.net) is my vision for an autonomous drone\nthat can fly long distances by hopping from one lake to the next, recharging\nits batteries each time using solar panels.\n\n\nAs my [Master’s thesis](/content/dissertation.pdf), I developed Lakehopper’s\nhigh-level planning software. This system uses a convolutional neural network to\nidentify lakes and buildings from aerial imagery. From this, it generates a\nnavigation graph to calculate the best multi-hop paths between lakes. These\npaths avoid build-up areas and restricted airspace. This software uses\n[Python](/technologies/python) and [Tensorflow 2](https://www.tensorflow.org/)\nto [create and train the\nmodels](https://lakehopper.pfiers.net/vision/README.html). The planner component\nthat generates the navigation graph and calculates shortest paths is written in\n[Rust](/technologies/rust) and also acts as the server for a\npure-[TypeScript](/technologies/typescript) web interface.\n\n\nIn my free time I’m working on the hardware of the drone. The [first\nversion](https://lakehopper.pfiers.net/design/1/README.html) I developed\nunfortunately experienced a ~~crash~~ [rapid unscheduled\ndisassembly](https://lakehopper.pfiers.net/design/1/README.html#maiden-flight)\non its maiden flight. I’m currently working on the [second\nversion](https://lakehopper.pfiers.net/design/2/README.html).\n\n![Predictions made by Lakehopper's vision CNN for lake and building\noutlines](c:projects/lakehopper-inference.png \"Segmentation model predictions\n(GT: Ground Truth, ENB3: EfficientNetB3, MNV2: MobileNetV2)\")\n\n![Screenshot of a map with a multi-hop path between lakes planned by\nLakehopper's planning component](c:projects/lakehopper-planner-four-hops.png\n\"Planner path with four hops between lakes\")\n\n![Lakehopper 1 on a workbench](c:projects/lakehopper-ground.webp \"Lakehopper 1\non a workbench\")\n\n![Screenshot of Lakehopper 2's design in Fusion 360 CAD\nsoftware](c:projects/lakehopper-2-preview.png \"Preview of Lakehopper 2's design\")\n\n![Screenshot of the browser UI to control Lakehopper's planner\nsoftware](c:projects/lakehopper-browser-ui.png \"Browser UI to the planner\nsoftware\")\n\n","sourceContent":"s\n\n[Lakehopper](https://lakehopper.pfiers.net) is my vision for an autonomous drone\nthat can fly long distances by hopping from one lake to the next, recharging\nits batteries each time using solar panels.\n\n\nAs my [Master’s thesis](/content/dissertation.pdf), I developed Lakehopper’s\nhigh-level planning software. This system uses a convolutional neural network to\nidentify lakes and buildings from aerial imagery. From this, it generates a\nnavigation graph to calculate the best multi-hop paths between lakes. These\npaths avoid build-up areas and restricted airspace. This software uses\n[Python](/technologies/python) and [Tensorflow 2](https://www.tensorflow.org/)\nto [create and train the\nmodels](https://lakehopper.pfiers.net/vision/README.html). The planner component\nthat generates the navigation graph and calculates shortest paths is written in\n[Rust](/technologies/rust) and also acts as the server for a\npure-[TypeScript](/technologies/typescript) web interface.\n\n\nIn my free time I’m working on the hardware of the drone. The [first\nversion](https://lakehopper.pfiers.net/design/1/README.html) I developed\nunfortunately experienced a ~~crash~~ [rapid unscheduled\ndisassembly](https://lakehopper.pfiers.net/design/1/README.html#maiden-flight)\non its maiden flight. I’m currently working on the [second\nversion](https://lakehopper.pfiers.net/design/2/README.html).\n\n![Predictions made by Lakehopper's vision CNN for lake and building\noutlines](c:projects/lakehopper-inference.png \"Segmentation model predictions\n(GT: Ground Truth, ENB3: EfficientNetB3, MNV2: MobileNetV2)\")\n\n![Screenshot of a map with a multi-hop path between lakes planned by\nLakehopper's planning component](c:projects/lakehopper-planner-four-hops.png\n\"Planner path with four hops between lakes\")\n\n![Lakehopper 1 on a workbench](c:projects/lakehopper-ground.webp \"Lakehopper 1\non a workbench\")\n\n![Screenshot of Lakehopper 2's design in Fusion 360 CAD\nsoftware](c:projects/lakehopper-2-preview.png \"Preview of Lakehopper 2's design\")\n\n![Screenshot of the browser UI to control Lakehopper's planner\nsoftware](c:projects/lakehopper-browser-ui.png \"Browser UI to the planner\nsoftware\")\n\n","tokens":[{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"s[Lakehopper](https://lakehopper.pfiers.net) is my vision for an autonomous drone\nthat can fly long distances by hopping from one lake to the next, recharging\nits batteries each time using solar panels.","text":"s[Lakehopper](https://lakehopper.pfiers.net) is my vision for an autonomous drone\nthat can fly long distances by hopping from one lake to the next, recharging\nits batteries each time using solar panels.","tokens":[{"type":"slink","raw":"s[Lakehopper](https://lakehopper.pfiers.net)","href":"shttps://lakehopper.pfiers.net","title":null,"text":"sLakehopper","tokens":[{"type":"stext","raw":"sLakehopper","text":"sLakehopper"}]},{"type":"stext","raw":"s is my vision for an autonomous drone\nthat can fly long distances by hopping from one lake to the next, recharging\nits batteries each time using solar panels.","text":"s is my vision for an autonomous drone\nthat can fly long distances by hopping from one lake to the next, recharging\nits batteries each time using solar panels."}]},{"type":"sspace","raw":"s\n\n\n"},{"type":"sparagraph","raw":"sAs my [Master’s thesis](/content/dissertation.pdf), I developed Lakehopper’s\nhigh-level planning software. This system uses a convolutional neural network to\nidentify lakes and buildings from aerial imagery. From this, it generates a\nnavigation graph to calculate the best multi-hop paths between lakes. These\npaths avoid build-up areas and restricted airspace. This software uses\n[Python](/technologies/python) and [Tensorflow 2](https://www.tensorflow.org/)\nto [create and train the\nmodels](https://lakehopper.pfiers.net/vision/README.html). The planner component\nthat generates the navigation graph and calculates shortest paths is written in\n[Rust](/technologies/rust) and also acts as the server for a\npure-[TypeScript](/technologies/typescript) web interface.","text":"sAs my [Master’s thesis](/content/dissertation.pdf), I developed Lakehopper’s\nhigh-level planning software. This system uses a convolutional neural network to\nidentify lakes and buildings from aerial imagery. From this, it generates a\nnavigation graph to calculate the best multi-hop paths between lakes. These\npaths avoid build-up areas and restricted airspace. This software uses\n[Python](/technologies/python) and [Tensorflow 2](https://www.tensorflow.org/)\nto [create and train the\nmodels](https://lakehopper.pfiers.net/vision/README.html). The planner component\nthat generates the navigation graph and calculates shortest paths is written in\n[Rust](/technologies/rust) and also acts as the server for a\npure-[TypeScript](/technologies/typescript) web interface.","tokens":[{"type":"stext","raw":"sAs my ","text":"sAs my "},{"type":"slink","raw":"s[Master’s thesis](/content/dissertation.pdf)","href":"s/content/dissertation.pdf","title":null,"text":"sMaster’s thesis","tokens":[{"type":"stext","raw":"sMaster’s thesis","text":"sMaster’s thesis"}]},{"type":"stext","raw":"s, I developed Lakehopper’s\nhigh-level planning software. This system uses a convolutional neural network to\nidentify lakes and buildings from aerial imagery. From this, it generates a\nnavigation graph to calculate the best multi-hop paths between lakes. These\npaths avoid build-up areas and restricted airspace. This software uses\n","text":"s, I developed Lakehopper’s\nhigh-level planning software. This system uses a convolutional neural network to\nidentify lakes and buildings from aerial imagery. From this, it generates a\nnavigation graph to calculate the best multi-hop paths between lakes. These\npaths avoid build-up areas and restricted airspace. This software uses\n"},{"type":"slink","raw":"s[Python](/technologies/python)","href":"s/technologies/python","title":null,"text":"sPython","tokens":[{"type":"stext","raw":"sPython","text":"sPython"}]},{"type":"stext","raw":"s and ","text":"s and "},{"type":"slink","raw":"s[Tensorflow 2](https://www.tensorflow.org/)","href":"shttps://www.tensorflow.org/","title":null,"text":"sTensorflow 2","tokens":[{"type":"stext","raw":"sTensorflow 2","text":"sTensorflow 2"}]},{"type":"stext","raw":"s\nto ","text":"s\nto "},{"type":"slink","raw":"s[create and train the\nmodels](https://lakehopper.pfiers.net/vision/README.html)","href":"shttps://lakehopper.pfiers.net/vision/README.html","title":null,"text":"screate and train the\nmodels","tokens":[{"type":"stext","raw":"screate and train the\nmodels","text":"screate and train the\nmodels"}]},{"type":"stext","raw":"s. The planner component\nthat generates the navigation graph and calculates shortest paths is written in\n","text":"s. The planner component\nthat generates the navigation graph and calculates shortest paths is written in\n"},{"type":"slink","raw":"s[Rust](/technologies/rust)","href":"s/technologies/rust","title":null,"text":"sRust","tokens":[{"type":"stext","raw":"sRust","text":"sRust"}]},{"type":"stext","raw":"s and also acts as the server for a\npure-","text":"s and also acts as the server for a\npure-"},{"type":"slink","raw":"s[TypeScript](/technologies/typescript)","href":"s/technologies/typescript","title":null,"text":"sTypeScript","tokens":[{"type":"stext","raw":"sTypeScript","text":"sTypeScript"}]},{"type":"stext","raw":"s web interface.","text":"s web interface."}]},{"type":"sspace","raw":"s\n\n\n"},{"type":"sparagraph","raw":"sIn my free time I’m working on the hardware of the drone. The [first\nversion](https://lakehopper.pfiers.net/design/1/README.html) I developed\nunfortunately experienced a ~~crash~~ [rapid unscheduled\ndisassembly](https://lakehopper.pfiers.net/design/1/README.html#maiden-flight)\non its maiden flight. I’m currently working on the [second\nversion](https://lakehopper.pfiers.net/design/2/README.html).","text":"sIn my free time I’m working on the hardware of the drone. The [first\nversion](https://lakehopper.pfiers.net/design/1/README.html) I developed\nunfortunately experienced a ~~crash~~ [rapid unscheduled\ndisassembly](https://lakehopper.pfiers.net/design/1/README.html#maiden-flight)\non its maiden flight. I’m currently working on the [second\nversion](https://lakehopper.pfiers.net/design/2/README.html).","tokens":[{"type":"stext","raw":"sIn my free time I’m working on the hardware of the drone. The ","text":"sIn my free time I’m working on the hardware of the drone. The "},{"type":"slink","raw":"s[first\nversion](https://lakehopper.pfiers.net/design/1/README.html)","href":"shttps://lakehopper.pfiers.net/design/1/README.html","title":null,"text":"sfirst\nversion","tokens":[{"type":"stext","raw":"sfirst\nversion","text":"sfirst\nversion"}]},{"type":"stext","raw":"s I developed\nunfortunately experienced a ","text":"s I developed\nunfortunately experienced a "},{"type":"sdel","raw":"s~~crash~~","text":"scrash","tokens":[{"type":"stext","raw":"scrash","text":"scrash"}]},{"type":"stext","raw":"s ","text":"s "},{"type":"slink","raw":"s[rapid unscheduled\ndisassembly](https://lakehopper.pfiers.net/design/1/README.html#maiden-flight)","href":"shttps://lakehopper.pfiers.net/design/1/README.html#maiden-flight","title":null,"text":"srapid unscheduled\ndisassembly","tokens":[{"type":"stext","raw":"srapid unscheduled\ndisassembly","text":"srapid unscheduled\ndisassembly"}]},{"type":"stext","raw":"s\non its maiden flight. I’m currently working on the ","text":"s\non its maiden flight. I’m currently working on the "},{"type":"slink","raw":"s[second\nversion](https://lakehopper.pfiers.net/design/2/README.html)","href":"shttps://lakehopper.pfiers.net/design/2/README.html","title":null,"text":"ssecond\nversion","tokens":[{"type":"stext","raw":"ssecond\nversion","text":"ssecond\nversion"}]},{"type":"stext","raw":"s.","text":"s."}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"s![Predictions made by Lakehopper's vision CNN for lake and building\noutlines](c:projects/lakehopper-inference.png \"Segmentation model predictions\n(GT: Ground Truth, ENB3: EfficientNetB3, MNV2: MobileNetV2)\")","text":"s![Predictions made by Lakehopper's vision CNN for lake and building\noutlines](c:projects/lakehopper-inference.png \"Segmentation model predictions\n(GT: Ground Truth, ENB3: EfficientNetB3, MNV2: MobileNetV2)\")","tokens":[{"type":"simage","raw":"s![Predictions made by Lakehopper's vision CNN for lake and building\noutlines](c:projects/lakehopper-inference.png \"Segmentation model predictions\n(GT: Ground Truth, ENB3: EfficientNetB3, MNV2: MobileNetV2)\")","href":"s/content/projects/lakehopper-inference.png","title":"sSegmentation model predictions\n(GT: Ground Truth, ENB3: EfficientNetB3, MNV2: MobileNetV2)","text":"sPredictions made by Lakehopper's vision CNN for lake and building\noutlines","meta":{"width":1145,"height":630,"format":"spng","placeholder":"sdata:image/webp;base64,UklGRlAAAABXRUJQVlA4IEQAAADQAQCdASoGAAMAAgA0JagCdAEUn9Hs0AD+5rkILOfvt82pv2UccDxK/ffCckoeOqJBJPttrT2Km74pIM0VGQ3K2AAAAA=="}}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"s![Screenshot of a map with a multi-hop path between lakes planned by\nLakehopper's planning component](c:projects/lakehopper-planner-four-hops.png\n\"Planner path with four hops between lakes\")","text":"s![Screenshot of a map with a multi-hop path between lakes planned by\nLakehopper's planning component](c:projects/lakehopper-planner-four-hops.png\n\"Planner path with four hops between lakes\")","tokens":[{"type":"simage","raw":"s![Screenshot of a map with a multi-hop path between lakes planned by\nLakehopper's planning component](c:projects/lakehopper-planner-four-hops.png\n\"Planner path with four hops between lakes\")","href":"s/content/projects/lakehopper-planner-four-hops.png","title":"sPlanner path with four hops between lakes","text":"sScreenshot of a map with a multi-hop path between lakes planned by\nLakehopper's planning component","meta":{"width":1603,"height":1046,"format":"spng","placeholder":"sdata:image/webp;base64,UklGRjoAAABXRUJQVlA4IC4AAABQAQCdASoGAAQAAgA0JQBOgCgAAP7yn+hcPji/4Zhx93fbPLM4V7Ln4CNlAAAA"}}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"s![Lakehopper 1 on a workbench](c:projects/lakehopper-ground.webp \"Lakehopper 1\non a workbench\")","text":"s![Lakehopper 1 on a workbench](c:projects/lakehopper-ground.webp \"Lakehopper 1\non a workbench\")","tokens":[{"type":"simage","raw":"s![Lakehopper 1 on a workbench](c:projects/lakehopper-ground.webp \"Lakehopper 1\non a workbench\")","href":"s/content/projects/lakehopper-ground.webp","title":"sLakehopper 1\non a workbench","text":"sLakehopper 1 on a workbench","meta":{"width":4000,"height":1800,"format":"swebp","placeholder":"sdata:image/webp;base64,UklGRj4AAABXRUJQVlA4IDIAAADwAQCdASoGAAMAAgA0JYwCdAEfbiyfuoAA/vqBD1CvuM01MShTCfS35EK9lKlxZAAAAA=="}}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"s![Screenshot of Lakehopper 2's design in Fusion 360 CAD\nsoftware](c:projects/lakehopper-2-preview.png \"Preview of Lakehopper 2's design\")","text":"s![Screenshot of Lakehopper 2's design in Fusion 360 CAD\nsoftware](c:projects/lakehopper-2-preview.png \"Preview of Lakehopper 2's design\")","tokens":[{"type":"simage","raw":"s![Screenshot of Lakehopper 2's design in Fusion 360 CAD\nsoftware](c:projects/lakehopper-2-preview.png \"Preview of Lakehopper 2's design\")","href":"s/content/projects/lakehopper-2-preview.png","title":"sPreview of Lakehopper 2's design","text":"sScreenshot of Lakehopper 2's design in Fusion 360 CAD\nsoftware","meta":{"width":1595,"height":680,"format":"spng","placeholder":"sdata:image/webp;base64,UklGRjgAAABXRUJQVlA4ICwAAACwAQCdASoGAAMAAgA0JaQAAxZg54IQAP77uFsYb39V0g0uQUeGp4RHkAAAAA=="}}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"s![Screenshot of the browser UI to control Lakehopper's planner\nsoftware](c:projects/lakehopper-browser-ui.png \"Browser UI to the planner\nsoftware\")","text":"s![Screenshot of the browser UI to control Lakehopper's planner\nsoftware](c:projects/lakehopper-browser-ui.png \"Browser UI to the planner\nsoftware\")","tokens":[{"type":"simage","raw":"s![Screenshot of the browser UI to control Lakehopper's planner\nsoftware](c:projects/lakehopper-browser-ui.png \"Browser UI to the planner\nsoftware\")","href":"s/content/projects/lakehopper-browser-ui.png","title":"sBrowser UI to the planner\nsoftware","text":"sScreenshot of the browser UI to control Lakehopper's planner\nsoftware","meta":{"width":992,"height":667,"format":"spng","placeholder":"sdata:image/webp;base64,UklGRnAAAABXRUJQVlA4WAoAAAAQAAAABQAAAwAAQUxQSBkAAAAA0ezn5u/I5//////e6//////hx+Dc2+O/AFZQOCAwAAAA0AEAnQEqBgAEAAIANCWIAnQBDv3WagAA/vZ9UwzmzvwcR/0fqzay0tpkdzSxAAAA"}}]},{"type":"sspace","raw":"s\n\n"}]},"technologies":[6,7,8,10,15]},{"definedInline":false,"name":"sPathy","urlSafeName":"spathy","shortDescription":{"sourceFull":"sMy bachelor’s thesis project: a small rover that autonomously follows forest \npaths.\n","sourceContent":"sMy bachelor’s thesis project: a small rover that autonomously follows forest \npaths.\n","tokens":[{"type":"sparagraph","raw":"sMy bachelor’s thesis project: a small rover that autonomously follows forest \npaths.\n","text":"sMy bachelor’s thesis project: a small rover that autonomously follows forest \npaths.","tokens":[{"type":"stext","raw":"sMy bachelor’s thesis project: a small rover that autonomously follows forest \npaths.","text":"sMy bachelor’s thesis project: a small rover that autonomously follows forest \npaths."}]}]},"gitUrl":"uhttps://github.com/ubipo/pathy/","siteUrl":"uhttps://pathy.pfiers.net/README.html","image":{"meta":{"width":1900,"height":1704,"format":"swebp","placeholder":"sdata:image/webp;base64,UklGRkYAAABXRUJQVlA4IDoAAACwAQCdASoGAAUAAgA0JZwCdAD0h61QAP7xvMLZnLCj9d4Fd0rKiy9OOYdrYnLDMNRPPDyAIr2AQYwA"},"url":"s/content/projects/pathy-collage.webp","alt":"sA collage of pathy's vision system and hardware"},"technologies":[6,7,8,10]},{"definedInline":false,"name":"sKinect Mouse Tracker","urlSafeName":"skinect-mouse-tracker","shortDescription":{"sourceFull":"sInternship project for a neuroscience lab, to deduce a mouse's position from live Microsoft \nkinect depth data.\n","sourceContent":"sInternship project for a neuroscience lab, to deduce a mouse's position from live Microsoft \nkinect depth data.\n","tokens":[{"type":"sparagraph","raw":"sInternship project for a neuroscience lab, to deduce a mouse's position from live Microsoft \nkinect depth data.\n","text":"sInternship project for a neuroscience lab, to deduce a mouse's position from live Microsoft \nkinect depth data.","tokens":[{"type":"stext","raw":"sInternship project for a neuroscience lab, to deduce a mouse's position from live Microsoft \nkinect depth data.","text":"sInternship project for a neuroscience lab, to deduce a mouse's position from live Microsoft \nkinect depth data."}]}]},"gitUrl":"uhttps://github.com/ubipo/kmt","image":{"meta":{"width":1260,"height":540,"format":"swebp","placeholder":"sdata:image/webp;base64,UklGRlQAAABXRUJQVlA4IEgAAADwAQCdASoGAAMAAgA0JbACdHIAApR1OrAA/ubWAv69TXzCpmkZdTZlBt/hLvZFbTpddxmvh2ohxv8XiZsfC1i6jhZHlAGUAAA="},"url":"s/content/projects/kmt.webp","alt":"sTwo screenshots of the Andin android application, showing a building and a room."},"longDescription":{"sourceFull":"s---\nname: Kinect Mouse Tracker\nshortDescription: |\n Internship project for a neuroscience lab, to deduce a mouse's position from live Microsoft \n kinect depth data.\ntechnologies:\n - Perception\n - C++\ngitUrl: https://github.com/ubipo/kmt\nimage:\n url: c:projects/kmt.webp\n alt: Two screenshots of the Andin android application, showing a building and a room.\n---\n\nIn september 2018 I got the opportunity to do a 4-week internship with [Karl\nFarrow's lab](https://www.nerf.be/research/nerf-labs/karl-farrow-lab) at\n[NERF](https://www.nerf.be) (Neuro-Electronics Research Flanders). The main\nfocus of Farrow Lab is \"Dissecting the lines of communication connecting the eye\nwith behaviour\". To achieve this the lab uses several behavioural set-ups. Among\nthese is the one Anna Chrzanowska uses in her PhD research, with monitors on\nmultiple sides of an open pen. See the first prototype I helped build below. \n\nTo collect experimental data and/or change visual stimulation patterns in\nreal-time it is necessary to know the mouse's position in the pen. That's why a\nMicrosoft Kinect was mounted under the pen, to act as an infrared depth sensor.\nThe data this sensor outputs is then processed by the application, that I\ndeveloped: *Kinect Mouse Tracker*. Written in [C++](/technologies/cpp), this app\nuses the [OpenCV](https://opencv.org/) [computer\nvision](/technologies/perception) library to determine and record the mouse's\npostion with a delay of only ~50ms.\n\n![Picture of the experimental setup, showing the enclosed pen with monitors on\nthree sides.](c:projects/kmt-setup-cropped.jpg \"Experimental setup, showing\nmonitors on three sides\")\n\n![Screen capture of the application with a mouse outlined.](c:projects/kmt.jpg\n\"Application preview output\")\n","sourceContent":"s\n\nIn september 2018 I got the opportunity to do a 4-week internship with [Karl\nFarrow's lab](https://www.nerf.be/research/nerf-labs/karl-farrow-lab) at\n[NERF](https://www.nerf.be) (Neuro-Electronics Research Flanders). The main\nfocus of Farrow Lab is \"Dissecting the lines of communication connecting the eye\nwith behaviour\". To achieve this the lab uses several behavioural set-ups. Among\nthese is the one Anna Chrzanowska uses in her PhD research, with monitors on\nmultiple sides of an open pen. See the first prototype I helped build below. \n\nTo collect experimental data and/or change visual stimulation patterns in\nreal-time it is necessary to know the mouse's position in the pen. That's why a\nMicrosoft Kinect was mounted under the pen, to act as an infrared depth sensor.\nThe data this sensor outputs is then processed by the application, that I\ndeveloped: *Kinect Mouse Tracker*. Written in [C++](/technologies/cpp), this app\nuses the [OpenCV](https://opencv.org/) [computer\nvision](/technologies/perception) library to determine and record the mouse's\npostion with a delay of only ~50ms.\n\n![Picture of the experimental setup, showing the enclosed pen with monitors on\nthree sides.](c:projects/kmt-setup-cropped.jpg \"Experimental setup, showing\nmonitors on three sides\")\n\n![Screen capture of the application with a mouse outlined.](c:projects/kmt.jpg\n\"Application preview output\")\n","tokens":[{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"sIn september 2018 I got the opportunity to do a 4-week internship with [Karl\nFarrow's lab](https://www.nerf.be/research/nerf-labs/karl-farrow-lab) at\n[NERF](https://www.nerf.be) (Neuro-Electronics Research Flanders). The main\nfocus of Farrow Lab is \"Dissecting the lines of communication connecting the eye\nwith behaviour\". To achieve this the lab uses several behavioural set-ups. Among\nthese is the one Anna Chrzanowska uses in her PhD research, with monitors on\nmultiple sides of an open pen. See the first prototype I helped build below. ","text":"sIn september 2018 I got the opportunity to do a 4-week internship with [Karl\nFarrow's lab](https://www.nerf.be/research/nerf-labs/karl-farrow-lab) at\n[NERF](https://www.nerf.be) (Neuro-Electronics Research Flanders). The main\nfocus of Farrow Lab is \"Dissecting the lines of communication connecting the eye\nwith behaviour\". To achieve this the lab uses several behavioural set-ups. Among\nthese is the one Anna Chrzanowska uses in her PhD research, with monitors on\nmultiple sides of an open pen. See the first prototype I helped build below. ","tokens":[{"type":"stext","raw":"sIn september 2018 I got the opportunity to do a 4-week internship with ","text":"sIn september 2018 I got the opportunity to do a 4-week internship with "},{"type":"slink","raw":"s[Karl\nFarrow's lab](https://www.nerf.be/research/nerf-labs/karl-farrow-lab)","href":"shttps://www.nerf.be/research/nerf-labs/karl-farrow-lab","title":null,"text":"sKarl\nFarrow's lab","tokens":[{"type":"stext","raw":"sKarl\nFarrow's lab","text":"sKarl\nFarrow's lab"}]},{"type":"stext","raw":"s at\n","text":"s at\n"},{"type":"slink","raw":"s[NERF](https://www.nerf.be)","href":"shttps://www.nerf.be","title":null,"text":"sNERF","tokens":[{"type":"stext","raw":"sNERF","text":"sNERF"}]},{"type":"stext","raw":"s (Neuro-Electronics Research Flanders). The main\nfocus of Farrow Lab is \"Dissecting the lines of communication connecting the eye\nwith behaviour\". To achieve this the lab uses several behavioural set-ups. Among\nthese is the one Anna Chrzanowska uses in her PhD research, with monitors on\nmultiple sides of an open pen. See the first prototype I helped build below. ","text":"s (Neuro-Electronics Research Flanders). The main\nfocus of Farrow Lab is "Dissecting the lines of communication connecting the eye\nwith behaviour". To achieve this the lab uses several behavioural set-ups. Among\nthese is the one Anna Chrzanowska uses in her PhD research, with monitors on\nmultiple sides of an open pen. See the first prototype I helped build below. "}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"sTo collect experimental data and/or change visual stimulation patterns in\nreal-time it is necessary to know the mouse's position in the pen. That's why a\nMicrosoft Kinect was mounted under the pen, to act as an infrared depth sensor.\nThe data this sensor outputs is then processed by the application, that I\ndeveloped: *Kinect Mouse Tracker*. Written in [C++](/technologies/cpp), this app\nuses the [OpenCV](https://opencv.org/) [computer\nvision](/technologies/perception) library to determine and record the mouse's\npostion with a delay of only ~50ms.","text":"sTo collect experimental data and/or change visual stimulation patterns in\nreal-time it is necessary to know the mouse's position in the pen. That's why a\nMicrosoft Kinect was mounted under the pen, to act as an infrared depth sensor.\nThe data this sensor outputs is then processed by the application, that I\ndeveloped: *Kinect Mouse Tracker*. Written in [C++](/technologies/cpp), this app\nuses the [OpenCV](https://opencv.org/) [computer\nvision](/technologies/perception) library to determine and record the mouse's\npostion with a delay of only ~50ms.","tokens":[{"type":"stext","raw":"sTo collect experimental data and/or change visual stimulation patterns in\nreal-time it is necessary to know the mouse's position in the pen. That's why a\nMicrosoft Kinect was mounted under the pen, to act as an infrared depth sensor.\nThe data this sensor outputs is then processed by the application, that I\ndeveloped: ","text":"sTo collect experimental data and/or change visual stimulation patterns in\nreal-time it is necessary to know the mouse's position in the pen. That's why a\nMicrosoft Kinect was mounted under the pen, to act as an infrared depth sensor.\nThe data this sensor outputs is then processed by the application, that I\ndeveloped: "},{"type":"sem","raw":"s*Kinect Mouse Tracker*","text":"sKinect Mouse Tracker","tokens":[{"type":"stext","raw":"sKinect Mouse Tracker","text":"sKinect Mouse Tracker"}]},{"type":"stext","raw":"s. Written in ","text":"s. Written in "},{"type":"slink","raw":"s[C++](/technologies/cpp)","href":"s/technologies/cpp","title":null,"text":"sC++","tokens":[{"type":"stext","raw":"sC++","text":"sC++"}]},{"type":"stext","raw":"s, this app\nuses the ","text":"s, this app\nuses the "},{"type":"slink","raw":"s[OpenCV](https://opencv.org/)","href":"shttps://opencv.org/","title":null,"text":"sOpenCV","tokens":[{"type":"stext","raw":"sOpenCV","text":"sOpenCV"}]},{"type":"stext","raw":"s ","text":"s "},{"type":"slink","raw":"s[computer\nvision](/technologies/perception)","href":"s/technologies/perception","title":null,"text":"scomputer\nvision","tokens":[{"type":"stext","raw":"scomputer\nvision","text":"scomputer\nvision"}]},{"type":"stext","raw":"s library to determine and record the mouse's\npostion with a delay of only ~50ms.","text":"s library to determine and record the mouse's\npostion with a delay of only ~50ms."}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"s![Picture of the experimental setup, showing the enclosed pen with monitors on\nthree sides.](c:projects/kmt-setup-cropped.jpg \"Experimental setup, showing\nmonitors on three sides\")","text":"s![Picture of the experimental setup, showing the enclosed pen with monitors on\nthree sides.](c:projects/kmt-setup-cropped.jpg \"Experimental setup, showing\nmonitors on three sides\")","tokens":[{"type":"simage","raw":"s![Picture of the experimental setup, showing the enclosed pen with monitors on\nthree sides.](c:projects/kmt-setup-cropped.jpg \"Experimental setup, showing\nmonitors on three sides\")","href":"s/content/projects/kmt-setup-cropped.jpg","title":"sExperimental setup, showing\nmonitors on three sides","text":"sPicture of the experimental setup, showing the enclosed pen with monitors on\nthree sides.","meta":{"width":2529,"height":1422,"format":"sjpeg","placeholder":"sdata:image/webp;base64,UklGRkIAAABXRUJQVlA4IDYAAADQAQCdASoGAAMAAgA0JZQCdAEWUMcasAD++KKp+sVD3aexE8EtKdtWE9AKapZAjDRnbLRGwAA="}}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"s![Screen capture of the application with a mouse outlined.](c:projects/kmt.jpg\n\"Application preview output\")\n","text":"s![Screen capture of the application with a mouse outlined.](c:projects/kmt.jpg\n\"Application preview output\")","tokens":[{"type":"simage","raw":"s![Screen capture of the application with a mouse outlined.](c:projects/kmt.jpg\n\"Application preview output\")","href":"s/content/projects/kmt.jpg","title":"sApplication preview output","text":"sScreen capture of the application with a mouse outlined.","meta":{"width":1260,"height":540,"format":"sjpeg","placeholder":"sdata:image/webp;base64,UklGRlYAAABXRUJQVlA4IEoAAAAQAgCdASoGAAMAAgA0JbACdHIAApSDl24AAP7m2FLNV2m+rKYD00yASs/NgDFFAIs7+Arztl52s/7HgV6+WMM6GN8h9iqxdgAAAA=="}}]}]},"technologies":[6,17]},{"definedInline":false,"name":"sIoT","urlSafeName":"siot","shortDescription":{"sourceFull":"sAll my IoT projects: water usage monitoring, smartifying old space heaters or \ngarage gates, dimming lamps and more!\n","sourceContent":"sAll my IoT projects: water usage monitoring, smartifying old space heaters or \ngarage gates, dimming lamps and more!\n","tokens":[{"type":"sparagraph","raw":"sAll my IoT projects: water usage monitoring, smartifying old space heaters or \ngarage gates, dimming lamps and more!\n","text":"sAll my IoT projects: water usage monitoring, smartifying old space heaters or \ngarage gates, dimming lamps and more!","tokens":[{"type":"stext","raw":"sAll my IoT projects: water usage monitoring, smartifying old space heaters or \ngarage gates, dimming lamps and more!","text":"sAll my IoT projects: water usage monitoring, smartifying old space heaters or \ngarage gates, dimming lamps and more!"}]}]},"image":{"meta":{"width":1248,"height":1408,"format":"swebp","placeholder":"sdata:image/webp;base64,UklGRmoAAABXRUJQVlA4IF4AAADwAQCdASoGAAcAAgA0JbACdAEf/L0/6NgA/r4d+vfmlVj5Wv3EKsXiaCjhJirPf0gSSnP3y8YH1Igp7UjyUVt/Y0+eaE/UyEYRjVH+v0qUVFyIazpwX5UKG+ccLAAA"},"url":"s/content/projects/iot-collage.webp","alt":"sPicture of the Esp Water Meter PCB, showing circuitry and a small camera.\nThe bottom-right of image also shows digits being recognized by the neural \nnet.\n"},"longDescription":{"sourceFull":"s---\nname: IoT\nshortDescription: |\n All my IoT projects: water usage monitoring, smartifying old space heaters or \n garage gates, dimming lamps and more!\ntechnologies:\n - Perception\n - Deep learning\n - Microcontrollers\n - C++\n - Python\n - Rust\nimage:\n url: c:projects/iot-collage.webp\n alt: |\n Picture of the Esp Water Meter PCB, showing circuitry and a small camera.\n The bottom-right of image also shows digits being recognized by the neural \n net.\n---\n\nI've created my fair share of IoT projects, mostly to solve small inconveniences\nthat don't *reaaaaly* need solving 😅. But hey, that's what IoT is for, and I\ngot the learn a ton along the way!\n\n\n## Water usage monitoring\n\nThis first project is probably the most useful one. Using an\n[Arducam](https://www.arducam.com/) and\n[ESP8266](https://www.espressif.com/en/products/socs/esp8266) microcontroller, I\ncreated a small device to monitor our water meter at home.\n\nThe pictures that the camera captures are uploaded to a Python\n[Flask](https://flask.palletsprojects.com) server which runs them through a\nself-trained (but pre-build) [PyTorch](https://pytorch.org/) neural net. This\nserver runs on my [ODROID-H2](https://www.hardkernel.com/shop/odroid-h2/) home\nserver. Creating the PCB in [EasyEDA](https://easyeda.com/) was also my first\nforay into PCB design.\n\n![Picture of the Esp Water Meter PCB, showing circuitry and a small camera. The\nbottom-right of image also shows digits being recognized by the neural\nnet.](c:projects/ewam-with-recognition.webp \"PCB of the device and an example of\ndigits being recognized\")\n\n\n## Smartifying an old space heater\n\nThis one was a lot of fun. I used an off-the-shelf 4-relay ESP module to control\nan old wall-mounted space heater in my dorm room. One of the relays was wired in\nparallel with the heater's original switch, and was controlled from a\n[HomeAssistant](https://www.home-assistant.io/) server running on a Raspberry\nPI. That server also connected to a [bluetooth air quality/temperature\nsensor](https://aranet.com/products/aranet4/), effectively acting as a smart\nthermostat. I designed the case for the ESP module in [Fusion\n360](https://www.autodesk.com/products/fusion-360/overview) and printed it at a\nlocal maker space.\n\n

\n\n![Picture of the 3D-printed case for the ESP module mounted next to the\nheater](c:projects/space-heater-box.jpg \"3D-printed case for the ESP module\nmounted next to the heater\")\n\n\n## Hacking + smartifying a garage gate\n\nThis was an assignment for the *Security* module in the last year of my\nBachelor's. I used a [software defined\nradio](https://www.realtek.com/en/products/communications-network-ics/item/rtl2832u)\nto sniff the communication between a remote control and its garage gate. After\ndecoding the rolling code in the transmission using [Universal Radio\nHacker](https://github.com/jopohl/urh), I was able to replay it using a [generic\n433MHz transmitter](https://www.adafruit.com/product/3071).\n\nIf miniaturized, this system could be installed near the gate and collect\nrolling codes whenever an authorized user opens the garage gate. This way, the\nattacker can open the gate at any later time. [The presentation\nslides](/content/projects/gate-RF-replay.pdf) contain diagrams to explain the\nattack.\n\n

\n\nOf course I had no personal need for this attack because I already had a remote\nfor the gate. Being the lazy software developer I am however, it did get me\nthinking about how nice it would be to be able to open the gate from my phone.\nSo I soldered a relay to the remote control and hooked it up to the\nHomeAssistant server in my dorm room. Infinite range achieved ♾️!\n\n![Picture of a relay connected to the gate's remote\ncontrol](c:projects/gate-relay.jpg \"Relay hooked up to the remote control\")\n\n\n## Dimming lamps and controlling LED strips\n\nBesides all of the above, I've also used IoT to dim lamps, control LED strips\nand hook into light switches. All those mini projects are some combination of\ntaking a cheap ESP module, connecting it to a relay or breakout board and\nhooking it up to HomeAssistant. Below for example is a video of me controlling a\ndimmer circuit that I connected to an Ikea lamp.\n\nWhen it comes to the firmware on the ESP modules, I've used pre-built HTTP\nlibraries, written my own HTTP server, used MQTT, written a custom UDP protocol,\nand eventually settled on just using [ESPHome](https://esphome.io/) or\n[Tasmota](https://tasmota.github.io/docs/) for most projects.\n\n

\n","sourceContent":"s\n\nI've created my fair share of IoT projects, mostly to solve small inconveniences\nthat don't *reaaaaly* need solving 😅. But hey, that's what IoT is for, and I\ngot the learn a ton along the way!\n\n\n## Water usage monitoring\n\nThis first project is probably the most useful one. Using an\n[Arducam](https://www.arducam.com/) and\n[ESP8266](https://www.espressif.com/en/products/socs/esp8266) microcontroller, I\ncreated a small device to monitor our water meter at home.\n\nThe pictures that the camera captures are uploaded to a Python\n[Flask](https://flask.palletsprojects.com) server which runs them through a\nself-trained (but pre-build) [PyTorch](https://pytorch.org/) neural net. This\nserver runs on my [ODROID-H2](https://www.hardkernel.com/shop/odroid-h2/) home\nserver. Creating the PCB in [EasyEDA](https://easyeda.com/) was also my first\nforay into PCB design.\n\n![Picture of the Esp Water Meter PCB, showing circuitry and a small camera. The\nbottom-right of image also shows digits being recognized by the neural\nnet.](c:projects/ewam-with-recognition.webp \"PCB of the device and an example of\ndigits being recognized\")\n\n\n## Smartifying an old space heater\n\nThis one was a lot of fun. I used an off-the-shelf 4-relay ESP module to control\nan old wall-mounted space heater in my dorm room. One of the relays was wired in\nparallel with the heater's original switch, and was controlled from a\n[HomeAssistant](https://www.home-assistant.io/) server running on a Raspberry\nPI. That server also connected to a [bluetooth air quality/temperature\nsensor](https://aranet.com/products/aranet4/), effectively acting as a smart\nthermostat. I designed the case for the ESP module in [Fusion\n360](https://www.autodesk.com/products/fusion-360/overview) and printed it at a\nlocal maker space.\n\n

\n","tokens":[{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"sI've created my fair share of IoT projects, mostly to solve small inconveniences\nthat don't *reaaaaly* need solving 😅. But hey, that's what IoT is for, and I\ngot the learn a ton along the way!","text":"sI've created my fair share of IoT projects, mostly to solve small inconveniences\nthat don't *reaaaaly* need solving 😅. But hey, that's what IoT is for, and I\ngot the learn a ton along the way!","tokens":[{"type":"stext","raw":"sI've created my fair share of IoT projects, mostly to solve small inconveniences\nthat don't ","text":"sI've created my fair share of IoT projects, mostly to solve small inconveniences\nthat don't "},{"type":"sem","raw":"s*reaaaaly*","text":"sreaaaaly","tokens":[{"type":"stext","raw":"sreaaaaly","text":"sreaaaaly"}]},{"type":"stext","raw":"s need solving 😅. But hey, that's what IoT is for, and I\ngot the learn a ton along the way!","text":"s need solving 😅. But hey, that's what IoT is for, and I\ngot the learn a ton along the way!"}]},{"type":"sspace","raw":"s\n\n\n"},{"type":"sheading","raw":"s## Water usage monitoring\n\n","depth":2,"text":"sWater usage monitoring","tokens":[{"type":"stext","raw":"sWater usage monitoring","text":"sWater usage monitoring"}]},{"type":"sparagraph","raw":"sThis first project is probably the most useful one. Using an\n[Arducam](https://www.arducam.com/) and\n[ESP8266](https://www.espressif.com/en/products/socs/esp8266) microcontroller, I\ncreated a small device to monitor our water meter at home.","text":"sThis first project is probably the most useful one. Using an\n[Arducam](https://www.arducam.com/) and\n[ESP8266](https://www.espressif.com/en/products/socs/esp8266) microcontroller, I\ncreated a small device to monitor our water meter at home.","tokens":[{"type":"stext","raw":"sThis first project is probably the most useful one. Using an\n","text":"sThis first project is probably the most useful one. Using an\n"},{"type":"slink","raw":"s[Arducam](https://www.arducam.com/)","href":"shttps://www.arducam.com/","title":null,"text":"sArducam","tokens":[{"type":"stext","raw":"sArducam","text":"sArducam"}]},{"type":"stext","raw":"s and\n","text":"s and\n"},{"type":"slink","raw":"s[ESP8266](https://www.espressif.com/en/products/socs/esp8266)","href":"shttps://www.espressif.com/en/products/socs/esp8266","title":null,"text":"sESP8266","tokens":[{"type":"stext","raw":"sESP8266","text":"sESP8266"}]},{"type":"stext","raw":"s microcontroller, I\ncreated a small device to monitor our water meter at home.","text":"s microcontroller, I\ncreated a small device to monitor our water meter at home."}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"sThe pictures that the camera captures are uploaded to a Python\n[Flask](https://flask.palletsprojects.com) server which runs them through a\nself-trained (but pre-build) [PyTorch](https://pytorch.org/) neural net. This\nserver runs on my [ODROID-H2](https://www.hardkernel.com/shop/odroid-h2/) home\nserver. Creating the PCB in [EasyEDA](https://easyeda.com/) was also my first\nforay into PCB design.","text":"sThe pictures that the camera captures are uploaded to a Python\n[Flask](https://flask.palletsprojects.com) server which runs them through a\nself-trained (but pre-build) [PyTorch](https://pytorch.org/) neural net. This\nserver runs on my [ODROID-H2](https://www.hardkernel.com/shop/odroid-h2/) home\nserver. Creating the PCB in [EasyEDA](https://easyeda.com/) was also my first\nforay into PCB design.","tokens":[{"type":"stext","raw":"sThe pictures that the camera captures are uploaded to a Python\n","text":"sThe pictures that the camera captures are uploaded to a Python\n"},{"type":"slink","raw":"s[Flask](https://flask.palletsprojects.com)","href":"shttps://flask.palletsprojects.com","title":null,"text":"sFlask","tokens":[{"type":"stext","raw":"sFlask","text":"sFlask"}]},{"type":"stext","raw":"s server which runs them through a\nself-trained (but pre-build) ","text":"s server which runs them through a\nself-trained (but pre-build) "},{"type":"slink","raw":"s[PyTorch](https://pytorch.org/)","href":"shttps://pytorch.org/","title":null,"text":"sPyTorch","tokens":[{"type":"stext","raw":"sPyTorch","text":"sPyTorch"}]},{"type":"stext","raw":"s neural net. This\nserver runs on my ","text":"s neural net. This\nserver runs on my "},{"type":"slink","raw":"s[ODROID-H2](https://www.hardkernel.com/shop/odroid-h2/)","href":"shttps://www.hardkernel.com/shop/odroid-h2/","title":null,"text":"sODROID-H2","tokens":[{"type":"stext","raw":"sODROID-H2","text":"sODROID-H2"}]},{"type":"stext","raw":"s home\nserver. Creating the PCB in ","text":"s home\nserver. Creating the PCB in "},{"type":"slink","raw":"s[EasyEDA](https://easyeda.com/)","href":"shttps://easyeda.com/","title":null,"text":"sEasyEDA","tokens":[{"type":"stext","raw":"sEasyEDA","text":"sEasyEDA"}]},{"type":"stext","raw":"s was also my first\nforay into PCB design.","text":"s was also my first\nforay into PCB design."}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"s![Picture of the Esp Water Meter PCB, showing circuitry and a small camera. The\nbottom-right of image also shows digits being recognized by the neural\nnet.](c:projects/ewam-with-recognition.webp \"PCB of the device and an example of\ndigits being recognized\")","text":"s![Picture of the Esp Water Meter PCB, showing circuitry and a small camera. The\nbottom-right of image also shows digits being recognized by the neural\nnet.](c:projects/ewam-with-recognition.webp \"PCB of the device and an example of\ndigits being recognized\")","tokens":[{"type":"simage","raw":"s![Picture of the Esp Water Meter PCB, showing circuitry and a small camera. The\nbottom-right of image also shows digits being recognized by the neural\nnet.](c:projects/ewam-with-recognition.webp \"PCB of the device and an example of\ndigits being recognized\")","href":"s/content/projects/ewam-with-recognition.webp","title":"sPCB of the device and an example of\ndigits being recognized","text":"sPicture of the Esp Water Meter PCB, showing circuitry and a small camera. The\nbottom-right of image also shows digits being recognized by the neural\nnet.","meta":{"width":2166,"height":1536,"format":"swebp","placeholder":"sdata:image/webp;base64,UklGRkIAAABXRUJQVlA4IDYAAADwAQCdASoGAAQAAgA0JZQCdAEfhu0r7wAA/bs13wEteMpZt+6FoQ71FD/bes6qyHnd3zbAAAA="}}]},{"type":"sspace","raw":"s\n\n\n"},{"type":"sheading","raw":"s## Smartifying an old space heater\n\n","depth":2,"text":"sSmartifying an old space heater","tokens":[{"type":"stext","raw":"sSmartifying an old space heater","text":"sSmartifying an old space heater"}]},{"type":"sparagraph","raw":"sThis one was a lot of fun. I used an off-the-shelf 4-relay ESP module to control\nan old wall-mounted space heater in my dorm room. One of the relays was wired in\nparallel with the heater's original switch, and was controlled from a\n[HomeAssistant](https://www.home-assistant.io/) server running on a Raspberry\nPI. That server also connected to a [bluetooth air quality/temperature\nsensor](https://aranet.com/products/aranet4/), effectively acting as a smart\nthermostat. I designed the case for the ESP module in [Fusion\n360](https://www.autodesk.com/products/fusion-360/overview) and printed it at a\nlocal maker space.","text":"sThis one was a lot of fun. I used an off-the-shelf 4-relay ESP module to control\nan old wall-mounted space heater in my dorm room. One of the relays was wired in\nparallel with the heater's original switch, and was controlled from a\n[HomeAssistant](https://www.home-assistant.io/) server running on a Raspberry\nPI. That server also connected to a [bluetooth air quality/temperature\nsensor](https://aranet.com/products/aranet4/), effectively acting as a smart\nthermostat. I designed the case for the ESP module in [Fusion\n360](https://www.autodesk.com/products/fusion-360/overview) and printed it at a\nlocal maker space.","tokens":[{"type":"stext","raw":"sThis one was a lot of fun. I used an off-the-shelf 4-relay ESP module to control\nan old wall-mounted space heater in my dorm room. One of the relays was wired in\nparallel with the heater's original switch, and was controlled from a\n","text":"sThis one was a lot of fun. I used an off-the-shelf 4-relay ESP module to control\nan old wall-mounted space heater in my dorm room. One of the relays was wired in\nparallel with the heater's original switch, and was controlled from a\n"},{"type":"slink","raw":"s[HomeAssistant](https://www.home-assistant.io/)","href":"shttps://www.home-assistant.io/","title":null,"text":"sHomeAssistant","tokens":[{"type":"stext","raw":"sHomeAssistant","text":"sHomeAssistant"}]},{"type":"stext","raw":"s server running on a Raspberry\nPI. That server also connected to a ","text":"s server running on a Raspberry\nPI. That server also connected to a "},{"type":"slink","raw":"s[bluetooth air quality/temperature\nsensor](https://aranet.com/products/aranet4/)","href":"shttps://aranet.com/products/aranet4/","title":null,"text":"sbluetooth air quality/temperature\nsensor","tokens":[{"type":"stext","raw":"sbluetooth air quality/temperature\nsensor","text":"sbluetooth air quality/temperature\nsensor"}]},{"type":"stext","raw":"s, effectively acting as a smart\nthermostat. I designed the case for the ESP module in ","text":"s, effectively acting as a smart\nthermostat. I designed the case for the ESP module in "},{"type":"slink","raw":"s[Fusion\n360](https://www.autodesk.com/products/fusion-360/overview)","href":"shttps://www.autodesk.com/products/fusion-360/overview","title":null,"text":"sFusion\n360","tokens":[{"type":"stext","raw":"sFusion\n360","text":"sFusion\n360"}]},{"type":"stext","raw":"s and printed it at a\nlocal maker space.","text":"s and printed it at a\nlocal maker space."}]},{"type":"sspace","raw":"s\n\n"},{"type":"shtml","raw":"s

\n\n","pre":false,"text":"s

\n\n"},{"type":"sparagraph","raw":"s![Picture of the 3D-printed case for the ESP module mounted next to the\nheater](c:projects/space-heater-box.jpg \"3D-printed case for the ESP module\nmounted next to the heater\")","text":"s![Picture of the 3D-printed case for the ESP module mounted next to the\nheater](c:projects/space-heater-box.jpg \"3D-printed case for the ESP module\nmounted next to the heater\")","tokens":[{"type":"simage","raw":"s![Picture of the 3D-printed case for the ESP module mounted next to the\nheater](c:projects/space-heater-box.jpg \"3D-printed case for the ESP module\nmounted next to the heater\")","href":"s/content/projects/space-heater-box.jpg","title":"s3D-printed case for the ESP module\nmounted next to the heater","text":"sPicture of the 3D-printed case for the ESP module mounted next to the\nheater","meta":{"width":4000,"height":1800,"format":"sjpeg","placeholder":"sdata:image/webp;base64,UklGRj4AAABXRUJQVlA4IDIAAADQAQCdASoGAAMAAgA0JYwCdAEPBSnLIAD+9supZv2FVz04TgTbakBSgQC+Hx3YTwAAAA=="}}]},{"type":"sspace","raw":"s\n\n\n"},{"type":"sheading","raw":"s## Hacking + smartifying a garage gate\n\n","depth":2,"text":"sHacking + smartifying a garage gate","tokens":[{"type":"stext","raw":"sHacking + smartifying a garage gate","text":"sHacking + smartifying a garage gate"}]},{"type":"sparagraph","raw":"sThis was an assignment for the *Security* module in the last year of my\nBachelor's. I used a [software defined\nradio](https://www.realtek.com/en/products/communications-network-ics/item/rtl2832u)\nto sniff the communication between a remote control and its garage gate. After\ndecoding the rolling code in the transmission using [Universal Radio\nHacker](https://github.com/jopohl/urh), I was able to replay it using a [generic\n433MHz transmitter](https://www.adafruit.com/product/3071).","text":"sThis was an assignment for the *Security* module in the last year of my\nBachelor's. I used a [software defined\nradio](https://www.realtek.com/en/products/communications-network-ics/item/rtl2832u)\nto sniff the communication between a remote control and its garage gate. After\ndecoding the rolling code in the transmission using [Universal Radio\nHacker](https://github.com/jopohl/urh), I was able to replay it using a [generic\n433MHz transmitter](https://www.adafruit.com/product/3071).","tokens":[{"type":"stext","raw":"sThis was an assignment for the ","text":"sThis was an assignment for the "},{"type":"sem","raw":"s*Security*","text":"sSecurity","tokens":[{"type":"stext","raw":"sSecurity","text":"sSecurity"}]},{"type":"stext","raw":"s module in the last year of my\nBachelor's. I used a ","text":"s module in the last year of my\nBachelor's. I used a "},{"type":"slink","raw":"s[software defined\nradio](https://www.realtek.com/en/products/communications-network-ics/item/rtl2832u)","href":"shttps://www.realtek.com/en/products/communications-network-ics/item/rtl2832u","title":null,"text":"ssoftware defined\nradio","tokens":[{"type":"stext","raw":"ssoftware defined\nradio","text":"ssoftware defined\nradio"}]},{"type":"stext","raw":"s\nto sniff the communication between a remote control and its garage gate. After\ndecoding the rolling code in the transmission using ","text":"s\nto sniff the communication between a remote control and its garage gate. After\ndecoding the rolling code in the transmission using "},{"type":"slink","raw":"s[Universal Radio\nHacker](https://github.com/jopohl/urh)","href":"shttps://github.com/jopohl/urh","title":null,"text":"sUniversal Radio\nHacker","tokens":[{"type":"stext","raw":"sUniversal Radio\nHacker","text":"sUniversal Radio\nHacker"}]},{"type":"stext","raw":"s, I was able to replay it using a ","text":"s, I was able to replay it using a "},{"type":"slink","raw":"s[generic\n433MHz transmitter](https://www.adafruit.com/product/3071)","href":"shttps://www.adafruit.com/product/3071","title":null,"text":"sgeneric\n433MHz transmitter","tokens":[{"type":"stext","raw":"sgeneric\n433MHz transmitter","text":"sgeneric\n433MHz transmitter"}]},{"type":"stext","raw":"s.","text":"s."}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"sIf miniaturized, this system could be installed near the gate and collect\nrolling codes whenever an authorized user opens the garage gate. This way, the\nattacker can open the gate at any later time. [The presentation\nslides](/content/projects/gate-RF-replay.pdf) contain diagrams to explain the\nattack.","text":"sIf miniaturized, this system could be installed near the gate and collect\nrolling codes whenever an authorized user opens the garage gate. This way, the\nattacker can open the gate at any later time. [The presentation\nslides](/content/projects/gate-RF-replay.pdf) contain diagrams to explain the\nattack.","tokens":[{"type":"stext","raw":"sIf miniaturized, this system could be installed near the gate and collect\nrolling codes whenever an authorized user opens the garage gate. This way, the\nattacker can open the gate at any later time. ","text":"sIf miniaturized, this system could be installed near the gate and collect\nrolling codes whenever an authorized user opens the garage gate. This way, the\nattacker can open the gate at any later time. "},{"type":"slink","raw":"s[The presentation\nslides](/content/projects/gate-RF-replay.pdf)","href":"s/content/projects/gate-RF-replay.pdf","title":null,"text":"sThe presentation\nslides","tokens":[{"type":"stext","raw":"sThe presentation\nslides","text":"sThe presentation\nslides"}]},{"type":"stext","raw":"s contain diagrams to explain the\nattack.","text":"s contain diagrams to explain the\nattack."}]},{"type":"sspace","raw":"s\n\n"},{"type":"shtml","raw":"s

\n\n","pre":false,"text":"s

\n\n"},{"type":"sparagraph","raw":"sOf course I had no personal need for this attack because I already had a remote\nfor the gate. Being the lazy software developer I am however, it did get me\nthinking about how nice it would be to be able to open the gate from my phone.\nSo I soldered a relay to the remote control and hooked it up to the\nHomeAssistant server in my dorm room. Infinite range achieved ♾️!","text":"sOf course I had no personal need for this attack because I already had a remote\nfor the gate. Being the lazy software developer I am however, it did get me\nthinking about how nice it would be to be able to open the gate from my phone.\nSo I soldered a relay to the remote control and hooked it up to the\nHomeAssistant server in my dorm room. Infinite range achieved ♾️!","tokens":[{"type":"stext","raw":"sOf course I had no personal need for this attack because I already had a remote\nfor the gate. Being the lazy software developer I am however, it did get me\nthinking about how nice it would be to be able to open the gate from my phone.\nSo I soldered a relay to the remote control and hooked it up to the\nHomeAssistant server in my dorm room. Infinite range achieved ♾️!","text":"sOf course I had no personal need for this attack because I already had a remote\nfor the gate. Being the lazy software developer I am however, it did get me\nthinking about how nice it would be to be able to open the gate from my phone.\nSo I soldered a relay to the remote control and hooked it up to the\nHomeAssistant server in my dorm room. Infinite range achieved ♾️!"}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"s![Picture of a relay connected to the gate's remote\ncontrol](c:projects/gate-relay.jpg \"Relay hooked up to the remote control\")","text":"s![Picture of a relay connected to the gate's remote\ncontrol](c:projects/gate-relay.jpg \"Relay hooked up to the remote control\")","tokens":[{"type":"simage","raw":"s![Picture of a relay connected to the gate's remote\ncontrol](c:projects/gate-relay.jpg \"Relay hooked up to the remote control\")","href":"s/content/projects/gate-relay.jpg","title":"sRelay hooked up to the remote control","text":"sPicture of a relay connected to the gate's remote\ncontrol","meta":{"width":4000,"height":1800,"format":"sjpeg","placeholder":"sdata:image/webp;base64,UklGRkYAAABXRUJQVlA4IDoAAADwAQCdASoGAAMAAgA0JZACdLoAAnYbKZgA/ubv2qhVJAsjsIcdXh/HbE2tH3VpO1t+RMRlH8yjQAAA"}}]},{"type":"sspace","raw":"s\n\n\n"},{"type":"sheading","raw":"s## Dimming lamps and controlling LED strips\n\n","depth":2,"text":"sDimming lamps and controlling LED strips","tokens":[{"type":"stext","raw":"sDimming lamps and controlling LED strips","text":"sDimming lamps and controlling LED strips"}]},{"type":"sparagraph","raw":"sBesides all of the above, I've also used IoT to dim lamps, control LED strips\nand hook into light switches. All those mini projects are some combination of\ntaking a cheap ESP module, connecting it to a relay or breakout board and\nhooking it up to HomeAssistant. Below for example is a video of me controlling a\ndimmer circuit that I connected to an Ikea lamp.","text":"sBesides all of the above, I've also used IoT to dim lamps, control LED strips\nand hook into light switches. All those mini projects are some combination of\ntaking a cheap ESP module, connecting it to a relay or breakout board and\nhooking it up to HomeAssistant. Below for example is a video of me controlling a\ndimmer circuit that I connected to an Ikea lamp.","tokens":[{"type":"stext","raw":"sBesides all of the above, I've also used IoT to dim lamps, control LED strips\nand hook into light switches. All those mini projects are some combination of\ntaking a cheap ESP module, connecting it to a relay or breakout board and\nhooking it up to HomeAssistant. Below for example is a video of me controlling a\ndimmer circuit that I connected to an Ikea lamp.","text":"sBesides all of the above, I've also used IoT to dim lamps, control LED strips\nand hook into light switches. All those mini projects are some combination of\ntaking a cheap ESP module, connecting it to a relay or breakout board and\nhooking it up to HomeAssistant. Below for example is a video of me controlling a\ndimmer circuit that I connected to an Ikea lamp."}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"sWhen it comes to the firmware on the ESP modules, I've used pre-built HTTP\nlibraries, written my own HTTP server, used MQTT, written a custom UDP protocol,\nand eventually settled on just using [ESPHome](https://esphome.io/) or\n[Tasmota](https://tasmota.github.io/docs/) for most projects.","text":"sWhen it comes to the firmware on the ESP modules, I've used pre-built HTTP\nlibraries, written my own HTTP server, used MQTT, written a custom UDP protocol,\nand eventually settled on just using [ESPHome](https://esphome.io/) or\n[Tasmota](https://tasmota.github.io/docs/) for most projects.","tokens":[{"type":"stext","raw":"sWhen it comes to the firmware on the ESP modules, I've used pre-built HTTP\nlibraries, written my own HTTP server, used MQTT, written a custom UDP protocol,\nand eventually settled on just using ","text":"sWhen it comes to the firmware on the ESP modules, I've used pre-built HTTP\nlibraries, written my own HTTP server, used MQTT, written a custom UDP protocol,\nand eventually settled on just using "},{"type":"slink","raw":"s[ESPHome](https://esphome.io/)","href":"shttps://esphome.io/","title":null,"text":"sESPHome","tokens":[{"type":"stext","raw":"sESPHome","text":"sESPHome"}]},{"type":"stext","raw":"s or\n","text":"s or\n"},{"type":"slink","raw":"s[Tasmota](https://tasmota.github.io/docs/)","href":"shttps://tasmota.github.io/docs/","title":null,"text":"sTasmota","tokens":[{"type":"stext","raw":"sTasmota","text":"sTasmota"}]},{"type":"stext","raw":"s for most projects.","text":"s for most projects."}]},{"type":"sspace","raw":"s\n\n"},{"type":"shtml","raw":"s

\n","pre":false,"text":"s

\n"}]},"technologies":[6,8,19,17,10,15]},{"definedInline":false,"name":"sOSMfocus","urlSafeName":"sosmfocus","shortDescription":{"sourceFull":"sOpen source tool to examine [OpenStreetMap](https://www.openstreetmap.org/about) data on a map.","sourceContent":"sOpen source tool to examine [OpenStreetMap](https://www.openstreetmap.org/about) data on a map.","tokens":[{"type":"sparagraph","raw":"sOpen source tool to examine [OpenStreetMap](https://www.openstreetmap.org/about) data on a map.","text":"sOpen source tool to examine [OpenStreetMap](https://www.openstreetmap.org/about) data on a map.","tokens":[{"type":"stext","raw":"sOpen source tool to examine ","text":"sOpen source tool to examine "},{"type":"slink","raw":"s[OpenStreetMap](https://www.openstreetmap.org/about)","href":"shttps://www.openstreetmap.org/about","title":null,"text":"sOpenStreetMap","tokens":[{"type":"stext","raw":"sOpenStreetMap","text":"sOpenStreetMap"}]},{"type":"stext","raw":"s data on a map.","text":"s data on a map."}]}]},"gitUrl":"uhttps://github.com/ubipo/osmfocus","siteUrl":"uhttps://play.google.com/store/apps/details?id=net.pfiers.osmfocus","image":{"meta":{"width":1024,"height":500,"format":"swebp","placeholder":"sdata:image/webp;base64,UklGRjgAAABXRUJQVlA4ICwAAACwAQCdASoGAAMAAgA0JZQAAxedNtdAAP74NYN8vajRPdgs4EX77k/S4DgAAA=="},"url":"s/content/projects/osmfocus.webp","alt":"sOSMfocus Reborn logo on OpenStreetMap map background"},"longDescription":{"sourceFull":"s---\nname: OSMfocus\nshortDescription: Open source tool to examine\n [OpenStreetMap](https://www.openstreetmap.org/about) data on a map.\ntechnologies:\n - Android\n - Kotlin\ngitUrl: https://github.com/ubipo/osmfocus\nsiteUrl: https://play.google.com/store/apps/details?id=net.pfiers.osmfocus\nimage:\n url: c:projects/osmfocus.webp\n alt: OSMfocus Reborn logo on OpenStreetMap map background\n---\n\n![Banner](c:projects/osmfocus.webp)\n\n[Michael Vittrup Larsen's](https://github.com/MichaelVL) OSMfocus was an\nincredibly useful tool to investigate and debug OpenStreetMap data.\nUnfortunately the app stopped working with the deprecation of the non-TLS\nversion of the [OpenStreetMap\nAPI](https://wiki.openstreetmap.org/wiki/API_v0.6).\n\nMichael no longer had the time to [maintain the\napp](https://github.com/MichaelVL/osm-focus), so I decided to pick up the\nproject and released an new version from scratch, dubbed *OSMfocus Reborn*. This\nnew version uses [Kotlin](https://kotlinlang.org) and [Android\nJetpack](https://developer.android.com/jetpack) and has 100+ active users on\nGoogle Play (I don't have usage numbers from F-Droid because the app has no\ntracking).\n\nYou can download it on [Google\nPlay](https://play.google.com/store/apps/details?id=net.pfiers.osmfocus) or via\n[F-Droid](http://fdroid.org/en/packages/net.pfiers.osmfocus).\n\n![Screenshot of OSMfocus, showing how OpenStreetMap data for lakes and buildings\nis revealed on a map](c:projects/osmfocus-screenshot.webp \"Boxes showing the\n'tags' (underlying data) for OpenStreetMap elements\")\n","sourceContent":"s\n\n![Banner](c:projects/osmfocus.webp)\n\n[Michael Vittrup Larsen's](https://github.com/MichaelVL) OSMfocus was an\nincredibly useful tool to investigate and debug OpenStreetMap data.\nUnfortunately the app stopped working with the deprecation of the non-TLS\nversion of the [OpenStreetMap\nAPI](https://wiki.openstreetmap.org/wiki/API_v0.6).\n\nMichael no longer had the time to [maintain the\napp](https://github.com/MichaelVL/osm-focus), so I decided to pick up the\nproject and released an new version from scratch, dubbed *OSMfocus Reborn*. This\nnew version uses [Kotlin](https://kotlinlang.org) and [Android\nJetpack](https://developer.android.com/jetpack) and has 100+ active users on\nGoogle Play (I don't have usage numbers from F-Droid because the app has no\ntracking).\n\nYou can download it on [Google\nPlay](https://play.google.com/store/apps/details?id=net.pfiers.osmfocus) or via\n[F-Droid](http://fdroid.org/en/packages/net.pfiers.osmfocus).\n\n![Screenshot of OSMfocus, showing how OpenStreetMap data for lakes and buildings\nis revealed on a map](c:projects/osmfocus-screenshot.webp \"Boxes showing the\n'tags' (underlying data) for OpenStreetMap elements\")\n","tokens":[{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"s![Banner](c:projects/osmfocus.webp)","text":"s![Banner](c:projects/osmfocus.webp)","tokens":[{"type":"simage","raw":"s![Banner](c:projects/osmfocus.webp)","href":"s/content/projects/osmfocus.webp","title":null,"text":"sBanner","meta":{"width":1024,"height":500,"format":"swebp","placeholder":"sdata:image/webp;base64,UklGRjgAAABXRUJQVlA4ICwAAACwAQCdASoGAAMAAgA0JZQAAxedNtdAAP74NYN8vajRPdgs4EX77k/S4DgAAA=="}}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"s[Michael Vittrup Larsen's](https://github.com/MichaelVL) OSMfocus was an\nincredibly useful tool to investigate and debug OpenStreetMap data.\nUnfortunately the app stopped working with the deprecation of the non-TLS\nversion of the [OpenStreetMap\nAPI](https://wiki.openstreetmap.org/wiki/API_v0.6).","text":"s[Michael Vittrup Larsen's](https://github.com/MichaelVL) OSMfocus was an\nincredibly useful tool to investigate and debug OpenStreetMap data.\nUnfortunately the app stopped working with the deprecation of the non-TLS\nversion of the [OpenStreetMap\nAPI](https://wiki.openstreetmap.org/wiki/API_v0.6).","tokens":[{"type":"slink","raw":"s[Michael Vittrup Larsen's](https://github.com/MichaelVL)","href":"shttps://github.com/MichaelVL","title":null,"text":"sMichael Vittrup Larsen's","tokens":[{"type":"stext","raw":"sMichael Vittrup Larsen's","text":"sMichael Vittrup Larsen's"}]},{"type":"stext","raw":"s OSMfocus was an\nincredibly useful tool to investigate and debug OpenStreetMap data.\nUnfortunately the app stopped working with the deprecation of the non-TLS\nversion of the ","text":"s OSMfocus was an\nincredibly useful tool to investigate and debug OpenStreetMap data.\nUnfortunately the app stopped working with the deprecation of the non-TLS\nversion of the "},{"type":"slink","raw":"s[OpenStreetMap\nAPI](https://wiki.openstreetmap.org/wiki/API_v0.6)","href":"shttps://wiki.openstreetmap.org/wiki/API_v0.6","title":null,"text":"sOpenStreetMap\nAPI","tokens":[{"type":"stext","raw":"sOpenStreetMap\nAPI","text":"sOpenStreetMap\nAPI"}]},{"type":"stext","raw":"s.","text":"s."}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"sMichael no longer had the time to [maintain the\napp](https://github.com/MichaelVL/osm-focus), so I decided to pick up the\nproject and released an new version from scratch, dubbed *OSMfocus Reborn*. This\nnew version uses [Kotlin](https://kotlinlang.org) and [Android\nJetpack](https://developer.android.com/jetpack) and has 100+ active users on\nGoogle Play (I don't have usage numbers from F-Droid because the app has no\ntracking).","text":"sMichael no longer had the time to [maintain the\napp](https://github.com/MichaelVL/osm-focus), so I decided to pick up the\nproject and released an new version from scratch, dubbed *OSMfocus Reborn*. This\nnew version uses [Kotlin](https://kotlinlang.org) and [Android\nJetpack](https://developer.android.com/jetpack) and has 100+ active users on\nGoogle Play (I don't have usage numbers from F-Droid because the app has no\ntracking).","tokens":[{"type":"stext","raw":"sMichael no longer had the time to ","text":"sMichael no longer had the time to "},{"type":"slink","raw":"s[maintain the\napp](https://github.com/MichaelVL/osm-focus)","href":"shttps://github.com/MichaelVL/osm-focus","title":null,"text":"smaintain the\napp","tokens":[{"type":"stext","raw":"smaintain the\napp","text":"smaintain the\napp"}]},{"type":"stext","raw":"s, so I decided to pick up the\nproject and released an new version from scratch, dubbed ","text":"s, so I decided to pick up the\nproject and released an new version from scratch, dubbed "},{"type":"sem","raw":"s*OSMfocus Reborn*","text":"sOSMfocus Reborn","tokens":[{"type":"stext","raw":"sOSMfocus Reborn","text":"sOSMfocus Reborn"}]},{"type":"stext","raw":"s. This\nnew version uses ","text":"s. This\nnew version uses "},{"type":"slink","raw":"s[Kotlin](https://kotlinlang.org)","href":"shttps://kotlinlang.org","title":null,"text":"sKotlin","tokens":[{"type":"stext","raw":"sKotlin","text":"sKotlin"}]},{"type":"stext","raw":"s and ","text":"s and "},{"type":"slink","raw":"s[Android\nJetpack](https://developer.android.com/jetpack)","href":"shttps://developer.android.com/jetpack","title":null,"text":"sAndroid\nJetpack","tokens":[{"type":"stext","raw":"sAndroid\nJetpack","text":"sAndroid\nJetpack"}]},{"type":"stext","raw":"s and has 100+ active users on\nGoogle Play (I don't have usage numbers from F-Droid because the app has no\ntracking).","text":"s and has 100+ active users on\nGoogle Play (I don't have usage numbers from F-Droid because the app has no\ntracking)."}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"sYou can download it on [Google\nPlay](https://play.google.com/store/apps/details?id=net.pfiers.osmfocus) or via\n[F-Droid](http://fdroid.org/en/packages/net.pfiers.osmfocus).","text":"sYou can download it on [Google\nPlay](https://play.google.com/store/apps/details?id=net.pfiers.osmfocus) or via\n[F-Droid](http://fdroid.org/en/packages/net.pfiers.osmfocus).","tokens":[{"type":"stext","raw":"sYou can download it on ","text":"sYou can download it on "},{"type":"slink","raw":"s[Google\nPlay](https://play.google.com/store/apps/details?id=net.pfiers.osmfocus)","href":"shttps://play.google.com/store/apps/details?id=net.pfiers.osmfocus","title":null,"text":"sGoogle\nPlay","tokens":[{"type":"stext","raw":"sGoogle\nPlay","text":"sGoogle\nPlay"}]},{"type":"stext","raw":"s or via\n","text":"s or via\n"},{"type":"slink","raw":"s[F-Droid](http://fdroid.org/en/packages/net.pfiers.osmfocus)","href":"shttp://fdroid.org/en/packages/net.pfiers.osmfocus","title":null,"text":"sF-Droid","tokens":[{"type":"stext","raw":"sF-Droid","text":"sF-Droid"}]},{"type":"stext","raw":"s.","text":"s."}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"s![Screenshot of OSMfocus, showing how OpenStreetMap data for lakes and buildings\nis revealed on a map](c:projects/osmfocus-screenshot.webp \"Boxes showing the\n'tags' (underlying data) for OpenStreetMap elements\")\n","text":"s![Screenshot of OSMfocus, showing how OpenStreetMap data for lakes and buildings\nis revealed on a map](c:projects/osmfocus-screenshot.webp \"Boxes showing the\n'tags' (underlying data) for OpenStreetMap elements\")","tokens":[{"type":"simage","raw":"s![Screenshot of OSMfocus, showing how OpenStreetMap data for lakes and buildings\nis revealed on a map](c:projects/osmfocus-screenshot.webp \"Boxes showing the\n'tags' (underlying data) for OpenStreetMap elements\")","href":"s/content/projects/osmfocus-screenshot.webp","title":"sBoxes showing the\n'tags' (underlying data) for OpenStreetMap elements","text":"sScreenshot of OSMfocus, showing how OpenStreetMap data for lakes and buildings\nis revealed on a map","meta":{"width":2332,"height":1080,"format":"swebp","placeholder":"sdata:image/webp;base64,UklGRjYAAABXRUJQVlA4ICoAAADQAQCdASoGAAMAAgA0JZwCdAEUo5ocIAD+/C3sQxAuLXbTgDIuL5UAAAA="}}]}]},"technologies":[18,9]},{"definedInline":false,"name":"sAndin","urlSafeName":"sandin","shortDescription":{"sourceFull":"sAn indoor map for android, with navigation and search.","sourceContent":"sAn indoor map for android, with navigation and search.","tokens":[{"type":"sparagraph","raw":"sAn indoor map for android, with navigation and search.","text":"sAn indoor map for android, with navigation and search.","tokens":[{"type":"stext","raw":"sAn indoor map for android, with navigation and search.","text":"sAn indoor map for android, with navigation and search."}]}]},"gitUrl":"uhttps://github.com/ubipo/andin-api","siteUrl":"uhttps://andin.pfiers.net/","image":{"meta":{"width":2160,"height":2321,"format":"swebp","placeholder":"sdata:image/webp;base64,UklGRkoAAABXRUJQVlA4ID4AAADQAQCdASoGAAYAAgA0JZQAAp2QpO5uAAD++yUGDZ+LofaPmVKfcm8/wBfxQ/peheohlbqBb0rMa/lW6Mj4AA=="},"url":"s/content/projects/andin-new.webp","alt":"sTwo screenshots of the Andin android application, showing a map of rooms in a building"},"longDescription":{"sourceFull":"s---\nname: Andin\nshortDescription: An indoor map for android, with navigation and search.\ntechnologies:\n - Android\n - GraphQL\n - Go\n - Kotlin\n - Python\ngitUrl: https://github.com/ubipo/andin-api\nsiteUrl: https://andin.pfiers.net\nimage:\n url: c:projects/andin-new.webp\n alt: Two screenshots of the Andin android application, showing a map of rooms in a building\n---\n\nAndin helps you navigate complicated buildings by providing a map of the\nbuilding's floors, a 3D view of its rooms, and interactive navigation\ndirections. I'm no longer actively working on this app. For an Android app that\nI do actively maintain, see [OsmFocus](/projects/osmfocus).\n\n![Two screenshots of the Andin android application, showing a map of rooms in a building](c:projects/andin-new.png)\n\nAndin's core idea is something I had on my mind for a while; a good mobile app\nto view [the indoor mapping\ndata](https://wiki.openstreetmap.org/wiki/Simple_Indoor_Tagging) that's already\navailable in [OpenStreetMap](https://www.openstreetmap.org/). A big part of that\nis the navgraph generator/routing engine I created. This generator creates a\nnavigation graph from the room and corridor polygons of the building in\nOpenStreetMap.\n\n![Graph (points connected by lines) showing possible paths through a corridor in a building.](c:projects/andin-navgraph.png \"Navgraph for a simple building\")\n\nBeacause I created multiple parts of Andin as school assignments there are three\nparts with corresponding git repositories:\n\n[The database repository](https://github.com/ubipo/andin-db) contains migrations\nfor the [PostgreSQL](https://www.postgresql.org/) backend DB. That database\nstores the processed building and room data from OpenStreetMap (physical rooms,\nnot the android framework). The OpenStreetMap data processing scripts are\nwritten in Python and use shapely for topology stuff.\n\n[The API](https://github.com/ubipo/andin-api) is served by a Graphql server\nwritten in [Go](/technologies/go) that interacts with the PostgreSQL database. I\nused [graphql-go](https://github.com/graphql-go/graphql) to handle\n[GraphQL](https://graphql.org/) queries and\n [squirrel](https://github.com/Masterminds/squirrel) +\n[sqlx](https://github.com/jmoiron/sqlx) for the object relation model.\n\n[The Android app](https://github.com/ubipo/andin-android) uses [Android\nJetpack](https://developer.android.com/jetpack) and\n[Room](https://developer.android.com/reference/kotlin/androidx/room/).\n","sourceContent":"s\n\nAndin helps you navigate complicated buildings by providing a map of the\nbuilding's floors, a 3D view of its rooms, and interactive navigation\ndirections. I'm no longer actively working on this app. For an Android app that\nI do actively maintain, see [OsmFocus](/projects/osmfocus).\n\n![Two screenshots of the Andin android application, showing a map of rooms in a building](c:projects/andin-new.png)\n\nAndin's core idea is something I had on my mind for a while; a good mobile app\nto view [the indoor mapping\ndata](https://wiki.openstreetmap.org/wiki/Simple_Indoor_Tagging) that's already\navailable in [OpenStreetMap](https://www.openstreetmap.org/). A big part of that\nis the navgraph generator/routing engine I created. This generator creates a\nnavigation graph from the room and corridor polygons of the building in\nOpenStreetMap.\n\n![Graph (points connected by lines) showing possible paths through a corridor in a building.](c:projects/andin-navgraph.png \"Navgraph for a simple building\")\n\nBeacause I created multiple parts of Andin as school assignments there are three\nparts with corresponding git repositories:\n\n[The database repository](https://github.com/ubipo/andin-db) contains migrations\nfor the [PostgreSQL](https://www.postgresql.org/) backend DB. That database\nstores the processed building and room data from OpenStreetMap (physical rooms,\nnot the android framework). The OpenStreetMap data processing scripts are\nwritten in Python and use shapely for topology stuff.\n\n[The API](https://github.com/ubipo/andin-api) is served by a Graphql server\nwritten in [Go](/technologies/go) that interacts with the PostgreSQL database. I\nused [graphql-go](https://github.com/graphql-go/graphql) to handle\n[GraphQL](https://graphql.org/) queries and\n [squirrel](https://github.com/Masterminds/squirrel) +\n[sqlx](https://github.com/jmoiron/sqlx) for the object relation model.\n\n[The Android app](https://github.com/ubipo/andin-android) uses [Android\nJetpack](https://developer.android.com/jetpack) and\n[Room](https://developer.android.com/reference/kotlin/androidx/room/).\n","tokens":[{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"sAndin helps you navigate complicated buildings by providing a map of the\nbuilding's floors, a 3D view of its rooms, and interactive navigation\ndirections. I'm no longer actively working on this app. For an Android app that\nI do actively maintain, see [OsmFocus](/projects/osmfocus).","text":"sAndin helps you navigate complicated buildings by providing a map of the\nbuilding's floors, a 3D view of its rooms, and interactive navigation\ndirections. I'm no longer actively working on this app. For an Android app that\nI do actively maintain, see [OsmFocus](/projects/osmfocus).","tokens":[{"type":"stext","raw":"sAndin helps you navigate complicated buildings by providing a map of the\nbuilding's floors, a 3D view of its rooms, and interactive navigation\ndirections. I'm no longer actively working on this app. For an Android app that\nI do actively maintain, see ","text":"sAndin helps you navigate complicated buildings by providing a map of the\nbuilding's floors, a 3D view of its rooms, and interactive navigation\ndirections. I'm no longer actively working on this app. For an Android app that\nI do actively maintain, see "},{"type":"slink","raw":"s[OsmFocus](/projects/osmfocus)","href":"s/projects/osmfocus","title":null,"text":"sOsmFocus","tokens":[{"type":"stext","raw":"sOsmFocus","text":"sOsmFocus"}]},{"type":"stext","raw":"s.","text":"s."}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"s![Two screenshots of the Andin android application, showing a map of rooms in a building](c:projects/andin-new.png)","text":"s![Two screenshots of the Andin android application, showing a map of rooms in a building](c:projects/andin-new.png)","tokens":[{"type":"simage","raw":"s![Two screenshots of the Andin android application, showing a map of rooms in a building](c:projects/andin-new.png)","href":"s/content/projects/andin-new.png","title":null,"text":"sTwo screenshots of the Andin android application, showing a map of rooms in a building","meta":{"width":2160,"height":2321,"format":"spng","placeholder":"sdata:image/webp;base64,UklGRlAAAABXRUJQVlA4IEQAAADQAQCdASoGAAYAAgA0JZQAAp2REIk+AAD++59asvFwwFL3Rg1ZiPXuflv8envRd4U4BDN2Zg5ekrL7uEp5foRGBQHgAA=="}}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"sAndin's core idea is something I had on my mind for a while; a good mobile app\nto view [the indoor mapping\ndata](https://wiki.openstreetmap.org/wiki/Simple_Indoor_Tagging) that's already\navailable in [OpenStreetMap](https://www.openstreetmap.org/). A big part of that\nis the navgraph generator/routing engine I created. This generator creates a\nnavigation graph from the room and corridor polygons of the building in\nOpenStreetMap.","text":"sAndin's core idea is something I had on my mind for a while; a good mobile app\nto view [the indoor mapping\ndata](https://wiki.openstreetmap.org/wiki/Simple_Indoor_Tagging) that's already\navailable in [OpenStreetMap](https://www.openstreetmap.org/). A big part of that\nis the navgraph generator/routing engine I created. This generator creates a\nnavigation graph from the room and corridor polygons of the building in\nOpenStreetMap.","tokens":[{"type":"stext","raw":"sAndin's core idea is something I had on my mind for a while; a good mobile app\nto view ","text":"sAndin's core idea is something I had on my mind for a while; a good mobile app\nto view "},{"type":"slink","raw":"s[the indoor mapping\ndata](https://wiki.openstreetmap.org/wiki/Simple_Indoor_Tagging)","href":"shttps://wiki.openstreetmap.org/wiki/Simple_Indoor_Tagging","title":null,"text":"sthe indoor mapping\ndata","tokens":[{"type":"stext","raw":"sthe indoor mapping\ndata","text":"sthe indoor mapping\ndata"}]},{"type":"stext","raw":"s that's already\navailable in ","text":"s that's already\navailable in "},{"type":"slink","raw":"s[OpenStreetMap](https://www.openstreetmap.org/)","href":"shttps://www.openstreetmap.org/","title":null,"text":"sOpenStreetMap","tokens":[{"type":"stext","raw":"sOpenStreetMap","text":"sOpenStreetMap"}]},{"type":"stext","raw":"s. A big part of that\nis the navgraph generator/routing engine I created. This generator creates a\nnavigation graph from the room and corridor polygons of the building in\nOpenStreetMap.","text":"s. A big part of that\nis the navgraph generator/routing engine I created. This generator creates a\nnavigation graph from the room and corridor polygons of the building in\nOpenStreetMap."}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"s![Graph (points connected by lines) showing possible paths through a corridor in a building.](c:projects/andin-navgraph.png \"Navgraph for a simple building\")","text":"s![Graph (points connected by lines) showing possible paths through a corridor in a building.](c:projects/andin-navgraph.png \"Navgraph for a simple building\")","tokens":[{"type":"simage","raw":"s![Graph (points connected by lines) showing possible paths through a corridor in a building.](c:projects/andin-navgraph.png \"Navgraph for a simple building\")","href":"s/content/projects/andin-navgraph.png","title":"sNavgraph for a simple building","text":"sGraph (points connected by lines) showing possible paths through a corridor in a building.","meta":{"width":640,"height":480,"format":"spng","placeholder":"sdata:image/webp;base64,UklGRiwAAABXRUJQVlA4ICAAAAAwAQCdASoGAAUAAgA0JaQAA3AA/vq8DaLeHx+UsAAAAA=="}}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"sBeacause I created multiple parts of Andin as school assignments there are three\nparts with corresponding git repositories:","text":"sBeacause I created multiple parts of Andin as school assignments there are three\nparts with corresponding git repositories:","tokens":[{"type":"stext","raw":"sBeacause I created multiple parts of Andin as school assignments there are three\nparts with corresponding git repositories:","text":"sBeacause I created multiple parts of Andin as school assignments there are three\nparts with corresponding git repositories:"}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"s[The database repository](https://github.com/ubipo/andin-db) contains migrations\nfor the [PostgreSQL](https://www.postgresql.org/) backend DB. That database\nstores the processed building and room data from OpenStreetMap (physical rooms,\nnot the android framework). The OpenStreetMap data processing scripts are\nwritten in Python and use shapely for topology stuff.","text":"s[The database repository](https://github.com/ubipo/andin-db) contains migrations\nfor the [PostgreSQL](https://www.postgresql.org/) backend DB. That database\nstores the processed building and room data from OpenStreetMap (physical rooms,\nnot the android framework). The OpenStreetMap data processing scripts are\nwritten in Python and use shapely for topology stuff.","tokens":[{"type":"slink","raw":"s[The database repository](https://github.com/ubipo/andin-db)","href":"shttps://github.com/ubipo/andin-db","title":null,"text":"sThe database repository","tokens":[{"type":"stext","raw":"sThe database repository","text":"sThe database repository"}]},{"type":"stext","raw":"s contains migrations\nfor the ","text":"s contains migrations\nfor the "},{"type":"slink","raw":"s[PostgreSQL](https://www.postgresql.org/)","href":"shttps://www.postgresql.org/","title":null,"text":"sPostgreSQL","tokens":[{"type":"stext","raw":"sPostgreSQL","text":"sPostgreSQL"}]},{"type":"stext","raw":"s backend DB. That database\nstores the processed building and room data from OpenStreetMap (physical rooms,\nnot the android framework). The OpenStreetMap data processing scripts are\nwritten in Python and use shapely for topology stuff.","text":"s backend DB. That database\nstores the processed building and room data from OpenStreetMap (physical rooms,\nnot the android framework). The OpenStreetMap data processing scripts are\nwritten in Python and use shapely for topology stuff."}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"s[The API](https://github.com/ubipo/andin-api) is served by a Graphql server\nwritten in [Go](/technologies/go) that interacts with the PostgreSQL database. I\nused [graphql-go](https://github.com/graphql-go/graphql) to handle\n[GraphQL](https://graphql.org/) queries and\n [squirrel](https://github.com/Masterminds/squirrel) +\n[sqlx](https://github.com/jmoiron/sqlx) for the object relation model.","text":"s[The API](https://github.com/ubipo/andin-api) is served by a Graphql server\nwritten in [Go](/technologies/go) that interacts with the PostgreSQL database. I\nused [graphql-go](https://github.com/graphql-go/graphql) to handle\n[GraphQL](https://graphql.org/) queries and\n [squirrel](https://github.com/Masterminds/squirrel) +\n[sqlx](https://github.com/jmoiron/sqlx) for the object relation model.","tokens":[{"type":"slink","raw":"s[The API](https://github.com/ubipo/andin-api)","href":"shttps://github.com/ubipo/andin-api","title":null,"text":"sThe API","tokens":[{"type":"stext","raw":"sThe API","text":"sThe API"}]},{"type":"stext","raw":"s is served by a Graphql server\nwritten in ","text":"s is served by a Graphql server\nwritten in "},{"type":"slink","raw":"s[Go](/technologies/go)","href":"s/technologies/go","title":null,"text":"sGo","tokens":[{"type":"stext","raw":"sGo","text":"sGo"}]},{"type":"stext","raw":"s that interacts with the PostgreSQL database. I\nused ","text":"s that interacts with the PostgreSQL database. I\nused "},{"type":"slink","raw":"s[graphql-go](https://github.com/graphql-go/graphql)","href":"shttps://github.com/graphql-go/graphql","title":null,"text":"sgraphql-go","tokens":[{"type":"stext","raw":"sgraphql-go","text":"sgraphql-go"}]},{"type":"stext","raw":"s to handle\n","text":"s to handle\n"},{"type":"slink","raw":"s[GraphQL](https://graphql.org/)","href":"shttps://graphql.org/","title":null,"text":"sGraphQL","tokens":[{"type":"stext","raw":"sGraphQL","text":"sGraphQL"}]},{"type":"stext","raw":"s queries and\n ","text":"s queries and\n "},{"type":"slink","raw":"s[squirrel](https://github.com/Masterminds/squirrel)","href":"shttps://github.com/Masterminds/squirrel","title":null,"text":"ssquirrel","tokens":[{"type":"stext","raw":"ssquirrel","text":"ssquirrel"}]},{"type":"stext","raw":"s +\n","text":"s +\n"},{"type":"slink","raw":"s[sqlx](https://github.com/jmoiron/sqlx)","href":"shttps://github.com/jmoiron/sqlx","title":null,"text":"ssqlx","tokens":[{"type":"stext","raw":"ssqlx","text":"ssqlx"}]},{"type":"stext","raw":"s for the object relation model.","text":"s for the object relation model."}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"s[The Android app](https://github.com/ubipo/andin-android) uses [Android\nJetpack](https://developer.android.com/jetpack) and\n[Room](https://developer.android.com/reference/kotlin/androidx/room/).\n","text":"s[The Android app](https://github.com/ubipo/andin-android) uses [Android\nJetpack](https://developer.android.com/jetpack) and\n[Room](https://developer.android.com/reference/kotlin/androidx/room/).","tokens":[{"type":"slink","raw":"s[The Android app](https://github.com/ubipo/andin-android)","href":"shttps://github.com/ubipo/andin-android","title":null,"text":"sThe Android app","tokens":[{"type":"stext","raw":"sThe Android app","text":"sThe Android app"}]},{"type":"stext","raw":"s uses ","text":"s uses "},{"type":"slink","raw":"s[Android\nJetpack](https://developer.android.com/jetpack)","href":"shttps://developer.android.com/jetpack","title":null,"text":"sAndroid\nJetpack","tokens":[{"type":"stext","raw":"sAndroid\nJetpack","text":"sAndroid\nJetpack"}]},{"type":"stext","raw":"s and\n","text":"s and\n"},{"type":"slink","raw":"s[Room](https://developer.android.com/reference/kotlin/androidx/room/)","href":"shttps://developer.android.com/reference/kotlin/androidx/room/","title":null,"text":"sRoom","tokens":[{"type":"stext","raw":"sRoom","text":"sRoom"}]},{"type":"stext","raw":"s.","text":"s."}]}]},"technologies":[18,3,16,9,10]},{"definedInline":false,"name":"sVrijwilligersparaat","urlSafeName":"svrijwilligersparaat","shortDescription":{"sourceFull":"sWebsite commissioned by the Flemish Center for Volunteering to coordinate \nvolunteer efforts during the COVID-19 crisis.\n","sourceContent":"sWebsite commissioned by the Flemish Center for Volunteering to coordinate \nvolunteer efforts during the COVID-19 crisis.\n","tokens":[{"type":"sparagraph","raw":"sWebsite commissioned by the Flemish Center for Volunteering to coordinate \nvolunteer efforts during the COVID-19 crisis.\n","text":"sWebsite commissioned by the Flemish Center for Volunteering to coordinate \nvolunteer efforts during the COVID-19 crisis.","tokens":[{"type":"stext","raw":"sWebsite commissioned by the Flemish Center for Volunteering to coordinate \nvolunteer efforts during the COVID-19 crisis.","text":"sWebsite commissioned by the Flemish Center for Volunteering to coordinate \nvolunteer efforts during the COVID-19 crisis."}]}]},"image":{"meta":{"width":781,"height":435,"format":"spng","placeholder":"sdata:image/webp;base64,UklGRjIAAABXRUJQVlA4ICYAAACQAQCdASoGAAMAAgA0JZwAAudZtgAA/vkH9y2ray+8sFps9dYAAA=="},"url":"s/content/projects/vrijwilligersparaat.png","alt":"sScreenshot of the Vrijwilligersparaat website."},"longDescription":{"sourceFull":"s---\nname: Vrijwilligersparaat\nshortDescription: |\n Website commissioned by the Flemish Center for Volunteering to coordinate \n volunteer efforts during the COVID-19 crisis.\ntechnologies:\n - Web\n - Python\nimage:\n url: \"c:projects/vrijwilligersparaat.png\"\n alt: Screenshot of the Vrijwilligersparaat website.\n---\n\nThis is a website I created to help coordinate volunteer efforts in Flanders\nduring the COVID-19 crisis. It was commissioned by the [*Flemish Support Center\nfor Volunteer Work* (*Vlaams Steunpunt\nVrijwilligerswerk*)](https://www.vlaanderenvrijwilligt.be/). The website's pages\nwhere served by a simple [Python](/technologies/python)\n[Flask](https://flask.palletsprojects.com) app with\n[jinja2](https://jinja.palletsprojects.com) templates and an SQLite database.\n\nThe site was mentioned in an article in the Belgian newspaper *De Standaard*\nsummarizing volunteer efforts: \n[*Helpende Handen tegen corona gezocht*](https://www.standaard.be/cnt/dmf20200323_04899292)\n\nThe alma mater for my Bachelor's, UCLL, also tweeted about it:\n```{tweet} https://twitter.com/hogeschoolUCLL/status/1242063205481971712 \"Hogeschool UCLL\" hogeschoolUCLL \"1:18 PM · Mar 23, 2020\"\nFier op deze student Toegepaste Informatica, die met zijn kennis aan de slag \nging voor [@Vlaamssteunp](https://twitter.com/Vlaamssteunp?ref_src=twsrc%5Etfw) \nVrijwilligerswerk. Als organisatie op zoek naar vrijwilligers? Plaats je oproep \nop de website die Pieter maakte: \n[vrijwilligersparaat.be](http://www.vrijwilligersparaat.be/)! \n[#COVID19](https://twitter.com/hashtag/COVID19?src=hash&ref_src=twsrc%5Etfw)\n[#vlaanderenhelpt](https://twitter.com/hashtag/vlaanderenhelpt?src=hash&ref_src=twsrc%5Etfw)\n[#MovingMinds](https://twitter.com/hashtag/MovingMinds?src=hash&ref_src=twsrc%5Etfw)\n[https://t.co/f6kEU6h6yI](https://t.co/f6kEU6h6yI)\n```\n\n![Screen capture of vrijwilligersparaat.be home\nscreen](c:projects/vrijwilligersparaat.png \"Home screen\")\n\n![Screen capture of a vacancy by a\nhospital](c:projects/vrijwilligersparaat-vacancy.png \"Vacancy for a hospital\nassistant\")\n","sourceContent":"s\n\nThis is a website I created to help coordinate volunteer efforts in Flanders\nduring the COVID-19 crisis. It was commissioned by the [*Flemish Support Center\nfor Volunteer Work* (*Vlaams Steunpunt\nVrijwilligerswerk*)](https://www.vlaanderenvrijwilligt.be/). The website's pages\nwhere served by a simple [Python](/technologies/python)\n[Flask](https://flask.palletsprojects.com) app with\n[jinja2](https://jinja.palletsprojects.com) templates and an SQLite database.\n\nThe site was mentioned in an article in the Belgian newspaper *De Standaard*\nsummarizing volunteer efforts: \n[*Helpende Handen tegen corona gezocht*](https://www.standaard.be/cnt/dmf20200323_04899292)\n\nThe alma mater for my Bachelor's, UCLL, also tweeted about it:\n```{tweet} https://twitter.com/hogeschoolUCLL/status/1242063205481971712 \"Hogeschool UCLL\" hogeschoolUCLL \"1:18 PM · Mar 23, 2020\"\nFier op deze student Toegepaste Informatica, die met zijn kennis aan de slag \nging voor [@Vlaamssteunp](https://twitter.com/Vlaamssteunp?ref_src=twsrc%5Etfw) \nVrijwilligerswerk. Als organisatie op zoek naar vrijwilligers? Plaats je oproep \nop de website die Pieter maakte: \n[vrijwilligersparaat.be](http://www.vrijwilligersparaat.be/)! \n[#COVID19](https://twitter.com/hashtag/COVID19?src=hash&ref_src=twsrc%5Etfw)\n[#vlaanderenhelpt](https://twitter.com/hashtag/vlaanderenhelpt?src=hash&ref_src=twsrc%5Etfw)\n[#MovingMinds](https://twitter.com/hashtag/MovingMinds?src=hash&ref_src=twsrc%5Etfw)\n[https://t.co/f6kEU6h6yI](https://t.co/f6kEU6h6yI)\n```\n\n![Screen capture of vrijwilligersparaat.be home\nscreen](c:projects/vrijwilligersparaat.png \"Home screen\")\n\n![Screen capture of a vacancy by a\nhospital](c:projects/vrijwilligersparaat-vacancy.png \"Vacancy for a hospital\nassistant\")\n","tokens":[{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"sThis is a website I created to help coordinate volunteer efforts in Flanders\nduring the COVID-19 crisis. It was commissioned by the [*Flemish Support Center\nfor Volunteer Work* (*Vlaams Steunpunt\nVrijwilligerswerk*)](https://www.vlaanderenvrijwilligt.be/). The website's pages\nwhere served by a simple [Python](/technologies/python)\n[Flask](https://flask.palletsprojects.com) app with\n[jinja2](https://jinja.palletsprojects.com) templates and an SQLite database.","text":"sThis is a website I created to help coordinate volunteer efforts in Flanders\nduring the COVID-19 crisis. It was commissioned by the [*Flemish Support Center\nfor Volunteer Work* (*Vlaams Steunpunt\nVrijwilligerswerk*)](https://www.vlaanderenvrijwilligt.be/). The website's pages\nwhere served by a simple [Python](/technologies/python)\n[Flask](https://flask.palletsprojects.com) app with\n[jinja2](https://jinja.palletsprojects.com) templates and an SQLite database.","tokens":[{"type":"stext","raw":"sThis is a website I created to help coordinate volunteer efforts in Flanders\nduring the COVID-19 crisis. It was commissioned by the ","text":"sThis is a website I created to help coordinate volunteer efforts in Flanders\nduring the COVID-19 crisis. It was commissioned by the "},{"type":"slink","raw":"s[*Flemish Support Center\nfor Volunteer Work* (*Vlaams Steunpunt\nVrijwilligerswerk*)](https://www.vlaanderenvrijwilligt.be/)","href":"shttps://www.vlaanderenvrijwilligt.be/","title":null,"text":"s*Flemish Support Center\nfor Volunteer Work* (*Vlaams Steunpunt\nVrijwilligerswerk*)","tokens":[{"type":"sem","raw":"s*Flemish Support Center\nfor Volunteer Work*","text":"sFlemish Support Center\nfor Volunteer Work","tokens":[{"type":"stext","raw":"sFlemish Support Center\nfor Volunteer Work","text":"sFlemish Support Center\nfor Volunteer Work"}]},{"type":"stext","raw":"s (","text":"s ("},{"type":"sem","raw":"s*Vlaams Steunpunt\nVrijwilligerswerk*","text":"sVlaams Steunpunt\nVrijwilligerswerk","tokens":[{"type":"stext","raw":"sVlaams Steunpunt\nVrijwilligerswerk","text":"sVlaams Steunpunt\nVrijwilligerswerk"}]},{"type":"stext","raw":"s)","text":"s)"}]},{"type":"stext","raw":"s. The website's pages\nwhere served by a simple ","text":"s. The website's pages\nwhere served by a simple "},{"type":"slink","raw":"s[Python](/technologies/python)","href":"s/technologies/python","title":null,"text":"sPython","tokens":[{"type":"stext","raw":"sPython","text":"sPython"}]},{"type":"stext","raw":"s\n","text":"s\n"},{"type":"slink","raw":"s[Flask](https://flask.palletsprojects.com)","href":"shttps://flask.palletsprojects.com","title":null,"text":"sFlask","tokens":[{"type":"stext","raw":"sFlask","text":"sFlask"}]},{"type":"stext","raw":"s app with\n","text":"s app with\n"},{"type":"slink","raw":"s[jinja2](https://jinja.palletsprojects.com)","href":"shttps://jinja.palletsprojects.com","title":null,"text":"sjinja2","tokens":[{"type":"stext","raw":"sjinja2","text":"sjinja2"}]},{"type":"stext","raw":"s templates and an SQLite database.","text":"s templates and an SQLite database."}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"sThe site was mentioned in an article in the Belgian newspaper *De Standaard*\nsummarizing volunteer efforts: \n[*Helpende Handen tegen corona gezocht*](https://www.standaard.be/cnt/dmf20200323_04899292)","text":"sThe site was mentioned in an article in the Belgian newspaper *De Standaard*\nsummarizing volunteer efforts: \n[*Helpende Handen tegen corona gezocht*](https://www.standaard.be/cnt/dmf20200323_04899292)","tokens":[{"type":"stext","raw":"sThe site was mentioned in an article in the Belgian newspaper ","text":"sThe site was mentioned in an article in the Belgian newspaper "},{"type":"sem","raw":"s*De Standaard*","text":"sDe Standaard","tokens":[{"type":"stext","raw":"sDe Standaard","text":"sDe Standaard"}]},{"type":"stext","raw":"s\nsummarizing volunteer efforts:","text":"s\nsummarizing volunteer efforts:"},{"type":"sbr","raw":"s \n"},{"type":"slink","raw":"s[*Helpende Handen tegen corona gezocht*](https://www.standaard.be/cnt/dmf20200323_04899292)","href":"shttps://www.standaard.be/cnt/dmf20200323_04899292","title":null,"text":"s*Helpende Handen tegen corona gezocht*","tokens":[{"type":"sem","raw":"s*Helpende Handen tegen corona gezocht*","text":"sHelpende Handen tegen corona gezocht","tokens":[{"type":"stext","raw":"sHelpende Handen tegen corona gezocht","text":"sHelpende Handen tegen corona gezocht"}]}]}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"sThe alma mater for my Bachelor's, UCLL, also tweeted about it:\n","text":"sThe alma mater for my Bachelor's, UCLL, also tweeted about it:","tokens":[{"type":"stext","raw":"sThe alma mater for my Bachelor's, UCLL, also tweeted about it:","text":"sThe alma mater for my Bachelor's, UCLL, also tweeted about it:"}]},{"type":"stweet","raw":"s```{tweet} https://twitter.com/hogeschoolUCLL/status/1242063205481971712 \"Hogeschool UCLL\" hogeschoolUCLL \"1:18 PM · Mar 23, 2020\"\nFier op deze student Toegepaste Informatica, die met zijn kennis aan de slag \nging voor [@Vlaamssteunp](https://twitter.com/Vlaamssteunp?ref_src=twsrc%5Etfw) \nVrijwilligerswerk. Als organisatie op zoek naar vrijwilligers? Plaats je oproep \nop de website die Pieter maakte: \n[vrijwilligersparaat.be](http://www.vrijwilligersparaat.be/)! \n[#COVID19](https://twitter.com/hashtag/COVID19?src=hash&ref_src=twsrc%5Etfw)\n[#vlaanderenhelpt](https://twitter.com/hashtag/vlaanderenhelpt?src=hash&ref_src=twsrc%5Etfw)\n[#MovingMinds](https://twitter.com/hashtag/MovingMinds?src=hash&ref_src=twsrc%5Etfw)\n[https://t.co/f6kEU6h6yI](https://t.co/f6kEU6h6yI)\n```","tokens":[{"type":"sparagraph","raw":"sFier op deze student Toegepaste Informatica, die met zijn kennis aan de slag \nging voor [@Vlaamssteunp](https://twitter.com/Vlaamssteunp?ref_src=twsrc%5Etfw) \nVrijwilligerswerk. Als organisatie op zoek naar vrijwilligers? Plaats je oproep \nop de website die Pieter maakte: \n[vrijwilligersparaat.be](http://www.vrijwilligersparaat.be/)! \n[#COVID19](https://twitter.com/hashtag/COVID19?src=hash&ref_src=twsrc%5Etfw)\n[#vlaanderenhelpt](https://twitter.com/hashtag/vlaanderenhelpt?src=hash&ref_src=twsrc%5Etfw)\n[#MovingMinds](https://twitter.com/hashtag/MovingMinds?src=hash&ref_src=twsrc%5Etfw)\n[https://t.co/f6kEU6h6yI](https://t.co/f6kEU6h6yI)\n","text":"sFier op deze student Toegepaste Informatica, die met zijn kennis aan de slag \nging voor [@Vlaamssteunp](https://twitter.com/Vlaamssteunp?ref_src=twsrc%5Etfw) \nVrijwilligerswerk. Als organisatie op zoek naar vrijwilligers? Plaats je oproep \nop de website die Pieter maakte: \n[vrijwilligersparaat.be](http://www.vrijwilligersparaat.be/)! \n[#COVID19](https://twitter.com/hashtag/COVID19?src=hash&ref_src=twsrc%5Etfw)\n[#vlaanderenhelpt](https://twitter.com/hashtag/vlaanderenhelpt?src=hash&ref_src=twsrc%5Etfw)\n[#MovingMinds](https://twitter.com/hashtag/MovingMinds?src=hash&ref_src=twsrc%5Etfw)\n[https://t.co/f6kEU6h6yI](https://t.co/f6kEU6h6yI)","tokens":[{"type":"stext","raw":"sFier op deze student Toegepaste Informatica, die met zijn kennis aan de slag \nging voor ","text":"sFier op deze student Toegepaste Informatica, die met zijn kennis aan de slag \nging voor "},{"type":"slink","raw":"s[@Vlaamssteunp](https://twitter.com/Vlaamssteunp?ref_src=twsrc%5Etfw)","href":"shttps://twitter.com/Vlaamssteunp?ref_src=twsrc%5Etfw","title":null,"text":"s@Vlaamssteunp","tokens":[{"type":"stext","raw":"s@Vlaamssteunp","text":"s@Vlaamssteunp"}]},{"type":"stext","raw":"s \nVrijwilligerswerk. Als organisatie op zoek naar vrijwilligers? Plaats je oproep \nop de website die Pieter maakte: \n","text":"s \nVrijwilligerswerk. Als organisatie op zoek naar vrijwilligers? Plaats je oproep \nop de website die Pieter maakte: \n"},{"type":"slink","raw":"s[vrijwilligersparaat.be](http://www.vrijwilligersparaat.be/)","href":"shttp://www.vrijwilligersparaat.be/","title":null,"text":"svrijwilligersparaat.be","tokens":[{"type":"stext","raw":"svrijwilligersparaat.be","text":"svrijwilligersparaat.be"}]},{"type":"stext","raw":"s! \n","text":"s! \n"},{"type":"slink","raw":"s[#COVID19](https://twitter.com/hashtag/COVID19?src=hash&ref_src=twsrc%5Etfw)","href":"shttps://twitter.com/hashtag/COVID19?src=hash&ref_src=twsrc%5Etfw","title":null,"text":"s#COVID19","tokens":[{"type":"stext","raw":"s#COVID19","text":"s#COVID19"}]},{"type":"stext","raw":"s\n","text":"s\n"},{"type":"slink","raw":"s[#vlaanderenhelpt](https://twitter.com/hashtag/vlaanderenhelpt?src=hash&ref_src=twsrc%5Etfw)","href":"shttps://twitter.com/hashtag/vlaanderenhelpt?src=hash&ref_src=twsrc%5Etfw","title":null,"text":"s#vlaanderenhelpt","tokens":[{"type":"stext","raw":"s#vlaanderenhelpt","text":"s#vlaanderenhelpt"}]},{"type":"stext","raw":"s\n","text":"s\n"},{"type":"slink","raw":"s[#MovingMinds](https://twitter.com/hashtag/MovingMinds?src=hash&ref_src=twsrc%5Etfw)","href":"shttps://twitter.com/hashtag/MovingMinds?src=hash&ref_src=twsrc%5Etfw","title":null,"text":"s#MovingMinds","tokens":[{"type":"stext","raw":"s#MovingMinds","text":"s#MovingMinds"}]},{"type":"stext","raw":"s\n","text":"s\n"},{"type":"slink","raw":"s[https://t.co/f6kEU6h6yI](https://t.co/f6kEU6h6yI)","href":"shttps://t.co/f6kEU6h6yI","title":null,"text":"shttps://t.co/f6kEU6h6yI","tokens":[{"type":"stext","raw":"shttps://t.co/f6kEU6h6yI","text":"shttps://t.co/f6kEU6h6yI"}]}]}],"url":"shttps://twitter.com/hogeschoolUCLL/status/1242063205481971712","name":"sHogeschool UCLL","username":"shogeschoolUCLL","dateTime":"s1:18 PM · Mar 23, 2020"},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"s![Screen capture of vrijwilligersparaat.be home\nscreen](c:projects/vrijwilligersparaat.png \"Home screen\")","text":"s![Screen capture of vrijwilligersparaat.be home\nscreen](c:projects/vrijwilligersparaat.png \"Home screen\")","tokens":[{"type":"simage","raw":"s![Screen capture of vrijwilligersparaat.be home\nscreen](c:projects/vrijwilligersparaat.png \"Home screen\")","href":"s/content/projects/vrijwilligersparaat.png","title":"sHome screen","text":"sScreen capture of vrijwilligersparaat.be home\nscreen","meta":{"width":781,"height":435,"format":"spng","placeholder":"sdata:image/webp;base64,UklGRjIAAABXRUJQVlA4ICYAAACQAQCdASoGAAMAAgA0JZwAAudZtgAA/vkH9y2ray+8sFps9dYAAA=="}}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"s![Screen capture of a vacancy by a\nhospital](c:projects/vrijwilligersparaat-vacancy.png \"Vacancy for a hospital\nassistant\")\n","text":"s![Screen capture of a vacancy by a\nhospital](c:projects/vrijwilligersparaat-vacancy.png \"Vacancy for a hospital\nassistant\")","tokens":[{"type":"simage","raw":"s![Screen capture of a vacancy by a\nhospital](c:projects/vrijwilligersparaat-vacancy.png \"Vacancy for a hospital\nassistant\")","href":"s/content/projects/vrijwilligersparaat-vacancy.png","title":"sVacancy for a hospital\nassistant","text":"sScreen capture of a vacancy by a\nhospital","meta":{"width":815,"height":1471,"format":"spng","placeholder":"sdata:image/webp;base64,UklGRj4AAABXRUJQVlA4IDIAAAAwAgCdASoGAAsAAgA0JZQCdH8AGJwoGG0cQAD++8Jn2UzKetojFlReWFm1KWhi9TYAAA=="}}]}]},"technologies":[20,10]},{"definedInline":false,"name":"sTiny Sites","urlSafeName":"stiny-sites","shortDescription":{"sourceFull":"sMy smaller websites. Experiments, commissions, and assignments.\n","sourceContent":"sMy smaller websites. Experiments, commissions, and assignments.\n","tokens":[{"type":"sparagraph","raw":"sMy smaller websites. Experiments, commissions, and assignments.\n","text":"sMy smaller websites. Experiments, commissions, and assignments.","tokens":[{"type":"stext","raw":"sMy smaller websites. Experiments, commissions, and assignments.","text":"sMy smaller websites. Experiments, commissions, and assignments."}]}]},"image":{"meta":{"width":1074,"height":600,"format":"swebp","placeholder":"sdata:image/webp;base64,UklGRi4AAABXRUJQVlA4ICIAAACwAQCdASoGAAMAAgA0JaQAAveEu1kYAP78h9fuW0dkKAAA"},"url":"s/content/projects/tiny-sites.webp","alt":"sCollage of two screenshots, the top one showing a webapp to update contact \ninformation on OpenStreetMap, the bottom showing an assignment to create a \nsimple website for a local club.\n"},"longDescription":{"sourceFull":"s---\nname: Tiny Sites\nshortDescription: |\n My smaller websites. Experiments, commissions, and assignments.\ntechnologies:\n - Web\n - Webpack\n - TypeScript\nimage:\n url: c:projects/tiny-sites.webp\n alt: |\n Collage of two screenshots, the top one showing a webapp to update contact \n information on OpenStreetMap, the bottom showing an assignment to create a \n simple website for a local club.\n---\n\nThese are the odds and ends of my web development work. They are static or\nclient-side-only websites for experiments or assignments.\n\n## OSM Contact Info Corrector\n\nA simple webapp to update contact information on OpenStreetMap. You can [view it\nlive](https://opf.osm.be) or [browse its code on\nGitHub](https://github.com/ubipo/opf). It was built without\n[TypeScript](/technologies/typescript) or a frontend framework, just plain old\n[JS](/technologies/javascript). This app's functionality has been superseded by\na specific theme in [MapComplete](https://pietervdvn.github.io/MapComplete/),\nthe successor to [Cyclofix](/projects/cyclofix).\n\n![Screenshot of the OSM Contact Info Corrector webapp, showing businesses with a\n phone icon and an input form to correct the contact information of the\n selected one.](c:projects/osm-contact-info-corrector.webp \"OSM Contact Info\n Corrector webapp\")\n\n\n## Trend-Friends\n\nA small assignment for the *Web Development* module in the second year of my\nbachelor’s degree, focused on accessibility and responsive design. While it's no\nlonger online (it was hosted on the university's servers), you can still check\nout the code in its [git repository](https://github.com/ubipo/trend-friends).\n\n![Screenshot of the Trend-Friends homepage, showing a navigation menu and\nintroductory paragraph.](c:projects/trend-friends.webp \"Trend-Friends homepage\")\n\n\n## Karels Cryptonator 9000\n\nTruly [the tinyist of tiny sites](https://karels-crypto.pfiers.net/). It's\nsimply a text input that allows you to search through the Dutch dictionary using\na RegEx. The name is a reference to a popular word puzzle in the Belgium\nnewspaper [*De Standaard*](https://standaard.be/). The most notable thing about\nthis site is that it's probably one of my most used projects, receiving over\n2000 clicks and a million impressions per month on Google.\n\n![Screenshot of the Karels Cryptonator\n app.](c:projects/karels-cryptonator-9000.webp \"Karels Cryptonator 9000\")\n","sourceContent":"s\n\nThese are the odds and ends of my web development work. They are static or\nclient-side-only websites for experiments or assignments.\n\n## OSM Contact Info Corrector\n\nA simple webapp to update contact information on OpenStreetMap. You can [view it\nlive](https://opf.osm.be) or [browse its code on\nGitHub](https://github.com/ubipo/opf). It was built without\n[TypeScript](/technologies/typescript) or a frontend framework, just plain old\n[JS](/technologies/javascript). This app's functionality has been superseded by\na specific theme in [MapComplete](https://pietervdvn.github.io/MapComplete/),\nthe successor to [Cyclofix](/projects/cyclofix).\n\n![Screenshot of the OSM Contact Info Corrector webapp, showing businesses with a\n phone icon and an input form to correct the contact information of the\n selected one.](c:projects/osm-contact-info-corrector.webp \"OSM Contact Info\n Corrector webapp\")\n\n\n## Trend-Friends\n\nA small assignment for the *Web Development* module in the second year of my\nbachelor’s degree, focused on accessibility and responsive design. While it's no\nlonger online (it was hosted on the university's servers), you can still check\nout the code in its [git repository](https://github.com/ubipo/trend-friends).\n\n![Screenshot of the Trend-Friends homepage, showing a navigation menu and\nintroductory paragraph.](c:projects/trend-friends.webp \"Trend-Friends homepage\")\n\n\n## Karels Cryptonator 9000\n\nTruly [the tinyist of tiny sites](https://karels-crypto.pfiers.net/). It's\nsimply a text input that allows you to search through the Dutch dictionary using\na RegEx. The name is a reference to a popular word puzzle in the Belgium\nnewspaper [*De Standaard*](https://standaard.be/). The most notable thing about\nthis site is that it's probably one of my most used projects, receiving over\n2000 clicks and a million impressions per month on Google.\n\n![Screenshot of the Karels Cryptonator\n app.](c:projects/karels-cryptonator-9000.webp \"Karels Cryptonator 9000\")\n","tokens":[{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"sThese are the odds and ends of my web development work. They are static or\nclient-side-only websites for experiments or assignments.","text":"sThese are the odds and ends of my web development work. They are static or\nclient-side-only websites for experiments or assignments.","tokens":[{"type":"stext","raw":"sThese are the odds and ends of my web development work. They are static or\nclient-side-only websites for experiments or assignments.","text":"sThese are the odds and ends of my web development work. They are static or\nclient-side-only websites for experiments or assignments."}]},{"type":"sspace","raw":"s\n\n"},{"type":"sheading","raw":"s## OSM Contact Info Corrector\n\n","depth":2,"text":"sOSM Contact Info Corrector","tokens":[{"type":"stext","raw":"sOSM Contact Info Corrector","text":"sOSM Contact Info Corrector"}]},{"type":"sparagraph","raw":"sA simple webapp to update contact information on OpenStreetMap. You can [view it\nlive](https://opf.osm.be) or [browse its code on\nGitHub](https://github.com/ubipo/opf). It was built without\n[TypeScript](/technologies/typescript) or a frontend framework, just plain old\n[JS](/technologies/javascript). This app's functionality has been superseded by\na specific theme in [MapComplete](https://pietervdvn.github.io/MapComplete/),\nthe successor to [Cyclofix](/projects/cyclofix).","text":"sA simple webapp to update contact information on OpenStreetMap. You can [view it\nlive](https://opf.osm.be) or [browse its code on\nGitHub](https://github.com/ubipo/opf). It was built without\n[TypeScript](/technologies/typescript) or a frontend framework, just plain old\n[JS](/technologies/javascript). This app's functionality has been superseded by\na specific theme in [MapComplete](https://pietervdvn.github.io/MapComplete/),\nthe successor to [Cyclofix](/projects/cyclofix).","tokens":[{"type":"stext","raw":"sA simple webapp to update contact information on OpenStreetMap. You can ","text":"sA simple webapp to update contact information on OpenStreetMap. You can "},{"type":"slink","raw":"s[view it\nlive](https://opf.osm.be)","href":"shttps://opf.osm.be","title":null,"text":"sview it\nlive","tokens":[{"type":"stext","raw":"sview it\nlive","text":"sview it\nlive"}]},{"type":"stext","raw":"s or ","text":"s or "},{"type":"slink","raw":"s[browse its code on\nGitHub](https://github.com/ubipo/opf)","href":"shttps://github.com/ubipo/opf","title":null,"text":"sbrowse its code on\nGitHub","tokens":[{"type":"stext","raw":"sbrowse its code on\nGitHub","text":"sbrowse its code on\nGitHub"}]},{"type":"stext","raw":"s. It was built without\n","text":"s. It was built without\n"},{"type":"slink","raw":"s[TypeScript](/technologies/typescript)","href":"s/technologies/typescript","title":null,"text":"sTypeScript","tokens":[{"type":"stext","raw":"sTypeScript","text":"sTypeScript"}]},{"type":"stext","raw":"s or a frontend framework, just plain old\n","text":"s or a frontend framework, just plain old\n"},{"type":"slink","raw":"s[JS](/technologies/javascript)","href":"s/technologies/javascript","title":null,"text":"sJS","tokens":[{"type":"stext","raw":"sJS","text":"sJS"}]},{"type":"stext","raw":"s. This app's functionality has been superseded by\na specific theme in ","text":"s. This app's functionality has been superseded by\na specific theme in "},{"type":"slink","raw":"s[MapComplete](https://pietervdvn.github.io/MapComplete/)","href":"shttps://pietervdvn.github.io/MapComplete/","title":null,"text":"sMapComplete","tokens":[{"type":"stext","raw":"sMapComplete","text":"sMapComplete"}]},{"type":"stext","raw":"s,\nthe successor to ","text":"s,\nthe successor to "},{"type":"slink","raw":"s[Cyclofix](/projects/cyclofix)","href":"s/projects/cyclofix","title":null,"text":"sCyclofix","tokens":[{"type":"stext","raw":"sCyclofix","text":"sCyclofix"}]},{"type":"stext","raw":"s.","text":"s."}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"s![Screenshot of the OSM Contact Info Corrector webapp, showing businesses with a\n phone icon and an input form to correct the contact information of the\n selected one.](c:projects/osm-contact-info-corrector.webp \"OSM Contact Info\n Corrector webapp\")","text":"s![Screenshot of the OSM Contact Info Corrector webapp, showing businesses with a\n phone icon and an input form to correct the contact information of the\n selected one.](c:projects/osm-contact-info-corrector.webp \"OSM Contact Info\n Corrector webapp\")","tokens":[{"type":"simage","raw":"s![Screenshot of the OSM Contact Info Corrector webapp, showing businesses with a\n phone icon and an input form to correct the contact information of the\n selected one.](c:projects/osm-contact-info-corrector.webp \"OSM Contact Info\n Corrector webapp\")","href":"s/content/projects/osm-contact-info-corrector.webp","title":"sOSM Contact Info\n Corrector webapp","text":"sScreenshot of the OSM Contact Info Corrector webapp, showing businesses with a\n phone icon and an input form to correct the contact information of the\n selected one.","meta":{"width":1074,"height":519,"format":"swebp","placeholder":"sdata:image/webp;base64,UklGRjAAAABXRUJQVlA4ICQAAACQAQCdASoGAAMAAgA0JZwAAp1i4PAA/vpGoSf2h9ufX3qkOAA="}}]},{"type":"sspace","raw":"s\n\n\n"},{"type":"sheading","raw":"s## Trend-Friends\n\n","depth":2,"text":"sTrend-Friends","tokens":[{"type":"stext","raw":"sTrend-Friends","text":"sTrend-Friends"}]},{"type":"sparagraph","raw":"sA small assignment for the *Web Development* module in the second year of my\nbachelor’s degree, focused on accessibility and responsive design. While it's no\nlonger online (it was hosted on the university's servers), you can still check\nout the code in its [git repository](https://github.com/ubipo/trend-friends).","text":"sA small assignment for the *Web Development* module in the second year of my\nbachelor’s degree, focused on accessibility and responsive design. While it's no\nlonger online (it was hosted on the university's servers), you can still check\nout the code in its [git repository](https://github.com/ubipo/trend-friends).","tokens":[{"type":"stext","raw":"sA small assignment for the ","text":"sA small assignment for the "},{"type":"sem","raw":"s*Web Development*","text":"sWeb Development","tokens":[{"type":"stext","raw":"sWeb Development","text":"sWeb Development"}]},{"type":"stext","raw":"s module in the second year of my\nbachelor’s degree, focused on accessibility and responsive design. While it's no\nlonger online (it was hosted on the university's servers), you can still check\nout the code in its ","text":"s module in the second year of my\nbachelor’s degree, focused on accessibility and responsive design. While it's no\nlonger online (it was hosted on the university's servers), you can still check\nout the code in its "},{"type":"slink","raw":"s[git repository](https://github.com/ubipo/trend-friends)","href":"shttps://github.com/ubipo/trend-friends","title":null,"text":"sgit repository","tokens":[{"type":"stext","raw":"sgit repository","text":"sgit repository"}]},{"type":"stext","raw":"s.","text":"s."}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"s![Screenshot of the Trend-Friends homepage, showing a navigation menu and\nintroductory paragraph.](c:projects/trend-friends.webp \"Trend-Friends homepage\")","text":"s![Screenshot of the Trend-Friends homepage, showing a navigation menu and\nintroductory paragraph.](c:projects/trend-friends.webp \"Trend-Friends homepage\")","tokens":[{"type":"simage","raw":"s![Screenshot of the Trend-Friends homepage, showing a navigation menu and\nintroductory paragraph.](c:projects/trend-friends.webp \"Trend-Friends homepage\")","href":"s/content/projects/trend-friends.webp","title":"sTrend-Friends homepage","text":"sScreenshot of the Trend-Friends homepage, showing a navigation menu and\nintroductory paragraph.","meta":{"width":1096,"height":464,"format":"swebp","placeholder":"sdata:image/webp;base64,UklGRkQAAABXRUJQVlA4IDgAAACwAQCdASoGAAMAAgA0JaQAAvxVatBAAP72f+NXff/as7cGcgBz7008fA0Zn4vywSLXxtSz9lkAAA=="}}]},{"type":"sspace","raw":"s\n\n\n"},{"type":"sheading","raw":"s## Karels Cryptonator 9000\n\n","depth":2,"text":"sKarels Cryptonator 9000","tokens":[{"type":"stext","raw":"sKarels Cryptonator 9000","text":"sKarels Cryptonator 9000"}]},{"type":"sparagraph","raw":"sTruly [the tinyist of tiny sites](https://karels-crypto.pfiers.net/). It's\nsimply a text input that allows you to search through the Dutch dictionary using\na RegEx. The name is a reference to a popular word puzzle in the Belgium\nnewspaper [*De Standaard*](https://standaard.be/). The most notable thing about\nthis site is that it's probably one of my most used projects, receiving over\n2000 clicks and a million impressions per month on Google.","text":"sTruly [the tinyist of tiny sites](https://karels-crypto.pfiers.net/). It's\nsimply a text input that allows you to search through the Dutch dictionary using\na RegEx. The name is a reference to a popular word puzzle in the Belgium\nnewspaper [*De Standaard*](https://standaard.be/). The most notable thing about\nthis site is that it's probably one of my most used projects, receiving over\n2000 clicks and a million impressions per month on Google.","tokens":[{"type":"stext","raw":"sTruly ","text":"sTruly "},{"type":"slink","raw":"s[the tinyist of tiny sites](https://karels-crypto.pfiers.net/)","href":"shttps://karels-crypto.pfiers.net/","title":null,"text":"sthe tinyist of tiny sites","tokens":[{"type":"stext","raw":"sthe tinyist of tiny sites","text":"sthe tinyist of tiny sites"}]},{"type":"stext","raw":"s. It's\nsimply a text input that allows you to search through the Dutch dictionary using\na RegEx. The name is a reference to a popular word puzzle in the Belgium\nnewspaper ","text":"s. It's\nsimply a text input that allows you to search through the Dutch dictionary using\na RegEx. The name is a reference to a popular word puzzle in the Belgium\nnewspaper "},{"type":"slink","raw":"s[*De Standaard*](https://standaard.be/)","href":"shttps://standaard.be/","title":null,"text":"s*De Standaard*","tokens":[{"type":"sem","raw":"s*De Standaard*","text":"sDe Standaard","tokens":[{"type":"stext","raw":"sDe Standaard","text":"sDe Standaard"}]}]},{"type":"stext","raw":"s. The most notable thing about\nthis site is that it's probably one of my most used projects, receiving over\n2000 clicks and a million impressions per month on Google.","text":"s. The most notable thing about\nthis site is that it's probably one of my most used projects, receiving over\n2000 clicks and a million impressions per month on Google."}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"s![Screenshot of the Karels Cryptonator\n app.](c:projects/karels-cryptonator-9000.webp \"Karels Cryptonator 9000\")\n","text":"s![Screenshot of the Karels Cryptonator\n app.](c:projects/karels-cryptonator-9000.webp \"Karels Cryptonator 9000\")","tokens":[{"type":"simage","raw":"s![Screenshot of the Karels Cryptonator\n app.](c:projects/karels-cryptonator-9000.webp \"Karels Cryptonator 9000\")","href":"s/content/projects/karels-cryptonator-9000.webp","title":"sKarels Cryptonator 9000","text":"sScreenshot of the Karels Cryptonator\n app.","meta":{"width":800,"height":294,"format":"swebp","placeholder":"sdata:image/webp;base64,UklGRiwAAABXRUJQVlA4ICAAAACQAQCdASoGAAIAAgA0JaQAAudZtgAA/v3FehWhAAAAAA=="}}]}]},"technologies":[20,5,12]},{"definedInline":false,"name":"sDSPay","urlSafeName":"sdspay","shortDescription":{"sourceFull":"sMy high-school thesis on a digital payment system at school.\n","sourceContent":"sMy high-school thesis on a digital payment system at school.\n","tokens":[{"type":"sparagraph","raw":"sMy high-school thesis on a digital payment system at school.\n","text":"sMy high-school thesis on a digital payment system at school.","tokens":[{"type":"stext","raw":"sMy high-school thesis on a digital payment system at school.","text":"sMy high-school thesis on a digital payment system at school."}]}]},"image":{"meta":{"width":992,"height":503,"format":"swebp","placeholder":"sdata:image/webp;base64,UklGRi4AAABXRUJQVlA4ICIAAACQAQCdASoGAAMAAgA0JaQAAudZtgAA/vzluSK1POKr+gAA"},"url":"s/content/projects/dspay-interface.webp","alt":"sScreenshot of the DSpay \"transactions\" screen."},"longDescription":{"sourceFull":"s---\nname: DSPay\nshortDescription: |\n My high-school thesis on a digital payment system at school.\ntechnologies:\n - Microcontrollers\n - Web\n - Node.js\n - C++\n - JavaScript\nimage:\n url: c:projects/dspay-interface.webp\n alt: Screenshot of the DSpay \"transactions\" screen.\n---\n\nDSpay is my high-school thesis on a digital payment system at school. I studied\nthe existing system and possible alternatives, set requirements for a new\nsystem, and conducted research through interviews and surveys. I then designed\nand implemented a functional prototype with a [Node.js](/technologies/node-js) + \n[PostgreSQL](https://www.postgresql.org/) web server/interface and an\n[ESP8266](https://www.espressif.com/en/products/socs/esp8266)-based demo payment\nterminal programmed in [C++](/technologies/cpp).\n\nThough this system was never adopted, the thesis did received a grade of 90%.\nYou can [download it here (in dutch)](/content/projects/Eindwerk-DSpay.pdf).\n\n![Screenshot of a web browser showing DSpay's \"transactions\"\npage](c:projects/dspay-interface.webp \"Transactions overview\")\n\n![Picture of the hardware of the DSpay prototype on a table, showing a keypad,\nmicrocontroller, small matrix display and an NFC reader](c:projects/dspay-prototype.jpg\n\"Prototype hardware with keypad, display and NFC reader\")\n","sourceContent":"s\n\nDSpay is my high-school thesis on a digital payment system at school. I studied\nthe existing system and possible alternatives, set requirements for a new\nsystem, and conducted research through interviews and surveys. I then designed\nand implemented a functional prototype with a [Node.js](/technologies/node-js) + \n[PostgreSQL](https://www.postgresql.org/) web server/interface and an\n[ESP8266](https://www.espressif.com/en/products/socs/esp8266)-based demo payment\nterminal programmed in [C++](/technologies/cpp).\n\nThough this system was never adopted, the thesis did received a grade of 90%.\nYou can [download it here (in dutch)](/content/projects/Eindwerk-DSpay.pdf).\n\n![Screenshot of a web browser showing DSpay's \"transactions\"\npage](c:projects/dspay-interface.webp \"Transactions overview\")\n\n![Picture of the hardware of the DSpay prototype on a table, showing a keypad,\nmicrocontroller, small matrix display and an NFC reader](c:projects/dspay-prototype.jpg\n\"Prototype hardware with keypad, display and NFC reader\")\n","tokens":[{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"sDSpay is my high-school thesis on a digital payment system at school. I studied\nthe existing system and possible alternatives, set requirements for a new\nsystem, and conducted research through interviews and surveys. I then designed\nand implemented a functional prototype with a [Node.js](/technologies/node-js) + \n[PostgreSQL](https://www.postgresql.org/) web server/interface and an\n[ESP8266](https://www.espressif.com/en/products/socs/esp8266)-based demo payment\nterminal programmed in [C++](/technologies/cpp).","text":"sDSpay is my high-school thesis on a digital payment system at school. I studied\nthe existing system and possible alternatives, set requirements for a new\nsystem, and conducted research through interviews and surveys. I then designed\nand implemented a functional prototype with a [Node.js](/technologies/node-js) + \n[PostgreSQL](https://www.postgresql.org/) web server/interface and an\n[ESP8266](https://www.espressif.com/en/products/socs/esp8266)-based demo payment\nterminal programmed in [C++](/technologies/cpp).","tokens":[{"type":"stext","raw":"sDSpay is my high-school thesis on a digital payment system at school. I studied\nthe existing system and possible alternatives, set requirements for a new\nsystem, and conducted research through interviews and surveys. I then designed\nand implemented a functional prototype with a ","text":"sDSpay is my high-school thesis on a digital payment system at school. I studied\nthe existing system and possible alternatives, set requirements for a new\nsystem, and conducted research through interviews and surveys. I then designed\nand implemented a functional prototype with a "},{"type":"slink","raw":"s[Node.js](/technologies/node-js)","href":"s/technologies/node-js","title":null,"text":"sNode.js","tokens":[{"type":"stext","raw":"sNode.js","text":"sNode.js"}]},{"type":"stext","raw":"s + \n","text":"s + \n"},{"type":"slink","raw":"s[PostgreSQL](https://www.postgresql.org/)","href":"shttps://www.postgresql.org/","title":null,"text":"sPostgreSQL","tokens":[{"type":"stext","raw":"sPostgreSQL","text":"sPostgreSQL"}]},{"type":"stext","raw":"s web server/interface and an\n","text":"s web server/interface and an\n"},{"type":"slink","raw":"s[ESP8266](https://www.espressif.com/en/products/socs/esp8266)","href":"shttps://www.espressif.com/en/products/socs/esp8266","title":null,"text":"sESP8266","tokens":[{"type":"stext","raw":"sESP8266","text":"sESP8266"}]},{"type":"stext","raw":"s-based demo payment\nterminal programmed in ","text":"s-based demo payment\nterminal programmed in "},{"type":"slink","raw":"s[C++](/technologies/cpp)","href":"s/technologies/cpp","title":null,"text":"sC++","tokens":[{"type":"stext","raw":"sC++","text":"sC++"}]},{"type":"stext","raw":"s.","text":"s."}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"sThough this system was never adopted, the thesis did received a grade of 90%.\nYou can [download it here (in dutch)](/content/projects/Eindwerk-DSpay.pdf).","text":"sThough this system was never adopted, the thesis did received a grade of 90%.\nYou can [download it here (in dutch)](/content/projects/Eindwerk-DSpay.pdf).","tokens":[{"type":"stext","raw":"sThough this system was never adopted, the thesis did received a grade of 90%.\nYou can ","text":"sThough this system was never adopted, the thesis did received a grade of 90%.\nYou can "},{"type":"slink","raw":"s[download it here (in dutch)](/content/projects/Eindwerk-DSpay.pdf)","href":"s/content/projects/Eindwerk-DSpay.pdf","title":null,"text":"sdownload it here (in dutch)","tokens":[{"type":"stext","raw":"sdownload it here (in dutch)","text":"sdownload it here (in dutch)"}]},{"type":"stext","raw":"s.","text":"s."}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"s![Screenshot of a web browser showing DSpay's \"transactions\"\npage](c:projects/dspay-interface.webp \"Transactions overview\")","text":"s![Screenshot of a web browser showing DSpay's \"transactions\"\npage](c:projects/dspay-interface.webp \"Transactions overview\")","tokens":[{"type":"simage","raw":"s![Screenshot of a web browser showing DSpay's \"transactions\"\npage](c:projects/dspay-interface.webp \"Transactions overview\")","href":"s/content/projects/dspay-interface.webp","title":"sTransactions overview","text":"sScreenshot of a web browser showing DSpay's "transactions"\npage","meta":{"width":992,"height":503,"format":"swebp","placeholder":"sdata:image/webp;base64,UklGRi4AAABXRUJQVlA4ICIAAACQAQCdASoGAAMAAgA0JaQAAudZtgAA/vzluSK1POKr+gAA"}}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"s![Picture of the hardware of the DSpay prototype on a table, showing a keypad,\nmicrocontroller, small matrix display and an NFC reader](c:projects/dspay-prototype.jpg\n\"Prototype hardware with keypad, display and NFC reader\")\n","text":"s![Picture of the hardware of the DSpay prototype on a table, showing a keypad,\nmicrocontroller, small matrix display and an NFC reader](c:projects/dspay-prototype.jpg\n\"Prototype hardware with keypad, display and NFC reader\")","tokens":[{"type":"simage","raw":"s![Picture of the hardware of the DSpay prototype on a table, showing a keypad,\nmicrocontroller, small matrix display and an NFC reader](c:projects/dspay-prototype.jpg\n\"Prototype hardware with keypad, display and NFC reader\")","href":"s/content/projects/dspay-prototype.jpg","title":"sPrototype hardware with keypad, display and NFC reader","text":"sPicture of the hardware of the DSpay prototype on a table, showing a keypad,\nmicrocontroller, small matrix display and an NFC reader","meta":{"width":1380,"height":915,"format":"sjpeg","placeholder":"sdata:image/webp;base64,UklGRkIAAABXRUJQVlA4IDYAAAAQAgCdASoGAAQAAgA0JYgCdLoAArqJ8fQAAP7tHtSMpEv3WWP/Pm/MlOu8WlGvYyQ4o5gAAAA="}}]}]},"technologies":[19,20,14,17,13]},{"definedInline":true,"name":"s__filler__","urlSafeName":"s__filler__","shortDescription":{"sourceFull":"s","sourceContent":"s","tokens":[]},"technologies":[]},{"definedInline":false,"name":"sCyclofix","urlSafeName":"scyclofix","shortDescription":{"sourceFull":"sAn [Open Summer of Code team project](https://osoc.be/editions/2020/cyclofix) \nto map, present and integrate cycling infrastructure in the [Brussels Capital \nRegion](https://mobilite-mobiliteit.brussels/).\n","sourceContent":"sAn [Open Summer of Code team project](https://osoc.be/editions/2020/cyclofix) \nto map, present and integrate cycling infrastructure in the [Brussels Capital \nRegion](https://mobilite-mobiliteit.brussels/).\n","tokens":[{"type":"sparagraph","raw":"sAn [Open Summer of Code team project](https://osoc.be/editions/2020/cyclofix) \nto map, present and integrate cycling infrastructure in the [Brussels Capital \nRegion](https://mobilite-mobiliteit.brussels/).\n","text":"sAn [Open Summer of Code team project](https://osoc.be/editions/2020/cyclofix) \nto map, present and integrate cycling infrastructure in the [Brussels Capital \nRegion](https://mobilite-mobiliteit.brussels/).","tokens":[{"type":"stext","raw":"sAn ","text":"sAn "},{"type":"slink","raw":"s[Open Summer of Code team project](https://osoc.be/editions/2020/cyclofix)","href":"shttps://osoc.be/editions/2020/cyclofix","title":null,"text":"sOpen Summer of Code team project","tokens":[{"type":"stext","raw":"sOpen Summer of Code team project","text":"sOpen Summer of Code team project"}]},{"type":"stext","raw":"s \nto map, present and integrate cycling infrastructure in the ","text":"s \nto map, present and integrate cycling infrastructure in the "},{"type":"slink","raw":"s[Brussels Capital \nRegion](https://mobilite-mobiliteit.brussels/)","href":"shttps://mobilite-mobiliteit.brussels/","title":null,"text":"sBrussels Capital \nRegion","tokens":[{"type":"stext","raw":"sBrussels Capital \nRegion","text":"sBrussels Capital \nRegion"}]},{"type":"stext","raw":"s.","text":"s."}]}]},"gitUrl":"uhttps://github.com/pietervdvn/MapComplete","siteUrl":"uhttps://cyclofix.osm.be/","image":{"meta":{"width":1353,"height":836,"format":"swebp","placeholder":"sdata:image/webp;base64,UklGRjYAAABXRUJQVlA4ICoAAACwAQCdASoGAAQAAgA0JZQCdAEOI+oAAP79Pjo8c/QHYePEHxaQ8EyJAAA="},"url":"s/content/projects/cyclofix.webp","alt":"sScreenshot of the Cyclofix website, showing pins on a map indicating the\nlocations of cycling infrastructure in Brussels\n"},"longDescription":{"sourceFull":"s---\nname: Cyclofix\nshortDescription: |\n An [Open Summer of Code team project](https://osoc.be/editions/2020/cyclofix) \n to map, present and integrate cycling infrastructure in the [Brussels Capital \n Region](https://mobilite-mobiliteit.brussels/).\ntechnologies:\n - Web\n - TypeScript\ngitUrl: https://github.com/pietervdvn/MapComplete\nsiteUrl: https://cyclofix.osm.be/\nimage:\n url: c:projects/cyclofix.webp\n alt: |\n Screenshot of the Cyclofix website, showing pins on a map indicating the\n locations of cycling infrastructure in Brussels\n---\n\n[Open Summer of Code](https://osoc.be/) is a 4-week summer programme focused on\nbuilding open source projects of public utility.\n\nCommissioned by [Brussels Mobility](https://mobilite-mobiliteit.brussels), my\nteam and I built [Cyclofix](https://cyclofix.osm.be/map/): a web app to find and\nupdate information on cycling infrastructure on\n[OpenStreetMap](https://www.openstreetmap.org/about).\n\nBecause of its success [Pieter Vander Vennet](https://github.com/pietervdvn) –\none of the team members – continued working on a generalized version of the app\nknown as [MapComplete](https://pietervdvn.github.io/MapComplete/), which is now\nused to map [everything](https://mapcomplete.osm.be/) from [AED\nlocations](https://mapcomplete.osm.be/aed.html) to [rainbow pedestrian\ncrossings](https://mapcomplete.osm.be/rainbow_crossings.html). \n\n![Screenshot of the Cyclofix website, showing pins on a map indicating the\n locations of cycling infrastructure in Brussels](c:projects/cyclofix.webp\n \"The Cyclofix website showing cycling infrastructure in Brussels\")","sourceContent":"s\n\n[Open Summer of Code](https://osoc.be/) is a 4-week summer programme focused on\nbuilding open source projects of public utility.\n\nCommissioned by [Brussels Mobility](https://mobilite-mobiliteit.brussels), my\nteam and I built [Cyclofix](https://cyclofix.osm.be/map/): a web app to find and\nupdate information on cycling infrastructure on\n[OpenStreetMap](https://www.openstreetmap.org/about).\n\nBecause of its success [Pieter Vander Vennet](https://github.com/pietervdvn) –\none of the team members – continued working on a generalized version of the app\nknown as [MapComplete](https://pietervdvn.github.io/MapComplete/), which is now\nused to map [everything](https://mapcomplete.osm.be/) from [AED\nlocations](https://mapcomplete.osm.be/aed.html) to [rainbow pedestrian\ncrossings](https://mapcomplete.osm.be/rainbow_crossings.html). \n\n![Screenshot of the Cyclofix website, showing pins on a map indicating the\n locations of cycling infrastructure in Brussels](c:projects/cyclofix.webp\n \"The Cyclofix website showing cycling infrastructure in Brussels\")","tokens":[{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"s[Open Summer of Code](https://osoc.be/) is a 4-week summer programme focused on\nbuilding open source projects of public utility.","text":"s[Open Summer of Code](https://osoc.be/) is a 4-week summer programme focused on\nbuilding open source projects of public utility.","tokens":[{"type":"slink","raw":"s[Open Summer of Code](https://osoc.be/)","href":"shttps://osoc.be/","title":null,"text":"sOpen Summer of Code","tokens":[{"type":"stext","raw":"sOpen Summer of Code","text":"sOpen Summer of Code"}]},{"type":"stext","raw":"s is a 4-week summer programme focused on\nbuilding open source projects of public utility.","text":"s is a 4-week summer programme focused on\nbuilding open source projects of public utility."}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"sCommissioned by [Brussels Mobility](https://mobilite-mobiliteit.brussels), my\nteam and I built [Cyclofix](https://cyclofix.osm.be/map/): a web app to find and\nupdate information on cycling infrastructure on\n[OpenStreetMap](https://www.openstreetmap.org/about).","text":"sCommissioned by [Brussels Mobility](https://mobilite-mobiliteit.brussels), my\nteam and I built [Cyclofix](https://cyclofix.osm.be/map/): a web app to find and\nupdate information on cycling infrastructure on\n[OpenStreetMap](https://www.openstreetmap.org/about).","tokens":[{"type":"stext","raw":"sCommissioned by ","text":"sCommissioned by "},{"type":"slink","raw":"s[Brussels Mobility](https://mobilite-mobiliteit.brussels)","href":"shttps://mobilite-mobiliteit.brussels","title":null,"text":"sBrussels Mobility","tokens":[{"type":"stext","raw":"sBrussels Mobility","text":"sBrussels Mobility"}]},{"type":"stext","raw":"s, my\nteam and I built ","text":"s, my\nteam and I built "},{"type":"slink","raw":"s[Cyclofix](https://cyclofix.osm.be/map/)","href":"shttps://cyclofix.osm.be/map/","title":null,"text":"sCyclofix","tokens":[{"type":"stext","raw":"sCyclofix","text":"sCyclofix"}]},{"type":"stext","raw":"s: a web app to find and\nupdate information on cycling infrastructure on\n","text":"s: a web app to find and\nupdate information on cycling infrastructure on\n"},{"type":"slink","raw":"s[OpenStreetMap](https://www.openstreetmap.org/about)","href":"shttps://www.openstreetmap.org/about","title":null,"text":"sOpenStreetMap","tokens":[{"type":"stext","raw":"sOpenStreetMap","text":"sOpenStreetMap"}]},{"type":"stext","raw":"s.","text":"s."}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"sBecause of its success [Pieter Vander Vennet](https://github.com/pietervdvn) –\none of the team members – continued working on a generalized version of the app\nknown as [MapComplete](https://pietervdvn.github.io/MapComplete/), which is now\nused to map [everything](https://mapcomplete.osm.be/) from [AED\nlocations](https://mapcomplete.osm.be/aed.html) to [rainbow pedestrian\ncrossings](https://mapcomplete.osm.be/rainbow_crossings.html). ","text":"sBecause of its success [Pieter Vander Vennet](https://github.com/pietervdvn) –\none of the team members – continued working on a generalized version of the app\nknown as [MapComplete](https://pietervdvn.github.io/MapComplete/), which is now\nused to map [everything](https://mapcomplete.osm.be/) from [AED\nlocations](https://mapcomplete.osm.be/aed.html) to [rainbow pedestrian\ncrossings](https://mapcomplete.osm.be/rainbow_crossings.html). ","tokens":[{"type":"stext","raw":"sBecause of its success ","text":"sBecause of its success "},{"type":"slink","raw":"s[Pieter Vander Vennet](https://github.com/pietervdvn)","href":"shttps://github.com/pietervdvn","title":null,"text":"sPieter Vander Vennet","tokens":[{"type":"stext","raw":"sPieter Vander Vennet","text":"sPieter Vander Vennet"}]},{"type":"stext","raw":"s –\none of the team members – continued working on a generalized version of the app\nknown as ","text":"s –\none of the team members – continued working on a generalized version of the app\nknown as "},{"type":"slink","raw":"s[MapComplete](https://pietervdvn.github.io/MapComplete/)","href":"shttps://pietervdvn.github.io/MapComplete/","title":null,"text":"sMapComplete","tokens":[{"type":"stext","raw":"sMapComplete","text":"sMapComplete"}]},{"type":"stext","raw":"s, which is now\nused to map ","text":"s, which is now\nused to map "},{"type":"slink","raw":"s[everything](https://mapcomplete.osm.be/)","href":"shttps://mapcomplete.osm.be/","title":null,"text":"severything","tokens":[{"type":"stext","raw":"severything","text":"severything"}]},{"type":"stext","raw":"s from ","text":"s from "},{"type":"slink","raw":"s[AED\nlocations](https://mapcomplete.osm.be/aed.html)","href":"shttps://mapcomplete.osm.be/aed.html","title":null,"text":"sAED\nlocations","tokens":[{"type":"stext","raw":"sAED\nlocations","text":"sAED\nlocations"}]},{"type":"stext","raw":"s to ","text":"s to "},{"type":"slink","raw":"s[rainbow pedestrian\ncrossings](https://mapcomplete.osm.be/rainbow_crossings.html)","href":"shttps://mapcomplete.osm.be/rainbow_crossings.html","title":null,"text":"srainbow pedestrian\ncrossings","tokens":[{"type":"stext","raw":"srainbow pedestrian\ncrossings","text":"srainbow pedestrian\ncrossings"}]},{"type":"stext","raw":"s. ","text":"s. "}]},{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"s![Screenshot of the Cyclofix website, showing pins on a map indicating the\n locations of cycling infrastructure in Brussels](c:projects/cyclofix.webp\n \"The Cyclofix website showing cycling infrastructure in Brussels\")","text":"s![Screenshot of the Cyclofix website, showing pins on a map indicating the\n locations of cycling infrastructure in Brussels](c:projects/cyclofix.webp\n \"The Cyclofix website showing cycling infrastructure in Brussels\")","tokens":[{"type":"simage","raw":"s![Screenshot of the Cyclofix website, showing pins on a map indicating the\n locations of cycling infrastructure in Brussels](c:projects/cyclofix.webp\n \"The Cyclofix website showing cycling infrastructure in Brussels\")","href":"s/content/projects/cyclofix.webp","title":"sThe Cyclofix website showing cycling infrastructure in Brussels","text":"sScreenshot of the Cyclofix website, showing pins on a map indicating the\n locations of cycling infrastructure in Brussels","meta":{"width":1353,"height":836,"format":"swebp","placeholder":"sdata:image/webp;base64,UklGRjYAAABXRUJQVlA4ICoAAACwAQCdASoGAAQAAgA0JZQCdAEOI+oAAP79Pjo8c/QHYePEHxaQ8EyJAAA="}}]}]},"technologies":[20,12]},{"definedInline":true,"name":"s__filler__","urlSafeName":"s__filler__","shortDescription":{"sourceFull":"s","sourceContent":"s","tokens":[]},"technologies":[]},{"definedInline":false,"name":"sThis Site ;)","urlSafeName":"sthis-site","shortDescription":{"sourceFull":"sPowered by [Svelte](https://svelte.dev/), accessible, and readable without JavaScript: the site you're\non right now.\n","sourceContent":"sPowered by [Svelte](https://svelte.dev/), accessible, and readable without JavaScript: the site you're\non right now.\n","tokens":[{"type":"sparagraph","raw":"sPowered by [Svelte](https://svelte.dev/), accessible, and readable without JavaScript: the site you're\non right now.\n","text":"sPowered by [Svelte](https://svelte.dev/), accessible, and readable without JavaScript: the site you're\non right now.","tokens":[{"type":"stext","raw":"sPowered by ","text":"sPowered by "},{"type":"slink","raw":"s[Svelte](https://svelte.dev/)","href":"shttps://svelte.dev/","title":null,"text":"sSvelte","tokens":[{"type":"stext","raw":"sSvelte","text":"sSvelte"}]},{"type":"stext","raw":"s, accessible, and readable without JavaScript: the site you're\non right now.","text":"s, accessible, and readable without JavaScript: the site you're\non right now."}]}]},"gitUrl":"uhttps://github.com/ubipo/pfiers.net","longDescription":{"sourceFull":"s---\nname: This Site ;)\nurlSafeName: this-site\nshortDescription: |\n Powered by [Svelte](https://svelte.dev/), accessible, and readable without JavaScript: the site you're\n on right now.\ntechnologies:\n- Web\n- Svelte\n- TypeScript\ngitUrl: https://github.com/ubipo/pfiers.net\n---\n\nPowered by [Svelte](/technologies/svelte), accessible and readable without\nJavaScript: the site you're on right now.\n","sourceContent":"s\n\nPowered by [Svelte](/technologies/svelte), accessible and readable without\nJavaScript: the site you're on right now.\n","tokens":[{"type":"sspace","raw":"s\n\n"},{"type":"sparagraph","raw":"sPowered by [Svelte](/technologies/svelte), accessible and readable without\nJavaScript: the site you're on right now.\n","text":"sPowered by [Svelte](/technologies/svelte), accessible and readable without\nJavaScript: the site you're on right now.","tokens":[{"type":"stext","raw":"sPowered by ","text":"sPowered by "},{"type":"slink","raw":"s[Svelte](/technologies/svelte)","href":"s/technologies/svelte","title":null,"text":"sSvelte","tokens":[{"type":"stext","raw":"sSvelte","text":"sSvelte"}]},{"type":"stext","raw":"s, accessible and readable without\nJavaScript: the site you're on right now.","text":"s, accessible and readable without\nJavaScript: the site you're on right now."}]}]},"technologies":[20,0,12]}],"technologies":[{"definedInline":true,"name":"sSvelte","shortDescription":{"sourceFull":"sMy favorite (and most recently learned) frontend framework. Svelte has a\ntiny runtime and great development ergonomics.\n","sourceContent":"sMy favorite (and most recently learned) frontend framework. Svelte has a\ntiny runtime and great development ergonomics.\n","tokens":[{"type":"sparagraph","raw":"sMy favorite (and most recently learned) frontend framework. Svelte has a\ntiny runtime and great development ergonomics.\n","text":"sMy favorite (and most recently learned) frontend framework. Svelte has a\ntiny runtime and great development ergonomics.","tokens":[{"type":"stext","raw":"sMy favorite (and most recently learned) frontend framework. Svelte has a\ntiny runtime and great development ergonomics.","text":"sMy favorite (and most recently learned) frontend framework. Svelte has a\ntiny runtime and great development ergonomics."}]}]},"urlSafeName":"ssvelte","url":"uhttps://svelte.dev/","icon":"ssvelte","projects":[12],"group":"sFrameworks"},{"definedInline":true,"name":"sReact","shortDescription":{"sourceFull":"sThe most popular JavaScript frontend framework by most measures. Of the\nbig three (React, Vue.js, and Angular), it's a close first over\n[Vue.js](/technologies/vuejs) for me.\n","sourceContent":"sThe most popular JavaScript frontend framework by most measures. Of the\nbig three (React, Vue.js, and Angular), it's a close first over\n[Vue.js](/technologies/vuejs) for me.\n","tokens":[{"type":"sparagraph","raw":"sThe most popular JavaScript frontend framework by most measures. Of the\nbig three (React, Vue.js, and Angular), it's a close first over\n[Vue.js](/technologies/vuejs) for me.\n","text":"sThe most popular JavaScript frontend framework by most measures. Of the\nbig three (React, Vue.js, and Angular), it's a close first over\n[Vue.js](/technologies/vuejs) for me.","tokens":[{"type":"stext","raw":"sThe most popular JavaScript frontend framework by most measures. Of the\nbig three (React, Vue.js, and Angular), it's a close first over\n","text":"sThe most popular JavaScript frontend framework by most measures. Of the\nbig three (React, Vue.js, and Angular), it's a close first over\n"},{"type":"slink","raw":"s[Vue.js](/technologies/vuejs)","href":"s/technologies/vuejs","title":null,"text":"sVue.js","tokens":[{"type":"stext","raw":"sVue.js","text":"sVue.js"}]},{"type":"stext","raw":"s for me.","text":"s for me."}]}]},"urlSafeName":"sreact","url":"uhttps://react.org/","icon":"sreact","projects":[],"group":"sFrameworks"},{"definedInline":true,"name":"sVue.js","shortDescription":{"sourceFull":"sA forerunner in frontend framework technologies, with the first\nsingle-file components and the excellent [Vite](https://vitejs.dev/)\nbundler.\n","sourceContent":"sA forerunner in frontend framework technologies, with the first\nsingle-file components and the excellent [Vite](https://vitejs.dev/)\nbundler.\n","tokens":[{"type":"sparagraph","raw":"sA forerunner in frontend framework technologies, with the first\nsingle-file components and the excellent [Vite](https://vitejs.dev/)\nbundler.\n","text":"sA forerunner in frontend framework technologies, with the first\nsingle-file components and the excellent [Vite](https://vitejs.dev/)\nbundler.","tokens":[{"type":"stext","raw":"sA forerunner in frontend framework technologies, with the first\nsingle-file components and the excellent ","text":"sA forerunner in frontend framework technologies, with the first\nsingle-file components and the excellent "},{"type":"slink","raw":"s[Vite](https://vitejs.dev/)","href":"shttps://vitejs.dev/","title":null,"text":"sVite","tokens":[{"type":"stext","raw":"sVite","text":"sVite"}]},{"type":"stext","raw":"s\nbundler.","text":"s\nbundler."}]}]},"urlSafeName":"svuejs","url":"uhttps://vuejs.org/","icon":"svuejs","projects":[],"group":"sFrameworks"},{"definedInline":true,"name":"sGraphQL","shortDescription":{"sourceFull":"sI usually prefer a good old REST API myself, but for combining multiple\nsources and for large interlinked datasets it's unmatched.\n","sourceContent":"sI usually prefer a good old REST API myself, but for combining multiple\nsources and for large interlinked datasets it's unmatched.\n","tokens":[{"type":"sparagraph","raw":"sI usually prefer a good old REST API myself, but for combining multiple\nsources and for large interlinked datasets it's unmatched.\n","text":"sI usually prefer a good old REST API myself, but for combining multiple\nsources and for large interlinked datasets it's unmatched.","tokens":[{"type":"stext","raw":"sI usually prefer a good old REST API myself, but for combining multiple\nsources and for large interlinked datasets it's unmatched.","text":"sI usually prefer a good old REST API myself, but for combining multiple\nsources and for large interlinked datasets it's unmatched."}]}]},"urlSafeName":"sgraphql","url":"uhttps://graphql.org/","icon":"sgraphql","projects":[5],"group":"sFrameworks"},{"definedInline":true,"name":"sVite","shortDescription":{"sourceFull":"sMy go-to JavaScript/TypeScript bundler.\n","sourceContent":"sMy go-to JavaScript/TypeScript bundler.\n","tokens":[{"type":"sparagraph","raw":"sMy go-to JavaScript/TypeScript bundler.\n","text":"sMy go-to JavaScript/TypeScript bundler.","tokens":[{"type":"stext","raw":"sMy go-to JavaScript/TypeScript bundler.","text":"sMy go-to JavaScript/TypeScript bundler."}]}]},"urlSafeName":"svite","url":"uhttps://vitejs.dev/","icon":"svite","projects":[],"group":"sFrameworks"},{"definedInline":true,"name":"sWebpack","shortDescription":{"sourceFull":"sWhile I've switched to [Vite](https://vitejs.dev/) and\n[Rollup](https://rollupjs.org/guide/en/) since, Webpack was the most fully\nfeatured JavaScript bundler for a long while.\n","sourceContent":"sWhile I've switched to [Vite](https://vitejs.dev/) and\n[Rollup](https://rollupjs.org/guide/en/) since, Webpack was the most fully\nfeatured JavaScript bundler for a long while.\n","tokens":[{"type":"sparagraph","raw":"sWhile I've switched to [Vite](https://vitejs.dev/) and\n[Rollup](https://rollupjs.org/guide/en/) since, Webpack was the most fully\nfeatured JavaScript bundler for a long while.\n","text":"sWhile I've switched to [Vite](https://vitejs.dev/) and\n[Rollup](https://rollupjs.org/guide/en/) since, Webpack was the most fully\nfeatured JavaScript bundler for a long while.","tokens":[{"type":"stext","raw":"sWhile I've switched to ","text":"sWhile I've switched to "},{"type":"slink","raw":"s[Vite](https://vitejs.dev/)","href":"shttps://vitejs.dev/","title":null,"text":"sVite","tokens":[{"type":"stext","raw":"sVite","text":"sVite"}]},{"type":"stext","raw":"s and\n","text":"s and\n"},{"type":"slink","raw":"s[Rollup](https://rollupjs.org/guide/en/)","href":"shttps://rollupjs.org/guide/en/","title":null,"text":"sRollup","tokens":[{"type":"stext","raw":"sRollup","text":"sRollup"}]},{"type":"stext","raw":"s since, Webpack was the most fully\nfeatured JavaScript bundler for a long while.","text":"s since, Webpack was the most fully\nfeatured JavaScript bundler for a long while."}]}]},"urlSafeName":"swebpack","url":"uhttps://webpack.js.org/","icon":"swebpack","projects":[7],"group":"sFrameworks"},{"definedInline":true,"name":"sPerception","shortDescription":{"sourceFull":"sMaking computers see, hear, feel or sense anything and everything.\n","sourceContent":"sMaking computers see, hear, feel or sense anything and everything.\n","tokens":[{"type":"sparagraph","raw":"sMaking computers see, hear, feel or sense anything and everything.\n","text":"sMaking computers see, hear, feel or sense anything and everything.","tokens":[{"type":"stext","raw":"sMaking computers see, hear, feel or sense anything and everything.","text":"sMaking computers see, hear, feel or sense anything and everything."}]}]},"urlSafeName":"sperception","url":"uhttps://en.wikipedia.org/wiki/Machine_perception","icon":"sperception","projects":[3,2,0,1],"group":"sConcepts"},{"definedInline":true,"name":"sRobotics","shortDescription":{"sourceFull":"sIt's computers with wings, on wheels, or even underwater. If it moves on\nits own, I probably want to build it.\n","sourceContent":"sIt's computers with wings, on wheels, or even underwater. If it moves on\nits own, I probably want to build it.\n","tokens":[{"type":"sparagraph","raw":"sIt's computers with wings, on wheels, or even underwater. If it moves on\nits own, I probably want to build it.\n","text":"sIt's computers with wings, on wheels, or even underwater. If it moves on\nits own, I probably want to build it.","tokens":[{"type":"stext","raw":"sIt's computers with wings, on wheels, or even underwater. If it moves on\nits own, I probably want to build it.","text":"sIt's computers with wings, on wheels, or even underwater. If it moves on\nits own, I probably want to build it."}]}]},"urlSafeName":"srobotics","url":"uhttps://en.wikipedia.org/wiki/Robotics","icon":"srobotics","projects":[0,1],"group":"sConcepts"},{"definedInline":true,"name":"sDeep learning","shortDescription":{"sourceFull":"sGiving computers the incredible ability to make complex decisions from\nunstructured data like pictures or sound.\n","sourceContent":"sGiving computers the incredible ability to make complex decisions from\nunstructured data like pictures or sound.\n","tokens":[{"type":"sparagraph","raw":"sGiving computers the incredible ability to make complex decisions from\nunstructured data like pictures or sound.\n","text":"sGiving computers the incredible ability to make complex decisions from\nunstructured data like pictures or sound.","tokens":[{"type":"stext","raw":"sGiving computers the incredible ability to make complex decisions from\nunstructured data like pictures or sound.","text":"sGiving computers the incredible ability to make complex decisions from\nunstructured data like pictures or sound."}]}]},"urlSafeName":"sdeep-learning","url":"uhttps://en.wikipedia.org/wiki/Deep_learning","icon":"sdeep-learning","projects":[3,0,1],"group":"sConcepts"},{"definedInline":true,"name":"sKotlin","shortDescription":{"sourceFull":"sA modern, concise, and powerful programming language for the\n[JVM](https://docs.oracle.com/javase/specs/jvms/se8/html/). Together with\n[Rust](/technologies/rust) it's also probably my favorite language, even\noutside of Android development.\n","sourceContent":"sA modern, concise, and powerful programming language for the\n[JVM](https://docs.oracle.com/javase/specs/jvms/se8/html/). Together with\n[Rust](/technologies/rust) it's also probably my favorite language, even\noutside of Android development.\n","tokens":[{"type":"sparagraph","raw":"sA modern, concise, and powerful programming language for the\n[JVM](https://docs.oracle.com/javase/specs/jvms/se8/html/). Together with\n[Rust](/technologies/rust) it's also probably my favorite language, even\noutside of Android development.\n","text":"sA modern, concise, and powerful programming language for the\n[JVM](https://docs.oracle.com/javase/specs/jvms/se8/html/). Together with\n[Rust](/technologies/rust) it's also probably my favorite language, even\noutside of Android development.","tokens":[{"type":"stext","raw":"sA modern, concise, and powerful programming language for the\n","text":"sA modern, concise, and powerful programming language for the\n"},{"type":"slink","raw":"s[JVM](https://docs.oracle.com/javase/specs/jvms/se8/html/)","href":"shttps://docs.oracle.com/javase/specs/jvms/se8/html/","title":null,"text":"sJVM","tokens":[{"type":"stext","raw":"sJVM","text":"sJVM"}]},{"type":"stext","raw":"s. Together with\n","text":"s. Together with\n"},{"type":"slink","raw":"s[Rust](/technologies/rust)","href":"s/technologies/rust","title":null,"text":"sRust","tokens":[{"type":"stext","raw":"sRust","text":"sRust"}]},{"type":"stext","raw":"s it's also probably my favorite language, even\noutside of Android development.","text":"s it's also probably my favorite language, even\noutside of Android development."}]}]},"urlSafeName":"skotlin","url":"uhttps://kotlinlang.org/","icon":"skotlin","projects":[5,4],"group":"sLanguages"},{"definedInline":true,"name":"sPython","shortDescription":{"sourceFull":"sAbove all, Python is my catch-all language for scripting and prototyping.\nI also use it for all my data science and machine learning code (see also\n[Deep Learning](/technologies/deep-learning)). On that note,\n[Julia](https://julialang.org/) is on my radar as a possible replacement\nfor those use cases.\n","sourceContent":"sAbove all, Python is my catch-all language for scripting and prototyping.\nI also use it for all my data science and machine learning code (see also\n[Deep Learning](/technologies/deep-learning)). On that note,\n[Julia](https://julialang.org/) is on my radar as a possible replacement\nfor those use cases.\n","tokens":[{"type":"sparagraph","raw":"sAbove all, Python is my catch-all language for scripting and prototyping.\nI also use it for all my data science and machine learning code (see also\n[Deep Learning](/technologies/deep-learning)). On that note,\n[Julia](https://julialang.org/) is on my radar as a possible replacement\nfor those use cases.\n","text":"sAbove all, Python is my catch-all language for scripting and prototyping.\nI also use it for all my data science and machine learning code (see also\n[Deep Learning](/technologies/deep-learning)). On that note,\n[Julia](https://julialang.org/) is on my radar as a possible replacement\nfor those use cases.","tokens":[{"type":"stext","raw":"sAbove all, Python is my catch-all language for scripting and prototyping.\nI also use it for all my data science and machine learning code (see also\n","text":"sAbove all, Python is my catch-all language for scripting and prototyping.\nI also use it for all my data science and machine learning code (see also\n"},{"type":"slink","raw":"s[Deep Learning](/technologies/deep-learning)","href":"s/technologies/deep-learning","title":null,"text":"sDeep Learning","tokens":[{"type":"stext","raw":"sDeep Learning","text":"sDeep Learning"}]},{"type":"stext","raw":"s). On that note,\n","text":"s). On that note,\n"},{"type":"slink","raw":"s[Julia](https://julialang.org/)","href":"shttps://julialang.org/","title":null,"text":"sJulia","tokens":[{"type":"stext","raw":"sJulia","text":"sJulia"}]},{"type":"stext","raw":"s is on my radar as a possible replacement\nfor those use cases.","text":"s is on my radar as a possible replacement\nfor those use cases."}]}]},"urlSafeName":"spython","url":"uhttps://www.python.org/","icon":"spython","projects":[5,3,0,1,6],"group":"sLanguages"},{"definedInline":true,"name":"sJava","shortDescription":{"sourceFull":"sWhile I nearly never use it anymore, Java is still one of the languages\nI've written the most lines of code in — for university assignments,\nat work, and while tutoring.\n","sourceContent":"sWhile I nearly never use it anymore, Java is still one of the languages\nI've written the most lines of code in — for university assignments,\nat work, and while tutoring.\n","tokens":[{"type":"sparagraph","raw":"sWhile I nearly never use it anymore, Java is still one of the languages\nI've written the most lines of code in — for university assignments,\nat work, and while tutoring.\n","text":"sWhile I nearly never use it anymore, Java is still one of the languages\nI've written the most lines of code in — for university assignments,\nat work, and while tutoring.","tokens":[{"type":"stext","raw":"sWhile I nearly never use it anymore, Java is still one of the languages\nI've written the most lines of code in — for university assignments,\nat work, and while tutoring.","text":"sWhile I nearly never use it anymore, Java is still one of the languages\nI've written the most lines of code in — for university assignments,\nat work, and while tutoring."}]}]},"urlSafeName":"sjava","url":"uhttps://www.java.com/en/","icon":"sjava","projects":[],"group":"sLanguages"},{"definedInline":true,"name":"sTypeScript","shortDescription":{"sourceFull":"sMy preferred language for the web and anything else usually done in\nJavaScript. It just feels comfortable to known the type checker always has\nmy back.\n","sourceContent":"sMy preferred language for the web and anything else usually done in\nJavaScript. It just feels comfortable to known the type checker always has\nmy back.\n","tokens":[{"type":"sparagraph","raw":"sMy preferred language for the web and anything else usually done in\nJavaScript. It just feels comfortable to known the type checker always has\nmy back.\n","text":"sMy preferred language for the web and anything else usually done in\nJavaScript. It just feels comfortable to known the type checker always has\nmy back.","tokens":[{"type":"stext","raw":"sMy preferred language for the web and anything else usually done in\nJavaScript. It just feels comfortable to known the type checker always has\nmy back.","text":"sMy preferred language for the web and anything else usually done in\nJavaScript. It just feels comfortable to known the type checker always has\nmy back."}]}]},"urlSafeName":"stypescript","url":"uhttps://www.typescriptlang.org/","icon":"stypescript","projects":[10,12,7],"group":"sLanguages"},{"definedInline":true,"name":"sJavaScript","shortDescription":{"sourceFull":"sWhile I almost exclusively use [TypeScript](/technologies/typescript), I\ndo occasionally enjoy the ~~freedom~~ chaos of JavaScript.\n","sourceContent":"sWhile I almost exclusively use [TypeScript](/technologies/typescript), I\ndo occasionally enjoy the ~~freedom~~ chaos of JavaScript.\n","tokens":[{"type":"sparagraph","raw":"sWhile I almost exclusively use [TypeScript](/technologies/typescript), I\ndo occasionally enjoy the ~~freedom~~ chaos of JavaScript.\n","text":"sWhile I almost exclusively use [TypeScript](/technologies/typescript), I\ndo occasionally enjoy the ~~freedom~~ chaos of JavaScript.","tokens":[{"type":"stext","raw":"sWhile I almost exclusively use ","text":"sWhile I almost exclusively use "},{"type":"slink","raw":"s[TypeScript](/technologies/typescript)","href":"s/technologies/typescript","title":null,"text":"sTypeScript","tokens":[{"type":"stext","raw":"sTypeScript","text":"sTypeScript"}]},{"type":"stext","raw":"s, I\ndo occasionally enjoy the ","text":"s, I\ndo occasionally enjoy the "},{"type":"sdel","raw":"s~~freedom~~","text":"sfreedom","tokens":[{"type":"stext","raw":"sfreedom","text":"sfreedom"}]},{"type":"stext","raw":"s chaos of JavaScript.","text":"s chaos of JavaScript."}]}]},"urlSafeName":"sjavascript","icon":"sjavascript","projects":[8],"group":"sLanguages"},{"definedInline":true,"name":"sNode.js","shortDescription":{"sourceFull":"sIf it runs on a server and it's not\n[Django](https://www.djangoproject.com/) or\n[Flask](https://flask.palletsprojects.com/en/2.2.x/), I'm probably using\nthe Node.js runtime.\n","sourceContent":"sIf it runs on a server and it's not\n[Django](https://www.djangoproject.com/) or\n[Flask](https://flask.palletsprojects.com/en/2.2.x/), I'm probably using\nthe Node.js runtime.\n","tokens":[{"type":"sparagraph","raw":"sIf it runs on a server and it's not\n[Django](https://www.djangoproject.com/) or\n[Flask](https://flask.palletsprojects.com/en/2.2.x/), I'm probably using\nthe Node.js runtime.\n","text":"sIf it runs on a server and it's not\n[Django](https://www.djangoproject.com/) or\n[Flask](https://flask.palletsprojects.com/en/2.2.x/), I'm probably using\nthe Node.js runtime.","tokens":[{"type":"stext","raw":"sIf it runs on a server and it's not\n","text":"sIf it runs on a server and it's not\n"},{"type":"slink","raw":"s[Django](https://www.djangoproject.com/)","href":"shttps://www.djangoproject.com/","title":null,"text":"sDjango","tokens":[{"type":"stext","raw":"sDjango","text":"sDjango"}]},{"type":"stext","raw":"s or\n","text":"s or\n"},{"type":"slink","raw":"s[Flask](https://flask.palletsprojects.com/en/2.2.x/)","href":"shttps://flask.palletsprojects.com/en/2.2.x/","title":null,"text":"sFlask","tokens":[{"type":"stext","raw":"sFlask","text":"sFlask"}]},{"type":"stext","raw":"s, I'm probably using\nthe Node.js runtime.","text":"s, I'm probably using\nthe Node.js runtime."}]}]},"urlSafeName":"snode-js","url":"uhttps://nodejs.org/en/","icon":"snode-js","projects":[8],"group":"sLanguages"},{"definedInline":true,"name":"sRust","shortDescription":{"sourceFull":"sWith its unbreakable memory safety and zero-cost abstractions, Rust\nhas become my go-to language for realtime and systems programming.\n","sourceContent":"sWith its unbreakable memory safety and zero-cost abstractions, Rust\nhas become my go-to language for realtime and systems programming.\n","tokens":[{"type":"sparagraph","raw":"sWith its unbreakable memory safety and zero-cost abstractions, Rust\nhas become my go-to language for realtime and systems programming.\n","text":"sWith its unbreakable memory safety and zero-cost abstractions, Rust\nhas become my go-to language for realtime and systems programming.","tokens":[{"type":"stext","raw":"sWith its unbreakable memory safety and zero-cost abstractions, Rust\nhas become my go-to language for realtime and systems programming.","text":"sWith its unbreakable memory safety and zero-cost abstractions, Rust\nhas become my go-to language for realtime and systems programming."}]}]},"urlSafeName":"srust","icon":"srust","projects":[3,0],"group":"sLanguages"},{"definedInline":true,"name":"sGo","shortDescription":{"sourceFull":"sElegant and powerful, Go is a great programming language for complicated\nserver software. Though my experience with it is limited, I do enjoy its\nsimplicity.\n","sourceContent":"sElegant and powerful, Go is a great programming language for complicated\nserver software. Though my experience with it is limited, I do enjoy its\nsimplicity.\n","tokens":[{"type":"sparagraph","raw":"sElegant and powerful, Go is a great programming language for complicated\nserver software. Though my experience with it is limited, I do enjoy its\nsimplicity.\n","text":"sElegant and powerful, Go is a great programming language for complicated\nserver software. Though my experience with it is limited, I do enjoy its\nsimplicity.","tokens":[{"type":"stext","raw":"sElegant and powerful, Go is a great programming language for complicated\nserver software. Though my experience with it is limited, I do enjoy its\nsimplicity.","text":"sElegant and powerful, Go is a great programming language for complicated\nserver software. Though my experience with it is limited, I do enjoy its\nsimplicity."}]}]},"urlSafeName":"sgo","url":"uhttps://go.dev/","icon":"sgo","projects":[5],"group":"sLanguages"},{"definedInline":true,"name":"sC++","shortDescription":{"sourceFull":"sYou can't easily beat C++ for realtime or systems programming. Though I\nhave recently started to prefer [Rust](/technologies/rust) for that. And I\nusually stick with good old C for embedded programming.\n","sourceContent":"sYou can't easily beat C++ for realtime or systems programming. Though I\nhave recently started to prefer [Rust](/technologies/rust) for that. And I\nusually stick with good old C for embedded programming.\n","tokens":[{"type":"sparagraph","raw":"sYou can't easily beat C++ for realtime or systems programming. Though I\nhave recently started to prefer [Rust](/technologies/rust) for that. And I\nusually stick with good old C for embedded programming.\n","text":"sYou can't easily beat C++ for realtime or systems programming. Though I\nhave recently started to prefer [Rust](/technologies/rust) for that. And I\nusually stick with good old C for embedded programming.","tokens":[{"type":"stext","raw":"sYou can't easily beat C++ for realtime or systems programming. Though I\nhave recently started to prefer ","text":"sYou can't easily beat C++ for realtime or systems programming. Though I\nhave recently started to prefer "},{"type":"slink","raw":"s[Rust](/technologies/rust)","href":"s/technologies/rust","title":null,"text":"sRust","tokens":[{"type":"stext","raw":"sRust","text":"sRust"}]},{"type":"stext","raw":"s for that. And I\nusually stick with good old C for embedded programming.","text":"s for that. And I\nusually stick with good old C for embedded programming."}]}]},"urlSafeName":"scpp","icon":"scpp","projects":[8,3,2],"group":"sLanguages"},{"definedInline":true,"name":"sAndroid","shortDescription":{"sourceFull":"sWether with Java and XML or with [Kotlin](https://kotlinlang.org/) and\n[Jetpack Compose](https://developer.android.com/jetpack/compose), I've\ndelved pretty deep into Android app development.\n","sourceContent":"sWether with Java and XML or with [Kotlin](https://kotlinlang.org/) and\n[Jetpack Compose](https://developer.android.com/jetpack/compose), I've\ndelved pretty deep into Android app development.\n","tokens":[{"type":"sparagraph","raw":"sWether with Java and XML or with [Kotlin](https://kotlinlang.org/) and\n[Jetpack Compose](https://developer.android.com/jetpack/compose), I've\ndelved pretty deep into Android app development.\n","text":"sWether with Java and XML or with [Kotlin](https://kotlinlang.org/) and\n[Jetpack Compose](https://developer.android.com/jetpack/compose), I've\ndelved pretty deep into Android app development.","tokens":[{"type":"stext","raw":"sWether with Java and XML or with ","text":"sWether with Java and XML or with "},{"type":"slink","raw":"s[Kotlin](https://kotlinlang.org/)","href":"shttps://kotlinlang.org/","title":null,"text":"sKotlin","tokens":[{"type":"stext","raw":"sKotlin","text":"sKotlin"}]},{"type":"stext","raw":"s and\n","text":"s and\n"},{"type":"slink","raw":"s[Jetpack Compose](https://developer.android.com/jetpack/compose)","href":"shttps://developer.android.com/jetpack/compose","title":null,"text":"sJetpack Compose","tokens":[{"type":"stext","raw":"sJetpack Compose","text":"sJetpack Compose"}]},{"type":"stext","raw":"s, I've\ndelved pretty deep into Android app development.","text":"s, I've\ndelved pretty deep into Android app development."}]}]},"urlSafeName":"sandroid","url":"uhttps://www.android.com/","icon":"sandroid","projects":[5,4],"group":"sPlatforms"},{"definedInline":true,"name":"sMicrocontrollers","shortDescription":{"sourceFull":"sSmartifying thermostats, switching lights on and off, or monitoring a\nwater meter, it's the most satisfying when you program it yourself.\n","sourceContent":"sSmartifying thermostats, switching lights on and off, or monitoring a\nwater meter, it's the most satisfying when you program it yourself.\n","tokens":[{"type":"sparagraph","raw":"sSmartifying thermostats, switching lights on and off, or monitoring a\nwater meter, it's the most satisfying when you program it yourself.\n","text":"sSmartifying thermostats, switching lights on and off, or monitoring a\nwater meter, it's the most satisfying when you program it yourself.","tokens":[{"type":"stext","raw":"sSmartifying thermostats, switching lights on and off, or monitoring a\nwater meter, it's the most satisfying when you program it yourself.","text":"sSmartifying thermostats, switching lights on and off, or monitoring a\nwater meter, it's the most satisfying when you program it yourself."}]}]},"urlSafeName":"smicrocontrollers","url":"uhttps://en.wikipedia.org/wiki/Microcontroller","icon":"smicrocontrollers","projects":[8,3],"group":"sPlatforms"},{"definedInline":true,"name":"sWeb","shortDescription":{"sourceFull":"sThe web is available on pretty much any device, from smart-TVs to your\nsmartphone. It is the de facto information system for the world, and it's\narguably the best application platform, even if it didn't start out with\nthat goal.\n","sourceContent":"sThe web is available on pretty much any device, from smart-TVs to your\nsmartphone. It is the de facto information system for the world, and it's\narguably the best application platform, even if it didn't start out with\nthat goal.\n","tokens":[{"type":"sparagraph","raw":"sThe web is available on pretty much any device, from smart-TVs to your\nsmartphone. It is the de facto information system for the world, and it's\narguably the best application platform, even if it didn't start out with\nthat goal.\n","text":"sThe web is available on pretty much any device, from smart-TVs to your\nsmartphone. It is the de facto information system for the world, and it's\narguably the best application platform, even if it didn't start out with\nthat goal.","tokens":[{"type":"stext","raw":"sThe web is available on pretty much any device, from smart-TVs to your\nsmartphone. It is the de facto information system for the world, and it's\narguably the best application platform, even if it didn't start out with\nthat goal.","text":"sThe web is available on pretty much any device, from smart-TVs to your\nsmartphone. It is the de facto information system for the world, and it's\narguably the best application platform, even if it didn't start out with\nthat goal."}]}]},"urlSafeName":"sweb","url":"uhttps://en.wikipedia.org/wiki/World_Wide_Web","icon":"sweb","projects":[10,8,12,7,6],"group":"sPlatforms"}]}