{"id":91,"date":"2024-12-06T16:03:44","date_gmt":"2024-12-06T15:03:44","guid":{"rendered":"https:\/\/wp.als070414ps.hemsida.eu\/?p=91"},"modified":"2024-12-06T16:03:44","modified_gmt":"2024-12-06T15:03:44","slug":"paolos-webb-1","status":"publish","type":"post","link":"https:\/\/wp.als070414ps.hemsida.eu\/?p=91","title":{"rendered":"Paolos Webb #1"},"content":{"rendered":"\n<p>Filerna f\u00f6r denna verision av paolos webb ligger i projekt\/paoloswebb1<\/p>\n\n\n\n<p>Du kan hitta paolos webb genom att trycka p\u00e5 projekt p\u00e5 min landing page. d\u00e4r finns sedan en l\u00e4nk till paolos webb<\/p>\n\n\n\n<p>Jag hade lite sv\u00e5righeter med att centrera texten p\u00e5 de olika sidorna men \u00e4ven se till att ha tomt utrymme p\u00e5 b\u00e5da sidor av texten. min f\u00f6rsta id\u00e9 var att s\u00e4tta mex-width p\u00e5 texten till 50% och sedan centrera texten. problemet d\u00e5 var att texten tog upp halva bredden p\u00e5 sidan, men inte var i mitten. (se bild nedan)<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"101\" src=\"https:\/\/wp.als070414ps.hemsida.eu\/wp-content\/uploads\/2024\/12\/image-6-1024x101.png\" alt=\"\" class=\"wp-image-98\" srcset=\"https:\/\/wp.als070414ps.hemsida.eu\/wp-content\/uploads\/2024\/12\/image-6-1024x101.png 1024w, https:\/\/wp.als070414ps.hemsida.eu\/wp-content\/uploads\/2024\/12\/image-6-300x30.png 300w, https:\/\/wp.als070414ps.hemsida.eu\/wp-content\/uploads\/2024\/12\/image-6-768x76.png 768w, https:\/\/wp.als070414ps.hemsida.eu\/wp-content\/uploads\/2024\/12\/image-6-1536x152.png 1536w, https:\/\/wp.als070414ps.hemsida.eu\/wp-content\/uploads\/2024\/12\/image-6.png 1894w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Jag l\u00e5nade lite javaskript ifr\u00e5n burgerbase, n\u00e4r man klickar p\u00e5 &#8221;paolos webb&#8221; i headern s\u00e5 scrollar sidan till toppen. man kan \u00e4ven klicka p\u00e5 h2 elementen inne p\u00e5 &#8221;tekniker&#8221; men det \u00e4r lite meningsl\u00f6st. min plan var f\u00f6rst att anv\u00e4nda &#8221;position: sticky;&#8221; s\u00e5 att man kunde trycka p\u00e5 h2 elementen f\u00f6r att scrolla till de olika delarna. det l\u00f6ste jag inte riktigt&#8230; jag lyckades inte heller f\u00e5 navbar att fastna&#8230; till slut l\u00f6ste jag det med att s\u00e4tta hedern till sticky.<\/p>\n\n\n\n<p>jag tyckte momentet var kul, och ser fram emot att jobba mer med paolo. just nu i alla fall&#8230;<\/p>\n\n\n\n<p>Valideringar:<\/p>\n\n\n\n<p>paolo1hem.html<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"809\" height=\"393\" src=\"https:\/\/wp.als070414ps.hemsida.eu\/wp-content\/uploads\/2024\/12\/image-1.png\" alt=\"\" class=\"wp-image-93\" srcset=\"https:\/\/wp.als070414ps.hemsida.eu\/wp-content\/uploads\/2024\/12\/image-1.png 809w, https:\/\/wp.als070414ps.hemsida.eu\/wp-content\/uploads\/2024\/12\/image-1-300x146.png 300w, https:\/\/wp.als070414ps.hemsida.eu\/wp-content\/uploads\/2024\/12\/image-1-768x373.png 768w\" sizes=\"auto, (max-width: 809px) 100vw, 809px\" \/><\/figure>\n\n\n\n<p>paolo1tekniker.html<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"838\" height=\"382\" src=\"https:\/\/wp.als070414ps.hemsida.eu\/wp-content\/uploads\/2024\/12\/image-2.png\" alt=\"\" class=\"wp-image-94\" srcset=\"https:\/\/wp.als070414ps.hemsida.eu\/wp-content\/uploads\/2024\/12\/image-2.png 838w, https:\/\/wp.als070414ps.hemsida.eu\/wp-content\/uploads\/2024\/12\/image-2-300x137.png 300w, https:\/\/wp.als070414ps.hemsida.eu\/wp-content\/uploads\/2024\/12\/image-2-768x350.png 768w\" sizes=\"auto, (max-width: 838px) 100vw, 838px\" \/><\/figure>\n\n\n\n<p>paolo1projekt.html<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"441\" src=\"https:\/\/wp.als070414ps.hemsida.eu\/wp-content\/uploads\/2024\/12\/image-3.png\" alt=\"\" class=\"wp-image-95\" srcset=\"https:\/\/wp.als070414ps.hemsida.eu\/wp-content\/uploads\/2024\/12\/image-3.png 810w, https:\/\/wp.als070414ps.hemsida.eu\/wp-content\/uploads\/2024\/12\/image-3-300x163.png 300w, https:\/\/wp.als070414ps.hemsida.eu\/wp-content\/uploads\/2024\/12\/image-3-768x418.png 768w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/figure>\n\n\n\n<p>paolo1om.html<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"829\" height=\"336\" src=\"https:\/\/wp.als070414ps.hemsida.eu\/wp-content\/uploads\/2024\/12\/image-4.png\" alt=\"\" class=\"wp-image-96\" srcset=\"https:\/\/wp.als070414ps.hemsida.eu\/wp-content\/uploads\/2024\/12\/image-4.png 829w, https:\/\/wp.als070414ps.hemsida.eu\/wp-content\/uploads\/2024\/12\/image-4-300x122.png 300w, https:\/\/wp.als070414ps.hemsida.eu\/wp-content\/uploads\/2024\/12\/image-4-768x311.png 768w\" sizes=\"auto, (max-width: 829px) 100vw, 829px\" \/><\/figure>\n\n\n\n<p>paolostyle1.css<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"651\" height=\"175\" src=\"https:\/\/wp.als070414ps.hemsida.eu\/wp-content\/uploads\/2024\/12\/image-5.png\" alt=\"\" class=\"wp-image-97\" srcset=\"https:\/\/wp.als070414ps.hemsida.eu\/wp-content\/uploads\/2024\/12\/image-5.png 651w, https:\/\/wp.als070414ps.hemsida.eu\/wp-content\/uploads\/2024\/12\/image-5-300x81.png 300w\" sizes=\"auto, (max-width: 651px) 100vw, 651px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Filerna f\u00f6r denna verision av paolos webb ligger i projekt\/paoloswebb1 Du kan hitta paolos webb genom att trycka p\u00e5 projekt p\u00e5 min landing page. d\u00e4r finns sedan en l\u00e4nk till paolos webb Jag hade lite sv\u00e5righeter med att centrera texten p\u00e5 de olika sidorna men \u00e4ven se till att ha tomt utrymme p\u00e5 b\u00e5da sidor [&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-91","post","type-post","status-publish","format-standard","hentry","category-okategoriserade"],"_links":{"self":[{"href":"https:\/\/wp.als070414ps.hemsida.eu\/index.php?rest_route=\/wp\/v2\/posts\/91","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.als070414ps.hemsida.eu\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp.als070414ps.hemsida.eu\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp.als070414ps.hemsida.eu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.als070414ps.hemsida.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=91"}],"version-history":[{"count":1,"href":"https:\/\/wp.als070414ps.hemsida.eu\/index.php?rest_route=\/wp\/v2\/posts\/91\/revisions"}],"predecessor-version":[{"id":99,"href":"https:\/\/wp.als070414ps.hemsida.eu\/index.php?rest_route=\/wp\/v2\/posts\/91\/revisions\/99"}],"wp:attachment":[{"href":"https:\/\/wp.als070414ps.hemsida.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=91"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp.als070414ps.hemsida.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=91"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp.als070414ps.hemsida.eu\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=91"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}