@@ -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 ="4e32558a55074a74a8f4426bccfb3062-922515bb56db4c3693ddf6464aa96919 " name ="4e32558a55074a74a8f4426bccfb3062 " class ="tab " checked > < label for ="4e32558a55074a74a8f4426bccfb3062-922515bb56db4c3693ddf6464aa96919 " > Introduction</ label >
126- < input type ="radio " id ="4e32558a55074a74a8f4426bccfb3062-deedd6c2ebfa4503b8ea453898e1a797 " name ="4e32558a55074a74a8f4426bccfb3062 " class ="tab " > < label for ="4e32558a55074a74a8f4426bccfb3062-deedd6c2ebfa4503b8ea453898e1a797 " > Prerequisites</ label >
127- < input type ="radio " id ="4e32558a55074a74a8f4426bccfb3062-609eaf2422ff42e98776c3ba8828dcff " name ="4e32558a55074a74a8f4426bccfb3062 " class ="tab " > < label for ="4e32558a55074a74a8f4426bccfb3062-609eaf2422ff42e98776c3ba8828dcff " > Content</ label >
128- < input type ="radio " id ="4e32558a55074a74a8f4426bccfb3062-d04f519c83b6466eae9c374f3ce985d8 " name ="4e32558a55074a74a8f4426bccfb3062 " class ="tab " > < label for ="4e32558a55074a74a8f4426bccfb3062-d04f519c83b6466eae9c374f3ce985d8 " > Include</ label >
129- < input type ="radio " id ="4e32558a55074a74a8f4426bccfb3062-5a5bffc625824a9692ea3fe83515a615 " name ="4e32558a55074a74a8f4426bccfb3062 " class ="tab " > < label for ="4e32558a55074a74a8f4426bccfb3062-5a5bffc625824a9692ea3fe83515a615 " > Code</ label >
125+ < input type ="radio " id ="a69069bfc0e2414986addd45588cf8d0-080996beca3f45a19e698be277a9ed78 " name ="a69069bfc0e2414986addd45588cf8d0 " class ="tab " checked > < label for ="a69069bfc0e2414986addd45588cf8d0-080996beca3f45a19e698be277a9ed78 " > Introduction</ label >
126+ < input type ="radio " id ="a69069bfc0e2414986addd45588cf8d0-34bba4cb6cd044b68f32fb209e2aa1ce " name ="a69069bfc0e2414986addd45588cf8d0 " class ="tab " > < label for ="a69069bfc0e2414986addd45588cf8d0-34bba4cb6cd044b68f32fb209e2aa1ce " > Prerequisites</ label >
127+ < input type ="radio " id ="a69069bfc0e2414986addd45588cf8d0-d205756505fd4f3ab25839f25e60418f " name ="a69069bfc0e2414986addd45588cf8d0 " class ="tab " > < label for ="a69069bfc0e2414986addd45588cf8d0-d205756505fd4f3ab25839f25e60418f " > Content</ label >
128+ < input type ="radio " id ="a69069bfc0e2414986addd45588cf8d0-18d428878c594a8e83423bc06d893dfe " name ="a69069bfc0e2414986addd45588cf8d0 " class ="tab " > < label for ="a69069bfc0e2414986addd45588cf8d0-18d428878c594a8e83423bc06d893dfe " > Include</ label >
129+ < input type ="radio " id ="a69069bfc0e2414986addd45588cf8d0-07425a42a66d40e98b540dd702ba3646 " name ="a69069bfc0e2414986addd45588cf8d0 " class ="tab " > < label for ="a69069bfc0e2414986addd45588cf8d0-07425a42a66d40e98b540dd702ba3646 " > 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 ="9fd4a08016d4461d933988205a7b1fcf-ff02183eba0c4ba4bed4bc763a377f13 " name ="9fd4a08016d4461d933988205a7b1fcf " class ="tab " checked > < label for ="9fd4a08016d4461d933988205a7b1fcf-ff02183eba0c4ba4bed4bc763a377f13 " > Tab Two</ label >
224- < input type ="radio " id ="9fd4a08016d4461d933988205a7b1fcf-e6f7cdadab474296a2bb3f85ae879cc3 " name ="9fd4a08016d4461d933988205a7b1fcf " class ="tab " > < label for ="9fd4a08016d4461d933988205a7b1fcf-e6f7cdadab474296a2bb3f85ae879cc3 " > Tab One</ label >
223+ < input type ="radio " id ="53ebb3c15bbf4dbab605a1f5fd1d91df-7318dedf8b0147d698e83f73c8d2299f " name ="53ebb3c15bbf4dbab605a1f5fd1d91df " class ="tab " checked > < label for ="53ebb3c15bbf4dbab605a1f5fd1d91df-7318dedf8b0147d698e83f73c8d2299f " > Tab Two</ label >
224+ < input type ="radio " id ="53ebb3c15bbf4dbab605a1f5fd1d91df-a8ec97efcde048ee8e45dfe7a8e38910 " name ="53ebb3c15bbf4dbab605a1f5fd1d91df " class ="tab " > < label for ="53ebb3c15bbf4dbab605a1f5fd1d91df-a8ec97efcde048ee8e45dfe7a8e38910 " > 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 ="d83ddb284ecf434eb7a5e6add6345069-716df0fe63074199ac7811f848f381e5 " name ="d83ddb284ecf434eb7a5e6add6345069 " class ="tab " checked > < label for ="d83ddb284ecf434eb7a5e6add6345069-716df0fe63074199ac7811f848f381e5 " > Lorem Ipsum</ label >
276- < input type ="radio " id ="d83ddb284ecf434eb7a5e6add6345069-2407ccd025054ea99a864b74103580e7 " name ="d83ddb284ecf434eb7a5e6add6345069 " class ="tab " > < label for ="d83ddb284ecf434eb7a5e6add6345069-2407ccd025054ea99a864b74103580e7 " > Famous words</ label >
275+ < input type ="radio " id ="a090e05692ae4a62a7103d5370d797fe-bbd69aba6d764cc38f36c080abc307f0 " name ="a090e05692ae4a62a7103d5370d797fe " class ="tab " checked > < label for ="a090e05692ae4a62a7103d5370d797fe-bbd69aba6d764cc38f36c080abc307f0 " > Lorem Ipsum</ label >
276+ < input type ="radio " id ="a090e05692ae4a62a7103d5370d797fe-db532e04abad4f41b1c199ca328bff56 " name ="a090e05692ae4a62a7103d5370d797fe " class ="tab " > < label for ="a090e05692ae4a62a7103d5370d797fe-db532e04abad4f41b1c199ca328bff56 " > 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 ="a92d00c3afbe4fd98fb2f35b568d545a-b3c839c274d54213bdbd412e7c0af9e6 " name ="a92d00c3afbe4fd98fb2f35b568d545a " class ="tab " checked > < label for ="a92d00c3afbe4fd98fb2f35b568d545a-b3c839c274d54213bdbd412e7c0af9e6 " > settings.yml</ label >
335- < input type ="radio " id ="a92d00c3afbe4fd98fb2f35b568d545a-6fb3b1c5c9054fc78e904b5eabb92564 " name ="a92d00c3afbe4fd98fb2f35b568d545a " class ="tab " > < label for ="a92d00c3afbe4fd98fb2f35b568d545a-6fb3b1c5c9054fc78e904b5eabb92564 " > Settings yaml file</ label >
336- < input type ="radio " id ="a92d00c3afbe4fd98fb2f35b568d545a-b235ea1270454392baa4f661f59b87df " name ="a92d00c3afbe4fd98fb2f35b568d545a " class ="tab " > < label for ="a92d00c3afbe4fd98fb2f35b568d545a-b235ea1270454392baa4f661f59b87df " > _head.cshtml</ label >
337- < input type ="radio " id ="a92d00c3afbe4fd98fb2f35b568d545a-ed8e835944284610a7a2ada7495bfbbd " name ="a92d00c3afbe4fd98fb2f35b568d545a " class ="tab " > < label for ="a92d00c3afbe4fd98fb2f35b568d545a-ed8e835944284610a7a2ada7495bfbbd " > _head.cshtml</ label >
334+ < input type ="radio " id ="2f812ec0d4d74faba2958a8f1a09dbcb-fae02ceb5ab843b18edcda08e94e6802 " name ="2f812ec0d4d74faba2958a8f1a09dbcb " class ="tab " checked > < label for ="2f812ec0d4d74faba2958a8f1a09dbcb-fae02ceb5ab843b18edcda08e94e6802 " > settings.yml</ label >
335+ < input type ="radio " id ="2f812ec0d4d74faba2958a8f1a09dbcb-82b7d598461342ee8197dc498b96bb45 " name ="2f812ec0d4d74faba2958a8f1a09dbcb " class ="tab " > < label for ="2f812ec0d4d74faba2958a8f1a09dbcb-82b7d598461342ee8197dc498b96bb45 " > Settings yaml file</ label >
336+ < input type ="radio " id ="2f812ec0d4d74faba2958a8f1a09dbcb-c49cc3e1a2654896bbd5995c300e10d1 " name ="2f812ec0d4d74faba2958a8f1a09dbcb " class ="tab " > < label for ="2f812ec0d4d74faba2958a8f1a09dbcb-c49cc3e1a2654896bbd5995c300e10d1 " > _head.cshtml</ label >
337+ < input type ="radio " id ="2f812ec0d4d74faba2958a8f1a09dbcb-29c35d8a4ad1415e91afe451b2984985 " name ="2f812ec0d4d74faba2958a8f1a09dbcb " class ="tab " > < label for ="2f812ec0d4d74faba2958a8f1a09dbcb-29c35d8a4ad1415e91afe451b2984985 " > _head.cshtml</ label >
338338< div class ="tab__content ">
339339
340340< pre > < code class ="language-yaml "> Host: "www.devlead.se"
0 commit comments