Add samples of markdown tables and alerts/warnings/infos to demo posts

bill-c-martin · Mar 20, 2022 · 4181c1a · 4181c1a
1 parent 6584794
commit 4181c1a
Show file tree

Hide file tree

Showing 3 changed files with 43 additions and 4 deletions.
diff --git a/_posts/blog/2021-01-01-Vestibulum-Tincidunt-Massa-Ipsum.md b/_posts/blog/2021-01-01-Vestibulum-Tincidunt-Massa-Ipsum.md
@@ -9,7 +9,10 @@ In eget dui vel sem iaculis dapibus id ac tortor. Integer condimentum metus sed
 
 ## Aliquam feugiat
 
-Tempor eleifend. Vivamus ac magna lacus. Ut mollis quis erat nec fringilla. 
+<div class="alert alert-info" role="alert">
+  Tempor eleifend. Vivamus ac magna lacus. Ut mollis quis erat nec fringilla. 
+</div>
+
 
 Suspendisse [sollicitudin nulla](https://google.com) id volutpat ullamcorper. Duis placerat nulla sit amet ipsum feugiat, eu fringilla dolor aliquet. Nam nec lectus vitae tellus blandit accumsan id eu lectus. 
 
@@ -27,10 +30,18 @@ $foo = new Foo();
 $foo->bar();
 ```
 
-Fusce euismod rutrum turpis vel tincidunt.
+<div class="alert alert-warning" role="alert">
+  Fusce euismod rutrum turpis vel tincidunt.
+</div>
 
 Ut pellentesque tristique eros non elementum.
 
+| Augue | Bibendum     | Eleifend     |
+|-------|--------------|--------------|
+| 1     | sollicitudin | `$odio`      |
+| 2     | malesuada    | `$tristique` |
+| 3     | egestas      | `$interdum`  |
+
 ## Curabitur Iaculis Orci Nisi
 
 Aenean eu venenatis enim, condimentum dapibus lorem.

diff --git a/_posts/blog/2021-02-01-Quisque-Porttitor-Nisi-Nec-Vehicula.md b/_posts/blog/2021-02-01-Quisque-Porttitor-Nisi-Nec-Vehicula.md
@@ -9,12 +9,22 @@ Maecenas efficitur, nisi a sagittis dictum, dui nisi condimentum eros, a vulputa
 
 > Praesent in ornare neque. Sed feugiat, dolor sagittis molestie imperdiet, tortor nibh aliquam lorem, efficitur ultrices nibh nisi ut lorem.
 
+<div class="alert alert-warning" role="alert">
+  Fusce euismod rutrum turpis vel tincidunt.
+</div>
+
 ## Sed Purus Quam
 
 Commodo ac dui in, sodales mattis odio.
 
 Aliquam sed cursus sapien, et [efficitur justo](https://google.com). Aliquam in erat eu diam congue venenatis vitae nec elit.
 
+| Augue | Bibendum     | Eleifend     |
+|-------|--------------|--------------|
+| 1     | sollicitudin | `$odio`      |
+| 2     | malesuada    | `$tristique` |
+| 3     | egestas      | `$interdum`  |
+
 In porta tellus eget leo eleifend ullamcorper:
 
 ```ruby
@@ -29,7 +39,10 @@ clean_string("aaa#b")
 
 Etiam leo mauris, vulputate in suscipit in, dictum nec neque. Fusce semper nisi magna, non molestie sapien lobortis sit amet.
 
-Nam tincidunt, velit sit amet egestas suscipit, lacus leo aliquam massa, sed ultrices nisi odio at dolor.
+
+<div class="alert alert-info" role="alert">
+  Nam tincidunt, velit sit amet egestas suscipit, lacus leo aliquam massa, sed ultrices nisi odio at dolor.
+</div>
 
 Donec imperdiet sapien vitae lectus ullamcorper finibus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
 

diff --git a/_posts/blog/2021-04-03-Tristique-Convallis.md b/_posts/blog/2021-04-03-Tristique-Convallis.md
@@ -13,10 +13,25 @@ Volutpat elit massa vitae turpis. Maecenas vel euismod dolor. Sed tempus suscipi
 
 [Curabitur imperdiet](https://en.wikipedia.org/wiki/Brainfuck), odio id eleifend faucibus, justo ipsum sollicitudin augue, dictum finibus mi velit bibendum dui. 
 
-*Aenean sagittis* malesuada odio vitae tristique. Vestibulum rutrum sit amet massa id convallis. Nam commodo massa fringilla, egestas nulla ut, venenatis libero. Donec lobortis neque varius, facilisis dolor eu, rutrum sem. Nam eleifend interdum est pulvinar tempor. Etiam feugiat sit amet turpis in pulvinar. 
+| Augue | Bibendum     | Eleifend     |
+|-------|--------------|--------------|
+| 1     | sollicitudin | `$odio`      |
+| 2     | malesuada    | `$tristique` |
+| 3     | egestas      | `$interdum`  |
+
+*Aenean sagittis* malesuada odio vitae tristique. Vestibulum rutrum sit amet massa id convallis. Nam commodo massa fringilla, egestas nulla ut, venenatis libero. Donec lobortis neque varius, facilisis dolor eu, rutrum sem. Nam eleifend interdum est pulvinar tempor. 
+
+<div class="alert alert-warning" role="alert">
+  Etiam feugiat sit amet turpis in pulvinar. 
+</div>
 
 > Nam interdum nisl et erat dapibus bibendum. Mauris quis laoreet nibh.
 
+
+<div class="alert alert-info" role="alert">
+  Vestibulum rutrum sit amet massa id convallis.
+</div>
+
 ```
 [ This program prints "Hello World!" and a newline to the screen, its
   length is 106 active command characters. [It is not the shortest.]