dnitza/adamantium
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update home page

Browse Source
This commit is contained in:
Daniel Nitsikopoulos
2024-01-27 11:01:37 +11:00
parent f680ee8647
commit b2b4ed3f2e
2 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/templates/posts/show.html.slim
View File

@@ -8,8 +8,8 @@ article class="h-entry"
button @click="imgModal = ''" class="float-right pt-2 pr-2 outline-none focus:outline-none"
svg class="fill-current text-white" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"
path d="M14.53 4.53l-1.06-1.06L9 7.94 4.53 3.47 3.47 4.53 7.94 9l-4.47 4.47 1.06 1.06L9 10.06l4.47 4.47 1.06-1.06L10.06 9z">
div class="p-2"
img class="rounded object-contain h-1/2-screen shadow-solid shadow-pink-100 dark:shadow-pink-200 mb-4" :src="imgModalSrc" :alt="imgModalSrc"
div class="p-2 text-center w-full"
img class="rounded object-contain h-1/2-screen shadow-solid shadow-pink-100 dark:shadow-pink-200 mb-4 mx-auto" :src="imgModalSrc" :alt="imgModalSrc"
p x-text="imgModalDesc" class="text-center text-white"
div class="mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200"
h1 class="p-name mb-2"

18
app/templates/site/home.html.slim
View File

@@ -20,17 +20,21 @@ div class="mb-8 max-w-screen-md mx-auto border-t border-solid border-gray-200 da
div class="flex justify-between max-w-prose mx-auto mb-2"
h2 class="text-l text-gray-600 dark:text-gray-200" Weekly posts
a class="rounded px-2 text-blue-600 bg-blue-100 dark:bg-blue-900/60 hover:dark:bg-blue-800 hover:dark:text-blue-100 dark:text-blue-200 hover:text-blue-600 hover:bg-blue-200" href="/tagged/weekly" See all →
a class="rounded px-2 text-amber-600 hover:dark:bg-amber-900 hover:dark:text-amber-100 dark:text-amber-200 hover:text-amber-600 hover:bg-amber-100" href="/tagged/weekly" See all →
div class="mb-12 max-w-prose mx-auto bg-gray-100 rounded p-2 dark:bg-gray-900 dark:text-gray-100"
ul class="columns-2"
div class="mb-12 max-w-prose mx-auto bg-amber-100 rounded dark:bg-amber-900 dark:text-gray-100"
ul class="columns-1"
- week_posts.each do |post|
li
a class="hover:underline decoration-wavy" href="/post/#{post.slug}" = post.name
li class=""
a class="block content-justify hover:bg-amber-200 decoration-wavy rounded py-1 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-amber-400 dark:border-amber-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-gray-600 dark:text-gray-200" 📯 Posts
a class="rounded px-2 h-6 text-blue-600 bg-blue-100 dark:bg-blue-900/60 hover:dark:bg-blue-800 hover:dark:text-blue-100 dark:text-blue-200 hover:text-blue-600 hover:bg-blue-200" href="/posts" See all →
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|
@@ -38,7 +42,7 @@ div class="h-feed mb-12 max-w-prose mx-auto"
div class="flex justify-between max-w-prose mx-auto mb-2"
h2 class="text-xl text-gray-600 dark:text-gray-200" 📸 Photos
a class="rounded px-2 h-6 text-blue-600 bg-blue-100 dark:bg-blue-900/60 hover:dark:bg-blue-800 hover:dark:text-blue-100 dark:text-blue-200 hover:text-blue-600 hover:bg-blue-200" href="/photos" See all →
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|