@@ -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 ="4214412f9f7041ccaa3cc2c599df7dfe-a02466e7b11e454bbd4603c0f807073f " name ="4214412f9f7041ccaa3cc2c599df7dfe " class ="tab " checked > < label for ="4214412f9f7041ccaa3cc2c599df7dfe-a02466e7b11e454bbd4603c0f807073f " > Introduction</ label >
126- < input type ="radio " id ="4214412f9f7041ccaa3cc2c599df7dfe-ae7b82fc547f46739677bcfefa9a6c5c " name ="4214412f9f7041ccaa3cc2c599df7dfe " class ="tab " > < label for ="4214412f9f7041ccaa3cc2c599df7dfe-ae7b82fc547f46739677bcfefa9a6c5c " > Prerequisites</ label >
127- < input type ="radio " id ="4214412f9f7041ccaa3cc2c599df7dfe-f308588a0f774f13b69f3611117e1f99 " name ="4214412f9f7041ccaa3cc2c599df7dfe " class ="tab " > < label for ="4214412f9f7041ccaa3cc2c599df7dfe-f308588a0f774f13b69f3611117e1f99 " > Content</ label >
128- < input type ="radio " id ="4214412f9f7041ccaa3cc2c599df7dfe-8343d8ed90e248f098fea953c52e60b8 " name ="4214412f9f7041ccaa3cc2c599df7dfe " class ="tab " > < label for ="4214412f9f7041ccaa3cc2c599df7dfe-8343d8ed90e248f098fea953c52e60b8 " > Include</ label >
129- < input type ="radio " id ="4214412f9f7041ccaa3cc2c599df7dfe-1fd36a082ed043df906a68efde622be3 " name ="4214412f9f7041ccaa3cc2c599df7dfe " class ="tab " > < label for ="4214412f9f7041ccaa3cc2c599df7dfe-1fd36a082ed043df906a68efde622be3 " > Code</ label >
125+ < input type ="radio " id ="2794828844424242b18271418a63c05b-eb27daca719f4b1787edab8735ec0b78 " name ="2794828844424242b18271418a63c05b " class ="tab " checked > < label for ="2794828844424242b18271418a63c05b-eb27daca719f4b1787edab8735ec0b78 " > Introduction</ label >
126+ < input type ="radio " id ="2794828844424242b18271418a63c05b-c08d85ddf51b474a8d244bc2865f8f57 " name ="2794828844424242b18271418a63c05b " class ="tab " > < label for ="2794828844424242b18271418a63c05b-c08d85ddf51b474a8d244bc2865f8f57 " > Prerequisites</ label >
127+ < input type ="radio " id ="2794828844424242b18271418a63c05b-47ea0a171b3e47e08d6acc1b93b8503d " name ="2794828844424242b18271418a63c05b " class ="tab " > < label for ="2794828844424242b18271418a63c05b-47ea0a171b3e47e08d6acc1b93b8503d " > Content</ label >
128+ < input type ="radio " id ="2794828844424242b18271418a63c05b-623cf57acedc46cfaed58ee75fdd6ad2 " name ="2794828844424242b18271418a63c05b " class ="tab " > < label for ="2794828844424242b18271418a63c05b-623cf57acedc46cfaed58ee75fdd6ad2 " > Include</ label >
129+ < input type ="radio " id ="2794828844424242b18271418a63c05b-c2bd6937a6ca4ba891c9dc791cfaf979 " name ="2794828844424242b18271418a63c05b " class ="tab " > < label for ="2794828844424242b18271418a63c05b-c2bd6937a6ca4ba891c9dc791cfaf979 " > 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 ="a6bc75195f534c379c2e0213a67c1f49-8e4100bd906c4ac39218e7043541ec9b " name ="a6bc75195f534c379c2e0213a67c1f49 " class ="tab " checked > < label for ="a6bc75195f534c379c2e0213a67c1f49-8e4100bd906c4ac39218e7043541ec9b " > Tab Two</ label >
224- < input type ="radio " id ="a6bc75195f534c379c2e0213a67c1f49-890cf823903e49f4a12cb00bbaec0dab " name ="a6bc75195f534c379c2e0213a67c1f49 " class ="tab " > < label for ="a6bc75195f534c379c2e0213a67c1f49-890cf823903e49f4a12cb00bbaec0dab " > Tab One</ label >
223+ < input type ="radio " id ="6d2936bc3cc74f59b55edb18b3109db5-b81fdb90957c4334be006bc33a4fb4b3 " name ="6d2936bc3cc74f59b55edb18b3109db5 " class ="tab " checked > < label for ="6d2936bc3cc74f59b55edb18b3109db5-b81fdb90957c4334be006bc33a4fb4b3 " > Tab Two</ label >
224+ < input type ="radio " id ="6d2936bc3cc74f59b55edb18b3109db5-a78dbb58d21e45309c3b3d1502a22e02 " name ="6d2936bc3cc74f59b55edb18b3109db5 " class ="tab " > < label for ="6d2936bc3cc74f59b55edb18b3109db5-a78dbb58d21e45309c3b3d1502a22e02 " > 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 ="2713d090c8f4423ab7565733dfe1bc20-e12f54283ca74983ac0b6f47bbec8511 " name ="2713d090c8f4423ab7565733dfe1bc20 " class ="tab " checked > < label for ="2713d090c8f4423ab7565733dfe1bc20-e12f54283ca74983ac0b6f47bbec8511 " > Lorem Ipsum</ label >
276- < input type ="radio " id ="2713d090c8f4423ab7565733dfe1bc20-01a1cac27e96432ca481ebb34a212135 " name ="2713d090c8f4423ab7565733dfe1bc20 " class ="tab " > < label for ="2713d090c8f4423ab7565733dfe1bc20-01a1cac27e96432ca481ebb34a212135 " > Famous words</ label >
275+ < input type ="radio " id ="039812b070404e0196c0c323fe3eb70a-5c2793aee681426892617c71adc2aff5 " name ="039812b070404e0196c0c323fe3eb70a " class ="tab " checked > < label for ="039812b070404e0196c0c323fe3eb70a-5c2793aee681426892617c71adc2aff5 " > Lorem Ipsum</ label >
276+ < input type ="radio " id ="039812b070404e0196c0c323fe3eb70a-1dfae8414ab940ca80ced9396fbcef7c " name ="039812b070404e0196c0c323fe3eb70a " class ="tab " > < label for ="039812b070404e0196c0c323fe3eb70a-1dfae8414ab940ca80ced9396fbcef7c " > 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 ="5dd31ab2ed514468b9f0b44be1111d68-d34199f1bdc24b11a53e2171f8b71fc4 " name ="5dd31ab2ed514468b9f0b44be1111d68 " class ="tab " checked > < label for ="5dd31ab2ed514468b9f0b44be1111d68-d34199f1bdc24b11a53e2171f8b71fc4 " > settings.yml</ label >
335- < input type ="radio " id ="5dd31ab2ed514468b9f0b44be1111d68-b796c2a3666349fe812dc9aa0cedd051 " name ="5dd31ab2ed514468b9f0b44be1111d68 " class ="tab " > < label for ="5dd31ab2ed514468b9f0b44be1111d68-b796c2a3666349fe812dc9aa0cedd051 " > Settings yaml file</ label >
336- < input type ="radio " id ="5dd31ab2ed514468b9f0b44be1111d68-f841dc5f309040d7828c05e137b3987b " name ="5dd31ab2ed514468b9f0b44be1111d68 " class ="tab " > < label for ="5dd31ab2ed514468b9f0b44be1111d68-f841dc5f309040d7828c05e137b3987b " > _head.cshtml</ label >
337- < input type ="radio " id ="5dd31ab2ed514468b9f0b44be1111d68-20a8aa38ab3b4337812f4f2f5c5246f9 " name ="5dd31ab2ed514468b9f0b44be1111d68 " class ="tab " > < label for ="5dd31ab2ed514468b9f0b44be1111d68-20a8aa38ab3b4337812f4f2f5c5246f9 " > _head.cshtml</ label >
334+ < input type ="radio " id ="d3a31ac6af72468eab411148fcd0aa26-9f18932555d94f0d9d48e688f730a80d " name ="d3a31ac6af72468eab411148fcd0aa26 " class ="tab " checked > < label for ="d3a31ac6af72468eab411148fcd0aa26-9f18932555d94f0d9d48e688f730a80d " > settings.yml</ label >
335+ < input type ="radio " id ="d3a31ac6af72468eab411148fcd0aa26-e16ac6f7764c4cf2a49c1d4e17a79257 " name ="d3a31ac6af72468eab411148fcd0aa26 " class ="tab " > < label for ="d3a31ac6af72468eab411148fcd0aa26-e16ac6f7764c4cf2a49c1d4e17a79257 " > Settings yaml file</ label >
336+ < input type ="radio " id ="d3a31ac6af72468eab411148fcd0aa26-a8165f536db14c00819ab4ca9355a559 " name ="d3a31ac6af72468eab411148fcd0aa26 " class ="tab " > < label for ="d3a31ac6af72468eab411148fcd0aa26-a8165f536db14c00819ab4ca9355a559 " > _head.cshtml</ label >
337+ < input type ="radio " id ="d3a31ac6af72468eab411148fcd0aa26-f489aafc73404058815c7fb25da08587 " name ="d3a31ac6af72468eab411148fcd0aa26 " class ="tab " > < label for ="d3a31ac6af72468eab411148fcd0aa26-f489aafc73404058815c7fb25da08587 " > _head.cshtml</ label >
338338< div class ="tab__content ">
339339
340340< pre > < code class ="language-yaml "> Host: "www.devlead.se"
0 commit comments