Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 6 additions & 6 deletions content/posts/mfm.md
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ I'm pretty sure that I'll be adding more features at some point in the future, s
For example, the following Markdown...

```markdown
![[Test]](https://ethmarks.github.io)
![[Test]](https://example.com)
```

...parses into the following HTML.
Expand All @@ -47,7 +47,7 @@ For example, the following Markdown...
<iframe
scrolling="no"
title="Test"
src="https://ethmarks.github.io"
src="https://example.com"
frameborder="no"
loading="lazy"
allowtransparency="true"
Expand All @@ -72,15 +72,15 @@ If the file extension of the media src is an [MP4](https://en.wikipedia.org/wiki
The default behavior is for it to be parsed into a video element that does not loop, is not muted, and requires user input to start playback. For example, the following Markdown...

```markdown
![Test](https://ethmarks.github.io/media/example.webm)
![Test](https://example.com/media/example.webm)
```

...parses into the following HTML.

```html
<video
class="video"
src="https://ethmarks.github.io/media/example.webm"
src="https://example.com/media/example.webm"
controls
alt="Test">
</video>
Expand All @@ -91,15 +91,15 @@ The default behavior is for it to be parsed into a video element that does not l
The MFM animation syntax is an override of the video syntax. The difference is that the text in the square brackets is prefixed with "GIF ". The "GIF" prefix will be removed from the final alt text. It is then parsed into a video element that loops, is muted, and autoplays. For example, the following Markdown...

```markdown
![GIF Test](https://ethmarks.github.io/media/example.webm)
![GIF Test](https://example.com/media/example.webm)
```

...parses into the following HTML.

```html
<video
class="gif"
src="https://ethmarks.github.io/media/example.webm"
src="https://example.com/media/example.webm"
autoplay
loop
muted
Expand Down
2 changes: 1 addition & 1 deletion layouts/partials/footer.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
<span id="source">
<a href="https://github.com/ethmarks/ethmarks.github.io" id="sourcelink" target="_blank">Website Source</a>
</span>
<span id="copyright"><a href="/about/">Ethan Marks</a>, &copy;2025</span>
<span id="copyright"><a href="{{ "/about/" | absURL }}">Ethan Marks</a>, &copy;2025</span>
<span id="email">
<a href="mailto:ethmarks.dev@gmail.com" target="_blank">Contact</a>
</span>
Expand Down
10 changes: 5 additions & 5 deletions layouts/partials/header.html
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
<header>
<a href="/" id="title" tabindex="0" aria-label="Home">Ethan Marks</a>
<a href="{{ "/" | absURL }}" id="title" tabindex="0" aria-label="Home">Ethan Marks</a>
<nav>
<a id="nav-home" class="staggered{{ if .IsHome }} active{{ end }}" href="/">Home</a>
<a id="nav-about" class="staggered{{ if eq .Section "about" }} active{{ end }}" href="/about/">About</a>
<a id="nav-posts" class="staggered{{ if eq .Section "posts" }} active{{ end }}" href="/posts/">Posts</a>
<a id="nav-home" class="staggered{{ if .IsHome }} active{{ end }}" href="{{ "/" | absURL }}">Home</a>
<a id="nav-about" class="staggered{{ if eq .Section "about" }} active{{ end }}" href="{{ "/about/" | absURL }}">About</a>
<a id="nav-posts" class="staggered{{ if eq .Section "posts" }} active{{ end }}" href="{{ "/posts/" | absURL }}">Posts</a>
<a id="nav-blips" class="staggered" href="https://ethmarks.github.io/blips/">Blips</a>
<a id="nav-projects" class="staggered{{ if eq .RelPermalink "/tags/projects/" }} active{{ end }}" href="/tags/projects/">Projects</a>
<a id="nav-projects" class="staggered{{ if eq .RelPermalink "/tags/projects/" }} active{{ end }}" href="{{ "/tags/projects/" | absURL }}">Projects</a>
</nav>
</header>