@@ -122,11 +122,11 @@ <h2 class="subheading">An .NET assembly extending the static site generator Stat
122122 < p > Earlier this year I blogged about that my < a href ="/posts/2021/2021-01-11-blog-migrated-to-statiq "> "Blog migrated to Statiq"</ a > , one advantage with < a href ="https://statiq.dev/ "> Statiq</ a > is that it's through .NET code really customizable and lets you adapt it fully to your needs. Code that can be packaged and distributed as a NuGet package, making it straightforward to share and reuse functionality between sites.< br /> < br /> In a three-part blog post series, I'll start going through the features of the NuGet package < a href ="https://www.nuget.org/packages/Devlead.Statiq "> Devlead.Statiq</ a > created for my own Statiq based sites - but probably useful for others too, and this first part will be about the TabGroup Shortcode.</ p >
123123< h2 id ="tabgroup-shortcode "> TabGroup Shortcode</ h2 >
124124< div class ="tab-wrap ">
125- < input type ="radio " id ="48bd4bf7c0484c689b4748fae542652a-424fb10b3ed943c68ae1da9e763adb3d " name ="48bd4bf7c0484c689b4748fae542652a " class ="tab " checked > < label for ="48bd4bf7c0484c689b4748fae542652a-424fb10b3ed943c68ae1da9e763adb3d " > Introduction</ label >
126- < input type ="radio " id ="48bd4bf7c0484c689b4748fae542652a-12bc97e11a4849cc810809d48b26a31e " name ="48bd4bf7c0484c689b4748fae542652a " class ="tab " > < label for ="48bd4bf7c0484c689b4748fae542652a-12bc97e11a4849cc810809d48b26a31e " > Prerequisites</ label >
127- < input type ="radio " id ="48bd4bf7c0484c689b4748fae542652a-00bd79e8110e4ddead480a1a099bb1a9 " name ="48bd4bf7c0484c689b4748fae542652a " class ="tab " > < label for ="48bd4bf7c0484c689b4748fae542652a-00bd79e8110e4ddead480a1a099bb1a9 " > Content</ label >
128- < input type ="radio " id ="48bd4bf7c0484c689b4748fae542652a-ebbb960a7f0d40a0a9a8b415e6e2ae7f " name ="48bd4bf7c0484c689b4748fae542652a " class ="tab " > < label for ="48bd4bf7c0484c689b4748fae542652a-ebbb960a7f0d40a0a9a8b415e6e2ae7f " > Include</ label >
129- < input type ="radio " id ="48bd4bf7c0484c689b4748fae542652a-d0bfb6e076c34aee93434649eb67ce74 " name ="48bd4bf7c0484c689b4748fae542652a " class ="tab " > < label for ="48bd4bf7c0484c689b4748fae542652a-d0bfb6e076c34aee93434649eb67ce74 " > Code</ label >
125+ < input type ="radio " id ="71630f09390c44bbb5029a51fb3f98a6-eeb7e1b0e0c5415da2c70baf07b4ed76 " name ="71630f09390c44bbb5029a51fb3f98a6 " class ="tab " checked > < label for ="71630f09390c44bbb5029a51fb3f98a6-eeb7e1b0e0c5415da2c70baf07b4ed76 " > Introduction</ label >
126+ < input type ="radio " id ="71630f09390c44bbb5029a51fb3f98a6-ebb12eb5c31b485cab9c1a812edd2cb6 " name ="71630f09390c44bbb5029a51fb3f98a6 " class ="tab " > < label for ="71630f09390c44bbb5029a51fb3f98a6-ebb12eb5c31b485cab9c1a812edd2cb6 " > Prerequisites</ label >
127+ < input type ="radio " id ="71630f09390c44bbb5029a51fb3f98a6-950e6b62cf6248dcb894c8c0b36acbc8 " name ="71630f09390c44bbb5029a51fb3f98a6 " class ="tab " > < label for ="71630f09390c44bbb5029a51fb3f98a6-950e6b62cf6248dcb894c8c0b36acbc8 " > Content</ label >
128+ < input type ="radio " id ="71630f09390c44bbb5029a51fb3f98a6-eb717b301f724c21aa473f70a897bd51 " name ="71630f09390c44bbb5029a51fb3f98a6 " class ="tab " > < label for ="71630f09390c44bbb5029a51fb3f98a6-eb717b301f724c21aa473f70a897bd51 " > Include</ label >
129+ < input type ="radio " id ="71630f09390c44bbb5029a51fb3f98a6-ca5d0c5afadf49b5b858044a2e30a4af " name ="71630f09390c44bbb5029a51fb3f98a6 " class ="tab " > < label for ="71630f09390c44bbb5029a51fb3f98a6-ca5d0c5afadf49b5b858044a2e30a4af " > Code</ label >
130130< div class ="tab__content ">
131131
132132< p > Statiq < a href ="https://statiq.dev/framework/content/shortcodes "> shortcodes</ a > are small but powerful macros that can generate content or add metadata to your documents.</ p >
@@ -220,8 +220,8 @@ <h3 id="example-usage">Example usage</h3>
220220
221221< h3 id ="result "> Result</ h3 >
222222< div class ="tab-wrap ">
223- < input type ="radio " id ="77f9b2be477d4049955a7649927b68e6-82d33d9211fe4457ab2fdffd2315a224 " name ="77f9b2be477d4049955a7649927b68e6 " class ="tab " checked > < label for ="77f9b2be477d4049955a7649927b68e6-82d33d9211fe4457ab2fdffd2315a224 " > Tab Two</ label >
224- < input type ="radio " id ="77f9b2be477d4049955a7649927b68e6-63b8f88a9e5645bd8f535b9034f5c072 " name ="77f9b2be477d4049955a7649927b68e6 " class ="tab " > < label for ="77f9b2be477d4049955a7649927b68e6-63b8f88a9e5645bd8f535b9034f5c072 " > Tab One</ label >
223+ < input type ="radio " id ="bae43bb659d343edbbf8e8d816552966-f132565a35da40998db2524f37340ed4 " name ="bae43bb659d343edbbf8e8d816552966 " class ="tab " checked > < label for ="bae43bb659d343edbbf8e8d816552966-f132565a35da40998db2524f37340ed4 " > Tab Two</ label >
224+ < input type ="radio " id ="bae43bb659d343edbbf8e8d816552966-6fd53b9662b34656b6c468d719fece58 " name ="bae43bb659d343edbbf8e8d816552966 " class ="tab " > < label for ="bae43bb659d343edbbf8e8d816552966-6fd53b9662b34656b6c468d719fece58 " > Tab One</ label >
225225< div class ="tab__content ">
226226
227227< h2 id ="famous-words "> Famous words</ h2 >
@@ -272,8 +272,8 @@ <h3 id="example-usage">Example usage</h3>
272272
273273< h3 id ="result "> Result</ h3 >
274274< div class ="tab-wrap ">
275- < input type ="radio " id ="e873935dcabe417e865c4ef98d7b04cf-b184859e191a4ce4bfed4f04cedf39e2 " name ="e873935dcabe417e865c4ef98d7b04cf " class ="tab " checked > < label for ="e873935dcabe417e865c4ef98d7b04cf-b184859e191a4ce4bfed4f04cedf39e2 " > Lorem Ipsum</ label >
276- < input type ="radio " id ="e873935dcabe417e865c4ef98d7b04cf-d15e738173a84ff1b8dc8c2a0a72f83a " name ="e873935dcabe417e865c4ef98d7b04cf " class ="tab " > < label for ="e873935dcabe417e865c4ef98d7b04cf-d15e738173a84ff1b8dc8c2a0a72f83a " > Famous words</ label >
275+ < input type ="radio " id ="399e6044fbe24b48bf4bac9d129cb7ee-779b041ee166497aa2e7c4309312c0fe " name ="399e6044fbe24b48bf4bac9d129cb7ee " class ="tab " checked > < label for ="399e6044fbe24b48bf4bac9d129cb7ee-779b041ee166497aa2e7c4309312c0fe " > Lorem Ipsum</ label >
276+ < input type ="radio " id ="399e6044fbe24b48bf4bac9d129cb7ee-55e003446bbc4c3b8e73f89a8a3bc856 " name ="399e6044fbe24b48bf4bac9d129cb7ee " class ="tab " > < label for ="399e6044fbe24b48bf4bac9d129cb7ee-55e003446bbc4c3b8e73f89a8a3bc856 " > Famous words</ label >
277277< div class ="tab__content ">
278278
279279< h2 id ="famous-words "> Famous words</ h2 >
@@ -331,10 +331,10 @@ <h3 id="example-usage">Example usage</h3>
331331
332332< h3 id ="result "> Result</ h3 >
333333< div class ="tab-wrap ">
334- < input type ="radio " id ="598d8f35e9c44cae9086109a1a73d3b9-b8d500094974450bb3a584b8c11b01ca " name ="598d8f35e9c44cae9086109a1a73d3b9 " class ="tab " checked > < label for ="598d8f35e9c44cae9086109a1a73d3b9-b8d500094974450bb3a584b8c11b01ca " > settings.yml</ label >
335- < input type ="radio " id ="598d8f35e9c44cae9086109a1a73d3b9-1249e254155545d9ae29c90dc6cd0779 " name ="598d8f35e9c44cae9086109a1a73d3b9 " class ="tab " > < label for ="598d8f35e9c44cae9086109a1a73d3b9-1249e254155545d9ae29c90dc6cd0779 " > Settings yaml file</ label >
336- < input type ="radio " id ="598d8f35e9c44cae9086109a1a73d3b9-64550b8603f949889a0ad8faecd796c8 " name ="598d8f35e9c44cae9086109a1a73d3b9 " class ="tab " > < label for ="598d8f35e9c44cae9086109a1a73d3b9-64550b8603f949889a0ad8faecd796c8 " > _head.cshtml</ label >
337- < input type ="radio " id ="598d8f35e9c44cae9086109a1a73d3b9-714b74d67ee04e41abb9d302b3e3a345 " name ="598d8f35e9c44cae9086109a1a73d3b9 " class ="tab " > < label for ="598d8f35e9c44cae9086109a1a73d3b9-714b74d67ee04e41abb9d302b3e3a345 " > _head.cshtml</ label >
334+ < input type ="radio " id ="ebec56e0e28447cdaaf4de5c129af93c-655dd3d8826149658487cb5eef625441 " name ="ebec56e0e28447cdaaf4de5c129af93c " class ="tab " checked > < label for ="ebec56e0e28447cdaaf4de5c129af93c-655dd3d8826149658487cb5eef625441 " > settings.yml</ label >
335+ < input type ="radio " id ="ebec56e0e28447cdaaf4de5c129af93c-0aff8e0511d54a2abd2cc982109d1124 " name ="ebec56e0e28447cdaaf4de5c129af93c " class ="tab " > < label for ="ebec56e0e28447cdaaf4de5c129af93c-0aff8e0511d54a2abd2cc982109d1124 " > Settings yaml file</ label >
336+ < input type ="radio " id ="ebec56e0e28447cdaaf4de5c129af93c-191cabf4b11f440582d509f58e555e20 " name ="ebec56e0e28447cdaaf4de5c129af93c " class ="tab " > < label for ="ebec56e0e28447cdaaf4de5c129af93c-191cabf4b11f440582d509f58e555e20 " > _head.cshtml</ label >
337+ < input type ="radio " id ="ebec56e0e28447cdaaf4de5c129af93c-d65ca414dafb48b5b1192eb38d9b3b70 " name ="ebec56e0e28447cdaaf4de5c129af93c " class ="tab " > < label for ="ebec56e0e28447cdaaf4de5c129af93c-d65ca414dafb48b5b1192eb38d9b3b70 " > _head.cshtml</ label >
338338< div class ="tab__content ">
339339
340340< pre > < code class ="language-yaml "> Host: "www.devlead.se"
0 commit comments