1---
2import * as CONFIG from '../../config';
3
4type Props = {
5  editHref?: string;
6};
7
8const { editHref } = Astro.props as Props;
9const showMoreSection = CONFIG.COMMUNITY_INVITE_URL;
10---
11
12<ul class="px-4 py-4">
13  {
14    editHref && (
15      <li>
16        <a class="flex items-center space-x-2" href={editHref} target="_blank">
17          <svg
18            aria-hidden="true"
19            focusable="false"
20            data-prefix="fas"
21            data-icon="pen"
22            class="svg-inline--fa fa-pen fa-w-16"
23            role="img"
24            xmlns="http://www.w3.org/2000/svg"
25            viewBox="0 0 512 512"
26            height="1em"
27            width="1em"
28          >
29            <path
30              fill="currentColor"
31              d="M290.74 93.24l128.02 128.02-277.99 277.99-114.14 12.6C11.35 513.54-1.56 500.62.14 485.34l12.7-114.22 277.9-277.88zm207.2-19.06l-60.11-60.11c-18.75-18.75-49.16-18.75-67.91 0l-56.55 56.55 128.02 128.02 56.55-56.55c18.75-18.76 18.75-49.16 0-67.91z"
32            />
33          </svg>
34          <span>Edit this page</span>
35        </a>
36      </li>
37    )
38  }
39  {
40    CONFIG.COMMUNITY_INVITE_URL && (
41      <li class={`header-link depth-2`}>
42        <a href={CONFIG.COMMUNITY_INVITE_URL} target="_blank" class="flex items-center space-x-2">
43          <svg
44            aria-hidden="true"
45            focusable="false"
46            data-prefix="fas"
47            data-icon="comment-alt"
48            class="svg-inline--fa fa-comment-alt fa-w-16"
49            role="img"
50            xmlns="http://www.w3.org/2000/svg"
51            viewBox="0 0 512 512"
52            height="1em"
53            width="1em"
54          >
55            <path
56              fill="currentColor"
57              d="M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 9.8 11.2 15.5 19.1 9.7L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64z"
58            />
59          </svg>
60          <span>Join our community</span>
61        </a>
62      </li>
63    )
64  }
65  <li class="header-link depth-2">
66    <a rel="me" href="https://social.toplap.org/@strudel" target="_blank" class="flex items-center space-x-2">
67      <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewBox="0 0 216.4144 232.00976">
68        <path
69          fill="currentColor"
70          d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915"
71        ></path>
72        <path
73          fill="black"
74          d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675"
75        ></path>
76      </svg>
77      <span>@strudel on Mastodon</span></a
78    >
79  </li>
80</ul>