{"id":5,"date":"2014-09-01T18:56:00","date_gmt":"2014-09-01T22:56:00","guid":{"rendered":"http:\/\/www.krishocker.com\/yarn\/?page_id=2"},"modified":"2014-09-01T18:56:00","modified_gmt":"2014-09-01T22:56:00","slug":"sample-page-2","status":"publish","type":"page","link":"https:\/\/www.krishockerdesigns.com\/yarn\/sample-page-2\/","title":{"rendered":"Style Guide"},"content":{"rendered":"<div class=\"entry-content\">\n<p>This page will show you how the theme handles the various HTML tags and typographical elements. Including the drop-cap on the initial letter of the first paragraph.<\/p>\n<h1>Header one<\/h1>\n<p>Ei assum adversarium definitionem eum. Quem tale quaestio ad eum, ut dicant libris usu, unum elitr oratio vis ex. Vel noluisse persecuti et. Te tale principes eam. Eum an eruditi rationibus, omnis zril salutandi te has. Has at viderer noluisse deterruisset, sit ei ridens possim necessitatibus.<\/p>\n<h2>Header two<\/h2>\n<p>Eum abhorreant constituam at, vero lucilius dissentias et sit. Ullum graeco duo ad. Est id nisl facilisis. Eum vidisse petentium at, consetetur disputando at mei, at mei augue soluta. Nam ea tollit omnesque, vis deseruisse accommodare ex. Eligendi convenire interpretaris et nam, sit ne denique prodesset.<\/p>\n<h3>Header three<\/h3>\n<p>Ea novum iusto mea, mei mundi discere eu. Et eum elit option efficiantur, praesent forensibus rationibus et vim. Et graeci assentior mei, ex mel brute utinam semper. Ne nam dolorum moderatius.<\/p>\n<h4>Header four<\/h4>\n<p>Eum abhorreant constituam at, vero lucilius dissentias et sit. Ullum graeco duo ad. Est id nisl facilisis. Eum vidisse petentium at, consetetur disputando at mei, at mei augue soluta. Nam ea tollit omnesque, vis deseruisse accommodare ex. Eligendi convenire interpretaris et nam, sit ne denique prodesset.<\/p>\n<h5>Header five<\/h5>\n<p>Ea novum iusto mea, mei mundi discere eu. Et eum elit option efficiantur, praesent forensibus rationibus et vim. Et graeci assentior mei, ex mel brute utinam semper. Ne nam dolorum moderatius.<\/p>\n<h6>Header six<\/h6>\n<p>Ei assum adversarium definitionem eum. Quem tale quaestio ad eum, ut dicant libris usu, unum elitr oratio vis ex. Vel noluisse persecuti et. Te tale principes eam. Eum an eruditi rationibus, omnis zril salutandi te has. Has at viderer noluisse deterruisset, sit ei ridens possim necessitatibus.<\/p>\n<h2>Blockquotes<\/h2>\n<p>Single line blockquote:<\/p>\n<blockquote><p>You don&#8217;t take a photograph, you make it.<\/p><\/blockquote>\n<p>Multi line blockquote with a cite reference:<\/p>\n<blockquote><p>You don&#8217;t make a photograph just with a camera. You bring to the act of photography all the pictures you have seen, the books you have read, the music you have heard, the people you have loved.<\/p>\n<p class=\"has-cite\"><cite>Ansel Adams<\/cite><\/p>\n<\/blockquote>\n<h2>Tables<\/h2>\n<table>\n<tbody>\n<tr>\n<th>Employee<\/th>\n<th class=\"views\">Salary<\/th>\n<th><\/th>\n<\/tr>\n<tr class=\"odd\">\n<td><a href=\"http:\/\/example.com\/\">Jane<\/a><\/td>\n<td>$1<\/td>\n<td>Because that\u2019s all Steve Job\u2019 needed for a salary.<\/td>\n<\/tr>\n<tr class=\"even\">\n<td><a href=\"http:\/\/example.com\">John<\/a><\/td>\n<td>$100K<\/td>\n<td>For all the blogging he does.<\/td>\n<\/tr>\n<tr class=\"odd\">\n<td><a href=\"http:\/\/example.com\/\">Jane<\/a><\/td>\n<td>$100M<\/td>\n<td>Pictures are worth a thousand words, right? So Tom x 1,000.<\/td>\n<\/tr>\n<tr class=\"even\">\n<td><a href=\"http:\/\/example.com\/\">Jane<\/a><\/td>\n<td>$100B<\/td>\n<td>With hair like that?! Enough said\u2026<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Definition Lists<\/h2>\n<dl>\n<dt>Definition List Title<\/dt>\n<dd>Definition list division.<\/dd>\n<dt>Startup<\/dt>\n<dd>A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.<\/dd>\n<dt>#dowork<\/dt>\n<dd>Coined by Rob Dyrdek and his personal body guard Christopher \u201cBig Black\u201d Boykins, \u201cDo Work\u201d works as a self motivator, to motivating your friends.<\/dd>\n<dt>Do It Live<\/dt>\n<dd>I\u2019ll let Bill O\u2019Reilly will <a title=\"We'll Do It Live\" href=\"https:\/\/www.youtube.com\/watch?v=O_HyZ5aW76c\">explain<\/a> this one.<\/dd>\n<\/dl>\n<h2>Unordered Lists (Nested)<\/h2>\n<ul>\n<li>List item one\n<ul>\n<li>List item one\n<ul>\n<li>List item one<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ul>\n<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ul>\n<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ul>\n<h2>Ordered List (Nested)<\/h2>\n<ol>\n<li>List item one\n<ol>\n<li>List item one\n<ol>\n<li>List item one<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ol>\n<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ol>\n<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ol>\n<h2>HTML Tags<\/h2>\n<p>These supported tags come from the WordPress.com code <a title=\"Code\" href=\"http:\/\/en.support.wordpress.com\/code\/\">FAQ<\/a>.<\/p>\n<p><strong>Address Tag<\/strong><\/p>\n<address>1 Infinite Loop<br \/>\nCupertino, CA 95014<br \/>\nUnited States<\/address>\n<p><strong>Anchor Tag (aka. Link)<\/strong><\/p>\n<p>This is an example of a <a title=\"Apple\" href=\"http:\/\/apple.com\">link<\/a>.<\/p>\n<p><strong>Abbreviation Tag<\/strong><\/p>\n<p>The abbreviation <abbr title=\"Seriously\">srsly<\/abbr> stands for \u201cseriously\u201d.<\/p>\n<p><strong>Acronym Tag<\/strong><\/p>\n<p>The acronym <acronym title=\"For The Win\">ftw<\/acronym> stands for \u201cfor the win\u201d.<\/p>\n<p><strong>Big Tag<\/strong><\/p>\n<p>These tests are a <big>big<\/big> deal, but this tag is no longer supported in HTML5.<\/p>\n<p><strong>Cite Tag<\/strong><\/p>\n<p>\u201cCode is poetry.\u201d \u2013<cite>Automattic<\/cite><\/p>\n<p><strong>Code Tag<\/strong><\/p>\n<p>You will learn later on in these tests that <code>word-wrap: break-word;<\/code> will be your best friend.<\/p>\n<p><strong>Delete Tag<\/strong><\/p>\n<p>This tag will let you <span class=\"line-through\"><del>strikeout text<\/del><\/span>, but this tag is no longer supported in HTML5 (use the <code>&lt;strike&gt;<\/code> instead).<\/p>\n<p><strong>Emphasize Tag<\/strong><\/p>\n<p>The emphasize tag should <em>italicize<\/em> text.<\/p>\n<p><strong>Insert Tag<\/strong><\/p>\n<p>This tag should denote <ins>inserted<\/ins> text.<\/p>\n<p><strong>Keyboard Tag<\/strong><\/p>\n<p>This scarcely known tag emulates <kbd>keyboard text<\/kbd>, which is usually styled like the <code>&lt;code&gt;<\/code> tag.<\/p>\n<p><strong>Preformatted Tag<\/strong><\/p>\n<p>This tag styles large blocks of code.<\/p>\n<pre class=\"has-code\"><code>.post-title {\n\tmargin: 0 0 5px;\n\tfont-weight: bold;\n\tfont-size: 38px;\n\tline-height: 1.2;\n}<\/code><\/pre>\n<p><strong>Quote Tag<\/strong><\/p>\n<p><q>Developers, developers, developers\u2026<\/q> \u2013Steve Ballmer<\/p>\n<p><strong>Strong Tag<\/strong><\/p>\n<p>This tag shows <strong>bold<strong> text.<\/strong><\/strong><\/p>\n<p><strong>Subscript Tag<\/strong><\/p>\n<p>Getting our science styling on with H<sub>2<\/sub>O, which should push the \u201c2\u2033 down.<\/p>\n<p><strong>Superscript Tag<\/strong><\/p>\n<p>Still sticking with science and Isaac Newton\u2019s E = MC<sup>2<\/sup>, which should lift the 2 up.<\/p>\n<p><strong>Teletype Tag<\/strong><\/p>\n<p>This rarely used tag emulates <tt>teletype text<\/tt>, which is usually styled like the <code>&lt;code&gt;<\/code> tag.<\/p>\n<p><strong>Variable Tag<\/strong><\/p>\n<p>This allows you to denote <var>variables<\/var>.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>This page will show you how the theme handles the various HTML tags and typographical elements. Including the drop-cap on &hellip; <\/p>\n<p class=\"more-link-wrap\"><a href=\"https:\/\/www.krishockerdesigns.com\/yarn\/sample-page-2\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Style Guide<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["entry","page","publish","author-krishocker","post-5"],"_links":{"self":[{"href":"https:\/\/www.krishockerdesigns.com\/yarn\/wp-json\/wp\/v2\/pages\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.krishockerdesigns.com\/yarn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.krishockerdesigns.com\/yarn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.krishockerdesigns.com\/yarn\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.krishockerdesigns.com\/yarn\/wp-json\/wp\/v2\/comments?post=5"}],"version-history":[{"count":0,"href":"https:\/\/www.krishockerdesigns.com\/yarn\/wp-json\/wp\/v2\/pages\/5\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.krishockerdesigns.com\/yarn\/wp-json\/wp\/v2\/media?parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}