@@ -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 ="b1239795820e4fb18c1f8ad8775d2aa0-2e1caa3781cf44c6a3bdc0482c2c1870 " name ="b1239795820e4fb18c1f8ad8775d2aa0 " class ="tab " checked > < label for ="b1239795820e4fb18c1f8ad8775d2aa0-2e1caa3781cf44c6a3bdc0482c2c1870 " > Introduction</ label >
126- < input type ="radio " id ="b1239795820e4fb18c1f8ad8775d2aa0-d543bd03421543ef8e5a0fb4ad540068 " name ="b1239795820e4fb18c1f8ad8775d2aa0 " class ="tab " > < label for ="b1239795820e4fb18c1f8ad8775d2aa0-d543bd03421543ef8e5a0fb4ad540068 " > Prerequisites</ label >
127- < input type ="radio " id ="b1239795820e4fb18c1f8ad8775d2aa0-33367250903c4e6b9f7701c8e095521e " name ="b1239795820e4fb18c1f8ad8775d2aa0 " class ="tab " > < label for ="b1239795820e4fb18c1f8ad8775d2aa0-33367250903c4e6b9f7701c8e095521e " > Content</ label >
128- < input type ="radio " id ="b1239795820e4fb18c1f8ad8775d2aa0-a23a44dde48b417e8274aeda41060640 " name ="b1239795820e4fb18c1f8ad8775d2aa0 " class ="tab " > < label for ="b1239795820e4fb18c1f8ad8775d2aa0-a23a44dde48b417e8274aeda41060640 " > Include</ label >
129- < input type ="radio " id ="b1239795820e4fb18c1f8ad8775d2aa0-25cca37bca59427e98e50b0f81a21686 " name ="b1239795820e4fb18c1f8ad8775d2aa0 " class ="tab " > < label for ="b1239795820e4fb18c1f8ad8775d2aa0-25cca37bca59427e98e50b0f81a21686 " > Code</ label >
125+ < input type ="radio " id ="931be28827604a40a94675f47b39cac4-16d2738c1ea34937b0ca44429f1f8d85 " name ="931be28827604a40a94675f47b39cac4 " class ="tab " checked > < label for ="931be28827604a40a94675f47b39cac4-16d2738c1ea34937b0ca44429f1f8d85 " > Introduction</ label >
126+ < input type ="radio " id ="931be28827604a40a94675f47b39cac4-483421c3274c433980bed7a30ef7449e " name ="931be28827604a40a94675f47b39cac4 " class ="tab " > < label for ="931be28827604a40a94675f47b39cac4-483421c3274c433980bed7a30ef7449e " > Prerequisites</ label >
127+ < input type ="radio " id ="931be28827604a40a94675f47b39cac4-32160f1cef054c76b5c421a2c6c9127a " name ="931be28827604a40a94675f47b39cac4 " class ="tab " > < label for ="931be28827604a40a94675f47b39cac4-32160f1cef054c76b5c421a2c6c9127a " > Content</ label >
128+ < input type ="radio " id ="931be28827604a40a94675f47b39cac4-267cac573b46410ba215523dea293ace " name ="931be28827604a40a94675f47b39cac4 " class ="tab " > < label for ="931be28827604a40a94675f47b39cac4-267cac573b46410ba215523dea293ace " > Include</ label >
129+ < input type ="radio " id ="931be28827604a40a94675f47b39cac4-d12a0b1fa45c4bdf87daeb1cfbd0b963 " name ="931be28827604a40a94675f47b39cac4 " class ="tab " > < label for ="931be28827604a40a94675f47b39cac4-d12a0b1fa45c4bdf87daeb1cfbd0b963 " > 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 ="27dcc6798dd2414da026e52e10460c57-02c83fd425e64422a8b47912668b3c7f " name ="27dcc6798dd2414da026e52e10460c57 " class ="tab " checked > < label for ="27dcc6798dd2414da026e52e10460c57-02c83fd425e64422a8b47912668b3c7f " > Tab Two</ label >
224- < input type ="radio " id ="27dcc6798dd2414da026e52e10460c57-08c0377318174838a6254654e518848b " name ="27dcc6798dd2414da026e52e10460c57 " class ="tab " > < label for ="27dcc6798dd2414da026e52e10460c57-08c0377318174838a6254654e518848b " > Tab One</ label >
223+ < input type ="radio " id ="e2e975f4edd04c6894ae02719a30efd4-c05169ef581c4408bfca52fdf08a5a0c " name ="e2e975f4edd04c6894ae02719a30efd4 " class ="tab " checked > < label for ="e2e975f4edd04c6894ae02719a30efd4-c05169ef581c4408bfca52fdf08a5a0c " > Tab Two</ label >
224+ < input type ="radio " id ="e2e975f4edd04c6894ae02719a30efd4-947cc84a9a714788b5bf0ca37bf879fe " name ="e2e975f4edd04c6894ae02719a30efd4 " class ="tab " > < label for ="e2e975f4edd04c6894ae02719a30efd4-947cc84a9a714788b5bf0ca37bf879fe " > 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 ="318a76a231a74f678fa9354ebd0ba383-82f48285753f4b3d9bdd66296553f1ec " name ="318a76a231a74f678fa9354ebd0ba383 " class ="tab " checked > < label for ="318a76a231a74f678fa9354ebd0ba383-82f48285753f4b3d9bdd66296553f1ec " > Lorem Ipsum</ label >
276- < input type ="radio " id ="318a76a231a74f678fa9354ebd0ba383-32e01b46680d44d398b31605ad374180 " name ="318a76a231a74f678fa9354ebd0ba383 " class ="tab " > < label for ="318a76a231a74f678fa9354ebd0ba383-32e01b46680d44d398b31605ad374180 " > Famous words</ label >
275+ < input type ="radio " id ="890885dc2e6b46369016629b898ea282-878663ad30ff4559ba3ce49d13c5adb3 " name ="890885dc2e6b46369016629b898ea282 " class ="tab " checked > < label for ="890885dc2e6b46369016629b898ea282-878663ad30ff4559ba3ce49d13c5adb3 " > Lorem Ipsum</ label >
276+ < input type ="radio " id ="890885dc2e6b46369016629b898ea282-78600170dd4b4053893f32414ff4b9e8 " name ="890885dc2e6b46369016629b898ea282 " class ="tab " > < label for ="890885dc2e6b46369016629b898ea282-78600170dd4b4053893f32414ff4b9e8 " > 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 ="075778756cc34b6b8d073fe833d9d770-d947878a43e9496d98422515051fc3ac " name ="075778756cc34b6b8d073fe833d9d770 " class ="tab " checked > < label for ="075778756cc34b6b8d073fe833d9d770-d947878a43e9496d98422515051fc3ac " > settings.yml</ label >
335- < input type ="radio " id ="075778756cc34b6b8d073fe833d9d770-921aff32d7164d208ad4e5776ea71c54 " name ="075778756cc34b6b8d073fe833d9d770 " class ="tab " > < label for ="075778756cc34b6b8d073fe833d9d770-921aff32d7164d208ad4e5776ea71c54 " > Settings yaml file</ label >
336- < input type ="radio " id ="075778756cc34b6b8d073fe833d9d770-f6271a0d8da943429e09efedabc57800 " name ="075778756cc34b6b8d073fe833d9d770 " class ="tab " > < label for ="075778756cc34b6b8d073fe833d9d770-f6271a0d8da943429e09efedabc57800 " > _head.cshtml</ label >
337- < input type ="radio " id ="075778756cc34b6b8d073fe833d9d770-84f5d35125c24be988c0278f3acaf4c6 " name ="075778756cc34b6b8d073fe833d9d770 " class ="tab " > < label for ="075778756cc34b6b8d073fe833d9d770-84f5d35125c24be988c0278f3acaf4c6 " > _head.cshtml</ label >
334+ < input type ="radio " id ="eb41e79b4b6e4ea5b00c4617e74b2260-319a2884a9e244b6b6b471fa89bde42b " name ="eb41e79b4b6e4ea5b00c4617e74b2260 " class ="tab " checked > < label for ="eb41e79b4b6e4ea5b00c4617e74b2260-319a2884a9e244b6b6b471fa89bde42b " > settings.yml</ label >
335+ < input type ="radio " id ="eb41e79b4b6e4ea5b00c4617e74b2260-1184b288af4947209d46315853a0f3c2 " name ="eb41e79b4b6e4ea5b00c4617e74b2260 " class ="tab " > < label for ="eb41e79b4b6e4ea5b00c4617e74b2260-1184b288af4947209d46315853a0f3c2 " > Settings yaml file</ label >
336+ < input type ="radio " id ="eb41e79b4b6e4ea5b00c4617e74b2260-ba7b7cbed5274b58ba6863fa91652deb " name ="eb41e79b4b6e4ea5b00c4617e74b2260 " class ="tab " > < label for ="eb41e79b4b6e4ea5b00c4617e74b2260-ba7b7cbed5274b58ba6863fa91652deb " > _head.cshtml</ label >
337+ < input type ="radio " id ="eb41e79b4b6e4ea5b00c4617e74b2260-a3a7eb3a0d4d4e8481a14069ba807eda " name ="eb41e79b4b6e4ea5b00c4617e74b2260 " class ="tab " > < label for ="eb41e79b4b6e4ea5b00c4617e74b2260-a3a7eb3a0d4d4e8481a14069ba807eda " > _head.cshtml</ label >
338338< div class ="tab__content ">
339339
340340< pre > < code class ="language-yaml "> Host: "www.devlead.se"
0 commit comments