generated from 11ty/eleventy-base-blog
-
-
Notifications
You must be signed in to change notification settings - Fork 5
/
plugins.njk
154 lines (138 loc) · 14.6 KB
/
plugins.njk
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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<div class="max-w-screen-lg mx-4 2xl:max-w-screen-xl lg:mx-auto my-32">
<div class="relative flex flex-col text-center items-center grid-cols-1 gap-4 place-content-center">
<div style="width: 1px;" class="h-16 mx-auto mb-4 bg-gradient-to-b from-base-200 to-base-content"></div>
<div class="text-[36px] font-extrabold leading-[1.3] tracking-wider text-base-content">Much more than a microblog</div>
<div class="text-[24px] mx-auto max-w-[800px] leading-[35px] font-normal text-base-content/60">Choose from a growing list of Bonfire extensions to enhance your instance and uncover new possibilities.</div>
</div>
<div class="colums-1 md:columns-2 lg:columns-3 gap-10 mt-20">
<div class="bg-[#282736] break-inside-avoid mb-10 rounded-2xl px-8 py-12">
<div class="w-[42px] mb-8 h-[42px] bg-gradient-to-tr from-[#7B4397] to-[#DC2430] flex place-content-center items-center rounded-xl shadow-xl">
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" width="1em" height="1em" viewBox="-5 -5 24 24"><path fill="currentColor" d="M6 6v2h2V6H6zm0-2h2V1a1 1 0 1 1 2 0v3h3a1 1 0 0 1 0 2h-3v2h3a1 1 0 0 1 0 2h-3v3a1 1 0 0 1-2 0v-3H6v3a1 1 0 0 1-2 0v-3H1a1 1 0 1 1 0-2h3V6H1a1 1 0 1 1 0-2h3V1a1 1 0 1 1 2 0v3z"/></svg>
</div>
<div class="text-xl font-semibold ">Topics</div>
<div class="text-lg text-base-content/70 mt-4">
Topics connect you with people who share your passion, to share ideas and have in-depth discussions on a specific theme. By following a topic (like "solarpunk" or "upcycling tips") you'll receive posts carefully curated by a team you trust.
</div>
<div class="relative mb-[-46px] mt-6 isolate overflow-hidden sm:mx-auto sm:max-w-2xl sm:rounded-3xl lg:mx-0 lg:max-w-none">
<div class="mx-auto max-w-2xl sm:mx-0 sm:max-w-none">
<img src="/img/topics.png" alt="topics preview" width="640" height="492" class="w-full max-w-none">
</div>
</div>
</div>
<div class="bg-[#282736] break-inside-avoid mb-10 rounded-2xl px-8 py-12">
<div class="w-[42px] mb-8 h-[42px] bg-gradient-to-tr from-[#7B4397] to-[#DC2430] flex place-content-center items-center rounded-xl shadow-xl">
<svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 22q-2.075 0-3.9-.788q-1.825-.787-3.175-2.137q-1.35-1.35-2.137-3.175Q2 14.075 2 12t.788-3.9q.787-1.825 2.137-3.175q1.35-1.35 3.175-2.138Q9.925 2 12 2q1.625 0 3.075.475q1.45.475 2.675 1.325L16.3 5.275q-.95-.6-2.025-.938Q13.2 4 12 4Q8.675 4 6.338 6.337Q4 8.675 4 12t2.338 5.663Q8.675 20 12 20q3.325 0 5.663-2.337Q20 15.325 20 12q0-.45-.05-.9t-.15-.875L21.425 8.6q.275.8.425 1.65q.15.85.15 1.75q0 2.075-.788 3.9q-.787 1.825-2.137 3.175q-1.35 1.35-3.175 2.137Q14.075 22 12 22Zm-1.4-5.4l-4.25-4.25l1.4-1.4l2.85 2.85l10-10.025l1.4 1.4Z"/></svg>
</div>
<div class="text-xl font-semibold ">Tasks</div>
<div class="text-lg text-base-content/70 mt-4">
Create to-do lists and assign tasks to yourself or others across multiple instances. Coordinate work in teams, stay in the loop, make progress, and get it done.
</div>
</div>
<div class="bg-[#282736] break-inside-avoid mb-10 rounded-2xl px-8 py-12">
<div class="w-[42px] mb-8 h-[42px] bg-gradient-to-tr from-[#7B4397] to-[#DC2430] flex place-content-center items-center rounded-xl shadow-xl">
<svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12c5.16-1.26 9-6.45 9-12V5l-9-4m0 4a3 3 0 0 1 3 3a3 3 0 0 1-3 3a3 3 0 0 1-3-3a3 3 0 0 1 3-3m5.13 12A9.69 9.69 0 0 1 12 20.92A9.69 9.69 0 0 1 6.87 17c-.34-.5-.63-1-.87-1.53c0-1.65 2.71-3 6-3s6 1.32 6 3c-.24.53-.53 1.03-.87 1.53Z"/></svg>
</div>
<div class="text-xl font-semibold ">Custom roles</div>
<div class="text-lg text-base-content/70 mt-4">
Create and assign custom roles to grant different groups of permissions to users and circles. Roles affect what actions users can take and what information they can view, interact with, or even edit.</div>
<div class="relative mb-[-46px] mt-6 isolate overflow-hidden sm:mx-auto sm:max-w-2xl sm:rounded-3xl lg:mx-0 lg:max-w-none">
<div class="mx-auto max-w-2xl sm:mx-0 sm:max-w-none">
<img src="/img/role.png" alt="role preview" width="640" height="492" class="w-full max-w-none">
</div>
</div>
</div>
<div class="bg-[#282736] break-inside-avoid mb-10 rounded-2xl px-8 py-12">
<div class="w-[42px] mb-8 h-[42px] bg-gradient-to-tr from-[#7B4397] to-[#DC2430] flex place-content-center items-center rounded-xl shadow-xl">
<svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14 14.252v2.09A6 6 0 0 0 6 22l-2-.001a8 8 0 0 1 10-7.748zM12 13c-3.315 0-6-2.685-6-6s2.685-6 6-6s6 2.685 6 6s-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4s-4 1.79-4 4s1.79 4 4 4zm6.586 6l-1.829-1.828l1.415-1.415L22.414 18l-4.242 4.243l-1.415-1.415L18.586 19H15v-2h3.586z"/></svg>
</div>
<div class="text-xl font-semibold ">Shared user</div>
<div class="text-lg text-base-content/70 mt-4">
Manage your group's online presence by sharing a single user profile with multiple people. Useful for organizations, teams, or families to manage their online presence collectively and communicate with others transparently.
</div>
</div>
<div class="bg-[#282736] break-inside-avoid mb-10 rounded-2xl px-8 py-12">
<div class="w-[42px] mb-8 h-[42px] bg-gradient-to-tr from-[#7B4397] to-[#DC2430] flex place-content-center items-center rounded-xl shadow-xl">
<svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8 3C5.79 3 4 4.79 4 7v7c0 1.1.9 2 2 2h3v4c0 1.1.9 2 2 2h2c1.1 0 2-.9 2-2v-4h3c1.1 0 2-.9 2-2V3H8m0 2h4v2h2V5h1v4h2V5h1v5H6V7c0-1.1.9-2 2-2m-2 9v-2h12v2H6Z"/></svg>
</div>
<div class="text-xl font-semibold ">Personalize the look & feel</div>
<div class="text-lg text-base-content/70 mt-4">
Pick your preferred color scheme or define your own palette to give your instance a personal touch. Creating your own theme is simple and does not require writing code.
</div>
<div class="relative mb-[-46px] mt-6 isolate overflow-hidden sm:mx-auto sm:max-w-2xl sm:rounded-3xl lg:mx-0 lg:max-w-none">
<div class="mx-auto max-w-2xl sm:mx-0 sm:max-w-none">
<img src="/img/theme.png" alt="theme preview" width="640" height="492" class="w-full max-w-none">
</div>
</div>
</div>
<div class="bg-[#282736] break-inside-avoid mb-10 rounded-2xl px-8 py-12">
<div class="w-[42px] mb-8 h-[42px] bg-gradient-to-tr from-[#7B4397] to-[#DC2430] flex place-content-center items-center rounded-xl shadow-xl">
<svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16H3l3.47-4.66A2 2 0 1 0 3 9.8m7 6.2V8h4m-4 4h3m4 4v-6a2 2 0 0 1 4 0v6m-4-3h4"/></svg>
</div>
<div class="text-xl font-semibold ">Two-Factor Authentication</div>
<div class="text-lg text-base-content/70 mt-4">
Increase the security of your account by enabling Two-Factor Authentication (2FA).
</div>
</div>
<div class="bg-[#282736] break-inside-avoid mb-10 rounded-2xl px-8 py-12">
<div class="w-[42px] mb-8 h-[42px] bg-gradient-to-tr from-[#7B4397] to-[#DC2430] flex place-content-center items-center rounded-xl shadow-xl">
<svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="2" d="M18 24V12m5 10l-10-7m10 0l-10 7M8 11A5 5 0 1 0 8 1a5 5 0 0 0 0 10Zm5.023 2.023C11.772 11.76 10.013 11 8 11c-4 0-7 3-7 7v5h10"/></svg>
</div>
<div class="text-xl font-semibold ">Multiple identities</div>
<div class="text-lg text-base-content/70 mt-4">
Create multiple user profiles linked to the same account for an extra layer of privacy. This enables you to maintain a profile for each aspect of your online life, with different followers and privacy settings, without having to log in to separate accounts.</div>
</div>
<div class="bg-[#282736] break-inside-avoid mb-10 rounded-2xl px-8 py-12">
<div class="w-[42px] mb-8 h-[42px] bg-gradient-to-tr from-[#7B4397] to-[#DC2430] flex place-content-center items-center rounded-xl shadow-xl">
<svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M3.135 6.89c.933-.725 1.707-.225 2.74.971c.116.135.272-.023.361-.1c.088-.078 1.451-1.305 1.518-1.361c.066-.059.146-.169.041-.292a36.238 36.238 0 0 1-.743-.951c-1.808-2.365 4.946-3.969 3.909-3.994c-.528-.014-2.646-.039-2.963-.004c-1.283.135-2.894 1.334-3.705 1.893c-1.061.726-1.457 1.152-1.522 1.211c-.3.262-.048.867-.592 1.344c-.575.503-.934.122-1.267.414c-.165.146-.627.492-.759.607c-.133.117-.157.314-.021.471c0 0 1.264 1.396 1.37 1.52c.105.122.391.228.567.071c.177-.156.632-.553.708-.623c.078-.066-.05-.861.358-1.177zm5.708.517c-.12-.139-.269-.143-.397-.029L7.012 8.63a.289.289 0 0 0-.027.4l8.294 9.439c.194.223.53.246.751.053l.97-.813a.54.54 0 0 0 .052-.758L8.843 7.407zM19.902 3.39c-.074-.494-.33-.391-.463-.182c-.133.211-.721 1.102-.963 1.506c-.24.4-.832 1.191-1.934.41c-1.148-.811-.749-1.377-.549-1.758c.201-.383.818-1.457.907-1.59c.089-.135-.015-.527-.371-.363c-.357.164-2.523 1.025-2.823 2.26c-.307 1.256.257 2.379-.85 3.494l-1.343 1.4l1.349 1.566l1.654-1.57c.394-.396 1.236-.781 1.998-.607c1.633.369 2.524-.244 3.061-1.258c.482-.906.402-2.814.327-3.308zM2.739 17.053a.538.538 0 0 0 0 .758l.951.93c.208.209.538.121.746-.088l4.907-4.824l-1.503-1.714l-5.101 4.938z"/></svg>
</div>
<div class="text-xl font-semibold ">Inventory management</div>
<div class="text-lg text-base-content/70 mt-4">
Track tools, goods, and other assets, and record when they are transferred, stored, consumed, recycled, etc. The inventory extension is powered by the <a href="https://www.valueflo.ws/" class="link">ValueFlows vocabulary</a>.
</div>
<div class="relative mb-[-46px] mt-6 isolate overflow-hidden sm:mx-auto sm:max-w-2xl sm:rounded-3xl lg:mx-0 lg:max-w-none">
<div class="mx-auto max-w-2xl sm:mx-0 sm:max-w-none">
<img src="/img/inventory.png" alt="inventory preview" width="640" height="492" class="w-full max-w-none">
</div>
</div>
</div>
<div class="bg-[#282736] break-inside-avoid mb-10 rounded-2xl px-8 py-12">
<div class="w-[42px] mb-8 h-[42px] bg-gradient-to-tr from-[#7B4397] to-[#DC2430] flex place-content-center items-center rounded-xl shadow-xl">
<svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" width="1.13em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M413.5 237.5c-28.2 4.8-58.2-3.6-80-25.4L295.4 174c-15-15-23.4-35.2-23.4-56.4v-12.1L192.3 62c-5.3-2.9-8.6-8.6-8.3-14.7s3.9-11.5 9.5-14l47.2-21C259.1 4.2 279 0 299.2 0h18.1c36.7 0 72 14 98.7 39.1l44.6 42c24.2 22.8 33.2 55.7 26.6 86L503 183l8-8c9.4-9.4 24.6-9.4 33.9 0l24 24c9.4 9.4 9.4 24.6 0 33.9l-88 88c-9.4 9.4-24.6 9.4-33.9 0l-24-24c-9.4-9.4-9.4-24.6 0-33.9l8-8l-17.5-17.5zM27.4 377.1l233.5-194.5c3.5 4.9 7.5 9.6 11.8 14l38.1 38.1c6 6 12.4 11.2 19.2 15.7L134.9 484.6C120.4 502 98.9 512 76.3 512C34.1 512 0 477.8 0 435.7c0-22.6 10.1-44.1 27.4-58.6z"/></svg>
</div>
<div class="text-xl font-semibold ">Build your own</div>
<div class="text-lg text-base-content/70 mt-4">
You can develop your own extensions, and leverage on our set of utilities and core modules to plug it seamlessy with the rest of the core modules.
Develop your own extensions using our set of utilities and core modules for seamless integration with core functionality such as circles/boundaries, federation, and activity feeds.
</div>
</div>
</div>
</div>
{# <div class="rounded-xl shadow-xl bg-cover self-center object-center bg-no-repeat h-[400px] bg-[url('/img/3.png')] ">
<div class="rounded-xl place-content-center items-center flex flex-col bg-black/30 h-[400px]">
<div class="flex flex-col gap-6 mx-4 lg:mx-auto">
<p class="text-2xl font-extrabold tracking-tight text-center text-base-content sm:block sm:text-4xl">Sign up to our newsletter for more stories</p>
<div id="mc_embed_signup mt-6">
<form action="https://bonfirenetworks.us14.list-manage.com/subscribe/post?u=d878a2618cbfbfec0b70c675a&id=101bb5044b" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div class="flex items-center gap-3 place-content-center" id="mc_embed_signup_scroll">
<div class="col-span-2 mc-field-group">
<input type="email" value="" name="EMAIL" placeholder="Enter your email" class="max-w-[420px] w-[340px] bg-base-content/60 text-base-300 placeholder:text-base-300 required email input input-bordered" id="mce-EMAIL">
</div>
<div id="mce-responses" class="mt-3 clear foot">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_d878a2618cbfbfec0b70c675a_101bb5044b" tabindex="-1" value=""></div>
<div class="optionalParent">
<div class="clear foot">
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="normal-case btn btn-primary">
<p class="sr-only brandingLogo"><a href="http://eepurl.com/h4IZrH" title="Mailchimp - email marketing made easy and fun"><img src="https://eep.io/mc-cdn-images/template_images/branding_logo_text_dark_dtp.svg"></a></p>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="my-4 text-lg text-center text-base-content/80">Your data is private and we will use it only for the purposes of contacting you about Bonfire.
<br/>You may unsubscribe at any time.</div>
</div> #}