diff --git a/app/assets/builds/tailwind.css b/app/assets/builds/tailwind.css index aec69d0..e92e2c0 100644 --- a/app/assets/builds/tailwind.css +++ b/app/assets/builds/tailwind.css @@ -1028,46 +1028,10 @@ video { top: -1rem; } -.top-1 { - top: 0.25rem; -} - -.-top-10 { - top: -2.5rem; -} - -.bottom-10 { - bottom: 2.5rem; -} - -.bottom-5 { - bottom: 1.25rem; -} - -.bottom-7 { - bottom: 1.75rem; -} - -.bottom-4 { - bottom: 1rem; -} - -.bottom-2 { - bottom: 0.5rem; -} - -.bottom-3 { - bottom: 0.75rem; -} - .bottom-1 { bottom: 0.25rem; } -.bottom-0 { - bottom: 0px; -} - .z-40 { z-index: 40; } @@ -1238,10 +1202,6 @@ video { display: none; } -.h-1 { - height: 0.25rem; -} - .h-16 { height: 4rem; } @@ -1250,6 +1210,10 @@ video { height: 0.5rem; } +.h-3 { + height: 0.75rem; +} + .h-32 { height: 8rem; } @@ -1271,14 +1235,6 @@ video { height: max-content; } -.h-4 { - height: 1rem; -} - -.h-3 { - height: 0.75rem; -} - .max-h-12 { max-height: 3rem; } @@ -1753,6 +1709,10 @@ video { fill: #dbeafe; } +.fill-blue-200 { + fill: #bfdbfe; +} + .fill-current { fill: currentColor; } @@ -1852,10 +1812,6 @@ video { padding-top: 1rem; } -.pt-0 { - padding-top: 0px; -} - .text-left { text-align: left; } @@ -2096,9 +2052,9 @@ video { @tailwind typography; @font-face { - font-family: "Rubik"; + font-family: "Montagu"; - src: url("../fonts/Rubik-VariableFont_wght.ttf") format("truetype"); + src: url("../fonts/MontaguSlab-VariableFont_opsz,wght.ttf") format("truetype"); font-display: swap; } @@ -2112,19 +2068,19 @@ video { } @font-face { - font-family: "Karla"; + font-family: "Figtree"; - src: url("../fonts/Karla-VariableFont_wght.ttf") format("truetype"); + src: url("../fonts/Figtree-VariableFont_wght.ttf") format("truetype"); font-display: swap; } * { - font-family: "Karla", Helvetica, Arial, sans-serif; + font-family: "Figtree", Helvetica, Arial, sans-serif; } h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { - font-family: "Rubik", Helvetica, Arial, sans-serif; + font-family: "Montagu", Times New Roman, serif; } .prose h1 a { @@ -2140,7 +2096,7 @@ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { border-bottom: none; } -.gist span { +.gist span, pre, pre span { font-family: "JetBrainsMono", Monaco, monospace; } @@ -2256,10 +2212,6 @@ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: rgb(30 58 138 / var(--tw-text-opacity)); } -.hover\:block:hover { - display: block; -} - .hover\:scale-105:hover { --tw-scale-x: 1.05; --tw-scale-y: 1.05; @@ -2329,11 +2281,6 @@ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { background-color: rgb(251 207 232 / var(--tw-bg-opacity)); } -.hover\:bg-pink-400:hover { - --tw-bg-opacity: 1; - background-color: rgb(244 114 182 / var(--tw-bg-opacity)); -} - .hover\:bg-red-100:hover { --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity)); @@ -2348,6 +2295,10 @@ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { fill: #60a5fa; } +.hover\:fill-blue-600:hover { + fill: #2563eb; +} + .hover\:fill-pink-400:hover { fill: #f472b6; } @@ -2583,36 +2534,16 @@ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { border-color: rgb(31 41 55 / var(--tw-border-opacity)); } - .dark\:border-slate-800 { - --tw-border-opacity: 1; - border-color: rgb(30 41 59 / var(--tw-border-opacity)); - } - - .dark\:border-indigo-600 { - --tw-border-opacity: 1; - border-color: rgb(79 70 229 / var(--tw-border-opacity)); - } - - .dark\:border-indigo-200 { - --tw-border-opacity: 1; - border-color: rgb(199 210 254 / var(--tw-border-opacity)); - } - - .dark\:border-indigo-800 { - --tw-border-opacity: 1; - border-color: rgb(55 48 163 / var(--tw-border-opacity)); - } - - .dark\:border-indigo-100 { - --tw-border-opacity: 1; - border-color: rgb(224 231 255 / var(--tw-border-opacity)); - } - .dark\:border-indigo-300 { --tw-border-opacity: 1; border-color: rgb(165 180 252 / var(--tw-border-opacity)); } + .dark\:border-slate-800 { + --tw-border-opacity: 1; + border-color: rgb(30 41 59 / var(--tw-border-opacity)); + } + .dark\:bg-amber-400 { --tw-bg-opacity: 1; background-color: rgb(251 191 36 / var(--tw-bg-opacity)); @@ -2752,6 +2683,11 @@ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: rgb(75 85 99 / var(--tw-text-opacity)); } + .dark\:text-indigo-200 { + --tw-text-opacity: 1; + color: rgb(199 210 254 / var(--tw-text-opacity)); + } + .dark\:text-indigo-300 { --tw-text-opacity: 1; color: rgb(165 180 252 / var(--tw-text-opacity)); @@ -2817,11 +2753,6 @@ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: rgb(250 204 21 / var(--tw-text-opacity)); } - .dark\:text-indigo-200 { - --tw-text-opacity: 1; - color: rgb(199 210 254 / var(--tw-text-opacity)); - } - .dark\:shadow-pink-200 { --tw-shadow-color: #fbcfe8; --tw-shadow: var(--tw-shadow-colored); @@ -2922,11 +2853,6 @@ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { background-color: rgb(162 28 175 / var(--tw-bg-opacity)); } - .dark\:hover\:bg-indigo-400:hover { - --tw-bg-opacity: 1; - background-color: rgb(129 140 248 / var(--tw-bg-opacity)); - } - .dark\:hover\:bg-orange-800:hover { --tw-bg-opacity: 1; background-color: rgb(154 52 18 / var(--tw-bg-opacity)); @@ -3014,22 +2940,6 @@ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { } @media (min-width: 768px) { - .md\:col-span-14 { - grid-column: span 14 / span 14; - } - - .md\:col-span-2 { - grid-column: span 2 / span 2; - } - - .md\:col-span-1 { - grid-column: span 1 / span 1; - } - - .md\:col-span-15 { - grid-column: span 15 / span 15; - } - .md\:col-span-13 { grid-column: span 13 / span 13; } @@ -3086,4 +2996,4 @@ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { .md\:text-xl { font-size: 1.25rem; } -} \ No newline at end of file +} diff --git a/app/assets/css/tailwind.css b/app/assets/css/tailwind.css index a919cf7..c712fa9 100644 --- a/app/assets/css/tailwind.css +++ b/app/assets/css/tailwind.css @@ -4,8 +4,8 @@ @tailwind typography; @font-face { - font-family: "Rubik"; - src: url("../fonts/Rubik-VariableFont_wght.ttf") format("truetype"); + font-family: "Montagu"; + src: url("../fonts/MontaguSlab-VariableFont_opsz,wght.ttf") format("truetype"); font-display: swap; } @@ -16,17 +16,17 @@ } @font-face { - font-family: "Karla"; - src: url("../fonts/Karla-VariableFont_wght.ttf") format("truetype"); + font-family: "Figtree"; + src: url("../fonts/Figtree-VariableFont_wght.ttf") format("truetype"); font-display: swap; } * { - font-family: "Karla", Helvetica, Arial, sans-serif; + font-family: "Figtree", Helvetica, Arial, sans-serif; } h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { - font-family: "Rubik", Helvetica, Arial, sans-serif; + font-family: "Montagu", Times New Roman, serif; } .prose h1 a { @@ -42,7 +42,7 @@ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { border-bottom: none; } -.gist span { +.gist span, pre, pre span { font-family: "JetBrainsMono", Monaco, monospace; } @@ -93,4 +93,4 @@ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { width: 100%; height: 100%; border-radius: 8px; -} \ No newline at end of file +} diff --git a/app/assets/fonts/Figtree-Italic-VariableFont_wght.ttf b/app/assets/fonts/Figtree-Italic-VariableFont_wght.ttf new file mode 100644 index 0000000..3078815 Binary files /dev/null and b/app/assets/fonts/Figtree-Italic-VariableFont_wght.ttf differ diff --git a/app/assets/fonts/Figtree-VariableFont_wght.ttf b/app/assets/fonts/Figtree-VariableFont_wght.ttf new file mode 100644 index 0000000..8d81222 Binary files /dev/null and b/app/assets/fonts/Figtree-VariableFont_wght.ttf differ diff --git a/app/assets/fonts/MontaguSlab-VariableFont_opsz,wght.ttf b/app/assets/fonts/MontaguSlab-VariableFont_opsz,wght.ttf new file mode 100644 index 0000000..ed4e76a Binary files /dev/null and b/app/assets/fonts/MontaguSlab-VariableFont_opsz,wght.ttf differ diff --git a/app/templates/shared/_bookmark.html.slim b/app/templates/shared/_bookmark.html.slim index f43c26f..a32a3ed 100644 --- a/app/templates/shared/_bookmark.html.slim +++ b/app/templates/shared/_bookmark.html.slim @@ -13,10 +13,8 @@ div class="mb-4" == bookmark.youtube_embed - == render "shared/tags", tags: bookmark.tags - p class="text-sm text-blue-400 mb-4" a href="/bookmark/#{bookmark.slug}" time class="dt-published" datetime=bookmark.machine_published_at = bookmark.display_published_at - hr \ No newline at end of file + hr diff --git a/app/templates/shared/_status.html.slim b/app/templates/shared/_status.html.slim index 006a0aa..2786d8c 100644 --- a/app/templates/shared/_status.html.slim +++ b/app/templates/shared/_status.html.slim @@ -5,7 +5,6 @@ div class="mb-8 h-entry border border-gray-200 m-2 p-4 bg-gray-50 hover:bg-gray- div class="grid gap-4 grid-flow-row grid-cols-4 grid-rows-1" -post.photos.each do |photo| img class="w-32 h-32 object-cover rounded" src=photo["value"] - == render "shared/tags", tags: post.tags div class="mb-8" p class="text-sm text-blue-400 dark:text-indigo-400" @@ -19,4 +18,4 @@ div class="mb-8 h-entry border border-gray-200 m-2 p-4 bg-gray-50 hover:bg-gray- == " ·" a rel="syndication" class="u-syndication inline-block ml-1 float-left" href=loc[:url] - if loc[:location] != "" - == render "shared/#{loc[:location]}", width: "w-4" \ No newline at end of file + == render "shared/#{loc[:location]}", width: "w-4" diff --git a/app/templates/shared/_twitter.html.slim b/app/templates/shared/_twitter.html.slim new file mode 100644 index 0000000..fd76d88 --- /dev/null +++ b/app/templates/shared/_twitter.html.slim @@ -0,0 +1,2 @@ +- w_class = defined?(width) ? width : "w-6" + diff --git a/app/templates/timemachine/show.html.slim b/app/templates/timemachine/show.html.slim index 1d28b03..de1f692 100644 --- a/app/templates/timemachine/show.html.slim +++ b/app/templates/timemachine/show.html.slim @@ -18,14 +18,16 @@ div class="max-w-screen-md mx-auto px-4 m-4 h-max" a href="/post/#{post.slug}" h3= post.name == post.excerpt + - if post.name == "" + p + a href="/post/#{post.slug}" 🔗 permalink - else div class="grid grid-cols-3 gap-2 pb-4" - - posts.each do |post| - - if post.photos.count > 0 - - post.photos.each do |photo| - a href="/post/#{post.slug}" - img class="mb-0 rounded" src="#{photo["value"]}" - = post.name + - if post.photos.count > 0 + - post.photos.each do |photo| + a href="/post/#{post.slug}" + img class="mb-0 rounded" src="#{photo["value"]}" + = post.name - else p No posts