@@ -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 ="a94f11c6bbc446329e004b8d8b76b5ea-5993dba7e4b0430492a838023626214f " name ="a94f11c6bbc446329e004b8d8b76b5ea " class ="tab " checked > < label for ="a94f11c6bbc446329e004b8d8b76b5ea-5993dba7e4b0430492a838023626214f " > Introduction</ label >
126- < input type ="radio " id ="a94f11c6bbc446329e004b8d8b76b5ea-237c07050a904b868771596e4afd0dd9 " name ="a94f11c6bbc446329e004b8d8b76b5ea " class ="tab " > < label for ="a94f11c6bbc446329e004b8d8b76b5ea-237c07050a904b868771596e4afd0dd9 " > Prerequisites</ label >
127- < input type ="radio " id ="a94f11c6bbc446329e004b8d8b76b5ea-601cf92ab152422aa5a4bd11b18a3f38 " name ="a94f11c6bbc446329e004b8d8b76b5ea " class ="tab " > < label for ="a94f11c6bbc446329e004b8d8b76b5ea-601cf92ab152422aa5a4bd11b18a3f38 " > Content</ label >
128- < input type ="radio " id ="a94f11c6bbc446329e004b8d8b76b5ea-15910edc733e46e68e2050b82e97f02c " name ="a94f11c6bbc446329e004b8d8b76b5ea " class ="tab " > < label for ="a94f11c6bbc446329e004b8d8b76b5ea-15910edc733e46e68e2050b82e97f02c " > Include</ label >
129- < input type ="radio " id ="a94f11c6bbc446329e004b8d8b76b5ea-69a09ad6cff54edba63ecb120048f1cc " name ="a94f11c6bbc446329e004b8d8b76b5ea " class ="tab " > < label for ="a94f11c6bbc446329e004b8d8b76b5ea-69a09ad6cff54edba63ecb120048f1cc " > Code</ label >
125+ < input type ="radio " id ="215e207bf3e24037958d15cdb5b750a5-a628c35a45cc44dbbffbb65cfca848f2 " name ="215e207bf3e24037958d15cdb5b750a5 " class ="tab " checked > < label for ="215e207bf3e24037958d15cdb5b750a5-a628c35a45cc44dbbffbb65cfca848f2 " > Introduction</ label >
126+ < input type ="radio " id ="215e207bf3e24037958d15cdb5b750a5-3e66019527a647c49d80667f8b8cede3 " name ="215e207bf3e24037958d15cdb5b750a5 " class ="tab " > < label for ="215e207bf3e24037958d15cdb5b750a5-3e66019527a647c49d80667f8b8cede3 " > Prerequisites</ label >
127+ < input type ="radio " id ="215e207bf3e24037958d15cdb5b750a5-130e83d80b1b4fdda39646db4c275e97 " name ="215e207bf3e24037958d15cdb5b750a5 " class ="tab " > < label for ="215e207bf3e24037958d15cdb5b750a5-130e83d80b1b4fdda39646db4c275e97 " > Content</ label >
128+ < input type ="radio " id ="215e207bf3e24037958d15cdb5b750a5-bcc60d570949462dbc4ad0393fa2fb57 " name ="215e207bf3e24037958d15cdb5b750a5 " class ="tab " > < label for ="215e207bf3e24037958d15cdb5b750a5-bcc60d570949462dbc4ad0393fa2fb57 " > Include</ label >
129+ < input type ="radio " id ="215e207bf3e24037958d15cdb5b750a5-2bcb4fe89d71443389c3ebe5c452f7ba " name ="215e207bf3e24037958d15cdb5b750a5 " class ="tab " > < label for ="215e207bf3e24037958d15cdb5b750a5-2bcb4fe89d71443389c3ebe5c452f7ba " > 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 ="a949b41591aa44ada33d1cf12d0cbd34-9071ef436d05485da8855cc6c42880c4 " name ="a949b41591aa44ada33d1cf12d0cbd34 " class ="tab " checked > < label for ="a949b41591aa44ada33d1cf12d0cbd34-9071ef436d05485da8855cc6c42880c4 " > Tab Two</ label >
224- < input type ="radio " id ="a949b41591aa44ada33d1cf12d0cbd34-8c153da6a2e4430395676f22d618879c " name ="a949b41591aa44ada33d1cf12d0cbd34 " class ="tab " > < label for ="a949b41591aa44ada33d1cf12d0cbd34-8c153da6a2e4430395676f22d618879c " > Tab One</ label >
223+ < input type ="radio " id ="a259f60da1ff4ae185f7994709e13d18-53917b88650a4a6184e91471b33fb7ed " name ="a259f60da1ff4ae185f7994709e13d18 " class ="tab " checked > < label for ="a259f60da1ff4ae185f7994709e13d18-53917b88650a4a6184e91471b33fb7ed " > Tab Two</ label >
224+ < input type ="radio " id ="a259f60da1ff4ae185f7994709e13d18-de7da560fa0f49dfa806994ecc026aa7 " name ="a259f60da1ff4ae185f7994709e13d18 " class ="tab " > < label for ="a259f60da1ff4ae185f7994709e13d18-de7da560fa0f49dfa806994ecc026aa7 " > 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 ="665244c7281a4a4ba6fa5bc57d6fd0b7-69a8a7bee94b4e2c8e7a2e2efd7bdeb3 " name ="665244c7281a4a4ba6fa5bc57d6fd0b7 " class ="tab " checked > < label for ="665244c7281a4a4ba6fa5bc57d6fd0b7-69a8a7bee94b4e2c8e7a2e2efd7bdeb3 " > Lorem Ipsum</ label >
276- < input type ="radio " id ="665244c7281a4a4ba6fa5bc57d6fd0b7-4684de7b0706400ea15c38d6539f5d96 " name ="665244c7281a4a4ba6fa5bc57d6fd0b7 " class ="tab " > < label for ="665244c7281a4a4ba6fa5bc57d6fd0b7-4684de7b0706400ea15c38d6539f5d96 " > Famous words</ label >
275+ < input type ="radio " id ="2c4fc0bb0c7a4c84967fcd8f7bfd656a-a5821d491c4d44e3b4fd9d2660c9e717 " name ="2c4fc0bb0c7a4c84967fcd8f7bfd656a " class ="tab " checked > < label for ="2c4fc0bb0c7a4c84967fcd8f7bfd656a-a5821d491c4d44e3b4fd9d2660c9e717 " > Lorem Ipsum</ label >
276+ < input type ="radio " id ="2c4fc0bb0c7a4c84967fcd8f7bfd656a-3eb88ccc976d43c0b20d9d7d9cb6dcf5 " name ="2c4fc0bb0c7a4c84967fcd8f7bfd656a " class ="tab " > < label for ="2c4fc0bb0c7a4c84967fcd8f7bfd656a-3eb88ccc976d43c0b20d9d7d9cb6dcf5 " > 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 ="4e57bf5b272f48ef8cdb2a2c5958dee8-368d2fc57f6b4a76a722dca80d5032ff " name ="4e57bf5b272f48ef8cdb2a2c5958dee8 " class ="tab " checked > < label for ="4e57bf5b272f48ef8cdb2a2c5958dee8-368d2fc57f6b4a76a722dca80d5032ff " > settings.yml</ label >
335- < input type ="radio " id ="4e57bf5b272f48ef8cdb2a2c5958dee8-bacf112d18644b40a4b9ce13691ce69b " name ="4e57bf5b272f48ef8cdb2a2c5958dee8 " class ="tab " > < label for ="4e57bf5b272f48ef8cdb2a2c5958dee8-bacf112d18644b40a4b9ce13691ce69b " > Settings yaml file</ label >
336- < input type ="radio " id ="4e57bf5b272f48ef8cdb2a2c5958dee8-027a97da6d204a4ea48d451af7f5a1b5 " name ="4e57bf5b272f48ef8cdb2a2c5958dee8 " class ="tab " > < label for ="4e57bf5b272f48ef8cdb2a2c5958dee8-027a97da6d204a4ea48d451af7f5a1b5 " > _head.cshtml</ label >
337- < input type ="radio " id ="4e57bf5b272f48ef8cdb2a2c5958dee8-da81b4d1604d4ab8a057ed20514e656e " name ="4e57bf5b272f48ef8cdb2a2c5958dee8 " class ="tab " > < label for ="4e57bf5b272f48ef8cdb2a2c5958dee8-da81b4d1604d4ab8a057ed20514e656e " > _head.cshtml</ label >
334+ < input type ="radio " id ="f44c83b2d1ee4929a8d396e8fb93f6f7-e292abbca8a3470b8ec61e4a6a2022b3 " name ="f44c83b2d1ee4929a8d396e8fb93f6f7 " class ="tab " checked > < label for ="f44c83b2d1ee4929a8d396e8fb93f6f7-e292abbca8a3470b8ec61e4a6a2022b3 " > settings.yml</ label >
335+ < input type ="radio " id ="f44c83b2d1ee4929a8d396e8fb93f6f7-3a570535acd541538452bb30efce96b7 " name ="f44c83b2d1ee4929a8d396e8fb93f6f7 " class ="tab " > < label for ="f44c83b2d1ee4929a8d396e8fb93f6f7-3a570535acd541538452bb30efce96b7 " > Settings yaml file</ label >
336+ < input type ="radio " id ="f44c83b2d1ee4929a8d396e8fb93f6f7-fb40918b0aa74cef88033b2f3b9b0225 " name ="f44c83b2d1ee4929a8d396e8fb93f6f7 " class ="tab " > < label for ="f44c83b2d1ee4929a8d396e8fb93f6f7-fb40918b0aa74cef88033b2f3b9b0225 " > _head.cshtml</ label >
337+ < input type ="radio " id ="f44c83b2d1ee4929a8d396e8fb93f6f7-6497d3b14db947be87746dcab94acf1f " name ="f44c83b2d1ee4929a8d396e8fb93f6f7 " class ="tab " > < label for ="f44c83b2d1ee4929a8d396e8fb93f6f7-6497d3b14db947be87746dcab94acf1f " > _head.cshtml</ label >
338338< div class ="tab__content ">
339339
340340< pre > < code class ="language-yaml "> Host: "www.devlead.se"
0 commit comments