@@ -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 ="e62a11c154cb42ae8241ebcb7feb0ea2-ce562722ddbe478bb9ffa8851b485334 " name ="e62a11c154cb42ae8241ebcb7feb0ea2 " class ="tab " checked > < label for ="e62a11c154cb42ae8241ebcb7feb0ea2-ce562722ddbe478bb9ffa8851b485334 " > Introduction</ label >
126- < input type ="radio " id ="e62a11c154cb42ae8241ebcb7feb0ea2-fbbf7a6c6cbb4089bfdd2b678c8825fe " name ="e62a11c154cb42ae8241ebcb7feb0ea2 " class ="tab " > < label for ="e62a11c154cb42ae8241ebcb7feb0ea2-fbbf7a6c6cbb4089bfdd2b678c8825fe " > Prerequisites</ label >
127- < input type ="radio " id ="e62a11c154cb42ae8241ebcb7feb0ea2-e66bd9d7a1444899a1cdb8ac47613018 " name ="e62a11c154cb42ae8241ebcb7feb0ea2 " class ="tab " > < label for ="e62a11c154cb42ae8241ebcb7feb0ea2-e66bd9d7a1444899a1cdb8ac47613018 " > Content</ label >
128- < input type ="radio " id ="e62a11c154cb42ae8241ebcb7feb0ea2-66de17bd9c47407fa998bdb990dfdae4 " name ="e62a11c154cb42ae8241ebcb7feb0ea2 " class ="tab " > < label for ="e62a11c154cb42ae8241ebcb7feb0ea2-66de17bd9c47407fa998bdb990dfdae4 " > Include</ label >
129- < input type ="radio " id ="e62a11c154cb42ae8241ebcb7feb0ea2-1fd23bb995e54fcb8bbaa6bfff463479 " name ="e62a11c154cb42ae8241ebcb7feb0ea2 " class ="tab " > < label for ="e62a11c154cb42ae8241ebcb7feb0ea2-1fd23bb995e54fcb8bbaa6bfff463479 " > Code</ label >
125+ < input type ="radio " id ="3d88f0ca263b4ab1a300d1eab5ccb687-5e6c945e6fe04009a63f4a53490de8c8 " name ="3d88f0ca263b4ab1a300d1eab5ccb687 " class ="tab " checked > < label for ="3d88f0ca263b4ab1a300d1eab5ccb687-5e6c945e6fe04009a63f4a53490de8c8 " > Introduction</ label >
126+ < input type ="radio " id ="3d88f0ca263b4ab1a300d1eab5ccb687-da98053929a8473ebd2be57866cf8aaa " name ="3d88f0ca263b4ab1a300d1eab5ccb687 " class ="tab " > < label for ="3d88f0ca263b4ab1a300d1eab5ccb687-da98053929a8473ebd2be57866cf8aaa " > Prerequisites</ label >
127+ < input type ="radio " id ="3d88f0ca263b4ab1a300d1eab5ccb687-767d4ca11f7c4227bc1eb7d4272b054d " name ="3d88f0ca263b4ab1a300d1eab5ccb687 " class ="tab " > < label for ="3d88f0ca263b4ab1a300d1eab5ccb687-767d4ca11f7c4227bc1eb7d4272b054d " > Content</ label >
128+ < input type ="radio " id ="3d88f0ca263b4ab1a300d1eab5ccb687-becb766e4c8b4294abfb517de46475f1 " name ="3d88f0ca263b4ab1a300d1eab5ccb687 " class ="tab " > < label for ="3d88f0ca263b4ab1a300d1eab5ccb687-becb766e4c8b4294abfb517de46475f1 " > Include</ label >
129+ < input type ="radio " id ="3d88f0ca263b4ab1a300d1eab5ccb687-3536209180ea4fa78ffa46ad7101345a " name ="3d88f0ca263b4ab1a300d1eab5ccb687 " class ="tab " > < label for ="3d88f0ca263b4ab1a300d1eab5ccb687-3536209180ea4fa78ffa46ad7101345a " > 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 ="aff5869853a44288bb84320e1a9bfdb6-a7d941943b604e7787a2069cdc75af05 " name ="aff5869853a44288bb84320e1a9bfdb6 " class ="tab " checked > < label for ="aff5869853a44288bb84320e1a9bfdb6-a7d941943b604e7787a2069cdc75af05 " > Tab Two</ label >
224- < input type ="radio " id ="aff5869853a44288bb84320e1a9bfdb6-aee0886a53cf44c0ab2d72d38a854e92 " name ="aff5869853a44288bb84320e1a9bfdb6 " class ="tab " > < label for ="aff5869853a44288bb84320e1a9bfdb6-aee0886a53cf44c0ab2d72d38a854e92 " > Tab One</ label >
223+ < input type ="radio " id ="2c8309adb9b64ae6990b2971efbff8bc-f06141647b724e828a1fcd82cf623066 " name ="2c8309adb9b64ae6990b2971efbff8bc " class ="tab " checked > < label for ="2c8309adb9b64ae6990b2971efbff8bc-f06141647b724e828a1fcd82cf623066 " > Tab Two</ label >
224+ < input type ="radio " id ="2c8309adb9b64ae6990b2971efbff8bc-c2b707cd69c74427bbd65ae0f3101ba2 " name ="2c8309adb9b64ae6990b2971efbff8bc " class ="tab " > < label for ="2c8309adb9b64ae6990b2971efbff8bc-c2b707cd69c74427bbd65ae0f3101ba2 " > 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 ="e543feb712be45628ac7235807f429c4-b726fcf7df2349759e7c693870e6ad3b " name ="e543feb712be45628ac7235807f429c4 " class ="tab " checked > < label for ="e543feb712be45628ac7235807f429c4-b726fcf7df2349759e7c693870e6ad3b " > Lorem Ipsum</ label >
276- < input type ="radio " id ="e543feb712be45628ac7235807f429c4-f8cd8d2b90c54113b2dcc5724693c628 " name ="e543feb712be45628ac7235807f429c4 " class ="tab " > < label for ="e543feb712be45628ac7235807f429c4-f8cd8d2b90c54113b2dcc5724693c628 " > Famous words</ label >
275+ < input type ="radio " id ="973f2c483429425e943d1eb73d5a131c-c9bafe8742b8465fbf93bb2755ce160d " name ="973f2c483429425e943d1eb73d5a131c " class ="tab " checked > < label for ="973f2c483429425e943d1eb73d5a131c-c9bafe8742b8465fbf93bb2755ce160d " > Lorem Ipsum</ label >
276+ < input type ="radio " id ="973f2c483429425e943d1eb73d5a131c-d6f094f3913f44e29ee31b0586fb5921 " name ="973f2c483429425e943d1eb73d5a131c " class ="tab " > < label for ="973f2c483429425e943d1eb73d5a131c-d6f094f3913f44e29ee31b0586fb5921 " > 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 ="cada6a400f5c4868bcec9c4ac06ba2d4-556de38e53664353a6f3acc400000a66 " name ="cada6a400f5c4868bcec9c4ac06ba2d4 " class ="tab " checked > < label for ="cada6a400f5c4868bcec9c4ac06ba2d4-556de38e53664353a6f3acc400000a66 " > settings.yml</ label >
335- < input type ="radio " id ="cada6a400f5c4868bcec9c4ac06ba2d4-57389da3b64746eda2b3b21bf03cc4fd " name ="cada6a400f5c4868bcec9c4ac06ba2d4 " class ="tab " > < label for ="cada6a400f5c4868bcec9c4ac06ba2d4-57389da3b64746eda2b3b21bf03cc4fd " > Settings yaml file</ label >
336- < input type ="radio " id ="cada6a400f5c4868bcec9c4ac06ba2d4-036c8993b00c4770bc00750481a3c94f " name ="cada6a400f5c4868bcec9c4ac06ba2d4 " class ="tab " > < label for ="cada6a400f5c4868bcec9c4ac06ba2d4-036c8993b00c4770bc00750481a3c94f " > _head.cshtml</ label >
337- < input type ="radio " id ="cada6a400f5c4868bcec9c4ac06ba2d4-7ba1d18ed7774027999c5adda2d50d89 " name ="cada6a400f5c4868bcec9c4ac06ba2d4 " class ="tab " > < label for ="cada6a400f5c4868bcec9c4ac06ba2d4-7ba1d18ed7774027999c5adda2d50d89 " > _head.cshtml</ label >
334+ < input type ="radio " id ="0c1b22cdf6c74bb9a3ad5c470336b07e-28eb15964360411794f76336f7002a88 " name ="0c1b22cdf6c74bb9a3ad5c470336b07e " class ="tab " checked > < label for ="0c1b22cdf6c74bb9a3ad5c470336b07e-28eb15964360411794f76336f7002a88 " > settings.yml</ label >
335+ < input type ="radio " id ="0c1b22cdf6c74bb9a3ad5c470336b07e-ef0a13e6934a43fca2c0577489a26696 " name ="0c1b22cdf6c74bb9a3ad5c470336b07e " class ="tab " > < label for ="0c1b22cdf6c74bb9a3ad5c470336b07e-ef0a13e6934a43fca2c0577489a26696 " > Settings yaml file</ label >
336+ < input type ="radio " id ="0c1b22cdf6c74bb9a3ad5c470336b07e-29989d30cc0049b0a6dd7eeda87258b6 " name ="0c1b22cdf6c74bb9a3ad5c470336b07e " class ="tab " > < label for ="0c1b22cdf6c74bb9a3ad5c470336b07e-29989d30cc0049b0a6dd7eeda87258b6 " > _head.cshtml</ label >
337+ < input type ="radio " id ="0c1b22cdf6c74bb9a3ad5c470336b07e-cb9595ee90324189abc9143ca1752be0 " name ="0c1b22cdf6c74bb9a3ad5c470336b07e " class ="tab " > < label for ="0c1b22cdf6c74bb9a3ad5c470336b07e-cb9595ee90324189abc9143ca1752be0 " > _head.cshtml</ label >
338338< div class ="tab__content ">
339339
340340< pre > < code class ="language-yaml "> Host: "www.devlead.se"
0 commit comments