1
import { visit } from 'unist-util-visit'
2

3
export function myRemarkContainer() {
4
    return (tree: any) => {
5
        visit(tree, (node) => {
6
            if (
7
                node.type !== 'leafDirective' &&
8
                node.type !== 'containerDirective'
9
            ) {
10
                return
11
            }
12

13
            if (node.type === 'containerDirective' || node.type === 'leafDirective') {
14
                switch (node.name) {
15
                    case 'fl':
16
                    flex(node);
17
                    return;
18

19
                    case 'fli':
20
                    flexItem(node);
21
                    return;
22

23
                    default:
24
                    break;
25
                }
26

27
            }
28
        })
29
    }
30
}
31

32
function flex(node:any) {
33
    const attrs = node.attributes || {}
34
    node.name = 'div'
35
    node.attributes = {
36
        class: [`md:flex`, 'm-auto', 'flex-wrap', 'gap-4', 'sm:flex-nowrap', 'justify-center-safe', 'content-center', attrs.class  ]
37
    }
38
}
39

40
function flexItem(node:any) {
41
    const attrs = node.attributes || {}
42
    node.name = 'div'
43
    node.attributes = {
44
        class: [attrs.class, 'w-full' ]
45
    }
46
}

1
import { visit } from 'unist-util-visit'
2

3
export function myRemarkText() {
4
    return (tree: any) => {
5
        visit(tree, (node, index, parent) => {
6
            if (
7
                node.type !== 'textDirective' &&
8
                node.type !== 'leafDirective' &&
9
                node.type !== 'containerDirective'
10
            ) {
11
                return
12
            }
13

14
            const attrs = node.attributes || {}
15

16
            if (node.type === 'textDirective') {
17
                if(node.name === 'th'){
18
                    tableHeader(parent, index, node, attrs)
19
                }
20
                // line marker
21
                if(node.name.startsWith('lmk')) {
22
                    lineMaker(node, parent, index, attrs)
23
                }
24
                // color text
25
                if (node.name.startsWith('ct')) {
26
                    colorText(node, parent, index, attrs)
27
                }
28

29
            }
30
        })
31
    }
32
}
33
function tableHeader(parent: any, index: number | undefined, node: any, attrs: any) {
34
    parent.children.splice(index, 1, ...node.children)
35
    parent.data = { hName: 'th' }
36
    parent.data.hProperties = {
37
        ...attrs,
38
    }
39
}
40

41
function colorText(node: any, parent: any, index: number, attrs: any) {
42
    const color = node.name.replace('ct', '').trim()
43
    if (parent.type === 'tableCell') {
44
        parent.children.splice(index, 1, ...node.children)
45
        parent.data = {
46
            hProperties: {
47
                class: [`ld-text-${color}`, attrs.class ?? ''],
48
            }
49
        }
50
    } else {
51
        node.name = 'span'
52
        node.attributes = {
53
            class: [`ld-text-${color}`, attrs.class ?? ''],
54
        }
55
    }
56
}
57

58
function lineMaker(node: any, parent: any, index: number | undefined, attrs: any) {
59
    if (node.name === 'lmk') {
60
        parent.children.splice(index, 1, ...node.children)
61
        parent.data = {
62
            hProperties: {
63
                ...attrs,
64
            }
65
        }
66
    } else {
67
        const color = node.name.replace('lmk', '').trim()
68
        if (parent.type === 'tableCell') {
69
            parent.children.splice(index, 1, ...node.children)
70
            parent.data = {
71
                hProperties: {
72
                    class: [`ld-text-${color}`, `ld-bg-${color}`, attrs.class ?? ''],
73
                }
74
            }
75
        } else {
76
            node.name = 'span'
77
            node.attributes = {
78
                class: [`ld-text-${color}`, `ld-bg-${color}`, attrs.class ?? ''],
79
            }
80

81
        }
82
    }
83
}

1
<div class="flex flex-row text-[var(--primary)] items-center text-md">
2
<span class="text-black">{siteConfig.title}</span>
3
<div class="flex flex-row items-center text-md">
4
<span class="">{siteConfig.title}</span>

1
.ld-text-red {
2
    @apply text-red-700 dark:text-red-100;
3
}
4
.ld-bg-red {
5
    @apply bg-red-100 dark:bg-red-700;
6
}

1
module.exports = {
2
fontFamily: {
3
    sans: ["Roboto", "sans-serif", ...defaultTheme.fontFamily.sans],
4
},
5
   typography: {
6
     DEFAULT: {
7
       css: {
8
         'ul, ol': {
9
           listStyle: 'revert',
10
           paddingLeft: 'revert',
11
           marginLeft: 'revert',
12
         },
13
         li: {
14
           margin: 'revert',
15
         },
16
         'ul > li::marker': {
17
           color: 'inherit',
18
           fontWeight: 'inherit',
19
         },
20
         'ol > li::marker': {
21
           color: 'inherit',
22
           fontWeight: 'inherit',
23
         },
24
       },
25
     },
26
   },
27
},

1
ul, ol {
2
    li::marker {
3
        @apply text-[var(--primary)];
4
        @apply text-[var(--btn-content)];
5
    }
6
}

1
.onload-animation {
2
    opacity: 0;
3
    animation: 300ms fade-in-up;
4
    animation-fill-mode: forwards;
5
}

1
if (window.swup) {
2
    setup()
3
} else {
4
    createPhotoSwipe()
5
    document.addEventListener("swup:enable", setup)
6
}

1
.custom-md img, #post-cover img {
2
.custom-md img:not(.easyLink-box img):not(.remark-link-card-plus__thumbnail img):not(.remark-link-card-plus__main img), #post-cover img {
3
        @apply cursor-zoom-in
4
    }
5
}

1
const categories = await getCategoryList();
2
categories.sort((a, b) => b.count - a.count);

1
<ButtonTag href={getTagUrl(t.name)} label={`View all posts with the ${t.name.trim()} tag`}>
2
    {t.name.trim()}
3
    {`${t.name.trim()} : ${t.count}`}
4
</ButtonTag>

1
const imageClass = "w-full h-full md:object-contain rounded-xl";
2
const imageClass = "w-full h-full object-cover";

1
const robotsTxt = `
2
User-agent: *
3
Disallow: /_astro/
4
Allow: /_astro/*.webp
5
Allow: /_astro/*.jpg
6
Allow: /_astro/*.png
7
Allow: /_astro/*.svg