29 Premium Themes
Included with purchase — and more features on the way!
Get access — $12 once
Version 2 is coming soon.
The price goes up when it arrives.
Pay once today and every update after that is free.
One Dark Pro
<x-app-layout :title="$post->title">
<x-ad/>
<x-post-header :post="$post" class="mb-8">
{!! $post->html !!}
@unless($post->isTweet())
@if($post->external_url)
<p class="mt-6">
<a href="{{ $post->external_url }}">
Read more</a>
<span class="text-xs text-gray-700">[{{ $post->external_url_host }}]</span>
</p>
@endif
@endunless
</x-post-header>
@include('front.newsletter.partials.block', [
'class' => 'mb-8',
])
<div class="mb-8">
@include('front.posts.partials.comments')
</div>
<x-slot name="seo">
<meta property="og:title" content="{{ $post->title }} | freek.dev"/>
<meta property="og:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="og:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
@foreach($post->tags as $tag)
<meta property="article:tag" content="{{ $tag->name }}"/>
@endforeach
<meta property="article:published_time" content="{{ optional($post->publish_date)->toIso8601String() }}"/>
<meta property="og:updated_time" content="{{ $post->updated_at->toIso8601String() }}"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="twitter:title" content="{{ $post->title }} | freek.dev"/>
<meta name="twitter:site" content="@freekmurze"/>
<meta name="twitter:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
<meta name="twitter:creator" content="@freekmurze"/>
</x-slot>
</x-app-layout>
#From https://freek.dev/2024-how-to-render-markdown-with-perfectly-highlighted-code-snippets
Andromeda
<x-app-layout :title="$post->title">
<x-ad/>
<x-post-header :post="$post" class="mb-8">
{!! $post->html !!}
@unless($post->isTweet())
@if($post->external_url)
<p class="mt-6">
<a href="{{ $post->external_url }}">
Read more</a>
<span class="text-xs text-gray-700">[{{ $post->external_url_host }}]</span>
</p>
@endif
@endunless
</x-post-header>
@include('front.newsletter.partials.block', [
'class' => 'mb-8',
])
<div class="mb-8">
@include('front.posts.partials.comments')
</div>
<x-slot name="seo">
<meta property="og:title" content="{{ $post->title }} | freek.dev"/>
<meta property="og:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="og:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
@foreach($post->tags as $tag)
<meta property="article:tag" content="{{ $tag->name }}"/>
@endforeach
<meta property="article:published_time" content="{{ optional($post->publish_date)->toIso8601String() }}"/>
<meta property="og:updated_time" content="{{ $post->updated_at->toIso8601String() }}"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="twitter:title" content="{{ $post->title }} | freek.dev"/>
<meta name="twitter:site" content="@freekmurze"/>
<meta name="twitter:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
<meta name="twitter:creator" content="@freekmurze"/>
</x-slot>
</x-app-layout>
#From https://freek.dev/2024-how-to-render-markdown-with-perfectly-highlighted-code-snippets
Ayu Dark
<x-app-layout :title="$post->title">
<x-ad/>
<x-post-header :post="$post" class="mb-8">
{!! $post->html !!}
@unless($post->isTweet())
@if($post->external_url)
<p class="mt-6">
<a href="{{ $post->external_url }}">
Read more</a>
<span class="text-xs text-gray-700">[{{ $post->external_url_host }}]</span>
</p>
@endif
@endunless
</x-post-header>
@include('front.newsletter.partials.block', [
'class' => 'mb-8',
])
<div class="mb-8">
@include('front.posts.partials.comments')
</div>
<x-slot name="seo">
<meta property="og:title" content="{{ $post->title }} | freek.dev"/>
<meta property="og:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="og:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
@foreach($post->tags as $tag)
<meta property="article:tag" content="{{ $tag->name }}"/>
@endforeach
<meta property="article:published_time" content="{{ optional($post->publish_date)->toIso8601String() }}"/>
<meta property="og:updated_time" content="{{ $post->updated_at->toIso8601String() }}"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="twitter:title" content="{{ $post->title }} | freek.dev"/>
<meta name="twitter:site" content="@freekmurze"/>
<meta name="twitter:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
<meta name="twitter:creator" content="@freekmurze"/>
</x-slot>
</x-app-layout>
#From https://freek.dev/2024-how-to-render-markdown-with-perfectly-highlighted-code-snippets
Ayu Mirage
<x-app-layout :title="$post->title">
<x-ad/>
<x-post-header :post="$post" class="mb-8">
{!! $post->html !!}
@unless($post->isTweet())
@if($post->external_url)
<p class="mt-6">
<a href="{{ $post->external_url }}">
Read more</a>
<span class="text-xs text-gray-700">[{{ $post->external_url_host }}]</span>
</p>
@endif
@endunless
</x-post-header>
@include('front.newsletter.partials.block', [
'class' => 'mb-8',
])
<div class="mb-8">
@include('front.posts.partials.comments')
</div>
<x-slot name="seo">
<meta property="og:title" content="{{ $post->title }} | freek.dev"/>
<meta property="og:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="og:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
@foreach($post->tags as $tag)
<meta property="article:tag" content="{{ $tag->name }}"/>
@endforeach
<meta property="article:published_time" content="{{ optional($post->publish_date)->toIso8601String() }}"/>
<meta property="og:updated_time" content="{{ $post->updated_at->toIso8601String() }}"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="twitter:title" content="{{ $post->title }} | freek.dev"/>
<meta name="twitter:site" content="@freekmurze"/>
<meta name="twitter:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
<meta name="twitter:creator" content="@freekmurze"/>
</x-slot>
</x-app-layout>
#From https://freek.dev/2024-how-to-render-markdown-with-perfectly-highlighted-code-snippets
Ayu Light
<x-app-layout :title="$post->title">
<x-ad/>
<x-post-header :post="$post" class="mb-8">
{!! $post->html !!}
@unless($post->isTweet())
@if($post->external_url)
<p class="mt-6">
<a href="{{ $post->external_url }}">
Read more</a>
<span class="text-xs text-gray-700">[{{ $post->external_url_host }}]</span>
</p>
@endif
@endunless
</x-post-header>
@include('front.newsletter.partials.block', [
'class' => 'mb-8',
])
<div class="mb-8">
@include('front.posts.partials.comments')
</div>
<x-slot name="seo">
<meta property="og:title" content="{{ $post->title }} | freek.dev"/>
<meta property="og:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="og:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
@foreach($post->tags as $tag)
<meta property="article:tag" content="{{ $tag->name }}"/>
@endforeach
<meta property="article:published_time" content="{{ optional($post->publish_date)->toIso8601String() }}"/>
<meta property="og:updated_time" content="{{ $post->updated_at->toIso8601String() }}"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="twitter:title" content="{{ $post->title }} | freek.dev"/>
<meta name="twitter:site" content="@freekmurze"/>
<meta name="twitter:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
<meta name="twitter:creator" content="@freekmurze"/>
</x-slot>
</x-app-layout>
#From https://freek.dev/2024-how-to-render-markdown-with-perfectly-highlighted-code-snippets
Cobalt2
<x-app-layout :title="$post->title">
<x-ad/>
<x-post-header :post="$post" class="mb-8">
{!! $post->html !!}
@unless($post->isTweet())
@if($post->external_url)
<p class="mt-6">
<a href="{{ $post->external_url }}">
Read more</a>
<span class="text-xs text-gray-700">[{{ $post->external_url_host }}]</span>
</p>
@endif
@endunless
</x-post-header>
@include('front.newsletter.partials.block', [
'class' => 'mb-8',
])
<div class="mb-8">
@include('front.posts.partials.comments')
</div>
<x-slot name="seo">
<meta property="og:title" content="{{ $post->title }} | freek.dev"/>
<meta property="og:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="og:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
@foreach($post->tags as $tag)
<meta property="article:tag" content="{{ $tag->name }}"/>
@endforeach
<meta property="article:published_time" content="{{ optional($post->publish_date)->toIso8601String() }}"/>
<meta property="og:updated_time" content="{{ $post->updated_at->toIso8601String() }}"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="twitter:title" content="{{ $post->title }} | freek.dev"/>
<meta name="twitter:site" content="@freekmurze"/>
<meta name="twitter:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
<meta name="twitter:creator" content="@freekmurze"/>
</x-slot>
</x-app-layout>
#From https://freek.dev/2024-how-to-render-markdown-with-perfectly-highlighted-code-snippets
Night Owl
<x-app-layout :title="$post->title">
<x-ad/>
<x-post-header :post="$post" class="mb-8">
{!! $post->html !!}
@unless($post->isTweet())
@if($post->external_url)
<p class="mt-6">
<a href="{{ $post->external_url }}">
Read more</a>
<span class="text-xs text-gray-700">[{{ $post->external_url_host }}]</span>
</p>
@endif
@endunless
</x-post-header>
@include('front.newsletter.partials.block', [
'class' => 'mb-8',
])
<div class="mb-8">
@include('front.posts.partials.comments')
</div>
<x-slot name="seo">
<meta property="og:title" content="{{ $post->title }} | freek.dev"/>
<meta property="og:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="og:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
@foreach($post->tags as $tag)
<meta property="article:tag" content="{{ $tag->name }}"/>
@endforeach
<meta property="article:published_time" content="{{ optional($post->publish_date)->toIso8601String() }}"/>
<meta property="og:updated_time" content="{{ $post->updated_at->toIso8601String() }}"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="twitter:title" content="{{ $post->title }} | freek.dev"/>
<meta name="twitter:site" content="@freekmurze"/>
<meta name="twitter:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
<meta name="twitter:creator" content="@freekmurze"/>
</x-slot>
</x-app-layout>
#From https://freek.dev/2024-how-to-render-markdown-with-perfectly-highlighted-code-snippets
Night Owl Light
<x-app-layout :title="$post->title">
<x-ad/>
<x-post-header :post="$post" class="mb-8">
{!! $post->html !!}
@unless($post->isTweet())
@if($post->external_url)
<p class="mt-6">
<a href="{{ $post->external_url }}">
Read more</a>
<span class="text-xs text-gray-700">[{{ $post->external_url_host }}]</span>
</p>
@endif
@endunless
</x-post-header>
@include('front.newsletter.partials.block', [
'class' => 'mb-8',
])
<div class="mb-8">
@include('front.posts.partials.comments')
</div>
<x-slot name="seo">
<meta property="og:title" content="{{ $post->title }} | freek.dev"/>
<meta property="og:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="og:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
@foreach($post->tags as $tag)
<meta property="article:tag" content="{{ $tag->name }}"/>
@endforeach
<meta property="article:published_time" content="{{ optional($post->publish_date)->toIso8601String() }}"/>
<meta property="og:updated_time" content="{{ $post->updated_at->toIso8601String() }}"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="twitter:title" content="{{ $post->title }} | freek.dev"/>
<meta name="twitter:site" content="@freekmurze"/>
<meta name="twitter:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
<meta name="twitter:creator" content="@freekmurze"/>
</x-slot>
</x-app-layout>
#From https://freek.dev/2024-how-to-render-markdown-with-perfectly-highlighted-code-snippets
Noctis
<x-app-layout :title="$post->title">
<x-ad/>
<x-post-header :post="$post" class="mb-8">
{!! $post->html !!}
@unless($post->isTweet())
@if($post->external_url)
<p class="mt-6">
<a href="{{ $post->external_url }}">
Read more</a>
<span class="text-xs text-gray-700">[{{ $post->external_url_host }}]</span>
</p>
@endif
@endunless
</x-post-header>
@include('front.newsletter.partials.block', [
'class' => 'mb-8',
])
<div class="mb-8">
@include('front.posts.partials.comments')
</div>
<x-slot name="seo">
<meta property="og:title" content="{{ $post->title }} | freek.dev"/>
<meta property="og:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="og:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
@foreach($post->tags as $tag)
<meta property="article:tag" content="{{ $tag->name }}"/>
@endforeach
<meta property="article:published_time" content="{{ optional($post->publish_date)->toIso8601String() }}"/>
<meta property="og:updated_time" content="{{ $post->updated_at->toIso8601String() }}"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="twitter:title" content="{{ $post->title }} | freek.dev"/>
<meta name="twitter:site" content="@freekmurze"/>
<meta name="twitter:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
<meta name="twitter:creator" content="@freekmurze"/>
</x-slot>
</x-app-layout>
#From https://freek.dev/2024-how-to-render-markdown-with-perfectly-highlighted-code-snippets
Noctis Azureus
<x-app-layout :title="$post->title">
<x-ad/>
<x-post-header :post="$post" class="mb-8">
{!! $post->html !!}
@unless($post->isTweet())
@if($post->external_url)
<p class="mt-6">
<a href="{{ $post->external_url }}">
Read more</a>
<span class="text-xs text-gray-700">[{{ $post->external_url_host }}]</span>
</p>
@endif
@endunless
</x-post-header>
@include('front.newsletter.partials.block', [
'class' => 'mb-8',
])
<div class="mb-8">
@include('front.posts.partials.comments')
</div>
<x-slot name="seo">
<meta property="og:title" content="{{ $post->title }} | freek.dev"/>
<meta property="og:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="og:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
@foreach($post->tags as $tag)
<meta property="article:tag" content="{{ $tag->name }}"/>
@endforeach
<meta property="article:published_time" content="{{ optional($post->publish_date)->toIso8601String() }}"/>
<meta property="og:updated_time" content="{{ $post->updated_at->toIso8601String() }}"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="twitter:title" content="{{ $post->title }} | freek.dev"/>
<meta name="twitter:site" content="@freekmurze"/>
<meta name="twitter:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
<meta name="twitter:creator" content="@freekmurze"/>
</x-slot>
</x-app-layout>
#From https://freek.dev/2024-how-to-render-markdown-with-perfectly-highlighted-code-snippets
Noctis Bordo
<x-app-layout :title="$post->title">
<x-ad/>
<x-post-header :post="$post" class="mb-8">
{!! $post->html !!}
@unless($post->isTweet())
@if($post->external_url)
<p class="mt-6">
<a href="{{ $post->external_url }}">
Read more</a>
<span class="text-xs text-gray-700">[{{ $post->external_url_host }}]</span>
</p>
@endif
@endunless
</x-post-header>
@include('front.newsletter.partials.block', [
'class' => 'mb-8',
])
<div class="mb-8">
@include('front.posts.partials.comments')
</div>
<x-slot name="seo">
<meta property="og:title" content="{{ $post->title }} | freek.dev"/>
<meta property="og:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="og:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
@foreach($post->tags as $tag)
<meta property="article:tag" content="{{ $tag->name }}"/>
@endforeach
<meta property="article:published_time" content="{{ optional($post->publish_date)->toIso8601String() }}"/>
<meta property="og:updated_time" content="{{ $post->updated_at->toIso8601String() }}"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="twitter:title" content="{{ $post->title }} | freek.dev"/>
<meta name="twitter:site" content="@freekmurze"/>
<meta name="twitter:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
<meta name="twitter:creator" content="@freekmurze"/>
</x-slot>
</x-app-layout>
#From https://freek.dev/2024-how-to-render-markdown-with-perfectly-highlighted-code-snippets
Noctis Hibernus
<x-app-layout :title="$post->title">
<x-ad/>
<x-post-header :post="$post" class="mb-8">
{!! $post->html !!}
@unless($post->isTweet())
@if($post->external_url)
<p class="mt-6">
<a href="{{ $post->external_url }}">
Read more</a>
<span class="text-xs text-gray-700">[{{ $post->external_url_host }}]</span>
</p>
@endif
@endunless
</x-post-header>
@include('front.newsletter.partials.block', [
'class' => 'mb-8',
])
<div class="mb-8">
@include('front.posts.partials.comments')
</div>
<x-slot name="seo">
<meta property="og:title" content="{{ $post->title }} | freek.dev"/>
<meta property="og:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="og:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
@foreach($post->tags as $tag)
<meta property="article:tag" content="{{ $tag->name }}"/>
@endforeach
<meta property="article:published_time" content="{{ optional($post->publish_date)->toIso8601String() }}"/>
<meta property="og:updated_time" content="{{ $post->updated_at->toIso8601String() }}"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="twitter:title" content="{{ $post->title }} | freek.dev"/>
<meta name="twitter:site" content="@freekmurze"/>
<meta name="twitter:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
<meta name="twitter:creator" content="@freekmurze"/>
</x-slot>
</x-app-layout>
#From https://freek.dev/2024-how-to-render-markdown-with-perfectly-highlighted-code-snippets
Noctis Lilac
<x-app-layout :title="$post->title">
<x-ad/>
<x-post-header :post="$post" class="mb-8">
{!! $post->html !!}
@unless($post->isTweet())
@if($post->external_url)
<p class="mt-6">
<a href="{{ $post->external_url }}">
Read more</a>
<span class="text-xs text-gray-700">[{{ $post->external_url_host }}]</span>
</p>
@endif
@endunless
</x-post-header>
@include('front.newsletter.partials.block', [
'class' => 'mb-8',
])
<div class="mb-8">
@include('front.posts.partials.comments')
</div>
<x-slot name="seo">
<meta property="og:title" content="{{ $post->title }} | freek.dev"/>
<meta property="og:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="og:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
@foreach($post->tags as $tag)
<meta property="article:tag" content="{{ $tag->name }}"/>
@endforeach
<meta property="article:published_time" content="{{ optional($post->publish_date)->toIso8601String() }}"/>
<meta property="og:updated_time" content="{{ $post->updated_at->toIso8601String() }}"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="twitter:title" content="{{ $post->title }} | freek.dev"/>
<meta name="twitter:site" content="@freekmurze"/>
<meta name="twitter:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
<meta name="twitter:creator" content="@freekmurze"/>
</x-slot>
</x-app-layout>
#From https://freek.dev/2024-how-to-render-markdown-with-perfectly-highlighted-code-snippets
Noctis Lux
<x-app-layout :title="$post->title">
<x-ad/>
<x-post-header :post="$post" class="mb-8">
{!! $post->html !!}
@unless($post->isTweet())
@if($post->external_url)
<p class="mt-6">
<a href="{{ $post->external_url }}">
Read more</a>
<span class="text-xs text-gray-700">[{{ $post->external_url_host }}]</span>
</p>
@endif
@endunless
</x-post-header>
@include('front.newsletter.partials.block', [
'class' => 'mb-8',
])
<div class="mb-8">
@include('front.posts.partials.comments')
</div>
<x-slot name="seo">
<meta property="og:title" content="{{ $post->title }} | freek.dev"/>
<meta property="og:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="og:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
@foreach($post->tags as $tag)
<meta property="article:tag" content="{{ $tag->name }}"/>
@endforeach
<meta property="article:published_time" content="{{ optional($post->publish_date)->toIso8601String() }}"/>
<meta property="og:updated_time" content="{{ $post->updated_at->toIso8601String() }}"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="twitter:title" content="{{ $post->title }} | freek.dev"/>
<meta name="twitter:site" content="@freekmurze"/>
<meta name="twitter:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
<meta name="twitter:creator" content="@freekmurze"/>
</x-slot>
</x-app-layout>
#From https://freek.dev/2024-how-to-render-markdown-with-perfectly-highlighted-code-snippets
Noctis Minimus
<x-app-layout :title="$post->title">
<x-ad/>
<x-post-header :post="$post" class="mb-8">
{!! $post->html !!}
@unless($post->isTweet())
@if($post->external_url)
<p class="mt-6">
<a href="{{ $post->external_url }}">
Read more</a>
<span class="text-xs text-gray-700">[{{ $post->external_url_host }}]</span>
</p>
@endif
@endunless
</x-post-header>
@include('front.newsletter.partials.block', [
'class' => 'mb-8',
])
<div class="mb-8">
@include('front.posts.partials.comments')
</div>
<x-slot name="seo">
<meta property="og:title" content="{{ $post->title }} | freek.dev"/>
<meta property="og:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="og:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
@foreach($post->tags as $tag)
<meta property="article:tag" content="{{ $tag->name }}"/>
@endforeach
<meta property="article:published_time" content="{{ optional($post->publish_date)->toIso8601String() }}"/>
<meta property="og:updated_time" content="{{ $post->updated_at->toIso8601String() }}"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="twitter:title" content="{{ $post->title }} | freek.dev"/>
<meta name="twitter:site" content="@freekmurze"/>
<meta name="twitter:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
<meta name="twitter:creator" content="@freekmurze"/>
</x-slot>
</x-app-layout>
#From https://freek.dev/2024-how-to-render-markdown-with-perfectly-highlighted-code-snippets
Noctis Obscuro
<x-app-layout :title="$post->title">
<x-ad/>
<x-post-header :post="$post" class="mb-8">
{!! $post->html !!}
@unless($post->isTweet())
@if($post->external_url)
<p class="mt-6">
<a href="{{ $post->external_url }}">
Read more</a>
<span class="text-xs text-gray-700">[{{ $post->external_url_host }}]</span>
</p>
@endif
@endunless
</x-post-header>
@include('front.newsletter.partials.block', [
'class' => 'mb-8',
])
<div class="mb-8">
@include('front.posts.partials.comments')
</div>
<x-slot name="seo">
<meta property="og:title" content="{{ $post->title }} | freek.dev"/>
<meta property="og:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="og:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
@foreach($post->tags as $tag)
<meta property="article:tag" content="{{ $tag->name }}"/>
@endforeach
<meta property="article:published_time" content="{{ optional($post->publish_date)->toIso8601String() }}"/>
<meta property="og:updated_time" content="{{ $post->updated_at->toIso8601String() }}"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="twitter:title" content="{{ $post->title }} | freek.dev"/>
<meta name="twitter:site" content="@freekmurze"/>
<meta name="twitter:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
<meta name="twitter:creator" content="@freekmurze"/>
</x-slot>
</x-app-layout>
#From https://freek.dev/2024-how-to-render-markdown-with-perfectly-highlighted-code-snippets
Noctis Sereno
<x-app-layout :title="$post->title">
<x-ad/>
<x-post-header :post="$post" class="mb-8">
{!! $post->html !!}
@unless($post->isTweet())
@if($post->external_url)
<p class="mt-6">
<a href="{{ $post->external_url }}">
Read more</a>
<span class="text-xs text-gray-700">[{{ $post->external_url_host }}]</span>
</p>
@endif
@endunless
</x-post-header>
@include('front.newsletter.partials.block', [
'class' => 'mb-8',
])
<div class="mb-8">
@include('front.posts.partials.comments')
</div>
<x-slot name="seo">
<meta property="og:title" content="{{ $post->title }} | freek.dev"/>
<meta property="og:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="og:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
@foreach($post->tags as $tag)
<meta property="article:tag" content="{{ $tag->name }}"/>
@endforeach
<meta property="article:published_time" content="{{ optional($post->publish_date)->toIso8601String() }}"/>
<meta property="og:updated_time" content="{{ $post->updated_at->toIso8601String() }}"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="twitter:title" content="{{ $post->title }} | freek.dev"/>
<meta name="twitter:site" content="@freekmurze"/>
<meta name="twitter:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
<meta name="twitter:creator" content="@freekmurze"/>
</x-slot>
</x-app-layout>
#From https://freek.dev/2024-how-to-render-markdown-with-perfectly-highlighted-code-snippets
Noctis Uva
<x-app-layout :title="$post->title">
<x-ad/>
<x-post-header :post="$post" class="mb-8">
{!! $post->html !!}
@unless($post->isTweet())
@if($post->external_url)
<p class="mt-6">
<a href="{{ $post->external_url }}">
Read more</a>
<span class="text-xs text-gray-700">[{{ $post->external_url_host }}]</span>
</p>
@endif
@endunless
</x-post-header>
@include('front.newsletter.partials.block', [
'class' => 'mb-8',
])
<div class="mb-8">
@include('front.posts.partials.comments')
</div>
<x-slot name="seo">
<meta property="og:title" content="{{ $post->title }} | freek.dev"/>
<meta property="og:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="og:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
@foreach($post->tags as $tag)
<meta property="article:tag" content="{{ $tag->name }}"/>
@endforeach
<meta property="article:published_time" content="{{ optional($post->publish_date)->toIso8601String() }}"/>
<meta property="og:updated_time" content="{{ $post->updated_at->toIso8601String() }}"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="twitter:title" content="{{ $post->title }} | freek.dev"/>
<meta name="twitter:site" content="@freekmurze"/>
<meta name="twitter:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
<meta name="twitter:creator" content="@freekmurze"/>
</x-slot>
</x-app-layout>
#From https://freek.dev/2024-how-to-render-markdown-with-perfectly-highlighted-code-snippets
Noctis Viola
<x-app-layout :title="$post->title">
<x-ad/>
<x-post-header :post="$post" class="mb-8">
{!! $post->html !!}
@unless($post->isTweet())
@if($post->external_url)
<p class="mt-6">
<a href="{{ $post->external_url }}">
Read more</a>
<span class="text-xs text-gray-700">[{{ $post->external_url_host }}]</span>
</p>
@endif
@endunless
</x-post-header>
@include('front.newsletter.partials.block', [
'class' => 'mb-8',
])
<div class="mb-8">
@include('front.posts.partials.comments')
</div>
<x-slot name="seo">
<meta property="og:title" content="{{ $post->title }} | freek.dev"/>
<meta property="og:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="og:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
@foreach($post->tags as $tag)
<meta property="article:tag" content="{{ $tag->name }}"/>
@endforeach
<meta property="article:published_time" content="{{ optional($post->publish_date)->toIso8601String() }}"/>
<meta property="og:updated_time" content="{{ $post->updated_at->toIso8601String() }}"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="twitter:title" content="{{ $post->title }} | freek.dev"/>
<meta name="twitter:site" content="@freekmurze"/>
<meta name="twitter:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
<meta name="twitter:creator" content="@freekmurze"/>
</x-slot>
</x-app-layout>
#From https://freek.dev/2024-how-to-render-markdown-with-perfectly-highlighted-code-snippets
Palenight
<x-app-layout :title="$post->title">
<x-ad/>
<x-post-header :post="$post" class="mb-8">
{!! $post->html !!}
@unless($post->isTweet())
@if($post->external_url)
<p class="mt-6">
<a href="{{ $post->external_url }}">
Read more</a>
<span class="text-xs text-gray-700">[{{ $post->external_url_host }}]</span>
</p>
@endif
@endunless
</x-post-header>
@include('front.newsletter.partials.block', [
'class' => 'mb-8',
])
<div class="mb-8">
@include('front.posts.partials.comments')
</div>
<x-slot name="seo">
<meta property="og:title" content="{{ $post->title }} | freek.dev"/>
<meta property="og:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="og:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
@foreach($post->tags as $tag)
<meta property="article:tag" content="{{ $tag->name }}"/>
@endforeach
<meta property="article:published_time" content="{{ optional($post->publish_date)->toIso8601String() }}"/>
<meta property="og:updated_time" content="{{ $post->updated_at->toIso8601String() }}"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="twitter:title" content="{{ $post->title }} | freek.dev"/>
<meta name="twitter:site" content="@freekmurze"/>
<meta name="twitter:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
<meta name="twitter:creator" content="@freekmurze"/>
</x-slot>
</x-app-layout>
#From https://freek.dev/2024-how-to-render-markdown-with-perfectly-highlighted-code-snippets
Pico 8
<x-app-layout :title="$post->title">
<x-ad/>
<x-post-header :post="$post" class="mb-8">
{!! $post->html !!}
@unless($post->isTweet())
@if($post->external_url)
<p class="mt-6">
<a href="{{ $post->external_url }}">
Read more</a>
<span class="text-xs text-gray-700">[{{ $post->external_url_host }}]</span>
</p>
@endif
@endunless
</x-post-header>
@include('front.newsletter.partials.block', [
'class' => 'mb-8',
])
<div class="mb-8">
@include('front.posts.partials.comments')
</div>
<x-slot name="seo">
<meta property="og:title" content="{{ $post->title }} | freek.dev"/>
<meta property="og:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="og:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
@foreach($post->tags as $tag)
<meta property="article:tag" content="{{ $tag->name }}"/>
@endforeach
<meta property="article:published_time" content="{{ optional($post->publish_date)->toIso8601String() }}"/>
<meta property="og:updated_time" content="{{ $post->updated_at->toIso8601String() }}"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="twitter:title" content="{{ $post->title }} | freek.dev"/>
<meta name="twitter:site" content="@freekmurze"/>
<meta name="twitter:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
<meta name="twitter:creator" content="@freekmurze"/>
</x-slot>
</x-app-layout>
#From https://freek.dev/2024-how-to-render-markdown-with-perfectly-highlighted-code-snippets
Shades of Purple
<x-app-layout :title="$post->title">
<x-ad/>
<x-post-header :post="$post" class="mb-8">
{!! $post->html !!}
@unless($post->isTweet())
@if($post->external_url)
<p class="mt-6">
<a href="{{ $post->external_url }}">
Read more</a>
<span class="text-xs text-gray-700">[{{ $post->external_url_host }}]</span>
</p>
@endif
@endunless
</x-post-header>
@include('front.newsletter.partials.block', [
'class' => 'mb-8',
])
<div class="mb-8">
@include('front.posts.partials.comments')
</div>
<x-slot name="seo">
<meta property="og:title" content="{{ $post->title }} | freek.dev"/>
<meta property="og:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="og:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
@foreach($post->tags as $tag)
<meta property="article:tag" content="{{ $tag->name }}"/>
@endforeach
<meta property="article:published_time" content="{{ optional($post->publish_date)->toIso8601String() }}"/>
<meta property="og:updated_time" content="{{ $post->updated_at->toIso8601String() }}"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="twitter:title" content="{{ $post->title }} | freek.dev"/>
<meta name="twitter:site" content="@freekmurze"/>
<meta name="twitter:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
<meta name="twitter:creator" content="@freekmurze"/>
</x-slot>
</x-app-layout>
#From https://freek.dev/2024-how-to-render-markdown-with-perfectly-highlighted-code-snippets
Shades of Purple SD
<x-app-layout :title="$post->title">
<x-ad/>
<x-post-header :post="$post" class="mb-8">
{!! $post->html !!}
@unless($post->isTweet())
@if($post->external_url)
<p class="mt-6">
<a href="{{ $post->external_url }}">
Read more</a>
<span class="text-xs text-gray-700">[{{ $post->external_url_host }}]</span>
</p>
@endif
@endunless
</x-post-header>
@include('front.newsletter.partials.block', [
'class' => 'mb-8',
])
<div class="mb-8">
@include('front.posts.partials.comments')
</div>
<x-slot name="seo">
<meta property="og:title" content="{{ $post->title }} | freek.dev"/>
<meta property="og:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="og:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
@foreach($post->tags as $tag)
<meta property="article:tag" content="{{ $tag->name }}"/>
@endforeach
<meta property="article:published_time" content="{{ optional($post->publish_date)->toIso8601String() }}"/>
<meta property="og:updated_time" content="{{ $post->updated_at->toIso8601String() }}"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="twitter:title" content="{{ $post->title }} | freek.dev"/>
<meta name="twitter:site" content="@freekmurze"/>
<meta name="twitter:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
<meta name="twitter:creator" content="@freekmurze"/>
</x-slot>
</x-app-layout>
#From https://freek.dev/2024-how-to-render-markdown-with-perfectly-highlighted-code-snippets
Synthwave '84
<x-app-layout :title="$post->title">
<x-ad/>
<x-post-header :post="$post" class="mb-8">
{!! $post->html !!}
@unless($post->isTweet())
@if($post->external_url)
<p class="mt-6">
<a href="{{ $post->external_url }}">
Read more</a>
<span class="text-xs text-gray-700">[{{ $post->external_url_host }}]</span>
</p>
@endif
@endunless
</x-post-header>
@include('front.newsletter.partials.block', [
'class' => 'mb-8',
])
<div class="mb-8">
@include('front.posts.partials.comments')
</div>
<x-slot name="seo">
<meta property="og:title" content="{{ $post->title }} | freek.dev"/>
<meta property="og:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="og:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
@foreach($post->tags as $tag)
<meta property="article:tag" content="{{ $tag->name }}"/>
@endforeach
<meta property="article:published_time" content="{{ optional($post->publish_date)->toIso8601String() }}"/>
<meta property="og:updated_time" content="{{ $post->updated_at->toIso8601String() }}"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="twitter:title" content="{{ $post->title }} | freek.dev"/>
<meta name="twitter:site" content="@freekmurze"/>
<meta name="twitter:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
<meta name="twitter:creator" content="@freekmurze"/>
</x-slot>
</x-app-layout>
#From https://freek.dev/2024-how-to-render-markdown-with-perfectly-highlighted-code-snippets
Tokyo Night
<x-app-layout :title="$post->title">
<x-ad/>
<x-post-header :post="$post" class="mb-8">
{!! $post->html !!}
@unless($post->isTweet())
@if($post->external_url)
<p class="mt-6">
<a href="{{ $post->external_url }}">
Read more</a>
<span class="text-xs text-gray-700">[{{ $post->external_url_host }}]</span>
</p>
@endif
@endunless
</x-post-header>
@include('front.newsletter.partials.block', [
'class' => 'mb-8',
])
<div class="mb-8">
@include('front.posts.partials.comments')
</div>
<x-slot name="seo">
<meta property="og:title" content="{{ $post->title }} | freek.dev"/>
<meta property="og:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="og:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
@foreach($post->tags as $tag)
<meta property="article:tag" content="{{ $tag->name }}"/>
@endforeach
<meta property="article:published_time" content="{{ optional($post->publish_date)->toIso8601String() }}"/>
<meta property="og:updated_time" content="{{ $post->updated_at->toIso8601String() }}"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="twitter:title" content="{{ $post->title }} | freek.dev"/>
<meta name="twitter:site" content="@freekmurze"/>
<meta name="twitter:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
<meta name="twitter:creator" content="@freekmurze"/>
</x-slot>
</x-app-layout>
#From https://freek.dev/2024-how-to-render-markdown-with-perfectly-highlighted-code-snippets
Tokyo Night Storm
<x-app-layout :title="$post->title">
<x-ad/>
<x-post-header :post="$post" class="mb-8">
{!! $post->html !!}
@unless($post->isTweet())
@if($post->external_url)
<p class="mt-6">
<a href="{{ $post->external_url }}">
Read more</a>
<span class="text-xs text-gray-700">[{{ $post->external_url_host }}]</span>
</p>
@endif
@endunless
</x-post-header>
@include('front.newsletter.partials.block', [
'class' => 'mb-8',
])
<div class="mb-8">
@include('front.posts.partials.comments')
</div>
<x-slot name="seo">
<meta property="og:title" content="{{ $post->title }} | freek.dev"/>
<meta property="og:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="og:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
@foreach($post->tags as $tag)
<meta property="article:tag" content="{{ $tag->name }}"/>
@endforeach
<meta property="article:published_time" content="{{ optional($post->publish_date)->toIso8601String() }}"/>
<meta property="og:updated_time" content="{{ $post->updated_at->toIso8601String() }}"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="twitter:title" content="{{ $post->title }} | freek.dev"/>
<meta name="twitter:site" content="@freekmurze"/>
<meta name="twitter:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
<meta name="twitter:creator" content="@freekmurze"/>
</x-slot>
</x-app-layout>
#From https://freek.dev/2024-how-to-render-markdown-with-perfectly-highlighted-code-snippets
Tokyo Night Light
<x-app-layout :title="$post->title">
<x-ad/>
<x-post-header :post="$post" class="mb-8">
{!! $post->html !!}
@unless($post->isTweet())
@if($post->external_url)
<p class="mt-6">
<a href="{{ $post->external_url }}">
Read more</a>
<span class="text-xs text-gray-700">[{{ $post->external_url_host }}]</span>
</p>
@endif
@endunless
</x-post-header>
@include('front.newsletter.partials.block', [
'class' => 'mb-8',
])
<div class="mb-8">
@include('front.posts.partials.comments')
</div>
<x-slot name="seo">
<meta property="og:title" content="{{ $post->title }} | freek.dev"/>
<meta property="og:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="og:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
@foreach($post->tags as $tag)
<meta property="article:tag" content="{{ $tag->name }}"/>
@endforeach
<meta property="article:published_time" content="{{ optional($post->publish_date)->toIso8601String() }}"/>
<meta property="og:updated_time" content="{{ $post->updated_at->toIso8601String() }}"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="twitter:title" content="{{ $post->title }} | freek.dev"/>
<meta name="twitter:site" content="@freekmurze"/>
<meta name="twitter:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
<meta name="twitter:creator" content="@freekmurze"/>
</x-slot>
</x-app-layout>
#From https://freek.dev/2024-how-to-render-markdown-with-perfectly-highlighted-code-snippets
Winter is Coming
<x-app-layout :title="$post->title">
<x-ad/>
<x-post-header :post="$post" class="mb-8">
{!! $post->html !!}
@unless($post->isTweet())
@if($post->external_url)
<p class="mt-6">
<a href="{{ $post->external_url }}">
Read more</a>
<span class="text-xs text-gray-700">[{{ $post->external_url_host }}]</span>
</p>
@endif
@endunless
</x-post-header>
@include('front.newsletter.partials.block', [
'class' => 'mb-8',
])
<div class="mb-8">
@include('front.posts.partials.comments')
</div>
<x-slot name="seo">
<meta property="og:title" content="{{ $post->title }} | freek.dev"/>
<meta property="og:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="og:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
@foreach($post->tags as $tag)
<meta property="article:tag" content="{{ $tag->name }}"/>
@endforeach
<meta property="article:published_time" content="{{ optional($post->publish_date)->toIso8601String() }}"/>
<meta property="og:updated_time" content="{{ $post->updated_at->toIso8601String() }}"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="twitter:title" content="{{ $post->title }} | freek.dev"/>
<meta name="twitter:site" content="@freekmurze"/>
<meta name="twitter:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
<meta name="twitter:creator" content="@freekmurze"/>
</x-slot>
</x-app-layout>
#From https://freek.dev/2024-how-to-render-markdown-with-perfectly-highlighted-code-snippets
Winter is Coming Light
<x-app-layout :title="$post->title">
<x-ad/>
<x-post-header :post="$post" class="mb-8">
{!! $post->html !!}
@unless($post->isTweet())
@if($post->external_url)
<p class="mt-6">
<a href="{{ $post->external_url }}">
Read more</a>
<span class="text-xs text-gray-700">[{{ $post->external_url_host }}]</span>
</p>
@endif
@endunless
</x-post-header>
@include('front.newsletter.partials.block', [
'class' => 'mb-8',
])
<div class="mb-8">
@include('front.posts.partials.comments')
</div>
<x-slot name="seo">
<meta property="og:title" content="{{ $post->title }} | freek.dev"/>
<meta property="og:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="og:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
@foreach($post->tags as $tag)
<meta property="article:tag" content="{{ $tag->name }}"/>
@endforeach
<meta property="article:published_time" content="{{ optional($post->publish_date)->toIso8601String() }}"/>
<meta property="og:updated_time" content="{{ $post->updated_at->toIso8601String() }}"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="twitter:title" content="{{ $post->title }} | freek.dev"/>
<meta name="twitter:site" content="@freekmurze"/>
<meta name="twitter:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
<meta name="twitter:creator" content="@freekmurze"/>
</x-slot>
</x-app-layout>
#From https://freek.dev/2024-how-to-render-markdown-with-perfectly-highlighted-code-snippets
Winter is Coming Dark
<x-app-layout :title="$post->title">
<x-ad/>
<x-post-header :post="$post" class="mb-8">
{!! $post->html !!}
@unless($post->isTweet())
@if($post->external_url)
<p class="mt-6">
<a href="{{ $post->external_url }}">
Read more</a>
<span class="text-xs text-gray-700">[{{ $post->external_url_host }}]</span>
</p>
@endif
@endunless
</x-post-header>
@include('front.newsletter.partials.block', [
'class' => 'mb-8',
])
<div class="mb-8">
@include('front.posts.partials.comments')
</div>
<x-slot name="seo">
<meta property="og:title" content="{{ $post->title }} | freek.dev"/>
<meta property="og:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="og:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
@foreach($post->tags as $tag)
<meta property="article:tag" content="{{ $tag->name }}"/>
@endforeach
<meta property="article:published_time" content="{{ optional($post->publish_date)->toIso8601String() }}"/>
<meta property="og:updated_time" content="{{ $post->updated_at->toIso8601String() }}"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:description" content="{{ $post->plain_text_excerpt }}"/>
<meta name="twitter:title" content="{{ $post->title }} | freek.dev"/>
<meta name="twitter:site" content="@freekmurze"/>
<meta name="twitter:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
<meta name="twitter:creator" content="@freekmurze"/>
</x-slot>
</x-app-layout>
#From https://freek.dev/2024-how-to-render-markdown-with-perfectly-highlighted-code-snippets