Moved over stuff from old thomasjwebb.com

README.md

@@ -5,8 +5,8 @@
 [![bandcamp](https://img.shields.io/badge/-pinkboi-408294?style=flat-square&logo=bandcamp&logoColor=white)](https://bandcamp.com/pinkboi)
 [![email](https://img.shields.io/badge/-thomas@thomasjwebb.com-blue?style=flat-square&logo=Gmail&logoColor=white)](mailto:thomas@thomasjwebb.com)
 
-**2025/04/06 Attending [Haxe Roundup Roundup](https://discord.com/invite/0uEuWH3spjck73Lo)**  
-**2025/04/01-02 Attending [FediForum](https://fediforum.org/)**  
+**2025/05/04 Attending [Haxe Roundup Roundup](https://discord.com/invite/0uEuWH3spjck73Lo)**  
+**2025/11/10-12 Attending [ADC](https://audio.dev/) online**  
 
 - 🔭 I’m currently working on: interesting fediverse integrations
 - 💬 Ask me about: synthesizers

_config.yml

@@ -1,4 +1,4 @@
-title: cvless
+title: Thomas J. Webb
 description: Jekyll theme for a beautiful online CV
 baseurl: ""
 url: https://thomasjwebb.github.io/thomasjwebb/

_includes/portfolio.html

@@ -0,0 +1,91 @@
+<div class="row">
+    <p>
+        This is not an exhaustive list but just a few examples of projects where I played a major role and either did
+        management or wrote a significant
+        proportion of the code that makes the app work. Some of these are my own projects made from the ground up by
+        myself following a plan I outlined
+        and based on meeting my own need or my own market research.
+    </p>
+    <div class="col-md-4">
+        <div class="card mb-4 box-shadow">
+            <img class="card-img-top" src="img/tripoli.png" alt="Tripoli screenshot" />
+            <div class="card-body">
+                <h3>Tripoli</h3>
+                <p class="card-text">
+                    Next generation open source successor to Viu Calibrate that I'm working on. With a core written in
+                    Rust and support for multiple
+                    frontends, it will revolutionize datalogging and machine control. Contact me if you wish to be part
+                    of this!
+                </p>
+            </div>
+        </div>
+    </div>
+    <div class="col-md-4">
+        <div class="card mb-4 box-shadow">
+            <img class="card-img-top" src="img/viu.png" alt="Viu Calibrate screenshot" />
+            <div class="card-body">
+                <h3>Viu Calibrate</h3>
+                <p class="card-text">
+                    Cross-platform high performance datalogging and machine control software used in labs around the
+                    world to calibrate mission-critical
+                    and medical packaging machinery. I made this because I wasn't satisfied with existing software at
+                    the time.
+                </p>
+            </div>
+        </div>
+    </div>
+    <div class="col-md-4">
+        <div class="card mb-4 box-shadow">
+            <img class="card-img-top" src="img/trip.png" alt="Trip Music screenshot" />
+            <div class="card-body">
+                <h3>Trip Music</h3>
+                <p class="card-text">
+                    AI-based personalized therapeutic radio app. I managed the development of every part of this app,
+                    making high-performance real-time audio code
+                    as well as python-based machine learning-based playlisting.
+                </p>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="row">
+    <div class="col-md-4">
+        <div class="card mb-4 box-shadow">
+            <img class="card-img-top" src="img/ditty.png" alt="Ditty by Zya screenshot" />
+            <div class="card-body">
+                <h3>Ditty by Zya</h3>
+                <p class="card-text">
+                    Ditty was an app that turned your texts into singing music videos based on popular and classic songs
+                    launched in 2015. It repurposed audio tech
+                    we had made for Song Battles, speech synthesizers and syllable alignment tech.
+                </p>
+            </div>
+        </div>
+    </div>
+    <div class="col-md-4">
+        <div class="card mb-4 box-shadow">
+            <img class="card-img-top" src="img/zya.png" alt="Zya Music screenshot" />
+            <div class="card-body">
+                <h3>Song Battles</h3>
+                <p class="card-text">
+                    Song Battles and Zya were music-making games. You could drum beats or sing melodies into it and it
+                    would confirm the whole mix to your chord progression.
+                    I worked extensively on the servers where the audio and music magic happens.
+                </p>
+            </div>
+        </div>
+    </div>
+    <div class="col-md-4">
+        <div class="card mb-4 box-shadow">
+            <img class="card-img-top" src="img/craft.png" alt="CRÆFT Softsynth screenshot" />
+            <div class="card-body">
+                <h3>CRÆFT Softsynth</h3>
+                <p class="card-text">
+                    My first major software project, a surround-sound modular software synthesizer where location of
+                    outputs could be modulated like any other parameter.
+                    Functionality from this has been in the process of migrating to my open source api, grig.
+                </p>
+            </div>
+        </div>
+    </div>
+</div>

_layouts/default.html

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+
+{% include head.html %}
+
+<body>
+
+  {% if page.title == "Home" %}{% include particles-home.html %}{% endif %}
+  {% if page.title == "404" %}{% include particles-404.html %}{% endif %}
+
+  <div class="container">
+    <div class="row justify-content-center">
+      <div class="col">
+        {{ content }}
+      </div>
+    </div>
+  </div>
+  <script src="{{ '/assets/js/bootstrap.min.js' | prepend: site.url }}"></script>
+  {% if page.title != "404" %}
+  <!-- <script src="{{ '/assets/js/darkmode.js' | prepend: site.url }}"></script> -->
+  {% endif %}
+  {% if page.title == "Home" or page.title == "404" %}
+  <script src="assets/js/particles.min.js"></script>
+  <script src="assets/js/main.js"></script>
+  {% endif %}
+</body>
+
+</html>

_sass/_base.scss

@@ -32,6 +32,10 @@ header {
   margin-bottom: 2em;
 }
 
+.card {
+  --bs-card-bg: #515151;
+}
+
 footer {
   margin: 2em 0;
 }

index.md

@@ -3,17 +3,49 @@ layout: home
 title: Home
 ---
 
-# About
 
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+# Thomas J. Webb
 
-This is the home page. It can be used for a short introduction. [Click here](cv) to see the full CV, and [here](assets/files/cv.pdf) to download a print version. The theme also ships with a blog: [click here](posts) to scroll posts from the most recent. Finally, [click here](404) to see a page that can't be found.
+This is just a page I put up to help tech people get a hold of me, see what I've worked on or what I'm currently working on. If you feel like chatting about technology or have an idea feel free to contact me any of the ways listed below.
 
-By default, the theme only contains these few pages in order to stay lean and flexible. However, it can be easily extended to accommodate more pages, [collections](https://jekyllrb.com/docs/collections/), [categories, and tags](https://jekyllrb.com/docs/posts/#tags-and-categories).
+## Find Me
 
-Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+**@thomasjwebb**  
+Find me on [codeberg](https://codeberg.org/thomasjwebb), [codeberg](https://codeberg.org/thomasjwebb), [github](https://github.com/thomasjwebb/), [gitlab](https://gitlab.com/thomasjwebb) and [Fediverse](https://haxe.social/@tjw).
+You can also [e-mail me](mailto:thomas@thomasjwebb.com) or [request a meeting on Calendly](https://calendly.com/thomasjwebb/30min).
 
-Below is a list of blog posts included for illustrative purposes. Make sure to delete or modify them before deploying your website.
+**@osakared**
+Find me on [Fediverse](https://haxe.social/@osakared) and [twitch](https://www.twitch.tv/osakared).
+
+**chat**
+Message me on Matrix (@thomas:osakared.com) or [discord (tamsynne)](https://discord.com/users/tamsynne).
+
+## Portfolio
+
+{% include portfolio.html %}
+
+## Writings
+
+
+[Avoiding Social Media Lock-In With ActivityPub](https://osakared.com/blog/2023-07-09-avoiding-social-medial-lockin)  
+2023-07-09  
+Small and larger businesses are well aware of the importance of owning their online presence and diversifying their social media strategy...
+
+[The Company is Sometimes Wrong](https://osakared.com/blog/2022-02-15-the-company-is-sometimes-wrong)  
+2022-02-15  
+The bane of every retail worker's existence is the old saying, “the customer is always right”...
+
+[Strengths and Weaknesses of Using Haxe for Audio Development](https://thomaswebb.net/2019/05/10/strengths-and-weaknesses-of-using-haxe-for-audio-development/)  
+2019-05-10  
+At the Haxe Summit, I did a talk about doing audio programming in haxe...
+
+[Static Websites with Terraform, Netlify and NS1](https://thomaswebb.net/2018/03/22/static-websites-with-terraform-netlify-and-ns1/)  
+2018-03-22  
+This is a wider card with supporting text below as a natural lead-in to additional content.
+
+## Overview
+
+The below is copied from my [github page](https://github.com/thomasjwebb/)
 
 {% include_relative README.md %}