{"id":206,"date":"2018-05-01T22:30:22","date_gmt":"2018-05-01T22:30:22","guid":{"rendered":"https:\/\/ucsbwebdev.fzilla.com\/?p=206"},"modified":"2018-05-01T22:30:22","modified_gmt":"2018-05-01T22:30:22","slug":"modern-css-exercise","status":"publish","type":"post","link":"https:\/\/ucsbwebdev.fzilla.com\/?p=206","title":{"rendered":"Modern CSS Exercise"},"content":{"rendered":"<h2>Icon Fonts<\/h2>\n<p>Open <a href=\"https:\/\/codepen.io\/agrublev\/pen\/JvNKpz\" target=\"_blank\" rel=\"noopener\">this <\/a>codepen and follow the instructions inside!<\/p>\n<p>Hints:<\/p>\n<ol>\n<li>You can add the &lt;link&gt; tag in the HTML panel of CodePen<\/li>\n<li>You need the special markup from the first step in the CodePen to display an icon<\/li>\n<li>To do custom stuff, keep in mind that these use a font.. so anything you can do to a font you can do to them (font-size? color?)<\/li>\n<\/ol>\n<h2>Shadows and Gradients<\/h2>\n<p>Open <a href=\"https:\/\/codepen.io\/agrublev\/pen\/rvmLKZ\">this CodePen<\/a> and follow the steps<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Icon Fonts Open this codepen and follow the instructions inside! Hints: You can add the &lt;link&gt; tag in the HTML panel of CodePen You need the special markup from the first step in the CodePen to display an icon To do custom stuff, keep in mind that these use a font.. so anything you can [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-206","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=\/wp\/v2\/posts\/206","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=206"}],"version-history":[{"count":1,"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=\/wp\/v2\/posts\/206\/revisions"}],"predecessor-version":[{"id":207,"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=\/wp\/v2\/posts\/206\/revisions\/207"}],"wp:attachment":[{"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=206"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=206"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=206"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}