@@ -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 ="8a39e0f854c74402b6ffffec6f2d1b5a-2d64f4b2830a48148b56f466cc72ee4c " name ="8a39e0f854c74402b6ffffec6f2d1b5a " class ="tab " checked > < label for ="8a39e0f854c74402b6ffffec6f2d1b5a-2d64f4b2830a48148b56f466cc72ee4c " > Introduction</ label >
126- < input type ="radio " id ="8a39e0f854c74402b6ffffec6f2d1b5a-1c39891150b84956bfe4d8efa43ca8c5 " name ="8a39e0f854c74402b6ffffec6f2d1b5a " class ="tab " > < label for ="8a39e0f854c74402b6ffffec6f2d1b5a-1c39891150b84956bfe4d8efa43ca8c5 " > Prerequisites</ label >
127- < input type ="radio " id ="8a39e0f854c74402b6ffffec6f2d1b5a-36773a75e635465bbd5e8832939f826c " name ="8a39e0f854c74402b6ffffec6f2d1b5a " class ="tab " > < label for ="8a39e0f854c74402b6ffffec6f2d1b5a-36773a75e635465bbd5e8832939f826c " > Content</ label >
128- < input type ="radio " id ="8a39e0f854c74402b6ffffec6f2d1b5a-fc7fb2874f9b4c48ab39c0b31e44bfd7 " name ="8a39e0f854c74402b6ffffec6f2d1b5a " class ="tab " > < label for ="8a39e0f854c74402b6ffffec6f2d1b5a-fc7fb2874f9b4c48ab39c0b31e44bfd7 " > Include</ label >
129- < input type ="radio " id ="8a39e0f854c74402b6ffffec6f2d1b5a-cc7d790f6c6044429cb0ba3d8851a343 " name ="8a39e0f854c74402b6ffffec6f2d1b5a " class ="tab " > < label for ="8a39e0f854c74402b6ffffec6f2d1b5a-cc7d790f6c6044429cb0ba3d8851a343 " > Code</ label >
125+ < input type ="radio " id ="e5efe6b289f64ed4b24f7c09147ad2f7-9ed6db5a9a28466cb65cca04457c9464 " name ="e5efe6b289f64ed4b24f7c09147ad2f7 " class ="tab " checked > < label for ="e5efe6b289f64ed4b24f7c09147ad2f7-9ed6db5a9a28466cb65cca04457c9464 " > Introduction</ label >
126+ < input type ="radio " id ="e5efe6b289f64ed4b24f7c09147ad2f7-b8f0690b152c443e8789929c9c109a92 " name ="e5efe6b289f64ed4b24f7c09147ad2f7 " class ="tab " > < label for ="e5efe6b289f64ed4b24f7c09147ad2f7-b8f0690b152c443e8789929c9c109a92 " > Prerequisites</ label >
127+ < input type ="radio " id ="e5efe6b289f64ed4b24f7c09147ad2f7-394c3d2b5c9d4c71b33115a0c291bbc9 " name ="e5efe6b289f64ed4b24f7c09147ad2f7 " class ="tab " > < label for ="e5efe6b289f64ed4b24f7c09147ad2f7-394c3d2b5c9d4c71b33115a0c291bbc9 " > Content</ label >
128+ < input type ="radio " id ="e5efe6b289f64ed4b24f7c09147ad2f7-7097d070e9ec49b28e36248bad20dcb4 " name ="e5efe6b289f64ed4b24f7c09147ad2f7 " class ="tab " > < label for ="e5efe6b289f64ed4b24f7c09147ad2f7-7097d070e9ec49b28e36248bad20dcb4 " > Include</ label >
129+ < input type ="radio " id ="e5efe6b289f64ed4b24f7c09147ad2f7-be5531db5f5f406ba5822037f12cee78 " name ="e5efe6b289f64ed4b24f7c09147ad2f7 " class ="tab " > < label for ="e5efe6b289f64ed4b24f7c09147ad2f7-be5531db5f5f406ba5822037f12cee78 " > 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 ="958ca518f9f044afa6667f519c2f20c8-201884ada7e14c54a2d450ecbb89f777 " name ="958ca518f9f044afa6667f519c2f20c8 " class ="tab " checked > < label for ="958ca518f9f044afa6667f519c2f20c8-201884ada7e14c54a2d450ecbb89f777 " > Tab Two</ label >
224- < input type ="radio " id ="958ca518f9f044afa6667f519c2f20c8-041885631a784359a7884f7929dd91e9 " name ="958ca518f9f044afa6667f519c2f20c8 " class ="tab " > < label for ="958ca518f9f044afa6667f519c2f20c8-041885631a784359a7884f7929dd91e9 " > Tab One</ label >
223+ < input type ="radio " id ="fad18e2f0eff474e9e7f4d89abf4ea72-9a78162bcc4a4791a31cf4ca77b07a0e " name ="fad18e2f0eff474e9e7f4d89abf4ea72 " class ="tab " checked > < label for ="fad18e2f0eff474e9e7f4d89abf4ea72-9a78162bcc4a4791a31cf4ca77b07a0e " > Tab Two</ label >
224+ < input type ="radio " id ="fad18e2f0eff474e9e7f4d89abf4ea72-2ade71a062304a16805e6ab9afa36c70 " name ="fad18e2f0eff474e9e7f4d89abf4ea72 " class ="tab " > < label for ="fad18e2f0eff474e9e7f4d89abf4ea72-2ade71a062304a16805e6ab9afa36c70 " > 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 ="e50dab9f042647dd9b3d900187d3f1a5-c8e69afdd1474a4dac925fd2a646540a " name ="e50dab9f042647dd9b3d900187d3f1a5 " class ="tab " checked > < label for ="e50dab9f042647dd9b3d900187d3f1a5-c8e69afdd1474a4dac925fd2a646540a " > Lorem Ipsum</ label >
276- < input type ="radio " id ="e50dab9f042647dd9b3d900187d3f1a5-8b3b64c42f0947fdb3815208a01be50f " name ="e50dab9f042647dd9b3d900187d3f1a5 " class ="tab " > < label for ="e50dab9f042647dd9b3d900187d3f1a5-8b3b64c42f0947fdb3815208a01be50f " > Famous words</ label >
275+ < input type ="radio " id ="a120eddc39a54159a57dc30ca2c7160d-d86c21242c6c47dc9b11d4d84592e8c1 " name ="a120eddc39a54159a57dc30ca2c7160d " class ="tab " checked > < label for ="a120eddc39a54159a57dc30ca2c7160d-d86c21242c6c47dc9b11d4d84592e8c1 " > Lorem Ipsum</ label >
276+ < input type ="radio " id ="a120eddc39a54159a57dc30ca2c7160d-1adb0f774e9e4dcb95c06957ad0768b8 " name ="a120eddc39a54159a57dc30ca2c7160d " class ="tab " > < label for ="a120eddc39a54159a57dc30ca2c7160d-1adb0f774e9e4dcb95c06957ad0768b8 " > 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 ="6b7206b333e147bebcb22b68a8a2324f-cf3f555ecf0d421dbc926eec95f07c32 " name ="6b7206b333e147bebcb22b68a8a2324f " class ="tab " checked > < label for ="6b7206b333e147bebcb22b68a8a2324f-cf3f555ecf0d421dbc926eec95f07c32 " > settings.yml</ label >
335- < input type ="radio " id ="6b7206b333e147bebcb22b68a8a2324f-9cc430ffe94e421f9b2e482658fdccc1 " name ="6b7206b333e147bebcb22b68a8a2324f " class ="tab " > < label for ="6b7206b333e147bebcb22b68a8a2324f-9cc430ffe94e421f9b2e482658fdccc1 " > Settings yaml file</ label >
336- < input type ="radio " id ="6b7206b333e147bebcb22b68a8a2324f-17d9f53a5d8f42dab32290544535e402 " name ="6b7206b333e147bebcb22b68a8a2324f " class ="tab " > < label for ="6b7206b333e147bebcb22b68a8a2324f-17d9f53a5d8f42dab32290544535e402 " > _head.cshtml</ label >
337- < input type ="radio " id ="6b7206b333e147bebcb22b68a8a2324f-f0d761ed60164928a397b75a52c20fd8 " name ="6b7206b333e147bebcb22b68a8a2324f " class ="tab " > < label for ="6b7206b333e147bebcb22b68a8a2324f-f0d761ed60164928a397b75a52c20fd8 " > _head.cshtml</ label >
334+ < input type ="radio " id ="1b6ef003925745bc9d14b569dffc37be-ae8ab47e7e1648cb8406e94ad84abb08 " name ="1b6ef003925745bc9d14b569dffc37be " class ="tab " checked > < label for ="1b6ef003925745bc9d14b569dffc37be-ae8ab47e7e1648cb8406e94ad84abb08 " > settings.yml</ label >
335+ < input type ="radio " id ="1b6ef003925745bc9d14b569dffc37be-df0072d0e8bb477eba03b5bcca2e2ab5 " name ="1b6ef003925745bc9d14b569dffc37be " class ="tab " > < label for ="1b6ef003925745bc9d14b569dffc37be-df0072d0e8bb477eba03b5bcca2e2ab5 " > Settings yaml file</ label >
336+ < input type ="radio " id ="1b6ef003925745bc9d14b569dffc37be-08ec6ae126f04ccd94c815c7d897486b " name ="1b6ef003925745bc9d14b569dffc37be " class ="tab " > < label for ="1b6ef003925745bc9d14b569dffc37be-08ec6ae126f04ccd94c815c7d897486b " > _head.cshtml</ label >
337+ < input type ="radio " id ="1b6ef003925745bc9d14b569dffc37be-264b7383c52942a1bde94caa769aed80 " name ="1b6ef003925745bc9d14b569dffc37be " class ="tab " > < label for ="1b6ef003925745bc9d14b569dffc37be-264b7383c52942a1bde94caa769aed80 " > _head.cshtml</ label >
338338< div class ="tab__content ">
339339
340340< pre > < code class ="language-yaml "> Host: "www.devlead.se"
0 commit comments