@@ -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 ="4b5af2684a124b879d8e5d81e35b9a2f-c4b4500e2d5f41a9b7fced98709f3cd8 " name ="4b5af2684a124b879d8e5d81e35b9a2f " class ="tab " checked > < label for ="4b5af2684a124b879d8e5d81e35b9a2f-c4b4500e2d5f41a9b7fced98709f3cd8 " > Introduction</ label >
126- < input type ="radio " id ="4b5af2684a124b879d8e5d81e35b9a2f-6a9127ac2a6a48fd9b174ee9ee845ffc " name ="4b5af2684a124b879d8e5d81e35b9a2f " class ="tab " > < label for ="4b5af2684a124b879d8e5d81e35b9a2f-6a9127ac2a6a48fd9b174ee9ee845ffc " > Prerequisites</ label >
127- < input type ="radio " id ="4b5af2684a124b879d8e5d81e35b9a2f-78f912464d2a4acd86e371a9edf14a25 " name ="4b5af2684a124b879d8e5d81e35b9a2f " class ="tab " > < label for ="4b5af2684a124b879d8e5d81e35b9a2f-78f912464d2a4acd86e371a9edf14a25 " > Content</ label >
128- < input type ="radio " id ="4b5af2684a124b879d8e5d81e35b9a2f-d8628d60308a47eeb03d9a9c4893dd2c " name ="4b5af2684a124b879d8e5d81e35b9a2f " class ="tab " > < label for ="4b5af2684a124b879d8e5d81e35b9a2f-d8628d60308a47eeb03d9a9c4893dd2c " > Include</ label >
129- < input type ="radio " id ="4b5af2684a124b879d8e5d81e35b9a2f-35d14036ddba484cb2a38272a070e7bb " name ="4b5af2684a124b879d8e5d81e35b9a2f " class ="tab " > < label for ="4b5af2684a124b879d8e5d81e35b9a2f-35d14036ddba484cb2a38272a070e7bb " > Code</ label >
125+ < input type ="radio " id ="6f75dc46edc243c6aaea81b477823b70-9ca46513312542bbaade1e0bc6dd9811 " name ="6f75dc46edc243c6aaea81b477823b70 " class ="tab " checked > < label for ="6f75dc46edc243c6aaea81b477823b70-9ca46513312542bbaade1e0bc6dd9811 " > Introduction</ label >
126+ < input type ="radio " id ="6f75dc46edc243c6aaea81b477823b70-c6731df6812044ce80e07a6076a6c997 " name ="6f75dc46edc243c6aaea81b477823b70 " class ="tab " > < label for ="6f75dc46edc243c6aaea81b477823b70-c6731df6812044ce80e07a6076a6c997 " > Prerequisites</ label >
127+ < input type ="radio " id ="6f75dc46edc243c6aaea81b477823b70-0ae6d5f1e3ce4b2cb382edd3f8b05ca3 " name ="6f75dc46edc243c6aaea81b477823b70 " class ="tab " > < label for ="6f75dc46edc243c6aaea81b477823b70-0ae6d5f1e3ce4b2cb382edd3f8b05ca3 " > Content</ label >
128+ < input type ="radio " id ="6f75dc46edc243c6aaea81b477823b70-7138929bd56b4df7a5553352c6e6f0ee " name ="6f75dc46edc243c6aaea81b477823b70 " class ="tab " > < label for ="6f75dc46edc243c6aaea81b477823b70-7138929bd56b4df7a5553352c6e6f0ee " > Include</ label >
129+ < input type ="radio " id ="6f75dc46edc243c6aaea81b477823b70-f153c47841d44f77b89e3a26755c5263 " name ="6f75dc46edc243c6aaea81b477823b70 " class ="tab " > < label for ="6f75dc46edc243c6aaea81b477823b70-f153c47841d44f77b89e3a26755c5263 " > 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 ="3c1d403942a848949bd84852c1d84855-5a6a9944d1ea483fbc42fd1b9ea20a21 " name ="3c1d403942a848949bd84852c1d84855 " class ="tab " checked > < label for ="3c1d403942a848949bd84852c1d84855-5a6a9944d1ea483fbc42fd1b9ea20a21 " > Tab Two</ label >
224- < input type ="radio " id ="3c1d403942a848949bd84852c1d84855-924addc28c1d431881a79361f62db81c " name ="3c1d403942a848949bd84852c1d84855 " class ="tab " > < label for ="3c1d403942a848949bd84852c1d84855-924addc28c1d431881a79361f62db81c " > Tab One</ label >
223+ < input type ="radio " id ="7935e7d709234c20845d43be3d8f2d3a-4893d0e2bbd5444b879c173ffd7d11c5 " name ="7935e7d709234c20845d43be3d8f2d3a " class ="tab " checked > < label for ="7935e7d709234c20845d43be3d8f2d3a-4893d0e2bbd5444b879c173ffd7d11c5 " > Tab Two</ label >
224+ < input type ="radio " id ="7935e7d709234c20845d43be3d8f2d3a-2ef291b820fa437aac8701eb30f53f32 " name ="7935e7d709234c20845d43be3d8f2d3a " class ="tab " > < label for ="7935e7d709234c20845d43be3d8f2d3a-2ef291b820fa437aac8701eb30f53f32 " > 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 ="4f46fa0880b041889a65e0f9d7164a4e-faf4e44f99514299bc12075a32fddebe " name ="4f46fa0880b041889a65e0f9d7164a4e " class ="tab " checked > < label for ="4f46fa0880b041889a65e0f9d7164a4e-faf4e44f99514299bc12075a32fddebe " > Lorem Ipsum</ label >
276- < input type ="radio " id ="4f46fa0880b041889a65e0f9d7164a4e-0206ad9e78aa4b6ca88f68d2745b353b " name ="4f46fa0880b041889a65e0f9d7164a4e " class ="tab " > < label for ="4f46fa0880b041889a65e0f9d7164a4e-0206ad9e78aa4b6ca88f68d2745b353b " > Famous words</ label >
275+ < input type ="radio " id ="9db72e88f9044d80bdfcac448e4a39dd-d40bc3fa56e4423f9f22de05cafdc35f " name ="9db72e88f9044d80bdfcac448e4a39dd " class ="tab " checked > < label for ="9db72e88f9044d80bdfcac448e4a39dd-d40bc3fa56e4423f9f22de05cafdc35f " > Lorem Ipsum</ label >
276+ < input type ="radio " id ="9db72e88f9044d80bdfcac448e4a39dd-80cacdd74e0f499d93cb95e3c71b57b9 " name ="9db72e88f9044d80bdfcac448e4a39dd " class ="tab " > < label for ="9db72e88f9044d80bdfcac448e4a39dd-80cacdd74e0f499d93cb95e3c71b57b9 " > 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 ="41ae4864463a4cb18f708eb3aadb55e5-4cfa752a5f254946b7d2e6381d37fd83 " name ="41ae4864463a4cb18f708eb3aadb55e5 " class ="tab " checked > < label for ="41ae4864463a4cb18f708eb3aadb55e5-4cfa752a5f254946b7d2e6381d37fd83 " > settings.yml</ label >
335- < input type ="radio " id ="41ae4864463a4cb18f708eb3aadb55e5-8ec939c5c60140b0b919835782b83e6d " name ="41ae4864463a4cb18f708eb3aadb55e5 " class ="tab " > < label for ="41ae4864463a4cb18f708eb3aadb55e5-8ec939c5c60140b0b919835782b83e6d " > Settings yaml file</ label >
336- < input type ="radio " id ="41ae4864463a4cb18f708eb3aadb55e5-467ca662583f4c809d9a04a7a242c88b " name ="41ae4864463a4cb18f708eb3aadb55e5 " class ="tab " > < label for ="41ae4864463a4cb18f708eb3aadb55e5-467ca662583f4c809d9a04a7a242c88b " > _head.cshtml</ label >
337- < input type ="radio " id ="41ae4864463a4cb18f708eb3aadb55e5-c0be9c96f7cd47f3a7aa95903effc472 " name ="41ae4864463a4cb18f708eb3aadb55e5 " class ="tab " > < label for ="41ae4864463a4cb18f708eb3aadb55e5-c0be9c96f7cd47f3a7aa95903effc472 " > _head.cshtml</ label >
334+ < input type ="radio " id ="6583258db64743d6913e6cb3c54db7ea-5f8e61fcc8ce4b6d849741f0f9e24e97 " name ="6583258db64743d6913e6cb3c54db7ea " class ="tab " checked > < label for ="6583258db64743d6913e6cb3c54db7ea-5f8e61fcc8ce4b6d849741f0f9e24e97 " > settings.yml</ label >
335+ < input type ="radio " id ="6583258db64743d6913e6cb3c54db7ea-01d9e18d27b140c7856ebd976701705c " name ="6583258db64743d6913e6cb3c54db7ea " class ="tab " > < label for ="6583258db64743d6913e6cb3c54db7ea-01d9e18d27b140c7856ebd976701705c " > Settings yaml file</ label >
336+ < input type ="radio " id ="6583258db64743d6913e6cb3c54db7ea-fc93dab7a3f24999b3d1e04e142db75e " name ="6583258db64743d6913e6cb3c54db7ea " class ="tab " > < label for ="6583258db64743d6913e6cb3c54db7ea-fc93dab7a3f24999b3d1e04e142db75e " > _head.cshtml</ label >
337+ < input type ="radio " id ="6583258db64743d6913e6cb3c54db7ea-5e035f082c8a49e7ba4bb62f14a454c8 " name ="6583258db64743d6913e6cb3c54db7ea " class ="tab " > < label for ="6583258db64743d6913e6cb3c54db7ea-5e035f082c8a49e7ba4bb62f14a454c8 " > _head.cshtml</ label >
338338< div class ="tab__content ">
339339
340340< pre > < code class ="language-yaml "> Host: "www.devlead.se"
0 commit comments