{"id":83,"date":"2021-09-21T16:42:48","date_gmt":"2021-09-21T16:42:48","guid":{"rendered":"http:\/\/localhost\/wordpress-1\/2021\/09\/21\/magni-rerum-omnis-ut-consequatur-qui\/"},"modified":"2021-09-21T16:42:48","modified_gmt":"2021-09-21T16:42:48","slug":"magni-rerum-omnis-ut-consequatur-qui","status":"publish","type":"post","link":"https:\/\/hauizone.com\/videos\/magni-rerum-omnis-ut-consequatur-qui\/","title":{"rendered":"Magni rerum omnis ut consequatur qui"},"content":{"rendered":"\n
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure vel officiis ipsum placeat itaque neque dolorem modi perspiciatis dolor distinctio veritatis sapiente, minima corrupti dolores necessitatibus suscipit accusantium dignissimos culpa cumque.<\/p>\n\n\n\n
Ea nemo et dolorum quidem non est aut. Tempore delectus dolorum delectus omnis velit quia. Nobis eius atque occaeca<\/p>\n\n\n\n
It is a long established fact that a reader<\/strong> will be distracted by the readable content of a page when looking at its layout<\/strong>. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters.<\/a><\/p>\n\n\n\n So that\u2019s a header for you \u2014 with any luck if we\u2019ve done our job correctly that will look pretty reasonable.<\/p>\n\n\n\n Something a wise person once told me about typography is:<\/p>\n\n\n\n Typography is pretty important if you don\u2019t want your stuff to look like trash. Make it good then it won\u2019t be bad.<\/p><\/blockquote>\n\n\n\n It\u2019s probably important that images look okay here by default as well:<\/p>\n\n\n\n What follows from here is just a bunch of absolute nonsense I\u2019ve written to dogfood the plugin itself. It includes every sensible typographic element I could think of, like bold text<\/strong>, unordered lists, ordered lists, code blocks, block quotes, and even italics<\/em>.<\/p>\n\n\n\n It\u2019s important to cover all of these use cases for a few reasons:<\/p>\n\n\n\n Now we\u2019re going to try out another header style.<\/p>\n\n\n\n Now I\u2019m going to show you an example of an unordered list to make sure that looks good, too:<\/p>\n\n\n\n And that\u2019s the end of this section.<\/p>\n\n\n\n I think most people are going to use highlight.js<\/a> or Prism<\/a> or something if they want to style their code blocks but it wouldn\u2019t hurt to make them look okay<\/em> out of the box, even with no syntax highlighting.<\/p>\n\n\n\n What I\u2019ve written here is probably long enough, but adding this final sentence can\u2019t hurt.<\/p>\n\n\n\n Hopefully that looks good enough to you.<\/p>\n\n\n\nTypography should be easy<\/h3>\n\n\n\n
What to expect from here on out<\/h2>\n\n\n\n
Code should look okay by default.<\/h2>\n\n\n\n
function tick() {\n const element = (\n <div>\n <h1>Hello, world!<\/h1>\n <h2>It is {new Date().toLocaleTimeString()}.<\/h2>\n <\/div>\n );\n ReactDOM.render(element, document.getElementById('root'));\n} <\/code><\/pre>\n\n\n\n
There are other elements we need to style<\/h2>\n\n\n\n