{"id":132,"date":"2026-02-20T15:04:37","date_gmt":"2026-02-20T15:04:37","guid":{"rendered":"https:\/\/theroyalscode.com\/students\/d_eanes\/?p=132"},"modified":"2026-02-20T15:04:37","modified_gmt":"2026-02-20T15:04:37","slug":"free-friday-2-20-2026","status":"publish","type":"post","link":"https:\/\/theroyalscode.com\/students\/d_eanes\/2026\/02\/20\/free-friday-2-20-2026\/","title":{"rendered":"Free Friday: 2\/20\/2026"},"content":{"rendered":"\n<p>Today, I tweaked my login page on my website a bit. I changed some colors around and switched the font. I also made a registration page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"495\" src=\"https:\/\/theroyalscode.com\/students\/d_eanes\/wp-content\/uploads\/2026\/02\/Screenshot-2026-02-20-100038-1024x495.png\" alt=\"\" class=\"wp-image-133\" srcset=\"https:\/\/theroyalscode.com\/students\/d_eanes\/wp-content\/uploads\/2026\/02\/Screenshot-2026-02-20-100038-1024x495.png 1024w, https:\/\/theroyalscode.com\/students\/d_eanes\/wp-content\/uploads\/2026\/02\/Screenshot-2026-02-20-100038-300x145.png 300w, https:\/\/theroyalscode.com\/students\/d_eanes\/wp-content\/uploads\/2026\/02\/Screenshot-2026-02-20-100038-768x371.png 768w, https:\/\/theroyalscode.com\/students\/d_eanes\/wp-content\/uploads\/2026\/02\/Screenshot-2026-02-20-100038-1536x742.png 1536w, https:\/\/theroyalscode.com\/students\/d_eanes\/wp-content\/uploads\/2026\/02\/Screenshot-2026-02-20-100038.png 1898w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"489\" src=\"https:\/\/theroyalscode.com\/students\/d_eanes\/wp-content\/uploads\/2026\/02\/Screenshot-2026-02-20-100028-1024x489.png\" alt=\"\" class=\"wp-image-134\" srcset=\"https:\/\/theroyalscode.com\/students\/d_eanes\/wp-content\/uploads\/2026\/02\/Screenshot-2026-02-20-100028-1024x489.png 1024w, https:\/\/theroyalscode.com\/students\/d_eanes\/wp-content\/uploads\/2026\/02\/Screenshot-2026-02-20-100028-300x143.png 300w, https:\/\/theroyalscode.com\/students\/d_eanes\/wp-content\/uploads\/2026\/02\/Screenshot-2026-02-20-100028-768x367.png 768w, https:\/\/theroyalscode.com\/students\/d_eanes\/wp-content\/uploads\/2026\/02\/Screenshot-2026-02-20-100028-1536x733.png 1536w, https:\/\/theroyalscode.com\/students\/d_eanes\/wp-content\/uploads\/2026\/02\/Screenshot-2026-02-20-100028.png 1910w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=\"login-container\">\n    &lt;h1>Login&lt;\/h1>\n    \n    &lt;div class=\"login-input\">\n        &lt;input type=\"text\" placeholder=\"Username\" required>\n        &lt;i class=\"bx bx-user\">&lt;\/i>\n    &lt;\/div>\n    \n    &lt;div class=\"login-input\">\n        &lt;input type=\"text\" placeholder=\"Email\" required>\n        &lt;i class=\"bx bx-envelope\">&lt;\/i>\n    &lt;\/div>    \n    \n    &lt;div class=\"login-input\">\n        &lt;input type=\"password\" placeholder=\"Password\" required>\n        &lt;i class=\"bx bx-lock\">&lt;\/i>\n    &lt;\/div>\n    <\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>.login-input {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  width: 100%;\n  height: 50px;\n}\n\n.login-input input {\n  width: 15%;\n  padding: 10px 30px; \/* space for the icon *\/\n  font-size: 1rem;\n  border: 1px solid #ccc;\n  border-radius: 5px;\n}\n\n.login-input i {\n  position: absolute;\n  margin-left: -250px;\n  color: #888;\n}\n\n.register-link {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n}\n\n.login-submit-button {\n  display: block;\n  margin: 20px auto;\n  padding: 10px 20px;\n  font-size: 1rem;\n  background-color: #ef5036;\n  color: white;\n  border: none;\n  border-radius: 5px;\n  cursor: pointer;<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Today, I tweaked my login page on my website a bit. I changed some colors around and switched the font. I also made a registration page.<\/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-132","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/theroyalscode.com\/students\/d_eanes\/wp-json\/wp\/v2\/posts\/132","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theroyalscode.com\/students\/d_eanes\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/theroyalscode.com\/students\/d_eanes\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/d_eanes\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/d_eanes\/wp-json\/wp\/v2\/comments?post=132"}],"version-history":[{"count":1,"href":"https:\/\/theroyalscode.com\/students\/d_eanes\/wp-json\/wp\/v2\/posts\/132\/revisions"}],"predecessor-version":[{"id":135,"href":"https:\/\/theroyalscode.com\/students\/d_eanes\/wp-json\/wp\/v2\/posts\/132\/revisions\/135"}],"wp:attachment":[{"href":"https:\/\/theroyalscode.com\/students\/d_eanes\/wp-json\/wp\/v2\/media?parent=132"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/d_eanes\/wp-json\/wp\/v2\/categories?post=132"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/d_eanes\/wp-json\/wp\/v2\/tags?post=132"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}