{"id":86,"date":"2024-03-08T10:08:15","date_gmt":"2024-03-08T15:08:15","guid":{"rendered":"https:\/\/theroyalscode.com\/students\/r_santiago\/?p=86"},"modified":"2024-03-08T10:11:32","modified_gmt":"2024-03-08T15:11:32","slug":"what-i-learned-today-3-8-24","status":"publish","type":"post","link":"https:\/\/theroyalscode.com\/students\/r_santiago\/2024\/03\/08\/what-i-learned-today-3-8-24\/","title":{"rendered":"What I learned today 3\/8\/24"},"content":{"rendered":"\n<p>These titles are starting to look the same I need to think of new ones, anyways.<\/p>\n\n\n\n<p>Today in class for free Friday I decided to learn to make a display for a calculator app. I was a bit lazy to actually make it function but uhhh, you know.<\/p>\n\n\n\n<p>This is what it displays:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full wp-duotone-unset-1\"><img loading=\"lazy\" decoding=\"async\" width=\"615\" height=\"766\" src=\"https:\/\/theroyalscode.com\/students\/r_santiago\/wp-content\/uploads\/2024\/03\/image-1.png\" alt=\"\" class=\"wp-image-88\" srcset=\"https:\/\/theroyalscode.com\/students\/r_santiago\/wp-content\/uploads\/2024\/03\/image-1.png 615w, https:\/\/theroyalscode.com\/students\/r_santiago\/wp-content\/uploads\/2024\/03\/image-1-241x300.png 241w\" sizes=\"auto, (max-width: 615px) 100vw, 615px\" \/><\/figure>\n\n\n\n<p>When hovered over the buttons lighten up, and when pressed (A.K.A when active) they lighten even more:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full wp-duotone-unset-2\"><img loading=\"lazy\" decoding=\"async\" width=\"575\" height=\"729\" src=\"https:\/\/theroyalscode.com\/students\/r_santiago\/wp-content\/uploads\/2024\/03\/image-2.png\" alt=\"\" class=\"wp-image-91\" srcset=\"https:\/\/theroyalscode.com\/students\/r_santiago\/wp-content\/uploads\/2024\/03\/image-2.png 575w, https:\/\/theroyalscode.com\/students\/r_santiago\/wp-content\/uploads\/2024\/03\/image-2-237x300.png 237w\" sizes=\"auto, (max-width: 575px) 100vw, 575px\" \/><\/figure>\n\n\n\n<p>I did this by doing the hover pseudo class, and the active pseudo class in the styles sheet.<br>Also I learned that doing HSL instead of RGB is more fun.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>These titles are starting to look the same I need to think of new ones, anyways. Today in class for free Friday I decided to learn to make a display for a calculator app. I was a bit lazy to actually make it function but uhhh, you know. This is what it displays: When hovered [&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-86","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/theroyalscode.com\/students\/r_santiago\/wp-json\/wp\/v2\/posts\/86","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theroyalscode.com\/students\/r_santiago\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/theroyalscode.com\/students\/r_santiago\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/r_santiago\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/r_santiago\/wp-json\/wp\/v2\/comments?post=86"}],"version-history":[{"count":3,"href":"https:\/\/theroyalscode.com\/students\/r_santiago\/wp-json\/wp\/v2\/posts\/86\/revisions"}],"predecessor-version":[{"id":94,"href":"https:\/\/theroyalscode.com\/students\/r_santiago\/wp-json\/wp\/v2\/posts\/86\/revisions\/94"}],"wp:attachment":[{"href":"https:\/\/theroyalscode.com\/students\/r_santiago\/wp-json\/wp\/v2\/media?parent=86"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/r_santiago\/wp-json\/wp\/v2\/categories?post=86"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/r_santiago\/wp-json\/wp\/v2\/tags?post=86"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}