{"id":130,"date":"2018-12-07T17:10:24","date_gmt":"2018-12-07T17:10:24","guid":{"rendered":"https:\/\/cassienooyen.com\/techbar\/?p=130"},"modified":"2019-06-16T16:33:11","modified_gmt":"2019-06-16T21:33:11","slug":"week-14-more-experimenting-with-colors","status":"publish","type":"post","link":"https:\/\/cassienooyen.com\/techbar\/week-14-more-experimenting-with-colors\/","title":{"rendered":"Week 14: More Experimenting with Colors"},"content":{"rendered":"\n<p>The main focus of this week has been continuing to add color to grid. I experimented with the colors of the text to help it pop out of the grid a bit more and make it easier to read. The major difference I made was darkening the background color of the grid to help the colors pop.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"1024\" height=\"780\" src=\"https:\/\/cassienooyen.com\/techbar\/wp-content\/uploads\/2018\/12\/fsl_grid_simple_intnames_gray-1024x780.png\" alt=\"\" class=\"wp-image-131\" srcset=\"https:\/\/cassienooyen.com\/techbar\/wp-content\/uploads\/2018\/12\/fsl_grid_simple_intnames_gray-1024x780.png 1024w, https:\/\/cassienooyen.com\/techbar\/wp-content\/uploads\/2018\/12\/fsl_grid_simple_intnames_gray-300x229.png 300w, https:\/\/cassienooyen.com\/techbar\/wp-content\/uploads\/2018\/12\/fsl_grid_simple_intnames_gray-768x585.png 768w, https:\/\/cassienooyen.com\/techbar\/wp-content\/uploads\/2018\/12\/fsl_grid_simple_intnames_gray-354x270.png 354w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>I also experimented with the color swatch and turning that into a grid format to really show the blend of color and also the different colors of each intersection.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"1024\" height=\"1024\" src=\"https:\/\/cassienooyen.com\/techbar\/wp-content\/uploads\/2018\/12\/color_grid_detail_square-1024x1024.png\" alt=\"\" class=\"wp-image-132\" srcset=\"https:\/\/cassienooyen.com\/techbar\/wp-content\/uploads\/2018\/12\/color_grid_detail_square-1024x1024.png 1024w, https:\/\/cassienooyen.com\/techbar\/wp-content\/uploads\/2018\/12\/color_grid_detail_square-150x150.png 150w, https:\/\/cassienooyen.com\/techbar\/wp-content\/uploads\/2018\/12\/color_grid_detail_square-300x300.png 300w, https:\/\/cassienooyen.com\/techbar\/wp-content\/uploads\/2018\/12\/color_grid_detail_square-768x768.png 768w, https:\/\/cassienooyen.com\/techbar\/wp-content\/uploads\/2018\/12\/color_grid_detail_square-270x270.png 270w, https:\/\/cassienooyen.com\/techbar\/wp-content\/uploads\/2018\/12\/color_grid_detail_square.png 1800w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3>Updating the website<\/h3>\n\n\n\n<p>The rest of the week was spent updating the website and moving the interactive grid to a different page. This just helped the website to flow better and kept the homepage a bit simpler. This transition helped me to realize the love and hate I have with coding and how each website is just one big puzzle in order to try to find out how to fix a problem.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The main focus of this week has been continuing to add color to grid. I experimented with the colors of the text to help it pop out of the grid a bit more and make it easier to read. The major difference I made was darkening the background color of the grid to help the colors pop. I also experimented with the color swatch and turning that into a grid format to really show the blend of color and also the different colors of each&#8230;<span class=\"clearfix clearfix-post\"><\/span><a href=\"https:\/\/cassienooyen.com\/techbar\/week-14-more-experimenting-with-colors\/\" class=\"more-link\">Continue Reading <span class=\"screen-reader-text\">&#8220;Week 14: More Experimenting with Colors&#8221;<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":355,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true},"categories":[4],"tags":[],"jetpack_featured_media_url":"https:\/\/cassienooyen.com\/techbar\/wp-content\/uploads\/2019\/06\/week-14.png","_links":{"self":[{"href":"https:\/\/cassienooyen.com\/techbar\/wp-json\/wp\/v2\/posts\/130"}],"collection":[{"href":"https:\/\/cassienooyen.com\/techbar\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cassienooyen.com\/techbar\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cassienooyen.com\/techbar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cassienooyen.com\/techbar\/wp-json\/wp\/v2\/comments?post=130"}],"version-history":[{"count":1,"href":"https:\/\/cassienooyen.com\/techbar\/wp-json\/wp\/v2\/posts\/130\/revisions"}],"predecessor-version":[{"id":133,"href":"https:\/\/cassienooyen.com\/techbar\/wp-json\/wp\/v2\/posts\/130\/revisions\/133"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cassienooyen.com\/techbar\/wp-json\/wp\/v2\/media\/355"}],"wp:attachment":[{"href":"https:\/\/cassienooyen.com\/techbar\/wp-json\/wp\/v2\/media?parent=130"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cassienooyen.com\/techbar\/wp-json\/wp\/v2\/categories?post=130"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cassienooyen.com\/techbar\/wp-json\/wp\/v2\/tags?post=130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}