Zippy. https://otherness-space.github.io/spring-demo-bootstrap4 2019-01-26T15:49:30-05:00 <h1>h1 Main</h1> <h2>h2 Main</h2> <h3>h3 Main</h3> <h4>h4 Main</h4> <section class="container"> <h2>h2 Section</h2> <h3>h3 Section</h3> <h4>h4 Section</h4> <p>320px 18.75em</p> <p class="p-break">012345678901234567890123456789012</p> <p>space</p> <p class="p-break">0123456789012345678901234567890123456789</p> <p>space</p> <p class="p-break">01234567890123456789012345678901234567890123456789</p> <p>540px 32.5em</p> <p class="p-break">0123456789012345678901234567890123456789012345678901234567</p> <p>space</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin feugiat ante massa, vel finibus arcu condimentum at. Pellentesque ac iaculis ipsum. Nulla egestas ipsum a mauris ultrices commodo. Vivamus nulla diam, tincidunt sed sapien vel, tempor tincidunt lacus. Sed in gravida tellus. Nullam eu mollis sem. Fusce in accumsan purus, eleifend congue tortor. Nullam aliquam porta faucibus. Nam blandit, nisl in lobortis fringilla, erat neque blandit dolor, vel faucibus dui arcu tincidunt nisi. Duis porttitor magna nisi, tristique egestas quam molestie sed. Quisque tempus nec quam ac convallis. Etiam laoreet risus in purus consequat, id luctus leo egestas. Morbi lacinia mauris enim, eu molestie est cursus ac.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <code class="language-css">p { color: red }</code> Proin feugiat ante massa, vel finibus arcu condimentum at. Pellentesque ac iaculis ipsum. Nulla egestas ipsum a mauris ultrices commodo. Vivamus nulla diam, tincidunt sed sapien vel, tempor tincidunt lacus. Sed in gravida tellus. Nullam eu mollis sem. Fusce in accumsan purus, eleifend congue tortor. Nullam aliquam porta faucibus. Nam blandit, nisl in lobortis fringilla, erat neque blandit dolor, vel faucibus dui arcu tincidunt nisi. Duis porttitor magna nisi, tristique egestas quam molestie sed. Quisque tempus nec quam ac convallis. Etiam laoreet risus in purus consequat, id luctus leo egestas. Morbi lacinia mauris enim, eu molestie est cursus ac.</p> <pre class="line-numbers"> <!-- no class="line-numbers", no line numbers... --> <!-- https://prismjs.com/index.html#languages-list --> <code class="language-css"> p { color: red } .prism-previewer:before { top: -5px; right: -5px; left: -5px; bottom: -5px; border-radius: 10px; border: 5px solid #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset, 0 0 10px rgba(0, 0, 0, 0.75); } </code> </pre> <p class="p-break">012345678901234567890123456789</p> <p>space</p> <p class="p-break">0123456789012345678901234567890123456789</p> <p>space</p> <p class="p-break">01234567890123456789012345678901234567890123456789</p> <p>space</p> <p class="p-break">012345678901234567890123456789012345678901234567890123456789</p> <p>space</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin feugiat ante massa, vel finibus arcu condimentum at. Pellentesque ac iaculis ipsum. Nulla egestas ipsum a mauris ultrices commodo. Vivamus nulla diam, tincidunt sed sapien vel, tempor tincidunt lacus. Sed in gravida tellus. Nullam eu mollis sem. Fusce in accumsan purus, eleifend congue tortor. Nullam aliquam porta faucibus. Nam blandit, nisl in lobortis fringilla, erat neque blandit dolor, vel faucibus dui arcu tincidunt nisi. Duis porttitor magna nisi, tristique egestas quam molestie sed. Quisque tempus nec quam ac convallis. Etiam laoreet risus in purus consequat, id luctus leo egestas. Morbi lacinia mauris enim, eu molestie est cursus ac.</p> <p class="p-break">012345678901234567890123456789</p> <p>space</p> <p class="p-break">0123456789012345678901234567890123456789</p> <p>space</p> <p class="p-break">01234567890123456789012345678901234567890123456789</p> <p>space</p> <p class="p-break">012345678901234567890123456789012345678901234567890123456789</p> <p>space</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin feugiat ante massa, vel finibus arcu condimentum at. Pellentesque ac iaculis ipsum. Nulla egestas ipsum a mauris ultrices commodo. Vivamus nulla diam, tincidunt sed sapien vel, tempor tincidunt lacus. Sed in gravida tellus. Nullam eu mollis sem. Fusce in accumsan purus, eleifend congue tortor. Nullam aliquam porta faucibus. Nam blandit, nisl in lobortis fringilla, erat neque blandit dolor, vel faucibus dui arcu tincidunt nisi. Duis porttitor magna nisi, tristique egestas quam molestie sed. Quisque tempus nec quam ac convallis. Etiam laoreet risus in purus consequat, id luctus leo egestas. Morbi lacinia mauris enim, eu molestie est cursus ac.</p> <article class=""> <h3>h3 Article</h3> <h4>h4 Article</h4> <p>320px 18.75em</p> <p class="p-break">012345678901234567890123456789012</p> <p>space</p> <p class="p-break">0123456789012345678901234567890123456789</p> <p>space</p> <p class="p-break">01234567890123456789012345678901234567890123456789</p> <p>540px 32.5em</p> <p class="p-break">0123456789012345678901234567890123456789012345678901234567</p> <p>space</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin feugiat ante massa, vel finibus arcu condimentum at. Pellentesque ac iaculis ipsum. Nulla egestas ipsum a mauris ultrices commodo. Vivamus nulla diam, tincidunt sed sapien vel, tempor tincidunt lacus. Sed in gravida tellus. Nullam eu mollis sem. Fusce in accumsan purus, eleifend congue tortor. Nullam aliquam porta faucibus. Nam blandit, nisl in lobortis fringilla, erat neque blandit dolor, vel faucibus dui arcu tincidunt nisi. Duis porttitor magna nisi, tristique egestas quam molestie sed. Quisque tempus nec quam ac convallis. Etiam laoreet risus in purus consequat, id luctus leo egestas. Morbi lacinia mauris enim, eu molestie est cursus ac.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <code class="language-css">p { color: red }</code> Proin feugiat ante massa, vel finibus arcu condimentum at. Pellentesque ac iaculis ipsum. Nulla egestas ipsum a mauris ultrices commodo. Vivamus nulla diam, tincidunt sed sapien vel, tempor tincidunt lacus. Sed in gravida tellus. Nullam eu mollis sem. Fusce in accumsan purus, eleifend congue tortor. Nullam aliquam porta faucibus. Nam blandit, nisl in lobortis fringilla, erat neque blandit dolor, vel faucibus dui arcu tincidunt nisi. Duis porttitor magna nisi, tristique egestas quam molestie sed. Quisque tempus nec quam ac convallis. Etiam laoreet risus in purus consequat, id luctus leo egestas. Morbi lacinia mauris enim, eu molestie est cursus ac.</p> <pre class="line-numbers"> <!-- no class="line-numbers", no line numbers... --> <!-- https://prismjs.com/index.html#languages-list --> <code class="language-css"> p { color: red } .prism-previewer:before { top: -5px; right: -5px; left: -5px; bottom: -5px; border-radius: 10px; border: 5px solid #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset, 0 0 10px rgba(0, 0, 0, 0.75); } </code> </pre> <p class="p-break">012345678901234567890123456789</p> <p>space</p> <p class="p-break">0123456789012345678901234567890123456789</p> <p>space</p> <p class="p-break">01234567890123456789012345678901234567890123456789</p> <p>space</p> <p class="p-break">012345678901234567890123456789012345678901234567890123456789</p> <p>space</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin feugiat ante massa, vel finibus arcu condimentum at. Pellentesque ac iaculis ipsum. Nulla egestas ipsum a mauris ultrices commodo. Vivamus nulla diam, tincidunt sed sapien vel, tempor tincidunt lacus. Sed in gravida tellus. Nullam eu mollis sem. Fusce in accumsan purus, eleifend congue tortor. Nullam aliquam porta faucibus. Nam blandit, nisl in lobortis fringilla, erat neque blandit dolor, vel faucibus dui arcu tincidunt nisi. Duis porttitor magna nisi, tristique egestas quam molestie sed. Quisque tempus nec quam ac convallis. Etiam laoreet risus in purus consequat, id luctus leo egestas. Morbi lacinia mauris enim, eu molestie est cursus ac.</p> <p class="p-break">012345678901234567890123456789</p> <p>space</p> <p class="p-break">0123456789012345678901234567890123456789</p> <p>space</p> <p class="p-break">01234567890123456789012345678901234567890123456789</p> <p>space</p> <p class="p-break">012345678901234567890123456789012345678901234567890123456789</p> <p>space</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin feugiat ante massa, vel finibus arcu condimentum at. Pellentesque ac iaculis ipsum. Nulla egestas ipsum a mauris ultrices commodo. Vivamus nulla diam, tincidunt sed sapien vel, tempor tincidunt lacus. Sed in gravida tellus. Nullam eu mollis sem. Fusce in accumsan purus, eleifend congue tortor. Nullam aliquam porta faucibus. Nam blandit, nisl in lobortis fringilla, erat neque blandit dolor, vel faucibus dui arcu tincidunt nisi. Duis porttitor magna nisi, tristique egestas quam molestie sed. Quisque tempus nec quam ac convallis. Etiam laoreet risus in purus consequat, id luctus leo egestas. Morbi lacinia mauris enim, eu molestie est cursus ac.</p> </article> </section> Sun, 13 Jan 2019 00:00:00 -0500 https://otherness-space.github.io/spring-demo-bootstrap4/2019/01/13/demo.html https://otherness-space.github.io/spring-demo-bootstrap4/2019/01/13/demo.html <p class="p-indent">Kiwifruit (often abbreviated as kiwi), or Chinese gooseberry is the edible berry of several species of woody vines in the genus Actinidia.</p> <p class="p-indent">The most common cultivar group of kiwifruit is oval, about the size of a large hen's egg (5–8 cm (2.0–3.1 in) in length and 4.5–5.5 cm (1.8–2.2 in) in diameter). It has a fibrous, dull greenish-brown skin and bright green or golden flesh with rows of tiny, black, edible seeds. The fruit has a soft texture, with a sweet and unique flavor.</p> Wed, 22 Aug 2018 00:00:00 -0400 https://otherness-space.github.io/spring-demo-bootstrap4/2018/08/22/kiwifruit.html https://otherness-space.github.io/spring-demo-bootstrap4/2018/08/22/kiwifruit.html <p class="p-indent">An apple is a sweet, edible fruit produced by an apple tree.</p> <p class="p-indent">Apple trees are cultivated worldwide, and are the most widely grown species in the genus Malus. The tree originated in Central Asia, where its wild ancestor, Malus sieversii, is still found today. Apples have been grown for thousands of years in Asia and Europe, and were brought to North America by European colonists.</p> Tue, 21 Aug 2018 00:00:00 -0400 https://otherness-space.github.io/spring-demo-bootstrap4/2018/08/21/apples.html https://otherness-space.github.io/spring-demo-bootstrap4/2018/08/21/apples.html <p class="p-indent">A banana is an edible fruit – botanically a berry – produced by several kinds of large herbaceous flowering plants in the genus Musa.</p> <p class="p-indent">In some countries, bananas used for cooking may be called "plantains", distinguishing them from dessert bananas. The fruit is variable in size, color, and firmness, but is usually elongated and curved, with soft flesh rich in starch covered with a rind, which may be green, yellow, red, purple, or brown when ripe.</p> Mon, 20 Aug 2018 00:00:00 -0400 https://otherness-space.github.io/spring-demo-bootstrap4/2018/08/20/bananas.html https://otherness-space.github.io/spring-demo-bootstrap4/2018/08/20/bananas.html