@@ -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 ="c8ce3f32ebff4fa8a03950fd1426ebcb-5a8f92771b0e442aa03b5c92eceef41d " name ="c8ce3f32ebff4fa8a03950fd1426ebcb " class ="tab " checked > < label for ="c8ce3f32ebff4fa8a03950fd1426ebcb-5a8f92771b0e442aa03b5c92eceef41d " > Introduction</ label >
126- < input type ="radio " id ="c8ce3f32ebff4fa8a03950fd1426ebcb-9b7df7bb7d694db0bb8c515306ba2936 " name ="c8ce3f32ebff4fa8a03950fd1426ebcb " class ="tab " > < label for ="c8ce3f32ebff4fa8a03950fd1426ebcb-9b7df7bb7d694db0bb8c515306ba2936 " > Prerequisites</ label >
127- < input type ="radio " id ="c8ce3f32ebff4fa8a03950fd1426ebcb-fa77d8b535da4273b545f7e6bbd2b9c6 " name ="c8ce3f32ebff4fa8a03950fd1426ebcb " class ="tab " > < label for ="c8ce3f32ebff4fa8a03950fd1426ebcb-fa77d8b535da4273b545f7e6bbd2b9c6 " > Content</ label >
128- < input type ="radio " id ="c8ce3f32ebff4fa8a03950fd1426ebcb-3c40cfecb8104d8caca70707d3c2c4ac " name ="c8ce3f32ebff4fa8a03950fd1426ebcb " class ="tab " > < label for ="c8ce3f32ebff4fa8a03950fd1426ebcb-3c40cfecb8104d8caca70707d3c2c4ac " > Include</ label >
129- < input type ="radio " id ="c8ce3f32ebff4fa8a03950fd1426ebcb-1f0de6b7262d4cc6b94102db64003ad1 " name ="c8ce3f32ebff4fa8a03950fd1426ebcb " class ="tab " > < label for ="c8ce3f32ebff4fa8a03950fd1426ebcb-1f0de6b7262d4cc6b94102db64003ad1 " > Code</ label >
125+ < input type ="radio " id ="0028f1cb5e6e432bb198861be8191c2b-ebf6acfd5cc34801a6b92a565fdaab1e " name ="0028f1cb5e6e432bb198861be8191c2b " class ="tab " checked > < label for ="0028f1cb5e6e432bb198861be8191c2b-ebf6acfd5cc34801a6b92a565fdaab1e " > Introduction</ label >
126+ < input type ="radio " id ="0028f1cb5e6e432bb198861be8191c2b-e2114583c20e4957b9aed0b78bdfd645 " name ="0028f1cb5e6e432bb198861be8191c2b " class ="tab " > < label for ="0028f1cb5e6e432bb198861be8191c2b-e2114583c20e4957b9aed0b78bdfd645 " > Prerequisites</ label >
127+ < input type ="radio " id ="0028f1cb5e6e432bb198861be8191c2b-b8aba1def53e4cf39b807d5b6384717a " name ="0028f1cb5e6e432bb198861be8191c2b " class ="tab " > < label for ="0028f1cb5e6e432bb198861be8191c2b-b8aba1def53e4cf39b807d5b6384717a " > Content</ label >
128+ < input type ="radio " id ="0028f1cb5e6e432bb198861be8191c2b-07a0907a95e2491598dd07799af5d6bc " name ="0028f1cb5e6e432bb198861be8191c2b " class ="tab " > < label for ="0028f1cb5e6e432bb198861be8191c2b-07a0907a95e2491598dd07799af5d6bc " > Include</ label >
129+ < input type ="radio " id ="0028f1cb5e6e432bb198861be8191c2b-4e5cc7494b7244b4b643299c94da67e5 " name ="0028f1cb5e6e432bb198861be8191c2b " class ="tab " > < label for ="0028f1cb5e6e432bb198861be8191c2b-4e5cc7494b7244b4b643299c94da67e5 " > 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 ="a497cb72d9fd41449f125e26c693e71e-ec43cb495d4e492ca99ab98ade65ed73 " name ="a497cb72d9fd41449f125e26c693e71e " class ="tab " checked > < label for ="a497cb72d9fd41449f125e26c693e71e-ec43cb495d4e492ca99ab98ade65ed73 " > Tab Two</ label >
224- < input type ="radio " id ="a497cb72d9fd41449f125e26c693e71e-637a14911f954151b898a3cb537d7d40 " name ="a497cb72d9fd41449f125e26c693e71e " class ="tab " > < label for ="a497cb72d9fd41449f125e26c693e71e-637a14911f954151b898a3cb537d7d40 " > Tab One</ label >
223+ < input type ="radio " id ="15004363cc5e47999821767b82183d82-70df21151b1345959533b01ac660028a " name ="15004363cc5e47999821767b82183d82 " class ="tab " checked > < label for ="15004363cc5e47999821767b82183d82-70df21151b1345959533b01ac660028a " > Tab Two</ label >
224+ < input type ="radio " id ="15004363cc5e47999821767b82183d82-a2d98f9adc264994a2e0eafe08eb21a9 " name ="15004363cc5e47999821767b82183d82 " class ="tab " > < label for ="15004363cc5e47999821767b82183d82-a2d98f9adc264994a2e0eafe08eb21a9 " > 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 ="01c5061e95e041edbd9006ae411c6c26-ca35d8253f6c4928a165b71f85cc9659 " name ="01c5061e95e041edbd9006ae411c6c26 " class ="tab " checked > < label for ="01c5061e95e041edbd9006ae411c6c26-ca35d8253f6c4928a165b71f85cc9659 " > Lorem Ipsum</ label >
276- < input type ="radio " id ="01c5061e95e041edbd9006ae411c6c26-044a250f2d2a4c7fb33571bf4f7156e0 " name ="01c5061e95e041edbd9006ae411c6c26 " class ="tab " > < label for ="01c5061e95e041edbd9006ae411c6c26-044a250f2d2a4c7fb33571bf4f7156e0 " > Famous words</ label >
275+ < input type ="radio " id ="b037866349624b3887a01ecfcfae2c7e-957c3e4969a14c05811db125cb3c1837 " name ="b037866349624b3887a01ecfcfae2c7e " class ="tab " checked > < label for ="b037866349624b3887a01ecfcfae2c7e-957c3e4969a14c05811db125cb3c1837 " > Lorem Ipsum</ label >
276+ < input type ="radio " id ="b037866349624b3887a01ecfcfae2c7e-a421a27606af4bb8887c3e2be3281281 " name ="b037866349624b3887a01ecfcfae2c7e " class ="tab " > < label for ="b037866349624b3887a01ecfcfae2c7e-a421a27606af4bb8887c3e2be3281281 " > 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 ="b3299ed84d30439885159f5f8678ab4a-6ca1dda5fcdd4fd5a598e0ba578c1306 " name ="b3299ed84d30439885159f5f8678ab4a " class ="tab " checked > < label for ="b3299ed84d30439885159f5f8678ab4a-6ca1dda5fcdd4fd5a598e0ba578c1306 " > settings.yml</ label >
335- < input type ="radio " id ="b3299ed84d30439885159f5f8678ab4a-13667dcae5dd48babee369e9dd8085f4 " name ="b3299ed84d30439885159f5f8678ab4a " class ="tab " > < label for ="b3299ed84d30439885159f5f8678ab4a-13667dcae5dd48babee369e9dd8085f4 " > Settings yaml file</ label >
336- < input type ="radio " id ="b3299ed84d30439885159f5f8678ab4a-2207424b2ae44b3ea8c1c206286ae7f9 " name ="b3299ed84d30439885159f5f8678ab4a " class ="tab " > < label for ="b3299ed84d30439885159f5f8678ab4a-2207424b2ae44b3ea8c1c206286ae7f9 " > _head.cshtml</ label >
337- < input type ="radio " id ="b3299ed84d30439885159f5f8678ab4a-65eceddbfb5e43e286330ee14c9ed150 " name ="b3299ed84d30439885159f5f8678ab4a " class ="tab " > < label for ="b3299ed84d30439885159f5f8678ab4a-65eceddbfb5e43e286330ee14c9ed150 " > _head.cshtml</ label >
334+ < input type ="radio " id ="802e38e75a5f4fceb1a7355f337a43bc-4baaa136490c413eb0a7d7a56b9aa9b8 " name ="802e38e75a5f4fceb1a7355f337a43bc " class ="tab " checked > < label for ="802e38e75a5f4fceb1a7355f337a43bc-4baaa136490c413eb0a7d7a56b9aa9b8 " > settings.yml</ label >
335+ < input type ="radio " id ="802e38e75a5f4fceb1a7355f337a43bc-bbbd84206b8642d8893046bf6735f45c " name ="802e38e75a5f4fceb1a7355f337a43bc " class ="tab " > < label for ="802e38e75a5f4fceb1a7355f337a43bc-bbbd84206b8642d8893046bf6735f45c " > Settings yaml file</ label >
336+ < input type ="radio " id ="802e38e75a5f4fceb1a7355f337a43bc-3838d66eaf0a46e9a7a337f97fe2e58f " name ="802e38e75a5f4fceb1a7355f337a43bc " class ="tab " > < label for ="802e38e75a5f4fceb1a7355f337a43bc-3838d66eaf0a46e9a7a337f97fe2e58f " > _head.cshtml</ label >
337+ < input type ="radio " id ="802e38e75a5f4fceb1a7355f337a43bc-17b0b7e890b343e985394c38e880d45c " name ="802e38e75a5f4fceb1a7355f337a43bc " class ="tab " > < label for ="802e38e75a5f4fceb1a7355f337a43bc-17b0b7e890b343e985394c38e880d45c " > _head.cshtml</ label >
338338< div class ="tab__content ">
339339
340340< pre > < code class ="language-yaml "> Host: "www.devlead.se"
0 commit comments