{"id":33,"date":"2023-03-15T13:12:03","date_gmt":"2023-03-15T13:12:03","guid":{"rendered":"https:\/\/themes.getmotopress.com\/2023\/?page_id=33"},"modified":"2023-03-15T13:16:58","modified_gmt":"2023-03-15T13:16:58","slug":"style-guide","status":"publish","type":"page","link":"https:\/\/themes.getmotopress.com\/2023\/style-guide\/","title":{"rendered":"Style Guide"},"content":{"rendered":"\n<p class=\"has-drop-cap\">That last is no more than a foot high, and about seven paces across, a mere flat top of a grey rock which smokes like a hot cinder after a shower, and where no man would care to venture a naked sole before sunset. It seemed as if the months had been playing a game, and had \u201cchanged places\u201d all round; and as if September were determined to show that he knew how to make himself just as disagreeable as August, if only he chose to do so.<br><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Columns<\/h3>\n\n\n\n<div class=\"wp-block-columns has-2-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>She felt it very much, though the children did all they could to make her comfortable, with shaded rooms, and iced water, and fans.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>The summer had been cool; but, as often happens after cool summers, the autumn proved unusually hot.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns has-3-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"963\" height=\"963\" src=\"https:\/\/themes.getmotopress.com\/2023\/wp-content\/uploads\/sites\/55\/2023\/03\/img_1.png\" alt=\"\" class=\"wp-image-28\" srcset=\"https:\/\/themes.getmotopress.com\/2023\/wp-content\/uploads\/sites\/55\/2023\/03\/img_1.png 963w, https:\/\/themes.getmotopress.com\/2023\/wp-content\/uploads\/sites\/55\/2023\/03\/img_1-300x300.png 300w, https:\/\/themes.getmotopress.com\/2023\/wp-content\/uploads\/sites\/55\/2023\/03\/img_1-150x150.png 150w, https:\/\/themes.getmotopress.com\/2023\/wp-content\/uploads\/sites\/55\/2023\/03\/img_1-768x768.png 768w\" sizes=\"auto, (max-width: 963px) 100vw, 963px\" \/><\/figure>\n\n\n\n<p>It was always the custom for such Austinians as went up to represent the School at the annual competition to stop the night in the town.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"963\" height=\"963\" src=\"https:\/\/themes.getmotopress.com\/2023\/wp-content\/uploads\/sites\/55\/2023\/03\/img_6.png\" alt=\"\" class=\"wp-image-25\" srcset=\"https:\/\/themes.getmotopress.com\/2023\/wp-content\/uploads\/sites\/55\/2023\/03\/img_6.png 963w, https:\/\/themes.getmotopress.com\/2023\/wp-content\/uploads\/sites\/55\/2023\/03\/img_6-300x300.png 300w, https:\/\/themes.getmotopress.com\/2023\/wp-content\/uploads\/sites\/55\/2023\/03\/img_6-150x150.png 150w, https:\/\/themes.getmotopress.com\/2023\/wp-content\/uploads\/sites\/55\/2023\/03\/img_6-768x768.png 768w\" sizes=\"auto, (max-width: 963px) 100vw, 963px\" \/><\/figure>\n\n\n\n<p>The summer had been cool; but, as often happens after cool summers, the autumn proved unusually hot. <br><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"963\" height=\"963\" src=\"https:\/\/themes.getmotopress.com\/2023\/wp-content\/uploads\/sites\/55\/2023\/03\/img_3.png\" alt=\"\" class=\"wp-image-11\" srcset=\"https:\/\/themes.getmotopress.com\/2023\/wp-content\/uploads\/sites\/55\/2023\/03\/img_3.png 963w, https:\/\/themes.getmotopress.com\/2023\/wp-content\/uploads\/sites\/55\/2023\/03\/img_3-300x300.png 300w, https:\/\/themes.getmotopress.com\/2023\/wp-content\/uploads\/sites\/55\/2023\/03\/img_3-150x150.png 150w, https:\/\/themes.getmotopress.com\/2023\/wp-content\/uploads\/sites\/55\/2023\/03\/img_3-768x768.png 768w\" sizes=\"auto, (max-width: 963px) 100vw, 963px\" \/><\/figure>\n\n\n\n<p>Every evening the boys would wheel her sofa out on the porch, in hopes of coolness; but it was of no use.<\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity is-style-dots\"\/>\n\n\n\n<div class=\"wp-block-columns alignwide has-4-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>It was always the custom for such Austinians as went up to represent the School at the annual competition to stop the night in the town.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>The summer had been cool; but, as often happens after cool summers, the autumn proved unusually hot. <br><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Every evening the boys would wheel her sofa out on the porch, in hopes of coolness; but it was of no use: the evenings were as warm as the days.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>It seemed as if the months had been playing a game, and had \u201cchanged places\u201d all round; and as if September were determined to show that he knew.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p>On the Little Isabel an old ragged palm, with a thick bulging trunk rough with spines, a very witch amongst palm trees, rustles a dismal bunch of dead leaves above the coarse sand. The Great Isabel has a spring of fresh water issuing from the overgrown side of a ravine.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Header one<\/h1>\n\n\n\n<p>On the Little Isabel an old ragged palm, with a thick bulging trunk rough with spines, a very witch amongst palm trees, rustles a dismal bunch of dead leaves above the coarse sand. The Great Isabel has a spring of fresh water issuing from the overgrown side of a ravine.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Header two<\/h2>\n\n\n\n<p>Resembling an emerald green wedge of land a mile long, and laid flat upon the sea, it bears two forest trees standing close together, with a wide spread of shade at the foot of their smooth trunks.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Header three<\/h3>\n\n\n\n<p>A ravine extending the whole length of the island is full of bushes; and presenting a deep tangled cleft on the high side spreads itself out on the other into a shallow depression abutting on a small strip of sandy shore.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Header four<\/h4>\n\n\n\n<p>The Great Isabel has a spring of fresh water issuing from the overgrown side of a ravine. Resembling an emerald green wedge of land a mile long, and laid flat upon the sea, it bears two forest trees standing close together, with a wide spread of shade at the foot of their smooth trunks.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Header five<\/h5>\n\n\n\n<p>On the Little Isabel an old ragged palm, with a thick bulging trunk rough with spines, a very witch amongst palm trees, rustles a dismal bunch of dead leaves above the coarse sand. The Great Isabel has a spring of fresh water issuing from the overgrown side of a ravine.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">Header six<\/h6>\n\n\n\n<h2 class=\"wp-block-heading\">Buttons<\/h2>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-458daba3 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\">Button<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\">Button<\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Blockquotes<\/h2>\n\n\n\n<p>Single line blockquote:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-style-plain is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Stay hungry. Stay foolish.<\/p>\n<cite>John Doe<\/cite><\/blockquote>\n\n\n\n<p>Multi line blockquote with a cite reference:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>People think focus means saying yes to the thing you&#8217;ve got to focus on. But that&#8217;s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I&#8217;m actually as proud of the things we haven&#8217;t done as the things I have done. Innovation is saying no to 1,000 things.<\/p>\n<cite>Steve Jobs &#8211; Apple Worldwide Developers&#8217; Conference, 1997<\/cite><\/blockquote>\n\n\n\n<p>Pullquote<\/p>\n\n\n\n<figure class=\"wp-block-pullquote\" style=\"border-width:1px;border-radius:0px\"><blockquote><p>People think focus means saying yes to the thing you&#8217;ve got to focus on. But that&#8217;s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I&#8217;m actually as proud of the things we haven&#8217;t done as the things I have done. Innovation is saying no to 1,000 things.<\/p><cite>Steve Jobs &#8211; Apple Worldwide Developers&#8217; Conference, 1997<\/cite><\/blockquote><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Tables<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><th>Employee<\/th><th>Salary<\/th><\/tr><tr><td><a href=\"http:\/\/example.com\/\">Jane<\/a><\/td><td>$1<\/td><td>Because that&#8217;s all Steve Job&#8217; needed for a salary.<\/td><\/tr><tr><td><a href=\"http:\/\/example.com\">John<\/a><\/td><td>$100K<\/td><td>For all the blogging he does.<\/td><\/tr><tr><td><a href=\"http:\/\/example.com\/\">Jane<\/a><\/td><td>$100M<\/td><td>Pictures are worth a thousand words, right? So Tom x 1,000.<\/td><\/tr><tr><td><a href=\"http:\/\/example.com\/\">Jane<\/a><\/td><td>$100B<\/td><td>With hair like that?! Enough said&#8230;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Definition Lists<\/h2>\n\n\n\n<p>\n\nDefinition List Title\nDefinition list division.\nStartup\nA startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.\n#dowork\nCoined by Rob Dyrdek and his personal body guard Christopher &#8220;Big Black&#8221; Boykins, &#8220;Do Work&#8221; works as a self motivator, to motivating your friends.\nDo It Live\nI&#8217;ll let Bill O&#8217;Reilly will <a href=\"https:\/\/www.youtube.com\/watch?v=O_HyZ5aW76c\">explain<\/a> this one.\n\n<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Unordered Lists (Nested)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>List item one\n<ul class=\"wp-block-list\">\n<li>List item one\n<ul class=\"wp-block-list\">\n<li>List item one<\/li>\n\n\n\n<li>List item two<\/li>\n\n\n\n<li>List item three<\/li>\n\n\n\n<li>List item four<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>List item two<\/li>\n\n\n\n<li>List item three<\/li>\n\n\n\n<li>List item four<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>List item two<\/li>\n\n\n\n<li>List item three<\/li>\n\n\n\n<li>List item four<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Ordered List (Nested)<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>List item one\n<ol class=\"wp-block-list\">\n<li>List item one\n<ol class=\"wp-block-list\">\n<li>List item one<\/li>\n\n\n\n<li>List item two<\/li>\n\n\n\n<li>List item three<\/li>\n\n\n\n<li>List item four<\/li>\n<\/ol>\n<\/li>\n\n\n\n<li>List item two<\/li>\n\n\n\n<li>List item three<\/li>\n\n\n\n<li>List item four<\/li>\n<\/ol>\n<\/li>\n\n\n\n<li>List item two<\/li>\n\n\n\n<li>List item three<\/li>\n\n\n\n<li>List item four<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">HTML Tags<\/h2>\n\n\n\n<p>These supported tags come from the WordPress.com code <a href=\"http:\/\/en.support.wordpress.com\/code\/\">FAQ<\/a>.<\/p>\n\n\n\n<p><strong>Address Tag<\/strong>\n1 Infinite Loop<br>Cupertino, CA 95014<br>United States\n<\/p>\n\n\n\n<p><strong>Anchor Tag (aka. Link)<\/strong><\/p>\n\n\n\n<p>This is an example of a <a href=\"http:\/\/apple.com\">link<\/a>.<\/p>\n\n\n\n<p><strong>Abbreviation Tag<\/strong><\/p>\n\n\n\n<p>The abbreviation <abbr title=\"Seriously\">srsly<\/abbr> stands for &#8220;seriously&#8221;.<\/p>\n\n\n\n<p><strong>Acronym Tag<\/strong><\/p>\n\n\n\n<p>The acronym ftw stands for &#8220;for the win&#8221;.<\/p>\n\n\n\n<p><strong>Big Tag<\/strong><\/p>\n\n\n\n<p>These tests are a big deal, but this tag is no longer supported in HTML5.<\/p>\n\n\n\n<p><strong>Cite Tag<\/strong><\/p>\n\n\n\n<p>&#8220;Code is poetry.&#8221; &#8211;Automattic<\/p>\n\n\n\n<p><strong>Code Tag<\/strong><\/p>\n\n\n\n<p>You will learn later on in these tests that <code>word-wrap: break-word;<\/code> will be your best friend.<\/p>\n\n\n\n<p><strong>Delete Tag<\/strong><\/p>\n\n\n\n<p>This tag will let you <del>strikeout text<\/del>, but this tag is no longer supported in HTML5 (use the <code>&lt;strike&gt;<\/code> instead).<\/p>\n\n\n\n<p><strong>Emphasize Tag<\/strong><\/p>\n\n\n\n<p>The emphasize tag should <em>italicize<\/em> text.<\/p>\n\n\n\n<p><strong>Insert Tag<\/strong><\/p>\n\n\n\n<p>This tag should denote <ins>inserted<\/ins> text.<\/p>\n\n\n\n<p><strong>Keyboard Tag<\/strong><\/p>\n\n\n\n<p>This scarcely known tag emulates keyboard text, which is usually styled like the <code>&lt;code&gt;<\/code> tag.<\/p>\n\n\n\n<p><strong>Preformatted Tag<\/strong><\/p>\n\n\n\n<p>This tag styles large blocks of code.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">.post-title {\n\tmargin: 0 0 5px;\n\tfont-weight: bold;\n\tfont-size: 38px;\n\tline-height: 1.2;\n}<\/pre>\n\n\n\n<p><strong>Quote Tag<\/strong><\/p>\n\n\n\n<p>Developers, developers, developers&#8230; &#8211;Steve Ballmer<\/p>\n\n\n\n<p><strong>Strong Tag<\/strong><\/p>\n\n\n\n<p>This tag shows <strong>bold text.<\/strong><\/p>\n\n\n\n<p><strong>Subscript Tag<\/strong><\/p>\n\n\n\n<p>Getting our science styling on with H<sub>2<\/sub>O, which should push the &#8220;2&#8221; down.<\/p>\n\n\n\n<p><strong>Superscript Tag<\/strong><\/p>\n\n\n\n<p>Still sticking with science and Isaac Newton&#8217;s E = MC<sup>2<\/sup>, which should lift the 2 up.<\/p>\n\n\n\n<p><strong>Teletype Tag<\/strong><\/p>\n\n\n\n<p>This rarely used tag emulates teletype text, which is usually styled like the <code>&lt;code&gt;<\/code> tag.<\/p>\n\n\n\n<p><strong>Variable Tag<\/strong><\/p>\n\n\n\n<p>This allows you to denote variables.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>That last is no more than a foot high, and about seven paces across, a mere flat top of a grey rock which smokes like a hot cinder after a shower, and where no man would care to venture a naked sole before sunset. It seemed as if the months had been playing a game, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-33","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/themes.getmotopress.com\/2023\/wp-json\/wp\/v2\/pages\/33","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themes.getmotopress.com\/2023\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themes.getmotopress.com\/2023\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themes.getmotopress.com\/2023\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.getmotopress.com\/2023\/wp-json\/wp\/v2\/comments?post=33"}],"version-history":[{"count":5,"href":"https:\/\/themes.getmotopress.com\/2023\/wp-json\/wp\/v2\/pages\/33\/revisions"}],"predecessor-version":[{"id":38,"href":"https:\/\/themes.getmotopress.com\/2023\/wp-json\/wp\/v2\/pages\/33\/revisions\/38"}],"wp:attachment":[{"href":"https:\/\/themes.getmotopress.com\/2023\/wp-json\/wp\/v2\/media?parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}