{"id":148,"date":"2026-06-09T09:55:42","date_gmt":"2026-06-09T09:55:42","guid":{"rendered":"https:\/\/wp.als081208ds.hemsida.eu\/?p=148"},"modified":"2026-06-09T09:55:42","modified_gmt":"2026-06-09T09:55:42","slug":"projekt02","status":"publish","type":"post","link":"https:\/\/wp.als081208ds.hemsida.eu\/index.php\/2026\/06\/09\/projekt02\/","title":{"rendered":"Projekt02"},"content":{"rendered":"\n<ul class=\"wp-block-list\">\n<li>Tekniker &#8211; N\u00e4r man klickar p\u00e5 n\u00e5gon av div \u00e4ndrar bilden (Bilder givna) (S) <\/li>\n\n\n\n<li>Kanske f\u00f6r &#8220;projekt&#8221;? (K)<\/li>\n\n\n\n<li>\u00c4ndra f\u00e4rgerna till mer passande (S)<\/li>\n\n\n\n<li>\u00c4ndra font &#8211; kolla p\u00e5 fonter (B)<\/li>\n\n\n\n<li>Skriv n\u00e5got l\u00e4ngst ned (nya f\u00f6r alla?) (B)<\/li>\n\n\n\n<li>\u00e4ndra &#8220;om&#8221; till n\u00e5got b\u00e4ttre \/ snyggare (K)<\/li>\n\n\n\n<li>Knapp f\u00f6r \u00e4ndra ljusa f\u00e4rger till m\u00f6rkt (K)<\/li>\n\n\n\n<li>L\u00e4nka mina sidor i &#8220;projekt&#8221; (B)<\/li>\n\n\n\n<li>Visa vilken sida man \u00e4r p\u00e5 (K)<\/li>\n\n\n\n<li>(testa johans sidebar exempel) (K)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Detta var vad jag sa jag skulle g\u00f6ra.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><s>Tekniker &#8211; N\u00e4r man klickar p\u00e5 n\u00e5gon av div \u00e4ndrar bilden (Bilder givna) (S)<\/s> Gjorde inte<\/li>\n\n\n\n<li><s>Kanske f\u00f6r &#8220;projekt&#8221;? (K) <\/s> Fattade inte vad jag sj\u00e4lv menade<\/li>\n\n\n\n<li><s>\u00c4ndra f\u00e4rgerna till mer passande (S)<\/s> Detta gjorde jag<\/li>\n\n\n\n<li><s>\u00c4ndra font &#8211; kolla p\u00e5 fonter (B)<\/s> Jag beh\u00f6vde inte anv\u00e4nda permanent marker<\/li>\n\n\n\n<li><s>Skriv n\u00e5got l\u00e4ngst ned (nya f\u00f6r alla?) (B) <\/s> Inte n\u00e5got nytt varje g\u00e5ng men n\u00e5got \u00e4nd\u00e5<\/li>\n\n\n\n<li><s>\u00e4ndra &#8220;om&#8221; till n\u00e5got b\u00e4ttre \/ snyggare (K)<\/s> Det ser snyggare ut<\/li>\n\n\n\n<li><s>Knapp f\u00f6r \u00e4ndra ljusa f\u00e4rger till m\u00f6rkt (K)<\/s> Stolt \u00f6ver att jag gjorde det mesta dels sj\u00e4lv<\/li>\n\n\n\n<li><s>L\u00e4nka mina sidor i &#8220;projekt&#8221; (B)<\/s> Gjorde<\/li>\n\n\n\n<li><s>Visa vilken sida man \u00e4r p\u00e5 (K)<\/s> Gjorde<\/li>\n\n\n\n<li><s>(testa johans sidebar exempel) (K)<\/s> Testade men inget s\u00e5g snyggt ut<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Javascript<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Jag anv\u00e4nde mig av 2 olika skripter. 1 som gjorde s\u00e5 att n\u00e4r man klickade p\u00e5 ett div element blev de andra mindre ljusa och att det kan bara vara en som \u00e4r i ljuset samtidigt. Den andra \u00e4r till darkmode knappen som gjorde s\u00e5 att root f\u00e4rgerna \u00e4ndrades<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"641\" src=\"https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/1E4B624E-6D63-4C53-A3FE-2B33267433C5-1024x641.png\" alt=\"\" class=\"wp-image-149\" style=\"aspect-ratio:1.5975232198142415;width:494px;height:auto\" srcset=\"https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/1E4B624E-6D63-4C53-A3FE-2B33267433C5-1024x641.png 1024w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/1E4B624E-6D63-4C53-A3FE-2B33267433C5-300x188.png 300w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/1E4B624E-6D63-4C53-A3FE-2B33267433C5-768x481.png 768w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/1E4B624E-6D63-4C53-A3FE-2B33267433C5-1536x961.png 1536w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/1E4B624E-6D63-4C53-A3FE-2B33267433C5.png 1569w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"748\" src=\"https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/E9936360-A838-4306-BB90-410A3A4F9597-1024x748.png\" alt=\"\" class=\"wp-image-150\" style=\"aspect-ratio:1.3690180081583923;width:489px;height:auto\" srcset=\"https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/E9936360-A838-4306-BB90-410A3A4F9597-1024x748.png 1024w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/E9936360-A838-4306-BB90-410A3A4F9597-300x219.png 300w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/E9936360-A838-4306-BB90-410A3A4F9597-768x561.png 768w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/E9936360-A838-4306-BB90-410A3A4F9597.png 1442w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"589\" src=\"https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/A4C185DF-CBE7-4911-B7E0-4D403A10669D-1024x589.png\" alt=\"\" class=\"wp-image-151\" style=\"aspect-ratio:1.738544474393531;width:490px;height:auto\" srcset=\"https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/A4C185DF-CBE7-4911-B7E0-4D403A10669D-1024x589.png 1024w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/A4C185DF-CBE7-4911-B7E0-4D403A10669D-300x172.png 300w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/A4C185DF-CBE7-4911-B7E0-4D403A10669D-768x441.png 768w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/A4C185DF-CBE7-4911-B7E0-4D403A10669D-1536x883.png 1536w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/A4C185DF-CBE7-4911-B7E0-4D403A10669D.png 1879w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"664\" src=\"https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/9A98CF75-B8EC-45A9-85B9-C99E590D0DCA-1024x664.png\" alt=\"\" class=\"wp-image-152\" style=\"aspect-ratio:1.5425432532416576;width:500px;height:auto\" srcset=\"https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/9A98CF75-B8EC-45A9-85B9-C99E590D0DCA-1024x664.png 1024w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/9A98CF75-B8EC-45A9-85B9-C99E590D0DCA-300x194.png 300w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/9A98CF75-B8EC-45A9-85B9-C99E590D0DCA-768x498.png 768w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/9A98CF75-B8EC-45A9-85B9-C99E590D0DCA.png 1524w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Vissa av detta prestanda visar lite l\u00e4gre SEO \u00e4n var det borde vara. Den har inte \u00e4n sett till mina meta beskrivningar.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Detta var vad jag sa jag skulle g\u00f6ra. Javascript Jag anv\u00e4nde mig av 2 olika skripter. 1 som gjorde s\u00e5 att n\u00e4r man klickade p\u00e5 ett div element blev de andra mindre ljusa och att det kan bara vara en som \u00e4r i ljuset samtidigt. Den andra \u00e4r till darkmode knappen som gjorde s\u00e5 att [&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-148","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/wp.als081208ds.hemsida.eu\/index.php\/wp-json\/wp\/v2\/posts\/148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.als081208ds.hemsida.eu\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp.als081208ds.hemsida.eu\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp.als081208ds.hemsida.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.als081208ds.hemsida.eu\/index.php\/wp-json\/wp\/v2\/comments?post=148"}],"version-history":[{"count":1,"href":"https:\/\/wp.als081208ds.hemsida.eu\/index.php\/wp-json\/wp\/v2\/posts\/148\/revisions"}],"predecessor-version":[{"id":153,"href":"https:\/\/wp.als081208ds.hemsida.eu\/index.php\/wp-json\/wp\/v2\/posts\/148\/revisions\/153"}],"wp:attachment":[{"href":"https:\/\/wp.als081208ds.hemsida.eu\/index.php\/wp-json\/wp\/v2\/media?parent=148"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp.als081208ds.hemsida.eu\/index.php\/wp-json\/wp\/v2\/categories?post=148"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp.als081208ds.hemsida.eu\/index.php\/wp-json\/wp\/v2\/tags?post=148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}