Skip to content

Commit 55a7fec

Browse files
authored
Merge branch 'moirelog:main' into main
2 parents 2724b20 + e5073ad commit 55a7fec

6 files changed

Lines changed: 53 additions & 13 deletions

File tree

src/themes/academic/index.svelte

Lines changed: 29 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313

1414
<div class="relative z-10 grid grid-cols-1 md:grid-cols-12 gap-12">
1515
<aside class="md:col-span-3 md:border-r border-[var(--text-color)]/10 md:pr-8 md:text-right">
16-
<header class="sticky top-10">
16+
<header class="sticky top-10 md:h-[calc(100vh-2rem)]">
1717
<h1 class="text-4xl font-black italic mb-4 text-[var(--accent-color)] tracking-tight">{config.title}</h1>
1818
<div class="text-sm text-[var(--text-color)]/60 italic mb-8">
1919
<p>{config.description}</p>
@@ -22,7 +22,9 @@
2222

2323
{#if memoList.selectedTag}
2424
<div class="mb-8">
25-
<p class="text-[10px] font-bold uppercase tracking-[0.2em] text-[var(--text-color)]/40 mb-2">Filtered View</p>
25+
<p class="text-[10px] font-bold uppercase tracking-[0.2em] text-[var(--text-color)]/40 mb-2">
26+
Filtered View
27+
</p>
2628
<button
2729
class="bg-[var(--accent-color)]/10 text-[var(--accent-color)] px-3 py-1 rounded-full text-sm italic hover:bg-[var(--accent-color)]/20 transition-colors"
2830
onclick={() => memoList.selectTag(null)}
@@ -33,7 +35,11 @@
3335
{/if}
3436

3537
<div class="hidden md:block">
36-
<p class="text-[10px] font-bold uppercase tracking-[0.2em] text-[var(--text-color)]/40 mb-4 pb-2 border-b border-[var(--text-color)]/5 inline-block ml-auto">Index</p>
38+
<p
39+
class="text-[10px] font-bold uppercase tracking-[0.2em] text-[var(--text-color)]/40 mb-4 pb-2 border-b border-[var(--text-color)]/5 inline-block ml-auto"
40+
>
41+
Index
42+
</p>
3743
<ul class="text-sm space-y-3">
3844
{#each memoList.allTags as tag}
3945
<li class="list-none">
@@ -50,7 +56,12 @@
5056
{/each}
5157
</ul>
5258
</div>
59+
60+
<p class="hidden md:block absolute bottom-6 text-xs opacity-60">
61+
© {new Date().getFullYear()} {config.author}, powered by <a href="https://moire.blog/" target="_blank" class="inline hover:underline">MOIRE.BLOG</a>
62+
</p>
5363
</header>
64+
5465
</aside>
5566

5667
<main class="md:col-span-9 space-y-16 max-w-2xl">
@@ -60,13 +71,20 @@
6071
<h2 class="text-3xl font-black italic text-[var(--text-color)] tracking-tight">
6172
{format(new Date(dateKey + 'T00:00:00'), 'MMMM dd, yyyy')}
6273
</h2>
63-
<span class="text-sm text-[var(--text-color)]/40 italic font-medium">{format(new Date(dateKey + 'T00:00:00'), 'EEEE')}</span>
74+
<span class="text-sm text-[var(--text-color)]/40 italic font-medium"
75+
>{format(new Date(dateKey + 'T00:00:00'), 'EEEE')}</span
76+
>
6477
</div>
6578

6679
<div class="space-y-14">
6780
{#each memos as memo}
68-
<article class="group relative" id={memo.slug}>
69-
<div class="absolute -left-20 top-2 hidden xl:block text-xs font-bold tracking-widest text-[var(--text-color)]/30 w-12 text-right uppercase">
81+
<article
82+
class="group relative"
83+
id={memo.slug}
84+
>
85+
<div
86+
class="absolute -left-20 top-2 hidden xl:block text-xs font-bold tracking-widest text-[var(--text-color)]/30 w-12 text-right uppercase"
87+
>
7088
{format(memo.date, 'HH:mm')}
7189
</div>
7290

@@ -91,11 +109,11 @@
91109
[&_img]:rounded-sm [&_img]:border-[6px] [&_img]:border-white [&_img]:rotate-1 group-hover:[&_img]:rotate-0 [&_img]:transition-all [&_img]:duration-700
92110
[&_.tag-link]:text-xs [&_.tag-link]:mx-1 [&_.tag-link]:font-bold [&_.tag-link]:uppercase [&_.tag-link]:tracking-wider [&_.tag-link]:text-[var(--text-color)]/30 [&_.tag-link:hover]:text-[var(--accent-color)] [&_.tag-link:hover]:underline [&_.tag-link]:no-underline [&_.tag-link]:transition-colors"
93111
onclick={(e) => {
94-
const target = e.target as HTMLElement;
95-
if (target.classList.contains('tag-link')) {
96-
const tag = target.dataset.tag;
97-
if (tag) memoList.selectTag(tag);
98-
}
112+
const target = e.target as HTMLElement;
113+
if (target.classList.contains('tag-link')) {
114+
const tag = target.dataset.tag;
115+
if (tag) memoList.selectTag(tag);
116+
}
99117
}}
100118
>
101119
{@html memo.content}

src/themes/bento/index.svelte

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -108,6 +108,9 @@
108108
</button>
109109
</div>
110110
{/if}
111+
<footer class="mt-20 text-center text-xs mx-5 tracking-wide text-slate-500 opacity-80">
112+
<p>© {new Date().getFullYear()} {config.author} , synced from Apple Notes and powered by <a href="https://moire.blog/" target="_blank" class="hover:text-slate-600 transition-colors">Moire</a></p>
113+
</footer>
111114
</div>
112115

113116
<style>

src/themes/classic/index.svelte

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -88,4 +88,8 @@
8888
</div>
8989
{/if}
9090
</div>
91+
92+
<footer class="mt-16 text-center mx-9 text-[0.8rem] text-gray-400 pb-8">
93+
<p>© {new Date().getFullYear()} {config.author} , synced from Apple Notes and powered by <a href="https://moire.blog/" target="_blank" class="hover:text-gray-600 transition-colors">Moire</a></p>
94+
</footer>
9195
</div>

src/themes/cyberpunk/index.svelte

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -80,7 +80,7 @@
8080
</div>
8181
</header>
8282

83-
<footer class="flex justify-between items-end border-t border-[#F2C94C]/30 pt-2">
83+
<footer class="flex justify-between items-end pt-2">
8484
<div class="text-xs tracking-widest opacity-60">
8585
{config.author}
8686
</div>
@@ -257,4 +257,10 @@
257257
</div>
258258
{/if}
259259
</main>
260+
261+
<footer class="mt-20 mx-12 text-center text-xs tracking-widest pb-8">
262+
© {new Date().getFullYear()} {config.author}
263+
<span class="mx-2 text-[var(--accent-color)]">::</span>
264+
synced from Apple Notes and powered by <a href="https://moire.blog/" target="_blank" class="text-[var(--accent-color)] hover:bg-[var(--accent-color)] hover:text-[var(--bg-color)] transition-colors px-1">MOIRE.BLOG</a>
265+
</footer>
260266
</div>

src/themes/pixel/index.svelte

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@
2525
<svelte:window onscroll={handleScroll} />
2626

2727
<div
28-
class="min-h-screen max-w-2xl mx-auto p-4 sm:p-8 selection:bg-[var(--text-color)]/20 selection:text-[var(--bg-color)]"
28+
class="min-h-screen max-w-2xl mx-auto p-4 sm:p-8 selection:bg-[var(--text-color)]/50 selection:text-[var(--bg-color)]"
2929
>
3030
<header class="mb-12 flex items-end justify-between border-b-2 border-[var(--text-color)] px-2 pb-4 relative">
3131
<div>
@@ -133,6 +133,12 @@
133133
</div>
134134
{/if}
135135

136+
<footer class="mt-16 pb-2 text-center text-[10px] font-bold tracking-widest text-[var(--text-color)] opacity-70">
137+
<p class="uppercase">
138+
© {new Date().getFullYear()} {config.author} <span class="mx-1 text-[var(--accent-color)]">♥</span> synced from Apple Notes and powered by <a href="https://moire.blog/" target="_blank" class="hover:text-[var(--accent-color)] transition-colors border-b-2 border-dotted border-[var(--text-color)] hover:border-[var(--accent-color)]">MOIRE.BLOG</a>
139+
</p>
140+
</footer>
141+
136142
<div class="fixed bottom-8 right-8 z-50 hidden md:block">
137143
<div
138144
class="relative h-16 w-16 image-pixelated transition-transform duration-100"

src/themes/receipt/index.svelte

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -110,6 +110,9 @@
110110
<div class="font-['Libre_Barcode_39',cursive] text-3xl my-5 tracking-[5px]">||||| |||| || | ||||| || |</div>
111111

112112
<div class="my-5 text-[#999]">- - - - - - - - - - - - - - -</div>
113+
114+
<p class="mt-8 mb-1">© {new Date().getFullYear()} {config.author.toUpperCase()}</p>
115+
<p class="mb-4">synced from Apple Notes and powered by <a href="https://moire.blog/" target="_blank" class="underline decoration-dotted hover:bg-black hover:text-white transition-colors">MOIRE.BLOG</a></p>
113116
</footer>
114117
</div>
115118
</div>

0 commit comments

Comments
 (0)