{"id":90,"date":"2026-03-11T15:28:37","date_gmt":"2026-03-11T15:28:37","guid":{"rendered":"https:\/\/theroyalscode.com\/students\/c_jones\/?p=90"},"modified":"2026-03-11T15:28:37","modified_gmt":"2026-03-11T15:28:37","slug":"free-friday-2-27","status":"publish","type":"post","link":"https:\/\/theroyalscode.com\/students\/c_jones\/2026\/03\/11\/free-friday-2-27\/","title":{"rendered":"Free Friday 2\/27"},"content":{"rendered":"\n<p>For Free Friday I finished my website that has a animation in it that takes you to a signup page<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"360\" height=\"202\" src=\"https:\/\/theroyalscode.com\/students\/c_jones\/wp-content\/uploads\/2026\/03\/amclbs.gif\" alt=\"\" class=\"wp-image-91\" style=\"width:740px;height:auto\"\/><\/figure>\n\n\n\n<p><code>&lt;div class=\"container\" id=\"container\"><\/code> I used this part of the code to create the main wrapper that holds the entire login\/register UI so everything stays centered and styled together.<\/p>\n\n\n\n<p><code>&lt;div class=\"form-container sign-up\"><\/code> This section is the actual sign\u2011up form. The <code>sign-up<\/code> class lets the CSS animate it when switching panels.<\/p>\n\n\n\n<p>It has a watermark in the corner because I used a site to make it a gif<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"504\" src=\"https:\/\/theroyalscode.com\/students\/c_jones\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-11-111536-1024x504.png\" alt=\"\" class=\"wp-image-94\" srcset=\"https:\/\/theroyalscode.com\/students\/c_jones\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-11-111536-1024x504.png 1024w, https:\/\/theroyalscode.com\/students\/c_jones\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-11-111536-300x148.png 300w, https:\/\/theroyalscode.com\/students\/c_jones\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-11-111536-768x378.png 768w, https:\/\/theroyalscode.com\/students\/c_jones\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-11-111536-1536x757.png 1536w, https:\/\/theroyalscode.com\/students\/c_jones\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-11-111536.png 1908w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>For Free Friday I finished my website that has a animation in it that takes you to a<\/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-90","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/theroyalscode.com\/students\/c_jones\/wp-json\/wp\/v2\/posts\/90","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theroyalscode.com\/students\/c_jones\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/theroyalscode.com\/students\/c_jones\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/c_jones\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/c_jones\/wp-json\/wp\/v2\/comments?post=90"}],"version-history":[{"count":1,"href":"https:\/\/theroyalscode.com\/students\/c_jones\/wp-json\/wp\/v2\/posts\/90\/revisions"}],"predecessor-version":[{"id":95,"href":"https:\/\/theroyalscode.com\/students\/c_jones\/wp-json\/wp\/v2\/posts\/90\/revisions\/95"}],"wp:attachment":[{"href":"https:\/\/theroyalscode.com\/students\/c_jones\/wp-json\/wp\/v2\/media?parent=90"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/c_jones\/wp-json\/wp\/v2\/categories?post=90"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/c_jones\/wp-json\/wp\/v2\/tags?post=90"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}