{"id":239,"date":"2023-06-29T01:10:23","date_gmt":"2023-06-29T01:10:23","guid":{"rendered":"https:\/\/serginho.dev\/?p=239"},"modified":"2023-06-29T01:10:23","modified_gmt":"2023-06-29T01:10:23","slug":"css-lichess-puzzle-racer","status":"publish","type":"post","link":"https:\/\/serginho.dev\/css-lichess-puzzle-racer\/","title":{"rendered":"Lichess Puzzle Racer: Deixando a pista de corrida de Lado"},"content":{"rendered":"<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img data-dominant-color=\"464a4a\" data-has-transparency=\"true\" style=\"--dominant-color: #464a4a;\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/serginho.dev\/wp-content\/uploads\/2023\/06\/Captura-de-ecra-de-2023-06-22-19-04-56-1024x514.png\" alt=\"\" class=\"has-transparency wp-image-241\" width=\"786\" height=\"394\" srcset=\"https:\/\/serginho.dev\/wp-content\/uploads\/2023\/06\/Captura-de-ecra-de-2023-06-22-19-04-56-1024x514.png 1024w, https:\/\/serginho.dev\/wp-content\/uploads\/2023\/06\/Captura-de-ecra-de-2023-06-22-19-04-56-300x151.png 300w, https:\/\/serginho.dev\/wp-content\/uploads\/2023\/06\/Captura-de-ecra-de-2023-06-22-19-04-56-768x385.png 768w, https:\/\/serginho.dev\/wp-content\/uploads\/2023\/06\/Captura-de-ecra-de-2023-06-22-19-04-56-1536x771.png 1536w, https:\/\/serginho.dev\/wp-content\/uploads\/2023\/06\/Captura-de-ecra-de-2023-06-22-19-04-56-570x285.png 570w, https:\/\/serginho.dev\/wp-content\/uploads\/2023\/06\/Captura-de-ecra-de-2023-06-22-19-04-56.png 1915w\" sizes=\"(max-width: 786px) 100vw, 786px\" \/><\/figure><\/div>\n\n\n<p>Estava eu vendo algumas livestreams que se joga uns Puzzle Racer no <a href=\"https:\/\/lichess.org\" data-type=\"URL\" data-id=\"https:\/\/lichess.org\" target=\"_blank\" rel=\"noreferrer noopener\">Lichess<\/a>. E uma coisa que eles gostam \u00e9 mostrar na live a pista de corrida, mas para isso eles t\u00eam que diminuir o tabuleiro s\u00f3 para mostrar a pista.<\/p>\n\n\n\n<p>Ent\u00e3o decidi fazer um pequeno CSS para p\u00f4r a pista no lado esquerdo do tabuleiro.<\/p>\n\n\n\n<div style=\"position: relative; padding-top: 56.25%;\"><iframe loading=\"lazy\" title=\"Lichess Racer in a Line\" src=\"https:\/\/v.slaycer.top\/videos\/embed\/0f70b50f-194d-44d0-b90d-6a385e071649\" allowfullscreen=\"\" sandbox=\"allow-same-origin allow-scripts allow-popups\" style=\"position: absolute; inset: 0px;\" width=\"100%\" height=\"100%\" frameborder=\"0\"><\/iframe><\/div>\n\n\n\n<p>Caso queira baixar e usar primeiro instale o <a rel=\"noreferrer noopener\" href=\"https:\/\/add0n.com\/stylus.html\" data-type=\"URL\" data-id=\"https:\/\/add0n.com\/stylus.html\" target=\"_blank\">Stylus<\/a> no seu navegador. Clique em:<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-layout-1 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-font-size has-large-font-size\"><a class=\"wp-block-button__link has-white-color has-vivid-cyan-blue-background-color has-text-color has-background wp-element-button\" href=\"https:\/\/userstyles.world\/style\/10531\/lichess-racer-in-a-line\" style=\"border-radius:24px\">Baixe aqui o CSS<\/a><\/div>\n<\/div>\n\n\n\n<p>E no site clique em &#8220;Install&#8221;.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">E \u00e9 s\u00f3&#8230;<\/h2>\n\n\n\n<p>Hoje n\u00e3o tenho muito do que falar, mas queria compartilhar uma coisa que fiz.<\/p>\n\n\n\n<p>Espero que gostem.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Para quem gosta ver ou mostrar a Pista de Corrida para outras pessoas sem ter que diminuir o tabuleiro<\/p>\n","protected":false},"author":1,"featured_media":241,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[70,77,169],"tags":[78,170,74,172,171,79],"_links":{"self":[{"href":"https:\/\/serginho.dev\/wp-json\/wp\/v2\/posts\/239"}],"collection":[{"href":"https:\/\/serginho.dev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/serginho.dev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/serginho.dev\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/serginho.dev\/wp-json\/wp\/v2\/comments?post=239"}],"version-history":[{"count":4,"href":"https:\/\/serginho.dev\/wp-json\/wp\/v2\/posts\/239\/revisions"}],"predecessor-version":[{"id":244,"href":"https:\/\/serginho.dev\/wp-json\/wp\/v2\/posts\/239\/revisions\/244"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/serginho.dev\/wp-json\/wp\/v2\/media\/241"}],"wp:attachment":[{"href":"https:\/\/serginho.dev\/wp-json\/wp\/v2\/media?parent=239"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/serginho.dev\/wp-json\/wp\/v2\/categories?post=239"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/serginho.dev\/wp-json\/wp\/v2\/tags?post=239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}