{"id":1264,"date":"2017-02-06T21:20:22","date_gmt":"2017-02-06T13:20:22","guid":{"rendered":"http:\/\/nargalzius.com\/blog\/?p=1264"},"modified":"2017-08-06T13:56:40","modified_gmt":"2017-08-06T05:56:40","slug":"css-test-page","status":"publish","type":"post","link":"http:\/\/nargalzius.com\/blog\/archives\/2017\/02\/06\/css-test-page","title":{"rendered":"CSS Test Page"},"content":{"rendered":"<p><strong>WARNING THIS POST MUST BE VIEWED THROUGH THE SITE<\/strong><br \/>\n<strong>If you&#8217;re using an RSS reader, I suggest you click on whatever link there is that navigates to this post&#8217;s page<\/strong> <span class=\"footnote_referrer\"><a role=\"button\" tabindex=\"0\" onclick=\"footnote_moveToReference_1264_1('footnote_plugin_reference_1264_1_1');\" onkeypress=\"footnote_moveToReference_1264_1('footnote_plugin_reference_1264_1_1');\" ><sup id=\"footnote_plugin_tooltip_1264_1_1\" class=\"footnote_plugin_tooltip_text\">1 <\/sup><\/a><span id=\"footnote_plugin_tooltip_text_1264_1_1\" class=\"footnote_tooltip\">Footnote 1<\/span><\/span><script type=\"text\/javascript\"> jQuery('#footnote_plugin_tooltip_1264_1_1').tooltip({ tip: '#footnote_plugin_tooltip_text_1264_1_1', tipClass: 'footnote_tooltip', effect: 'fade', predelay: 0, fadeInSpeed: 200, delay: 400, fadeOutSpeed: 200, position: 'top right', relative: true, offset: [10, 10], });<\/script><!--more--><!--\/\/--><\/p>\n<h1>Header1<\/h1>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quid autem habent admirationis, cum prope accesseris? Hanc quoque iucunditatem, si vis, transfer in animum; Cur post Tarentum ad Archytam? Nunc omni virtuti vitium contrario nomine opponitur. Certe non potest. Ut necesse sit omnium rerum, quae natura vigeant, similem esse finem, non eundem. <span class=\"footnote_referrer\"><a role=\"button\" tabindex=\"0\" onclick=\"footnote_moveToReference_1264_1('footnote_plugin_reference_1264_1_2');\" onkeypress=\"footnote_moveToReference_1264_1('footnote_plugin_reference_1264_1_2');\" ><sup id=\"footnote_plugin_tooltip_1264_1_2\" class=\"footnote_plugin_tooltip_text\">2 <\/sup><\/a><span id=\"footnote_plugin_tooltip_text_1264_1_2\" class=\"footnote_tooltip\">Footnote 2<\/span><\/span><script type=\"text\/javascript\"> jQuery('#footnote_plugin_tooltip_1264_1_2').tooltip({ tip: '#footnote_plugin_tooltip_text_1264_1_2', tipClass: 'footnote_tooltip', effect: 'fade', predelay: 0, fadeInSpeed: 200, delay: 400, fadeOutSpeed: 200, position: 'top right', relative: true, offset: [10, 10], });<\/script><\/p>\n<h2>Header2<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quid autem habent admirationis, cum prope accesseris? Hanc quoque iucunditatem, si vis, transfer in animum; Cur post Tarentum ad Archytam? Nunc omni virtuti vitium contrario nomine opponitur. Certe non potest. Ut necesse sit omnium rerum, quae natura vigeant, similem esse finem, non eundem. <span class=\"footnote_referrer\"><a role=\"button\" tabindex=\"0\" onclick=\"footnote_moveToReference_1264_1('footnote_plugin_reference_1264_1_3');\" onkeypress=\"footnote_moveToReference_1264_1('footnote_plugin_reference_1264_1_3');\" ><sup id=\"footnote_plugin_tooltip_1264_1_3\" class=\"footnote_plugin_tooltip_text\">3 <\/sup><\/a><span id=\"footnote_plugin_tooltip_text_1264_1_3\" class=\"footnote_tooltip\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Res enim concurrent contrariae. Sed tamen est aliquid, quod nobis non liceat, liceat illis. Ne in odium veniam, si amicum destitero tueri. Quasi ego id curem, quid ille aiat aut neget. Dici enim nihil potest verius. Sic enim censent, oportunitatis esse beate vivere. Duo Reges: constructio interrete. Ipse Epicurus fortasse redderet, ut [redacted]tus Peducaeus, [redacted].<\/span><\/span><script type=\"text\/javascript\"> jQuery('#footnote_plugin_tooltip_1264_1_3').tooltip({ tip: '#footnote_plugin_tooltip_text_1264_1_3', tipClass: 'footnote_tooltip', effect: 'fade', predelay: 0, fadeInSpeed: 200, delay: 400, fadeOutSpeed: 200, position: 'top right', relative: true, offset: [10, 10], });<\/script><\/p>\n<h3>Header3<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quid autem habent admirationis, cum prope accesseris? Hanc quoque iucunditatem, si vis, transfer in animum; Cur post Tarentum ad Archytam? Nunc omni virtuti vitium contrario nomine opponitur. Certe non potest. Ut necesse sit omnium rerum, quae natura vigeant, similem esse finem, non eundem.<\/p>\n<h4>Header4<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quid autem habent admirationis, cum prope accesseris? Hanc quoque iucunditatem, si vis, transfer in animum; Cur post Tarentum ad Archytam? Nunc omni virtuti vitium contrario nomine opponitur. Certe non potest. Ut necesse sit omnium rerum, quae natura vigeant, similem esse finem, non eundem.<\/p>\n<h5>Header5<\/h5>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quid autem habent admirationis, cum prope accesseris? Hanc quoque iucunditatem, si vis, transfer in animum; Cur post Tarentum ad Archytam? Nunc omni virtuti vitium contrario nomine opponitur. Certe non potest. Ut necesse sit omnium rerum, quae natura vigeant, similem esse finem, non eundem.<\/p>\n<h6>Header6<\/h6>\n<p><code>Inline code<\/code> <strong>bold<\/strong> <em>italics<\/em><\/p>\n<hr \/>\n<pre>\nThis is your pre. Unfortunately, I don't\nthink markdown has special tags for it.\n\nAnd I had to hack the Markdown code to disable\nhow it uses \"pre\" and \"code\" as a code\nblock\n<\/pre>\n<p>Now on code block, it simply uses <code>&lt;pre class=\"code\"&gt;&lt;\/pre&gt;<\/code>\nwhich is much cleaner. And to achieve the effect, I just have to put 4 spaces before any text.<\/p>\n<blockquote>\n<p>Here&#8217;s the blockquote in action.\nI initially wanted to separate a <code>blockquote<\/code> from an actual <strong>&#8220;quote&#8221;<\/strong> (for spacing purposes), but I looked at most of my posts, and I realized that I only use the indents when I&#8217;m quoting something.\nI guess this means I&#8217;ll be using the <code>blockquote<\/code> for quotes after all<\/p>\n<\/blockquote>\n<h4>Unordered List<\/h4>\n<ul>\n<li>List item 1<\/li>\n<li>List item 2<\/li>\n<li>List item 3<\/li>\n<li>List item 4<\/li>\n<li>List item 5<\/li>\n<li>List item 6<\/li>\n<\/ul>\n<h4>Ordered List<\/h4>\n<ol>\n<li>List item 1<\/li>\n<li>List item 2<\/li>\n<li>List item 3<\/li>\n<\/ol>\n<p>Hyperlink <a href=\"http:\/\/www.nargalzius.com\" title=\"nargalzius.com\">test<\/a>.<\/p>\n<h2>Image test<\/h2>\n<div align=\"center\">\n<div class=\"caption top\">Top caption<\/div>\n<img decoding=\"async\" src=\"https:\/\/c1.staticflickr.com\/1\/277\/32451258395_27c9740fba_m.jpg\">\n<div class=\"caption bottom\">With border<\/div>\n<\/div>\n<div align=\"center\">\n<div class=\"caption top\">No border<\/div>\n<img decoding=\"async\" class=\"nb\" src=\"https:\/\/c1.staticflickr.com\/1\/598\/32451242825_f682dec90b_n.jpg\">\n<div class=\"caption bottom\">Bottom caption<\/div>\n<\/div>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <\/p>\n<h2>Video embed test<\/h2>\n<div align=\"center\">\n\n<!-- iframe plugin v.5.1 wordpress.org\/plugins\/iframe\/ -->\n<iframe loading=\"lazy\" class=\"video-player\" type=\"text\/html\" width=\"370\" height=\"208\" src=\"http:\/\/www.youtube.com\/embed\/vwQIB-bYAgg\" scrolling=\"no\" frameborder=\"0\"><\/iframe>\n\n<div class=\"caption bottom\">Bottom caption<\/div>\n<\/div>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <\/p>\n<div align=\"center\">\n<div class=\"caption top\">Top caption<\/div>\n\n<!-- iframe plugin v.5.1 wordpress.org\/plugins\/iframe\/ -->\n<iframe loading=\"lazy\" type=\"text\/html\" src=\"https:\/\/player.vimeo.com\/video\/87832276\" width=\"370\" height=\"208\" frameborder=\"0\" 0=\"webkitallowfullscreen\" 1=\"mozallowfullscreen\" 2=\"allowfullscreen\" scrolling=\"yes\" class=\"iframe-class\"><\/iframe>\n\n<\/div>\n<div align=\"center\">\n<div id=\"video0\" style=\"position:relative;display:block;width:320px;height:320px;background-color:#000;margin:10px;\"><\/div>\n<div class=\"caption bottom\">Manual Video Embed<\/div>\n<div>\n\n<script>\nloadFile(\"http:\/\/nargalzius.github.io\/HTMLvideo\/HTMLvideo-min.js\", function(){\n  var igvideo = new VideoPlayer();\n      igvideo.init('video0');\n      igvideo.load('https:\/\/scontent-hkg3-1.cdninstagram.com\/t50.2886-16\/20646498_832401546934101_91996464313532416_n.mp4', 'https:\/\/scontent-hkg3-1.cdninstagram.com\/t51.2885-15\/e15\/20583086_1822128594474816_5633553068512509952_n.jpg');\n});\n<\/script><\/div><\/div><div class=\"speaker-mute footnotes_reference_container\"> <div class=\"footnote_container_prepare\"><p><span role=\"button\" tabindex=\"0\" class=\"footnote_reference_container_label pointer\" onclick=\"footnote_expand_collapse_reference_container_1264_1();\">Notes<\/span><span role=\"button\" tabindex=\"0\" class=\"footnote_reference_container_collapse_button\" style=\"display: none;\" onclick=\"footnote_expand_collapse_reference_container_1264_1();\">[<a id=\"footnote_reference_container_collapse_button_1264_1\">+<\/a>]<\/span><\/p><\/div> <div id=\"footnote_references_container_1264_1\" style=\"\"><table class=\"footnotes_table footnote-reference-container\"><caption class=\"accessibility\">Notes<\/caption> <tbody> \r\n\r\n<tr class=\"footnotes_plugin_reference_row\"> <th scope=\"row\" class=\"footnote_plugin_index_combi pointer\"  onclick=\"footnote_moveToAnchor_1264_1('footnote_plugin_tooltip_1264_1_1');\"><a id=\"footnote_plugin_reference_1264_1_1\" class=\"footnote_backlink\"><span class=\"footnote_index_arrow\">&#8673;<\/span>1<\/a><\/th> <td class=\"footnote_plugin_text\">Footnote 1<\/td><\/tr>\r\n\r\n<tr class=\"footnotes_plugin_reference_row\"> <th scope=\"row\" class=\"footnote_plugin_index_combi pointer\"  onclick=\"footnote_moveToAnchor_1264_1('footnote_plugin_tooltip_1264_1_2');\"><a id=\"footnote_plugin_reference_1264_1_2\" class=\"footnote_backlink\"><span class=\"footnote_index_arrow\">&#8673;<\/span>2<\/a><\/th> <td class=\"footnote_plugin_text\">Footnote 2<\/td><\/tr>\r\n\r\n<tr class=\"footnotes_plugin_reference_row\"> <th scope=\"row\" class=\"footnote_plugin_index_combi pointer\"  onclick=\"footnote_moveToAnchor_1264_1('footnote_plugin_tooltip_1264_1_3');\"><a id=\"footnote_plugin_reference_1264_1_3\" class=\"footnote_backlink\"><span class=\"footnote_index_arrow\">&#8673;<\/span>3<\/a><\/th> <td class=\"footnote_plugin_text\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Res enim concurrent contrariae. Sed tamen est aliquid, quod nobis non liceat, liceat illis. Ne in odium veniam, si amicum destitero tueri. Quasi ego id curem, quid ille aiat aut neget. Dici enim nihil potest verius. Sic enim censent, oportunitatis esse beate vivere. Duo Reges: constructio interrete. Ipse Epicurus fortasse redderet, ut [redacted]tus Peducaeus, [redacted].<\/td><\/tr>\r\n\r\n <\/tbody> <\/table> <\/div><\/div><script type=\"text\/javascript\"> function footnote_expand_reference_container_1264_1() { jQuery('#footnote_references_container_1264_1').show(); jQuery('#footnote_reference_container_collapse_button_1264_1').text('\u2212'); } function footnote_collapse_reference_container_1264_1() { jQuery('#footnote_references_container_1264_1').hide(); jQuery('#footnote_reference_container_collapse_button_1264_1').text('+'); } function footnote_expand_collapse_reference_container_1264_1() { if (jQuery('#footnote_references_container_1264_1').is(':hidden')) { footnote_expand_reference_container_1264_1(); } else { footnote_collapse_reference_container_1264_1(); } } function footnote_moveToReference_1264_1(p_str_TargetID) { footnote_expand_reference_container_1264_1(); var l_obj_Target = jQuery('#' + p_str_TargetID); if (l_obj_Target.length) { jQuery( 'html, body' ).delay( 0 ); jQuery('html, body').animate({ scrollTop: l_obj_Target.offset().top - window.innerHeight * 0.2 }, 380); } } function footnote_moveToAnchor_1264_1(p_str_TargetID) { footnote_expand_reference_container_1264_1(); var l_obj_Target = jQuery('#' + p_str_TargetID); if (l_obj_Target.length) { jQuery( 'html, body' ).delay( 0 ); jQuery('html, body').animate({ scrollTop: l_obj_Target.offset().top - window.innerHeight * 0.2 }, 380); } }<\/script>","protected":false},"excerpt":{"rendered":"<p>WARNING THIS POST MUST BE VIEWED THROUGH THE SITE If you&#8217;re using an RSS reader, I suggest you click on whatever link there is that navigates to this post&#8217;s page 1 Footnote 1 Notes[+] Notes &#8673;1 Footnote 1<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":true,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[9],"tags":[810],"class_list":["post-1264","post","type-post","status-publish","format-standard","hentry","category-nargalzius","tag-nargalzius"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[],"_links":{"self":[{"href":"http:\/\/nargalzius.com\/blog\/wp-json\/wp\/v2\/posts\/1264","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/nargalzius.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/nargalzius.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/nargalzius.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/nargalzius.com\/blog\/wp-json\/wp\/v2\/comments?post=1264"}],"version-history":[{"count":22,"href":"http:\/\/nargalzius.com\/blog\/wp-json\/wp\/v2\/posts\/1264\/revisions"}],"predecessor-version":[{"id":2097,"href":"http:\/\/nargalzius.com\/blog\/wp-json\/wp\/v2\/posts\/1264\/revisions\/2097"}],"wp:attachment":[{"href":"http:\/\/nargalzius.com\/blog\/wp-json\/wp\/v2\/media?parent=1264"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/nargalzius.com\/blog\/wp-json\/wp\/v2\/categories?post=1264"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/nargalzius.com\/blog\/wp-json\/wp\/v2\/tags?post=1264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}