@@ -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 ="a234f355945a40eebe3a68cbdefab4a0-63f02307210c40e5b2727fc78d071065 " name ="a234f355945a40eebe3a68cbdefab4a0 " class ="tab " checked > < label for ="a234f355945a40eebe3a68cbdefab4a0-63f02307210c40e5b2727fc78d071065 " > Introduction</ label >
126- < input type ="radio " id ="a234f355945a40eebe3a68cbdefab4a0-132d61581ef140a5bb0ed825c7be8259 " name ="a234f355945a40eebe3a68cbdefab4a0 " class ="tab " > < label for ="a234f355945a40eebe3a68cbdefab4a0-132d61581ef140a5bb0ed825c7be8259 " > Prerequisites</ label >
127- < input type ="radio " id ="a234f355945a40eebe3a68cbdefab4a0-ff9d5a3c16754fb7becf43c9159b2880 " name ="a234f355945a40eebe3a68cbdefab4a0 " class ="tab " > < label for ="a234f355945a40eebe3a68cbdefab4a0-ff9d5a3c16754fb7becf43c9159b2880 " > Content</ label >
128- < input type ="radio " id ="a234f355945a40eebe3a68cbdefab4a0-274c87af5dcf4b97bbe3296aa29e58ef " name ="a234f355945a40eebe3a68cbdefab4a0 " class ="tab " > < label for ="a234f355945a40eebe3a68cbdefab4a0-274c87af5dcf4b97bbe3296aa29e58ef " > Include</ label >
129- < input type ="radio " id ="a234f355945a40eebe3a68cbdefab4a0-b49e5fbb2726486ab10a9905393f71b4 " name ="a234f355945a40eebe3a68cbdefab4a0 " class ="tab " > < label for ="a234f355945a40eebe3a68cbdefab4a0-b49e5fbb2726486ab10a9905393f71b4 " > Code</ label >
125+ < input type ="radio " id ="326b6bf1f0a64706a5d5fb1c27d899f6-ef5bb4d636484ee08183bed940b610c8 " name ="326b6bf1f0a64706a5d5fb1c27d899f6 " class ="tab " checked > < label for ="326b6bf1f0a64706a5d5fb1c27d899f6-ef5bb4d636484ee08183bed940b610c8 " > Introduction</ label >
126+ < input type ="radio " id ="326b6bf1f0a64706a5d5fb1c27d899f6-a558ff5f41654efd9b725a3e4978eedb " name ="326b6bf1f0a64706a5d5fb1c27d899f6 " class ="tab " > < label for ="326b6bf1f0a64706a5d5fb1c27d899f6-a558ff5f41654efd9b725a3e4978eedb " > Prerequisites</ label >
127+ < input type ="radio " id ="326b6bf1f0a64706a5d5fb1c27d899f6-c92f5c21b60b49bab1cee2b75fad69b2 " name ="326b6bf1f0a64706a5d5fb1c27d899f6 " class ="tab " > < label for ="326b6bf1f0a64706a5d5fb1c27d899f6-c92f5c21b60b49bab1cee2b75fad69b2 " > Content</ label >
128+ < input type ="radio " id ="326b6bf1f0a64706a5d5fb1c27d899f6-0c4feea3386e4338bef1476468cc4c8e " name ="326b6bf1f0a64706a5d5fb1c27d899f6 " class ="tab " > < label for ="326b6bf1f0a64706a5d5fb1c27d899f6-0c4feea3386e4338bef1476468cc4c8e " > Include</ label >
129+ < input type ="radio " id ="326b6bf1f0a64706a5d5fb1c27d899f6-8bc2189c707c4deb8a65f1a74c5216e5 " name ="326b6bf1f0a64706a5d5fb1c27d899f6 " class ="tab " > < label for ="326b6bf1f0a64706a5d5fb1c27d899f6-8bc2189c707c4deb8a65f1a74c5216e5 " > 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 ="42de601eaa734c568dcfa7f7a16c3fdb-915931085c0d4716a117bfb3123f2ae7 " name ="42de601eaa734c568dcfa7f7a16c3fdb " class ="tab " checked > < label for ="42de601eaa734c568dcfa7f7a16c3fdb-915931085c0d4716a117bfb3123f2ae7 " > Tab Two</ label >
224- < input type ="radio " id ="42de601eaa734c568dcfa7f7a16c3fdb-fa74df60a62c489cb82d18d4c4118900 " name ="42de601eaa734c568dcfa7f7a16c3fdb " class ="tab " > < label for ="42de601eaa734c568dcfa7f7a16c3fdb-fa74df60a62c489cb82d18d4c4118900 " > Tab One</ label >
223+ < input type ="radio " id ="ec748b25bf894ec586691b29d4eb7c6f-01301c2accad458aab4a654c9c78532d " name ="ec748b25bf894ec586691b29d4eb7c6f " class ="tab " checked > < label for ="ec748b25bf894ec586691b29d4eb7c6f-01301c2accad458aab4a654c9c78532d " > Tab Two</ label >
224+ < input type ="radio " id ="ec748b25bf894ec586691b29d4eb7c6f-7b44bc198d0849f39efae9f8b8cf85e7 " name ="ec748b25bf894ec586691b29d4eb7c6f " class ="tab " > < label for ="ec748b25bf894ec586691b29d4eb7c6f-7b44bc198d0849f39efae9f8b8cf85e7 " > 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 ="37bbe856556245658f3231be21315869-3b8ac3f79a5b43de83015bf6d3ca0289 " name ="37bbe856556245658f3231be21315869 " class ="tab " checked > < label for ="37bbe856556245658f3231be21315869-3b8ac3f79a5b43de83015bf6d3ca0289 " > Lorem Ipsum</ label >
276- < input type ="radio " id ="37bbe856556245658f3231be21315869-3117240101f44961ac98d9817f85db00 " name ="37bbe856556245658f3231be21315869 " class ="tab " > < label for ="37bbe856556245658f3231be21315869-3117240101f44961ac98d9817f85db00 " > Famous words</ label >
275+ < input type ="radio " id ="559b0c041c864eca87aef1d98ec75d51-cdcf302250ac446da834fc38c3cd4dd8 " name ="559b0c041c864eca87aef1d98ec75d51 " class ="tab " checked > < label for ="559b0c041c864eca87aef1d98ec75d51-cdcf302250ac446da834fc38c3cd4dd8 " > Lorem Ipsum</ label >
276+ < input type ="radio " id ="559b0c041c864eca87aef1d98ec75d51-8a4a67b4369f4b26a368fad0a95b67fc " name ="559b0c041c864eca87aef1d98ec75d51 " class ="tab " > < label for ="559b0c041c864eca87aef1d98ec75d51-8a4a67b4369f4b26a368fad0a95b67fc " > 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 ="b166289eb7ce4afab6322b07ad6027c7-cd14dcbb21954f0a8cd743ec2e0a2432 " name ="b166289eb7ce4afab6322b07ad6027c7 " class ="tab " checked > < label for ="b166289eb7ce4afab6322b07ad6027c7-cd14dcbb21954f0a8cd743ec2e0a2432 " > settings.yml</ label >
335- < input type ="radio " id ="b166289eb7ce4afab6322b07ad6027c7-44a4a313cdbe4c8e8a52019ca8f8146d " name ="b166289eb7ce4afab6322b07ad6027c7 " class ="tab " > < label for ="b166289eb7ce4afab6322b07ad6027c7-44a4a313cdbe4c8e8a52019ca8f8146d " > Settings yaml file</ label >
336- < input type ="radio " id ="b166289eb7ce4afab6322b07ad6027c7-e2a7581f443b4460ace2804c67c26171 " name ="b166289eb7ce4afab6322b07ad6027c7 " class ="tab " > < label for ="b166289eb7ce4afab6322b07ad6027c7-e2a7581f443b4460ace2804c67c26171 " > _head.cshtml</ label >
337- < input type ="radio " id ="b166289eb7ce4afab6322b07ad6027c7-a47444801d11486aad51bd5d1f489578 " name ="b166289eb7ce4afab6322b07ad6027c7 " class ="tab " > < label for ="b166289eb7ce4afab6322b07ad6027c7-a47444801d11486aad51bd5d1f489578 " > _head.cshtml</ label >
334+ < input type ="radio " id ="dce665c24182403bbe148bcc228f19dd-9b0427b5354e46dbb7703402f2810663 " name ="dce665c24182403bbe148bcc228f19dd " class ="tab " checked > < label for ="dce665c24182403bbe148bcc228f19dd-9b0427b5354e46dbb7703402f2810663 " > settings.yml</ label >
335+ < input type ="radio " id ="dce665c24182403bbe148bcc228f19dd-8c8d5bbaab8d418d8582b146f4d7bced " name ="dce665c24182403bbe148bcc228f19dd " class ="tab " > < label for ="dce665c24182403bbe148bcc228f19dd-8c8d5bbaab8d418d8582b146f4d7bced " > Settings yaml file</ label >
336+ < input type ="radio " id ="dce665c24182403bbe148bcc228f19dd-d96b866029214543aaaa1dad8ace3e40 " name ="dce665c24182403bbe148bcc228f19dd " class ="tab " > < label for ="dce665c24182403bbe148bcc228f19dd-d96b866029214543aaaa1dad8ace3e40 " > _head.cshtml</ label >
337+ < input type ="radio " id ="dce665c24182403bbe148bcc228f19dd-609fef3272864fc28edcf09621aaf62c " name ="dce665c24182403bbe148bcc228f19dd " class ="tab " > < label for ="dce665c24182403bbe148bcc228f19dd-609fef3272864fc28edcf09621aaf62c " > _head.cshtml</ label >
338338< div class ="tab__content ">
339339
340340< pre > < code class ="language-yaml "> Host: "www.devlead.se"
0 commit comments