mirror of
https://github.com/Sevichecc/Urara-Blog.git
synced 2025-05-20 02:19:13 +08:00
format
This commit is contained in:
parent
7bdd0a57f4
commit
1d185df293
26 changed files with 43 additions and 39 deletions
|
@ -32,7 +32,13 @@
|
||||||
'wm-private': boolean
|
'wm-private': boolean
|
||||||
}
|
}
|
||||||
|
|
||||||
let [page, loaded, end, mentions, sortDirUp]: [number, boolean, boolean, WebmentionEntry[], boolean] = [0, false, false, [], config?.sortDir === 'up' ? true : false]
|
let [page, loaded, end, mentions, sortDirUp]: [number, boolean, boolean, WebmentionEntry[], boolean] = [
|
||||||
|
0,
|
||||||
|
false,
|
||||||
|
false,
|
||||||
|
[],
|
||||||
|
config?.sortDir === 'up' ? true : false
|
||||||
|
]
|
||||||
|
|
||||||
const load = async () =>
|
const load = async () =>
|
||||||
await fetch(
|
await fetch(
|
||||||
|
@ -48,8 +54,7 @@
|
||||||
feed = {
|
feed = {
|
||||||
...feed,
|
...feed,
|
||||||
children: feed.children.filter(
|
children: feed.children.filter(
|
||||||
(entry: WebmentionEntry) =>
|
(entry: WebmentionEntry) => !config.blockList?.includes(new URL(entry['wm-source']).origin)
|
||||||
!config.blockList?.includes(new URL(entry['wm-source']).origin)
|
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
if (feed.children.length > 0) mentions = [...mentions, ...feed.children]
|
if (feed.children.length > 0) mentions = [...mentions, ...feed.children]
|
||||||
|
@ -97,7 +102,8 @@
|
||||||
'mention-of': ['💬 mentioned', 'border-base-300/50', 'text-base-content', 'tooltip-base-content'],
|
'mention-of': ['💬 mentioned', 'border-base-300/50', 'text-base-content', 'tooltip-base-content'],
|
||||||
rsvp: [
|
rsvp: [
|
||||||
`📅 RSVPed ${
|
`📅 RSVPed ${
|
||||||
mention.rsvp && {
|
mention.rsvp &&
|
||||||
|
{
|
||||||
yes: '✅',
|
yes: '✅',
|
||||||
no: '❌',
|
no: '❌',
|
||||||
interested: '💡',
|
interested: '💡',
|
||||||
|
|
|
@ -53,7 +53,7 @@
|
||||||
<header
|
<header
|
||||||
id="header"
|
id="header"
|
||||||
class:-translate-y-32={!pin && scrollY > 0}
|
class:-translate-y-32={!pin && scrollY > 0}
|
||||||
class="fixed z-50 w-screen transition-all duration-500 ease-in-out border-b-2 border-transparent max-h-[4.125rem] {scrollY >
|
class="fixed z-50 w-screen transition-all duration-500 ease-in-out border-b-2 border-transparent max-h-[4.125rem] {scrollY >
|
||||||
32 && 'backdrop-blur border-base-content/10 bg-base-100/30 md:bg-base-200/30'}">
|
32 && 'backdrop-blur border-base-content/10 bg-base-100/30 md:bg-base-200/30'}">
|
||||||
<div in:fly={{ x: -50, duration: 300, delay: 300 }} out:fly={{ x: -50, duration: 300 }} class="navbar">
|
<div in:fly={{ x: -50, duration: 300, delay: 300 }} out:fly={{ x: -50, duration: 300 }} class="navbar">
|
||||||
<div class="navbar-start">
|
<div class="navbar-start">
|
||||||
|
@ -122,10 +122,10 @@
|
||||||
class:opacity-100={scrollY}>
|
class:opacity-100={scrollY}>
|
||||||
<div
|
<div
|
||||||
class="radial-progress text-accent transition-all duration-500 ease-in-out group-hover:text-accent-focus col-start-1 row-start-1"
|
class="radial-progress text-accent transition-all duration-500 ease-in-out group-hover:text-accent-focus col-start-1 row-start-1"
|
||||||
style={`--size:4rem; --thickness: 0.25rem; --value:${percent};`} />
|
style={`--size:4rem; --thickness: 0.25rem; --value:${percent};`} />
|
||||||
<div
|
<div
|
||||||
class:border-transparent={percent > 95}
|
class:border-transparent={percent > 95}
|
||||||
class="border-4 border-base-content/10 group-hover:border-transparent col-start-1 row-start-1 rounded-full w-full h-full p-4 grid duration-500 ease-in-out">
|
class="border-4 border-base-content/10 group-hover:border-transparent col-start-1 row-start-1 rounded-full w-full h-full p-4 grid duration-500 ease-in-out">
|
||||||
<span class="i-heroicons-solid-chevron-up !w-6 !h-6" />
|
<span class="i-heroicons-solid-chevron-up !w-6 !h-6" />
|
||||||
</div>
|
</div>
|
||||||
</button>
|
</button>
|
||||||
|
|
|
@ -9,7 +9,7 @@
|
||||||
<div class="justify-end flex-none w-32 h-32 my-auto ml-auto avatar">
|
<div class="justify-end flex-none w-32 h-32 my-auto ml-auto avatar">
|
||||||
<img
|
<img
|
||||||
class="rounded-full shadow-xl w-32 h-32 hover:rotate-[360deg] transition-transform duration-1000 ease-in-out"
|
class="rounded-full shadow-xl w-32 h-32 hover:rotate-[360deg] transition-transform duration-1000 ease-in-out"
|
||||||
src={site.author.avatar}
|
src={site.author.avatar}
|
||||||
alt={site.author.name} />
|
alt={site.author.name} />
|
||||||
{#if site.author.status}
|
{#if site.author.status}
|
||||||
<div class="heart absolute rounded-full w-10 h-10 bottom-0 right-0 bg-base-100 shadow-xl text-xl text-center py-1.5">
|
<div class="heart absolute rounded-full w-10 h-10 bottom-0 right-0 bg-base-100 shadow-xl text-xl text-center py-1.5">
|
||||||
|
@ -22,14 +22,15 @@
|
||||||
<h1 class="mt-0 mb-2 text-3xl font-bold p-name">{site.author.name}</h1>
|
<h1 class="mt-0 mb-2 text-3xl font-bold p-name">{site.author.name}</h1>
|
||||||
<p class="opacity-75 p-note">{@html site.author.bio}</p>
|
<p class="opacity-75 p-note">{@html site.author.bio}</p>
|
||||||
<p class="pt-3 space-x-3">
|
<p class="pt-3 space-x-3">
|
||||||
<a
|
<a
|
||||||
class="text-sm transition tooltip tooltip-secondary hover:text-secondary"
|
class="text-sm transition tooltip tooltip-secondary hover:text-secondary"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
rel="noopener noreferrer"
|
rel="noopener noreferrer"
|
||||||
data-tip="Bookmark"
|
data-tip="Bookmark"
|
||||||
aria-label="Bookmark"
|
aria-label="Bookmark"
|
||||||
href="https://airtable.com/shrpftxf6JgRomP2X">
|
href="https://airtable.com/shrpftxf6JgRomP2X">
|
||||||
<span class="i-ic-round-bookmark-border
|
<span
|
||||||
|
class="i-ic-round-bookmark-border
|
||||||
!w-8 !h-8 mr-1 fill-current inline-block hover:text-lime-500" />
|
!w-8 !h-8 mr-1 fill-current inline-block hover:text-lime-500" />
|
||||||
</a>
|
</a>
|
||||||
<a
|
<a
|
||||||
|
|
|
@ -24,8 +24,7 @@ const defineConfig = (config: Config) => config
|
||||||
export default defineConfig({
|
export default defineConfig({
|
||||||
content: ['./src/**/*.{html,md,js,svelte,ts}'],
|
content: ['./src/**/*.{html,md,js,svelte,ts}'],
|
||||||
theme: {
|
theme: {
|
||||||
extend: {
|
extend: {}
|
||||||
}
|
|
||||||
},
|
},
|
||||||
plugins: [typography as TailwindPluginWithoutOptions, daisyui as TailwindPluginWithoutOptions],
|
plugins: [typography as TailwindPluginWithoutOptions, daisyui as TailwindPluginWithoutOptions],
|
||||||
daisyui: {
|
daisyui: {
|
||||||
|
|
|
@ -1,10 +1,8 @@
|
||||||
|
<script lang="ts">
|
||||||
<script lang='ts'>
|
import { posts as storedPosts } from '$lib/stores/posts'
|
||||||
import { posts as storedPosts} from '$lib/stores/posts'
|
|
||||||
import Head from '$lib/components/head.svelte'
|
import Head from '$lib/components/head.svelte'
|
||||||
import Footer from '$lib/components/footer.svelte'
|
import Footer from '$lib/components/footer.svelte'
|
||||||
// let notes = storedPosts.filter((post)=> post.layout==='notes')
|
// let notes = storedPosts.filter((post)=> post.layout==='notes')
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
||||||
<Head />
|
<Head />
|
||||||
|
|
Loading…
Reference in a new issue