Refresh fonts

This commit is contained in:
2023-12-17 14:47:20 +11:00
parent abe2e53b32
commit 3b6a68cc17
9 changed files with 50 additions and 139 deletions

View File

@@ -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;
}
}
}

View File

@@ -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;
}
}

Binary file not shown.

Binary file not shown.

View File

@@ -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
hr

View File

@@ -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"
== render "shared/#{loc[:location]}", width: "w-4"

View File

@@ -0,0 +1,2 @@
- w_class = defined?(width) ? width : "w-6"
<svg xmlns="http://www.w3.org/2000/svg" class="fill-blue-200 hover:fill-blue-600 #{w_class}" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.--><path d="M459.4 151.7c.3 4.5 .3 9.1 .3 13.6 0 138.7-105.6 298.6-298.6 298.6-59.5 0-114.7-17.2-161.1-47.1 8.4 1 16.6 1.3 25.3 1.3 49.1 0 94.2-16.6 130.3-44.8-46.1-1-84.8-31.2-98.1-72.8 6.5 1 13 1.6 19.8 1.6 9.4 0 18.8-1.3 27.6-3.6-48.1-9.7-84.1-52-84.1-103v-1.3c14 7.8 30.2 12.7 47.4 13.3-28.3-18.8-46.8-51-46.8-87.4 0-19.5 5.2-37.4 14.3-53 51.7 63.7 129.3 105.3 216.4 109.8-1.6-7.8-2.6-15.9-2.6-24 0-57.8 46.8-104.9 104.9-104.9 30.2 0 57.5 12.7 76.7 33.1 23.7-4.5 46.5-13.3 66.6-25.3-7.8 24.4-24.4 44.8-46.1 57.8 21.1-2.3 41.6-8.1 60.4-16.2-14.3 20.8-32.2 39.3-52.6 54.3z"/></svg>

View File

@@ -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