ghost-theme-starter-kit/author.hbs at main · frontendweb3/ghost-theme-starter-kit · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
{{!< default}}

<section class="max-w-7xl mx-auto px-4 md:px-8 pt-16 pb-24">
    <div class="mb-16 border-b border-border pb-12 flex flex-col md:flex-row items-center gap-8">
        {{#author}}

            {{#if profile_image}}
                <img class="w-24 h-24 rounded-full object-cover shadow-lg border-2 border-border" src="{{img_url profile_image size="s"}}" alt="{{name}}" />
            {{/if}}

            <div class="text-center md:text-left">
                <h1 class="text-4xl font-extrabold tracking-tight text-black dark:text-white mb-2">{{name}}</h1>
                {{#if bio}}
                    <p class="text-xl text-black dark:text-white max-w-2xl leading-relaxed mb-4">{{bio}}</p>
                {{/if}}
                <div class="flex flex-wrap justify-center md:justify-start gap-4 text-sm ">
                    {{#if location}}
                        <span>{{location}}</span>
                    {{/if}}
                    {{#if website}}
                        <a href="{{website}}" class="inline-flex justify-center items-center gap-2 hover:text-gray-900 dark:hover:text-white  transition-colors" target="_blank" rel="noopener" aria-label="Website">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-5 w-5">
                                <path d="M12 3.5a8.5 8.5 0 0 0-8.5 8.5 8.5 8.5 0 0 0 8.5 8.5 8.5 8.5 0 0 0 8.5-8.5A8.5 8.5 0 0 0 12 3.5Zm6.43 8h-2.33c-.06-1.22-.32-2.38-.74-3.37a7.03 7.03 0 0 1 3.07 3.37Zm-6.43 9a6.99 6.99 0 0 1-2.36-.4c.39-.88.67-1.96.79-3.1h3.14c-.12 1.14-.4 2.22-.8 3.1.6.2 1.23.32 1.88.36.34.02.68.03 1.02.04A7 7 0 0 1 12 20.5Zm-1.57-3.5c.1-1.03.11-2.09.04-3.14h3.06c.07 1.05.06 2.11-.04 3.14Zm-1.02-3.14c-.07 1.05-.06 2.11.04 3.14H8.46a7.1 7.1 0 0 1-1.5-3.14Zm.05-1.36H8.5a7.1 7.1 0 0 1 1.5-3.14h1.67c.1 1.03.11 2.09.04 3.14ZM9.64 6.8a6.99 6.99 0 0 1 2.36-.4c.41.88.69 1.96.81 3.1h-3.16c.12-1.14.4-2.22.8-3.1Zm-1.18 4.1A7.1 7.1 0 0 0 7 14.04 7.03 7.03 0 0 1 3.93 12a7.03 7.03 0 0 1 3.07-3.36c.44 1 .7 2.16.76 3.37Zm6.44 0h-2.16c-.07-1.21-.33-2.38-.76-3.38a7.03 7.03 0 0 1 3.07 3.37Zm-2.24 4.5c-.42-.99-.68-2.14-.74-3.36h2.33a7.1 7.1 0 0 1-1.59 3.36Zm2.8-4.5a7.1 7.1 0 0 0-1.5-3.37c.99.28 1.9.8 2.66 1.5.52.46.97 1 1.32 1.62.07.1.13.21.19.32a7.1 7.1 0 0 1-2.67-.07Z" />
                            <span class="sr-only">Website</span>
                        </a>
                    {{/if}}
                    {{#if twitter}}
                        <a href="{{social_url type="twitter"}}" class="inline-flex items-center gap-2 hover:text-gray-900 dark:hover:text-white transition-colors" target="_blank" rel="noopener" aria-label="Twitter">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-5 w-5">
                                <path d="M19.95 7.14c.01.14.01.27.01.4 0 4.1-3.12 8.83-8.83 8.83-1.75 0-3.38-.5-4.76-1.36a6.24 6.24 0 0 0 4.59-1.28 3.12 3.12 0 0 1-2.91-2.16 3.13 3.13 0 0 0 1.41-.05 3.12 3.12 0 0 1-2.5-3.06v-.04c.42.23.9.37 1.41.39a3.12 3.12 0 0 1-.97-4.17 8.85 8.85 0 0 0 6.42 3.26 3.12 3.12 0 0 1 5.31-2.85 6.21 6.21 0 0 0 1.98-.76 3.12 3.12 0 0 1-1.37 1.72 6.23 6.23 0 0 0 1.79-.49 6.3 6.3 0 0 1-1.56 1.61Z" />
                            <span class="sr-only">Twitter</span>
                        </a>
                    {{/if}}
                    {{#if facebook}}
                        <a href="{{social_url type="facebook"}}" class="inline-flex items-center gap-2 hover:text-gray-900 dark:hover:text-white transition-colors" target="_blank" rel="noopener" aria-label="Facebook">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-5 w-5">
                                <path d="M13.4 20.5v-6.96h2.34l.35-2.72H13.4v-1.74c0-.79.26-1.4 1.4-1.4h1.48V5.2c-.26-.04-1.16-.11-2.2-.11-2.17 0-3.66 1.32-3.66 3.74v2.08H8.1v2.72h2.32v6.97h2.98Z" />
                            <span class="sr-only">Facebook</span>
                        </a>
                    {{/if}}
                </div>
            </div>

        {{/author}}

    </div>

    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
        {{#foreach posts}}
            {{> "card"}}
        {{/foreach}}
    </div>

    <div class="mt-16 flex justify-center">
        {{pagination}}
    </div>
</section>