mirror of
https://github.com/TomHodson/tomhodson.github.com.git
synced 2025-06-26 10:01:18 +02:00
224 lines
7.4 KiB
Markdown
224 lines
7.4 KiB
Markdown
---
|
||
title:
|
||
layout: post
|
||
excerpt: A one sentence summary.
|
||
draft: true
|
||
redirect_from: /template
|
||
|
||
# Just a helper for the path if the page has lots of images.
|
||
images: /assets/images/2024
|
||
assets: # I often use this for model paths
|
||
|
||
# The thumbnail that goes on the blog or posts page. SVG if possible.
|
||
thumbnail: /assets/blog/template/thumbnail.svg
|
||
|
||
# The social media preview image, must be png or other raster.
|
||
social_image: /assets/blog/template/thumbnail.png
|
||
|
||
# The alt text for both images.
|
||
alt: An image of the text "{...}" to suggest the idea of a template.
|
||
image_class: invertable # For images that look good when inverted in dark modes by default they're dimmed
|
||
|
||
mathjax: true
|
||
model_viewer: true
|
||
load_klipse: true
|
||
|
||
head: |
|
||
<meta name="robots" content="noindex">
|
||
|
||
---
|
||
|
||
This page acts as both a reminder of how I do various things on this blog and also serves as a canary to see if I've broken the layout inadvertently.
|
||
|
||
See [this kramdown cheatsheet](https://kramdown.gettalong.org/quickref.html)
|
||
|
||
## Subtitle
|
||
|
||
The first big project of the year was repainting this ladder up to our mezzanine bed. This ended up being so much more work than we expected, they say it's all in the surface prep and the surface prep here took ages with all the awkward corners.
|
||
|
||
There was one aspect that was fun with this which was that I made non-slip pads on the rungs by mixing the gloss paint with sand and painting over masked rectangle.
|
||
|
||
<figure>
|
||
<img src="{{page.images}}/train_view.jpeg">
|
||
<figcaption> A single large image. </figcaption>
|
||
</figure>
|
||
|
||
<figure class="two-wide">
|
||
<img src="{{page.images}}/ladder/late_into_the_night.jpeg">
|
||
<img src="{{page.images}}/ladder/finished.jpeg">
|
||
<figcaption> Two images side by side. </figcaption>
|
||
</figure>
|
||
|
||
<figure class="multiple">
|
||
<img src="{{page.images}}/chop_saw_dust_collector/print_preview.jpeg">
|
||
<img src="{{page.images}}/chop_saw_dust_collector/printing.jpeg">
|
||
<img src="{{page.images}}/chop_saw_dust_collector/installed.jpeg">
|
||
<figcaption> More than two images layed out nicely. </figcaption>
|
||
</figure>
|
||
|
||
Four images:
|
||
|
||
<figure class="multiple">
|
||
<img src="{{page.images}}/lasercutting/boxes.jpeg">
|
||
<img src="{{page.images}}/usbc_psu/case_proto_1.jpeg">
|
||
<img src="{{page.images}}/usbc_psu/case_proto_2.jpeg">
|
||
<img src="{{page.images}}/usbc_psu/case_proto_3.jpeg">
|
||
</figure>
|
||
|
||
A very long image:
|
||
|
||
<figure>
|
||
<img src="{{page.images}}/logos.jpeg">
|
||
<figcaption>Played around with some logo designs that I could stamp into ceramics.</figcaption>
|
||
</figure>
|
||
|
||
1. Item one
|
||
* sub item one
|
||
* sub item two
|
||
* sub item three
|
||
2. Item two
|
||
|
||
|
||
A table:
|
||
|
||
| Power | Voltage | Current |
|
||
|-------|---------|---------|
|
||
| 15W | 5 V | 3A |
|
||
| 27W | 9 V | 3A |
|
||
| 45W | 15 V | 3A |
|
||
| 60W | 20 V | 3A |
|
||
| 100W* | 20V | 5A |
|
||
|
||
|
||
|
||
## Math
|
||
|
||
Stack overflow has a nice [mathjax summary](https://math.meta.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference)
|
||
|
||
List of mathjax symbols [here](https://docs.mathjax.org/en/latest/input/tex/macros/index.html)
|
||
|
||
So the setup is this: Imagine we draw a very short line vector $\vec{v}$ and let it flow along in a fluid with velocity field $u(\vec{x}, t)$.
|
||
|
||
<figure style="max-width: 250px;">
|
||
<img src="/assets/blog/astrophysical_fluids/line_element.svg" class="invertable">
|
||
<figcaption>A line element $\delta \vec{v}$ being dragged aloung in a fluid with velocity field $u(\vec{x}, t)$</figcaption>
|
||
</figure>
|
||
|
||
Three things will happen, the vector will be translated along, it will change length and it will change direction. If we ignore the translation, we can ask what the equation would be for the change in length and direction of $\vec{v}$. I'll drop the vector symbols on $v$, $u$ and $x$ from now on.
|
||
|
||
$$ D_t \; v = ? $$
|
||
|
||
If we assume $v$ is very small we can think about expanding $u$ to first order along $v$
|
||
|
||
$$ u(x + v, t) = u(x, t) + v \cdot \nabla u $$
|
||
|
||
where $v \cdot \nabla$ is the directional derivative $v_x \partial_x + v_y \partial_y + v_y \partial_y$ and when $v$ is infinitesimal it just directly tells us how $u$ will change if we move from point $x$ to point $x + v$.
|
||
|
||
So from this we can see that one end of our vector $v$ is moving along at $u(x, t)$ while the other end will move at $u(x, t) + v \cdot \nabla u$ hence:
|
||
|
||
$$ D_t \; v = v \cdot \nabla u $$
|
||
|
||
Below is a more “index‐by‐index” look at how one carries out **Step 3** in detail. We start from
|
||
|
||
**math with color**:
|
||
|
||
$${\color{red} x} + {\color{blue} y}$$
|
||
|
||
$$
|
||
\frac{D}{Dt}\,\delta S_i
|
||
\;=\;
|
||
\varepsilon_{i j k}\,\bigl(\tfrac{D}{Dt}\delta x_j^{(1)}\bigr)\,\delta x_k^{(2)}
|
||
\;+\;
|
||
\varepsilon_{i j k}\,\delta x_j^{(1)}\,\bigl(\tfrac{D}{Dt}\delta x_k^{(2)}\bigr),
|
||
$$
|
||
|
||
and then substitute
|
||
|
||
$$
|
||
\frac{D}{Dt}\,\delta x_j^{(1)}
|
||
\;=\;
|
||
\delta x_\ell^{(1)}\,\frac{\partial u_j}{\partial x_\ell},
|
||
\quad
|
||
\frac{D}{Dt}\,\delta x_k^{(2)}
|
||
\;=\;
|
||
\delta x_\ell^{(2)}\,\frac{\partial u_k}{\partial x_\ell}.
|
||
$$
|
||
|
||
I like these underbraces:
|
||
|
||
$$
|
||
\frac{D}{Dt}\,\delta S_i
|
||
\;=\;
|
||
\underbrace{\varepsilon_{i j k}\,\delta x_\ell^{(1)}\,\frac{\partial u_j}{\partial x_\ell}\,\delta x_k^{(2)}}
|
||
_{T_{1}}
|
||
\;+\;
|
||
\underbrace{\varepsilon_{i j k}\,\delta x_j^{(1)}\,\delta x_\ell^{(2)}\,\frac{\partial u_k}{\partial x_\ell}}
|
||
_{T_{2}}.
|
||
$$
|
||
|
||
Aligning equations:
|
||
|
||
$$
|
||
\begin{align}
|
||
\sqrt{37} & = \sqrt{\frac{73^2-1}{12^2}} \\
|
||
& = \sqrt{\frac{73^2}{12^2}\cdot\frac{73^2-1}{73^2}} \\
|
||
& = \sqrt{\frac{73^2}{12^2}}\sqrt{\frac{73^2-1}{73^2}} \\
|
||
& = \frac{73}{12}\sqrt{1 - \frac{1}{73^2}} \\
|
||
& \approx \frac{73}{12}\left(1 - \frac{1}{2\cdot73^2}\right)
|
||
\end{align}
|
||
$$
|
||
|
||
References:
|
||
|
||
[This is a link to the subtitle heading at the top of the page](#subtitle)
|
||
|
||
A [link][kramdown hp]
|
||
to the homepage.
|
||
|
||
[kramdown hp]: http://kramdown.gettalong.org "hp"
|
||
|
||
This is a text with a
|
||
footnote[^1].
|
||
|
||
[^1]: And here is the definition.
|
||
|
||
This is a text with a
|
||
footnote[^2].
|
||
|
||
[^2]:
|
||
And here is the definition.
|
||
|
||
> With a quote!
|
||
|
||
and some math
|
||
$$ x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$
|
||
|
||
* * *
|
||
|
||
|
||
|
||
<figure class="multiple">
|
||
<img src="/assets/blog/alpha_test/original.jpg" class = "no-dim">
|
||
<img src="/assets/blog/alpha_test/white_subtracted.png" class = "no-dim">
|
||
<img src="/assets/blog/alpha_test/white_subtracted.png" class = "no-dim" style="filter: brightness(2);">
|
||
<img src="/assets/blog/alpha_test/ai_subtracted.png">
|
||
<figcaption> Here are some images, (top left) original, (top right) white subtracted and replaced with alpha, (bottom left) same but brightened, (bottom right) ai background removal tool (loses shadow) </figcaption>
|
||
</figure>
|
||
|
||
## 3D models
|
||
|
||
<figure>
|
||
<img class="outline-model-poster no-wc" src = "/assets/projects/bike_lights/thumbnail.svg">
|
||
<outline-model-viewer model = "/assets/blog/vector_magnet/vector_magnet.glb" zoom=500 camera='{"position":[3.118,3.203,10.1],"rotation":[-0.3104,0.2858,0.0902],"zoom":428.68750000000136,"target":[0,0,0]}'>
|
||
</outline-model-viewer>
|
||
<figcaption class="no-wc">If you have JS enabled this is interactive.</figcaption>
|
||
<figcaption class="has-wc">An interactive point cloud view. Should show a billboard if JS is disabled.</figcaption>
|
||
</figure>
|
||
|
||
<figure>
|
||
<img class="no-wc" src="{{page.assets}}/rear_stereo/point_cloud_preview.png">
|
||
<point-cloud-viewer model="/assets/blog/heic_depth_map/rear_stereo/pointcloud.pcd" camera = '{"type":"perspective","position":[-3.598,-0.4154,1.971],"rotation":[0.2078,-1.06,0.1819],"zoom":1,"target":[0,0,0]}'>
|
||
</point-cloud-viewer>
|
||
<figcaption class="no-wc">If you have JS enabled this is interactive.</figcaption>
|
||
<figcaption class="has-wc">An interactive point cloud view. Should show a billboard if JS is disabled.</figcaption>
|
||
</figure> |