@@ -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 ="70145299ebd3467f964921ce29a80f6b-c05c6401f63f44fdb038f00ac754649a " name ="70145299ebd3467f964921ce29a80f6b " class ="tab " checked > < label for ="70145299ebd3467f964921ce29a80f6b-c05c6401f63f44fdb038f00ac754649a " > Introduction</ label >
126- < input type ="radio " id ="70145299ebd3467f964921ce29a80f6b-0676206ddd96448b8a9c1f5e41a7821f " name ="70145299ebd3467f964921ce29a80f6b " class ="tab " > < label for ="70145299ebd3467f964921ce29a80f6b-0676206ddd96448b8a9c1f5e41a7821f " > Prerequisites</ label >
127- < input type ="radio " id ="70145299ebd3467f964921ce29a80f6b-a93bb4189e624f4bb79d1a0a1f55af23 " name ="70145299ebd3467f964921ce29a80f6b " class ="tab " > < label for ="70145299ebd3467f964921ce29a80f6b-a93bb4189e624f4bb79d1a0a1f55af23 " > Content</ label >
128- < input type ="radio " id ="70145299ebd3467f964921ce29a80f6b-eb02aa27cb0147ad8ab8a21136359c06 " name ="70145299ebd3467f964921ce29a80f6b " class ="tab " > < label for ="70145299ebd3467f964921ce29a80f6b-eb02aa27cb0147ad8ab8a21136359c06 " > Include</ label >
129- < input type ="radio " id ="70145299ebd3467f964921ce29a80f6b-2c6661cd488142a49770dba053786fbd " name ="70145299ebd3467f964921ce29a80f6b " class ="tab " > < label for ="70145299ebd3467f964921ce29a80f6b-2c6661cd488142a49770dba053786fbd " > Code</ label >
125+ < input type ="radio " id ="1079a070e5724031bd26dc381b8a7e27-748d49a9847748fe905ecfc374fc759c " name ="1079a070e5724031bd26dc381b8a7e27 " class ="tab " checked > < label for ="1079a070e5724031bd26dc381b8a7e27-748d49a9847748fe905ecfc374fc759c " > Introduction</ label >
126+ < input type ="radio " id ="1079a070e5724031bd26dc381b8a7e27-abec42bab7ec4e8ea5e4216d4f4aab68 " name ="1079a070e5724031bd26dc381b8a7e27 " class ="tab " > < label for ="1079a070e5724031bd26dc381b8a7e27-abec42bab7ec4e8ea5e4216d4f4aab68 " > Prerequisites</ label >
127+ < input type ="radio " id ="1079a070e5724031bd26dc381b8a7e27-13dac79b13d541898567be21e8988a18 " name ="1079a070e5724031bd26dc381b8a7e27 " class ="tab " > < label for ="1079a070e5724031bd26dc381b8a7e27-13dac79b13d541898567be21e8988a18 " > Content</ label >
128+ < input type ="radio " id ="1079a070e5724031bd26dc381b8a7e27-3dd5da768e35457a8163c19e6608f8d7 " name ="1079a070e5724031bd26dc381b8a7e27 " class ="tab " > < label for ="1079a070e5724031bd26dc381b8a7e27-3dd5da768e35457a8163c19e6608f8d7 " > Include</ label >
129+ < input type ="radio " id ="1079a070e5724031bd26dc381b8a7e27-fe53fe0438124bac8140eaf300b274e4 " name ="1079a070e5724031bd26dc381b8a7e27 " class ="tab " > < label for ="1079a070e5724031bd26dc381b8a7e27-fe53fe0438124bac8140eaf300b274e4 " > 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 ="8f027a4b153a4d45884ef08a7be9dd2c-0f77c02b26944d7593aecae4f9607a4c " name ="8f027a4b153a4d45884ef08a7be9dd2c " class ="tab " checked > < label for ="8f027a4b153a4d45884ef08a7be9dd2c-0f77c02b26944d7593aecae4f9607a4c " > Tab Two</ label >
224- < input type ="radio " id ="8f027a4b153a4d45884ef08a7be9dd2c-ee4ee76ee75945e09cb2c7697b07e1cf " name ="8f027a4b153a4d45884ef08a7be9dd2c " class ="tab " > < label for ="8f027a4b153a4d45884ef08a7be9dd2c-ee4ee76ee75945e09cb2c7697b07e1cf " > Tab One</ label >
223+ < input type ="radio " id ="426ef1f34d7b414eb570367abf076976-b0332af65c8c4af5bf10521ab5cceed9 " name ="426ef1f34d7b414eb570367abf076976 " class ="tab " checked > < label for ="426ef1f34d7b414eb570367abf076976-b0332af65c8c4af5bf10521ab5cceed9 " > Tab Two</ label >
224+ < input type ="radio " id ="426ef1f34d7b414eb570367abf076976-f8654bf420744a5d8da74051200a54fd " name ="426ef1f34d7b414eb570367abf076976 " class ="tab " > < label for ="426ef1f34d7b414eb570367abf076976-f8654bf420744a5d8da74051200a54fd " > 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 ="89b4a4fea10d4ac6b1ebc11490e52d52-2a50052cd5f847968874a6f22c6453c6 " name ="89b4a4fea10d4ac6b1ebc11490e52d52 " class ="tab " checked > < label for ="89b4a4fea10d4ac6b1ebc11490e52d52-2a50052cd5f847968874a6f22c6453c6 " > Lorem Ipsum</ label >
276- < input type ="radio " id ="89b4a4fea10d4ac6b1ebc11490e52d52-8256392461294417a93a4fe99df2fed4 " name ="89b4a4fea10d4ac6b1ebc11490e52d52 " class ="tab " > < label for ="89b4a4fea10d4ac6b1ebc11490e52d52-8256392461294417a93a4fe99df2fed4 " > Famous words</ label >
275+ < input type ="radio " id ="7e0274adfe634615aabfa3a2919df8f0-8da52a404d1d473fb4ed4cfb2c70262b " name ="7e0274adfe634615aabfa3a2919df8f0 " class ="tab " checked > < label for ="7e0274adfe634615aabfa3a2919df8f0-8da52a404d1d473fb4ed4cfb2c70262b " > Lorem Ipsum</ label >
276+ < input type ="radio " id ="7e0274adfe634615aabfa3a2919df8f0-6dbffa37db4441338dab1553917e8276 " name ="7e0274adfe634615aabfa3a2919df8f0 " class ="tab " > < label for ="7e0274adfe634615aabfa3a2919df8f0-6dbffa37db4441338dab1553917e8276 " > 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 ="456710b3e1044efea2235b8c3ff3ac85-996dece07722428a86e7896c605663eb " name ="456710b3e1044efea2235b8c3ff3ac85 " class ="tab " checked > < label for ="456710b3e1044efea2235b8c3ff3ac85-996dece07722428a86e7896c605663eb " > settings.yml</ label >
335- < input type ="radio " id ="456710b3e1044efea2235b8c3ff3ac85-6ca2a8347ec8409692f32e51e3d16e07 " name ="456710b3e1044efea2235b8c3ff3ac85 " class ="tab " > < label for ="456710b3e1044efea2235b8c3ff3ac85-6ca2a8347ec8409692f32e51e3d16e07 " > Settings yaml file</ label >
336- < input type ="radio " id ="456710b3e1044efea2235b8c3ff3ac85-2970796bbd1148cd99a5a3b5eb973ac8 " name ="456710b3e1044efea2235b8c3ff3ac85 " class ="tab " > < label for ="456710b3e1044efea2235b8c3ff3ac85-2970796bbd1148cd99a5a3b5eb973ac8 " > _head.cshtml</ label >
337- < input type ="radio " id ="456710b3e1044efea2235b8c3ff3ac85-a1a01690ec33440c8462fd558cf14e8c " name ="456710b3e1044efea2235b8c3ff3ac85 " class ="tab " > < label for ="456710b3e1044efea2235b8c3ff3ac85-a1a01690ec33440c8462fd558cf14e8c " > _head.cshtml</ label >
334+ < input type ="radio " id ="bf13fa71b41f4509b67696dd219e7770-3069ba24fd0145a8a77de75bc4ab9cd7 " name ="bf13fa71b41f4509b67696dd219e7770 " class ="tab " checked > < label for ="bf13fa71b41f4509b67696dd219e7770-3069ba24fd0145a8a77de75bc4ab9cd7 " > settings.yml</ label >
335+ < input type ="radio " id ="bf13fa71b41f4509b67696dd219e7770-7e0b18c44bae4951b895907e5d5a2154 " name ="bf13fa71b41f4509b67696dd219e7770 " class ="tab " > < label for ="bf13fa71b41f4509b67696dd219e7770-7e0b18c44bae4951b895907e5d5a2154 " > Settings yaml file</ label >
336+ < input type ="radio " id ="bf13fa71b41f4509b67696dd219e7770-673624d1bb714cd6847d50268826c1da " name ="bf13fa71b41f4509b67696dd219e7770 " class ="tab " > < label for ="bf13fa71b41f4509b67696dd219e7770-673624d1bb714cd6847d50268826c1da " > _head.cshtml</ label >
337+ < input type ="radio " id ="bf13fa71b41f4509b67696dd219e7770-102abceeeeff4e3fa7f5d56f1fb542e4 " name ="bf13fa71b41f4509b67696dd219e7770 " class ="tab " > < label for ="bf13fa71b41f4509b67696dd219e7770-102abceeeeff4e3fa7f5d56f1fb542e4 " > _head.cshtml</ label >
338338< div class ="tab__content ">
339339
340340< pre > < code class ="language-yaml "> Host: "www.devlead.se"
0 commit comments