73 lines
4.3 KiB
Plaintext
73 lines
4.3 KiB
Plaintext
- context.content_for(:title, "")
|
|
|
|
div class="h-card flex flex-col prose dark:prose-invert mb-1 prose-a:decoration-wavy hover:prose-a:text-blue-400 max-w-prose mx-auto text-gray-800 dark:text-gray-200"
|
|
div class="flex-col flex-1"
|
|
== home_content
|
|
|
|
div class="rounded text-sm flex justify-between"
|
|
span class="font-mono inline-block text-gray-400" = formatted_date
|
|
span class="font-mono inline-block text-gray-400" Canberra, Australia
|
|
span class="font-mono inline-block text-gray-400 home-time" = time
|
|
|
|
div class="mb-8 max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"
|
|
|
|
- if latest_status
|
|
div class="h-entry mb-12 p-2 grid grid-cols-7 gap-4 min-h-16 max-w-prose mx-auto bg-fuchsia-100 dark:bg-fuchsia-800 dark:text-gray-200 rounded"
|
|
div class="col-span-7 sm:col-span-6 text-left"
|
|
a class="u-url block my-auto hover:underline decoration-wavy" href=latest_status.permalink
|
|
span class="e-content status-body"
|
|
- if latest_status.key_image
|
|
img loading="lazy" class="float-start max-w-32 rounded mr-2" src=latest_status.key_image
|
|
p
|
|
== latest_status.raw_content
|
|
a class="col-span-7 sm:col-span-1 px-2 text-center transition-colors rounded bg-fuchsia-50 hover:bg-fuchsia-200 dark:bg-fuchsia-900 dark:hover:bg-fuchsia-700 inline-block grid content-center max-h-12 my-auto" href="/statuses"
|
|
p See all
|
|
|
|
div class="justify-between max-w-prose mx-auto mb-8"
|
|
h2 class="text-xl text-emerald-600 dark:text-emerald-100" Projects
|
|
div class="flex max-w-prose mx-auto mb-2 gap-4"
|
|
a class="p-2 flex flex-col flex-1 rounded bg-emerald-100 hover:bg-emerald-400 dark:bg-emerald-600 hover:dark:bg-emerald-400 block text-emerald-900 dark:text-emerald-200 hover:dark:text-emerald-800" href="https://reprint.computer"
|
|
strong 🖥️ reprint.computer
|
|
small Syndicate blog posts around the web
|
|
a class="p-2 flex flex-col flex-1 rounded bg-emerald-100 hover:bg-emerald-400 dark:bg-emerald-600 hover:dark:bg-emerald-400 block text-emerald-900 dark:text-emerald-200 hover:dark:text-emerald-800" href="https://github.com/dnitza/adamantium"
|
|
strong 📝 Adamantium
|
|
small The source code behind this blog
|
|
|
|
div class="flex justify-between max-w-prose mx-auto mb-2"
|
|
h2 class="text-xl text-lime-600 dark:text-lime-200" Weekly posts
|
|
a class="rounded px-2 text-lime-600 hover:dark:bg-lime-900 hover:dark:text-lime-100 dark:text-lime-200 hover:text-lime-600 hover:bg-lime-100" href="/tagged/weekly" See all →
|
|
|
|
div class="mb-12 max-w-prose mx-auto bg-lime-100 rounded dark:bg-lime-900 dark:text-gray-100"
|
|
ul class="columns-1"
|
|
- week_posts.each do |post|
|
|
li class=""
|
|
a class="block content-justify hover:bg-lime-200 hover:dark:bg-lime-800 decoration-wavy rounded py-1.5 px-2" href="/post/#{post.slug}"
|
|
div class="flex justify-between"
|
|
span class="grow-0 inline-block pr-2" = post.name
|
|
span class="border-b border-lime-400 dark:border-lime-600 -top-3 relative border-dashed grow inline-block"
|
|
span class="grow-0 inline-block pl-2" = post.display_published_at
|
|
|
|
div class="flex justify-between max-w-prose mx-auto mb-2"
|
|
h2 class="text-xl text-blue-600 dark:text-blue-200" 📯 Posts
|
|
a class="rounded px-2 h-6 text-blue-600 hover:dark:bg-blue-900 hover:dark:text-blue-100 dark:text-blue-200 hover:text-blue-600 hover:bg-blue-100" href="/posts" See all →
|
|
|
|
div class="h-feed mb-12 max-w-prose mx-auto"
|
|
- posts.each do |post|
|
|
== render "shared/post", post: post
|
|
|
|
div class="flex justify-between max-w-prose mx-auto mb-2"
|
|
h2 class="text-xl text-blue-600 dark:text-blue-200" 📸 Photos
|
|
a class="rounded px-2 h-6 text-blue-600 hover:dark:bg-blue-900 hover:dark:text-blue-100 dark:text-blue-200 hover:text-blue-600 hover:bg-blue-100" href="/photos" See all →
|
|
|
|
div class="grid grid-cols-3 gap-4 max-w-prose mx-auto"
|
|
- photo_posts.each do |post|
|
|
== render "shared/photo_post", post: post, extended: false
|
|
|
|
- if last_location
|
|
div class="mb-12 mt-6 max-w-prose mx-auto text-gray-600 dark:text-gray-200 rounded p-2 bg-blue-50 dark:bg-blue-900/60"
|
|
div
|
|
= "🗺️ Last seen at "
|
|
a class="text-blue-400 hover:text-blue-600" href=last_location.permalink
|
|
= last_location.display_title
|
|
div class="max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"
|