{
    "version": "https://jsonfeed.org/version/1.1",
    "title": "Misc on tessa marie soap",
    "description": "Recent content in Misc on tessa marie soap",
    "home_page_url": "http://tessamariesoap.netlify.app/",
    "feed_url": "http://tessamariesoap.netlify.app/misc/index.json",
    "language": "en-US",
    "icon": "http://tessamariesoap.netlify.app/images/tessamariesoap.png",
    "favicon": "http://tessamariesoap.netlify.app/favicon.ico",
    "items": [
        {
            "title": "Components",
            "date_published": "0001-01-01T00:00:00Z",
            "date_modified": "0001-01-01T00:00:00Z",
            "id": "http://tessamariesoap.netlify.app/misc/components/",
            "url": "http://tessamariesoap.netlify.app/misc/components/",
            "content_html": "\u003ch2 id=\"table-with-the-zebra-table-and-responsive-table-components-classes\"\u003eTable with the \u0026ldquo;zebra-table\u0026rdquo; and \u0026ldquo;responsive-table\u0026rdquo; components classes\u003c/h2\u003e\n\u003ctable class=\"zebra-table responsive-table\"\u003e\n  \u003cthead\u003e\n      \u003ctr\u003e\n          \u003cth style=\"text-align: left\"\u003eSSG\u003c/th\u003e\n          \u003cth style=\"text-align: left\"\u003eStars\u003c/th\u003e\n          \u003cth style=\"text-align: left\"\u003eDescription\u003c/th\u003e\n          \u003cth style=\"text-align: left\"\u003eLang\u003c/th\u003e\n          \u003cth style=\"text-align: left\"\u003eLicence\u003c/th\u003e\n      \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n      \u003ctr\u003e\n          \u003ctd style=\"text-align: left\"\u003eNext.js\u003c/td\u003e\n          \u003ctd style=\"text-align: left\"\u003e97399\u003c/td\u003e\n          \u003ctd style=\"text-align: left\"\u003eNext.js is a minimalistic framework for server-rendered React applications as well as statically exported React apps.\u003c/td\u003e\n          \u003ctd style=\"text-align: left\"\u003eJavaScript\u003c/td\u003e\n          \u003ctd style=\"text-align: left\"\u003eMIT\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n          \u003ctd style=\"text-align: left\"\u003eHugo\u003c/td\u003e\n          \u003ctd style=\"text-align: left\"\u003e64086\u003c/td\u003e\n          \u003ctd style=\"text-align: left\"\u003eHugo is a static site generator written in Go. It is optimized for speed, easy use and configurability.\u003c/td\u003e\n          \u003ctd style=\"text-align: left\"\u003eGo\u003c/td\u003e\n          \u003ctd style=\"text-align: left\"\u003eApache-2.0\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n          \u003ctd style=\"text-align: left\"\u003eGatsby\u003c/td\u003e\n          \u003ctd style=\"text-align: left\"\u003e53896\u003c/td\u003e\n          \u003ctd style=\"text-align: left\"\u003eBuild blazing-fast, modern apps and websites with React\u003c/td\u003e\n          \u003ctd style=\"text-align: left\"\u003eJavaScript\u003c/td\u003e\n          \u003ctd style=\"text-align: left\"\u003eMIT\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n          \u003ctd style=\"text-align: left\"\u003eJekyll\u003c/td\u003e\n          \u003ctd style=\"text-align: left\"\u003e45696\u003c/td\u003e\n          \u003ctd style=\"text-align: left\"\u003eJekyll is a simple, blog-aware, static site generator perfect for personal, project, or organization sites.\u003c/td\u003e\n          \u003ctd style=\"text-align: left\"\u003eRuby\u003c/td\u003e\n          \u003ctd style=\"text-align: left\"\u003eMIT\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n          \u003ctd style=\"text-align: left\"\u003eNuxt\u003c/td\u003e\n          \u003ctd style=\"text-align: left\"\u003e41678\u003c/td\u003e\n          \u003ctd style=\"text-align: left\"\u003eAn easy way to export your Vue.js Web Application into a static website.\u003c/td\u003e\n          \u003ctd style=\"text-align: left\"\u003eJavaScript\u003c/td\u003e\n          \u003ctd style=\"text-align: left\"\u003eMIT\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n          \u003ctd style=\"text-align: left\"\u003eDocusaurus\u003c/td\u003e\n          \u003ctd style=\"text-align: left\"\u003e40245\u003c/td\u003e\n          \u003ctd style=\"text-align: left\"\u003eSave time and focus on your project\u0026rsquo;s documentation.\u003c/td\u003e\n          \u003ctd style=\"text-align: left\"\u003eJavaScript\u003c/td\u003e\n          \u003ctd style=\"text-align: left\"\u003eMIT\u003c/td\u003e\n      \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\u003ch2 class=\"mt--xl\" id=\"using-the-box-components-class\"\u003eUsing the \u0026ldquo;box\u0026rdquo; components class\u003c/h2\u003e\n\u003cdiv class=\"box\"\u003e\u003ch3 id=\"this-is-a-box\"\u003eThis is a box\u003c/h3\u003e\n\u003cp\u003eLorem ipsum dolor sit amet.\u003c/p\u003e\u003c/div\u003e\n\n\u003cdiv class=\"box box--highlight\"\u003e\u003ch3 id=\"this-is-a-box-with-highlight\"\u003eThis is a box with highlight\u003c/h3\u003e\n\u003cp\u003eLorem ipsum dolor sit amet.\u003c/p\u003e\u003c/div\u003e\n\n\u003cdiv class=\"box box--inverted\"\u003e\u003ch3 id=\"this-is-a-inverted-box\"\u003eThis is a inverted box\u003c/h3\u003e\n\u003cp\u003eLorem ipsum dolor sit amet.\u003c/p\u003e\u003c/div\u003e\n\n\u003ch2 class=\"mt--xl\" id=\"messages-colour-display\"\u003eMessages colour display\u003c/h2\u003e\n\u003ch3 id=\"status\"\u003eStatus\u003c/h3\u003e\n\u003cdiv class=\"message status\"\u003eLorem ipsum dolor sit amet.\u003c/div\u003e\n\n\u003ch3 id=\"warning\"\u003eWarning\u003c/h3\u003e\n\u003cdiv class=\"message warning\"\u003eLorem ipsum dolor sit amet.\u003c/div\u003e\n\n\u003ch3 id=\"error\"\u003eError\u003c/h3\u003e\n\u003cdiv class=\"message error\"\u003eLorem ipsum dolor sit amet.\u003c/div\u003e\n\n\u003ch2 class=\"mt--xl\" id=\"using-the-cards-and-card-components-classes\"\u003eUsing the \u0026ldquo;cards\u0026rdquo; and \u0026ldquo;card\u0026rdquo; components classes\u003c/h2\u003e\n\u003cp\u003eCards in turn extends the \u0026ldquo;grid-group\u0026rdquo; component.\u003c/p\u003e\n\u003cdiv class=\"cards\"\u003e\u003cdiv class=\"card\"\u003e\u003ch3 id=\"card-1\"\u003eCard 1\u003c/h3\u003e\n\u003cp\u003eLorem ipsum dolor sit amet.\u003c/p\u003e\u003c/div\u003e\n\u003cdiv class=\"card\"\u003e\u003ch3 id=\"card-2\"\u003eCard 2\u003c/h3\u003e\n\u003cp\u003eLorem ipsum dolor sit amet.\u003c/p\u003e\u003c/div\u003e\n\u003cdiv class=\"card\"\u003e\u003ch3 id=\"card-3\"\u003eCard 3\u003c/h3\u003e\n\u003cp\u003eLorem ipsum dolor sit amet.\u003c/p\u003e\u003c/div\u003e\n\u003cdiv class=\"card\"\u003e\u003ch3 id=\"card-4\"\u003eCard 4\u003c/h3\u003e\n\u003cp\u003eLorem ipsum dolor sit amet.\u003c/p\u003e\u003c/div\u003e\n\u003cdiv class=\"card\"\u003e\u003ch3 id=\"card-5\"\u003eCard 5\u003c/h3\u003e\n\u003cp\u003eLorem ipsum dolor sit amet.\u003c/p\u003e\u003c/div\u003e\n\u003cdiv class=\"card\"\u003e\u003ch3 id=\"card-6\"\u003eCard 6\u003c/h3\u003e\n\u003cp\u003eLorem ipsum dolor sit amet.\u003c/p\u003e\u003c/div\u003e\n\u003cdiv class=\"card\"\u003e\u003ch3 id=\"card-7\"\u003eCard 7\u003c/h3\u003e\n\u003cp\u003eLorem ipsum dolor sit amet.\u003c/p\u003e\u003c/div\u003e\n\u003cdiv class=\"card\"\u003e\u003ch3 id=\"card-8\"\u003eCard 8\u003c/h3\u003e\n\u003cp\u003eLorem ipsum dolor sit amet.\u003c/p\u003e\u003c/div\u003e\n\u003c/div\u003e\n\n"
        },
        {
            "title": "Layout with grid",
            "date_published": "0001-01-01T00:00:00Z",
            "date_modified": "0001-01-01T00:00:00Z",
            "id": "http://tessamariesoap.netlify.app/misc/layout/",
            "url": "http://tessamariesoap.netlify.app/misc/layout/",
            "content_html": "\u003cp\u003eExamples of using stretch and breakout classes.\u003c/p\u003e\n"
        },
        {
            "title": "Math",
            "date_published": "0001-01-01T00:00:00Z",
            "date_modified": "0001-01-01T00:00:00Z",
            "id": "http://tessamariesoap.netlify.app/misc/math/",
            "url": "http://tessamariesoap.netlify.app/misc/math/",
            "content_html": "\u003ch2 id=\"math-typesetting-with-katex\"\u003eMath typesetting with KaTeX\u003c/h2\u003e\n\u003cp\u003eI got a contribution that added math typesetting with KaTeX.\u003c/p\u003e\n\u003cp\u003eSomething you either have little clue about or really need. But math is fun and it was easy to add.\u003c/p\u003e\n\u003cp\u003eSome math examples:\u003c/p\u003e\n\u003cp\u003e$$x^2 + y^2 = z^2$$\u003c/p\u003e\n\u003cp\u003e$$\\frac{1}{\\Bigl(\\sqrt{\\phi \\sqrt{5}}-\\phi\\Bigr) e^{\\frac25 \\pi}} \\equiv 1+\\frac{e^{-2\\pi}} {1+\\frac{e^{-4\\pi}} {1+\\frac{e^{-6\\pi}} {1+\\frac{e^{-8\\pi}} {1+\\cdots} } } }$$\u003c/p\u003e\n\u003cp\u003e$$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$\u003c/p\u003e\n"
        }
        ]
}