URL: https://gregorsart.com
Date: 09/02/24 09:46:51

Webpage Performance Test Result

Settings: Desktopv128CableFrankfurt, Germany
More
- Test runs: 1
- Connectivity: 5000/1000 Kbps, 28ms Latency
- Custom Metrics

Requests Details

Use this page to explore the metric timings and request waterfall for any run of your test.

Page Performance Metrics (Run 1)

TTFB	Start Render	FCP	Speed Index	LCP	CLS	TBT	DC Time	DC Requests	DC Bytes	Total Time	Total Requests	Page Weight
.335S	1.100S	1.080S	1.279S	1.812S	.003	.028S	4.852S	42	2,545KB	4.987S	43	2,546KB

Visual Page Loading Process (Explore)

Navigation Timings
domContentLoadedEvent	loadEvent
1.622s - 1.622s (0s)	4.840s - 4.840s (0s)

Custom Metrics Data

Colordepth: 24
Dpi: {"dppx":1,"dpcm":37.79527559055118,"dpi":96}
Images: [{"url":"https://gregorsart.com/assets/imgs/gregorsart-logo.svg","width":96,"height":96,"naturalWidth":150,"naturalHeight":150},{"url":"https://gregorsart.com/media/pages/about-me/eb3ef4a340-1721062094/nav-item.png","width":26,"height":32,"naturalWidth":168,"naturalHeight":208},{"url":"https://gregorsart.com/media/pages/my-work/df0f424286-1721062099/nav-item.png","width":26,"height":32,"naturalWidth":168,"naturalHeight":208},{"url":"https://gregorsart.com/media/pages/my-blog/fa7eaf7b21-1725046004/nav-item.png","width":26,"height":32,"naturalWidth":168,"naturalHeight":208},{"url":"https://gregorsart.com/media/pages/learning/c95d4580c3-1721062108/nav-item.png","width":26,"height":32,"naturalWidth":168,"naturalHeight":208},{"url":"https://gregorsart.com/media/pages/contact/653f313850-1721062110/nav-item.png","width":26,"height":32,"naturalWidth":168,"naturalHeight":208},{"url":"https://gregorsart.com/media/pages/hero/919622531c-1723278613/gregorsart-heroimage.jpg","width":1649,"height":576,"naturalWidth":2500,"naturalHeight":964},{"url":"https://gregorsart.com/assets/imgs/gregorsart-logo.svg","width":150,"height":150,"naturalWidth":150,"naturalHeight":150},{"url":"https://gregorsart.com/assets/imgs/icon-minus.svg","width":80,"height":80,"naturalWidth":85,"naturalHeight":28},{"url":"https://gregorsart.com/assets/imgs/icon-minus.svg","width":64,"height":64,"naturalWidth":85,"naturalHeight":28},{"url":"https://gregorsart.com/media/pages/about-me/726e4e4b1b-1721062093/gregorsart-skills.webp","width":592,"height":592,"naturalWidth":900,"naturalHeight":900},{"url":"https://gregorsart.com/assets/imgs/icon-minus.svg","width":64,"height":64,"naturalWidth":85,"naturalHeight":28},{"url":"https://gregorsart.com/media/pages/my-work/project-a/8298f1aa7f-1721062094/cover.png","width":468,"height":468,"naturalWidth":900,"naturalHeight":900},{"url":"https://gregorsart.com/assets/imgs/icon-minus.svg","width":85,"height":28,"naturalWidth":85,"naturalHeight":28},{"url":"https://gregorsart.com/media/pages/my-work/project-b/469fcfdcaf-1721062096/cover.png","width":900,"height":900,"naturalWidth":900,"naturalHeight":900},{"url":"https://gregorsart.com/assets/imgs/icon-minus.svg","width":85,"height":28,"naturalWidth":85,"naturalHeight":28},{"url":"https://gregorsart.com/media/pages/my-work/project-c/e1a974acdd-1721062097/cover.png","width":900,"height":900,"naturalWidth":900,"naturalHeight":900},{"url":"https://gregorsart.com/assets/imgs/icon-minus.svg","width":85,"height":28,"naturalWidth":85,"naturalHeight":28},{"url":"https://gregorsart.com/media/pages/my-work/project-d/98459e7f73-1721062098/cover.png","width":1920,"height":1920,"naturalWidth":1920,"naturalHeight":1920},{"url":"https://gregorsart.com/assets/imgs/icon-minus.svg","width":85,"height":28,"naturalWidth":85,"naturalHeight":28},{"url":"https://gregorsart.com/assets/imgs/icon-minus.svg","width":64,"height":64,"naturalWidth":85,"naturalHeight":28},{"url":"https://gregorsart.com/media/pages/my-blog/11ec54ce3c-1725046003/gregorsart-blog.webp","width":592,"height":466,"naturalWidth":900,"naturalHeight":708},{"url":"https://gregorsart.com/media/pages/my-blog/storyblok-and-when-to-use-it/f6ac07d263-1725046002/gregorsart-blog-hero.jpg","width":384,"height":256,"naturalWidth":1200,"naturalHeight":800},{"url":"https://gregorsart.com/media/pages/my-blog/storyblok-and-when-to-use-it/f2ce023d7a-1725046002/gregorsart-blog-icon.png","width":56,"height":56,"naturalWidth":200,"naturalHeight":200},{"url":"https://gregorsart.com/media/pages/my-blog/shopify-spirituosity-shop/4fdb96212e-1725046000/gregorsart-blog-hero.jpg","width":384,"height":256,"naturalWidth":1200,"naturalHeight":800},{"url":"https://gregorsart.com/media/pages/my-blog/shopify-spirituosity-shop/75a0c5a408-1725046001/gregorsart-blog-icon.png","width":56,"height":56,"naturalWidth":200,"naturalHeight":200},{"url":"https://gregorsart.com/media/pages/my-blog/shopify-broadcast-theme/9e78fdd652-1725045999/gregorsart-blog-hero.jpg","width":384,"height":256,"naturalWidth":1200,"naturalHeight":800},{"url":"https://gregorsart.com/media/pages/my-blog/shopify-broadcast-theme/9f34af896c-1725045999/gregorsart-blog-icon.png","width":56,"height":56,"naturalWidth":200,"naturalHeight":200},{"url":"https://gregorsart.com/media/pages/my-blog/shopify-considerations-in-advance/5de7183abc-1725045997/gregorsart-blog-hero.jpg","width":1200,"height":800,"naturalWidth":1200,"naturalHeight":800},{"url":"https://gregorsart.com/media/pages/my-blog/shopify-considerations-in-advance/711d706c19-1725045998/gregorsart-blog-icon.png","width":200,"height":200,"naturalWidth":200,"naturalHeight":200},{"url":"https://gregorsart.com/media/pages/learning/ca980d964b-1721062108/gregorsart-learning.webp","width":592,"height":592,"naturalWidth":1070,"naturalHeight":1070},{"url":"https://gregorsart.com/assets/imgs/icon-minus.svg","width":64,"height":64,"naturalWidth":85,"naturalHeight":28},{"url":"https://gregorsart.com/assets/imgs/icon-minus.svg","width":64,"height":64,"naturalWidth":85,"naturalHeight":28},{"url":"https://gregorsart.com/media/pages/learning/logos/d69d315e66-1722668254/gregorsart-logo-javascript.png","width":50,"height":50,"naturalWidth":1080,"naturalHeight":1080},{"url":"https://gregorsart.com/media/pages/learning/logos/a815efc89f-1722668255/gregorsart-logo-nextjs.png","width":50,"height":50,"naturalWidth":400,"naturalHeight":400},{"url":"https://gregorsart.com/media/pages/learning/logos/689c0ce888-1722668255/gregorsart-logo-nuxt.png","width":50,"height":50,"naturalWidth":400,"naturalHeight":400},{"url":"https://gregorsart.com/media/pages/learning/logos/17a11c755b-1722668256/gregorsart-logo-php.png","width":50,"height":50,"naturalWidth":400,"naturalHeight":400},{"url":"https://gregorsart.com/media/pages/learning/logos/570ac16e82-1722668257/gregorsart-logo-react.png","width":50,"height":50,"naturalWidth":400,"naturalHeight":400},{"url":"https://gregorsart.com/media/pages/learning/logos/a18f4339b6-1722673687/gregorsart-logo-storyblok.png","width":50,"height":50,"naturalWidth":400,"naturalHeight":400},{"url":"https://gregorsart.com/media/pages/learning/logos/d4e2d4226f-1722668257/gregorsart-logo-tailwind.png","width":50,"height":50,"naturalWidth":400,"naturalHeight":400},{"url":"https://gregorsart.com/media/pages/learning/logos/23ae7fd5a3-1722668258/gregorsart-logo-vue.png","width":50,"height":50,"naturalWidth":400,"naturalHeight":400},{"url":"https://gregorsart.com/media/pages/learning/logos/d69d315e66-1722668254/gregorsart-logo-javascript.png","width":50,"height":50,"naturalWidth":1080,"naturalHeight":1080},{"url":"https://gregorsart.com/media/pages/learning/logos/a815efc89f-1722668255/gregorsart-logo-nextjs.png","width":50,"height":50,"naturalWidth":400,"naturalHeight":400},{"url":"https://gregorsart.com/media/pages/learning/logos/689c0ce888-1722668255/gregorsart-logo-nuxt.png","width":50,"height":50,"naturalWidth":400,"naturalHeight":400},{"url":"https://gregorsart.com/media/pages/learning/logos/17a11c755b-1722668256/gregorsart-logo-php.png","width":50,"height":50,"naturalWidth":400,"naturalHeight":400},{"url":"https://gregorsart.com/media/pages/learning/logos/570ac16e82-1722668257/gregorsart-logo-react.png","width":50,"height":50,"naturalWidth":400,"naturalHeight":400},{"url":"https://gregorsart.com/media/pages/learning/logos/a18f4339b6-1722673687/gregorsart-logo-storyblok.png","width":50,"height":50,"naturalWidth":400,"naturalHeight":400},{"url":"https://gregorsart.com/media/pages/learning/logos/d4e2d4226f-1722668257/gregorsart-logo-tailwind.png","width":50,"height":50,"naturalWidth":400,"naturalHeight":400},{"url":"https://gregorsart.com/media/pages/learning/logos/23ae7fd5a3-1722668258/gregorsart-logo-vue.png","width":50,"height":50,"naturalWidth":400,"naturalHeight":400},{"url":"https://gregorsart.com/assets/imgs/icon-minus.svg","width":64,"height":64,"naturalWidth":85,"naturalHeight":28},{"url":"https://gregorsart.com/media/pages/contact/e29882fdab-1721062109/gregorsart-contact.png","width":592,"height":397,"naturalWidth":1015,"naturalHeight":680},{"url":"https://gregorsart.com/media/pages/about-me/eb3ef4a340-1721062094/nav-item.png","width":168,"height":208,"naturalWidth":168,"naturalHeight":208},{"url":"https://gregorsart.com/media/pages/my-work/df0f424286-1721062099/nav-item.png","width":168,"height":208,"naturalWidth":168,"naturalHeight":208},{"url":"https://gregorsart.com/media/pages/my-blog/fa7eaf7b21-1725046004/nav-item.png","width":168,"height":208,"naturalWidth":168,"naturalHeight":208},{"url":"https://gregorsart.com/media/pages/learning/c95d4580c3-1721062108/nav-item.png","width":168,"height":208,"naturalWidth":168,"naturalHeight":208},{"url":"https://gregorsart.com/media/pages/contact/653f313850-1721062110/nav-item.png","width":168,"height":208,"naturalWidth":168,"naturalHeight":208},{"url":"https://gregorsart.com/assets/imgs/icon-arrow-right.svg","width":8,"height":12,"naturalWidth":12,"naturalHeight":11},{"url":"https://gregorsart.com/assets/imgs/icon-arrow-right.svg","width":8,"height":8,"naturalWidth":12,"naturalHeight":11}]
Resolution: {"absolute":{"height":1200,"width":1920},"available":{"height":1200,"width":1920}}
fonts: [{"family":"Sora","display":"auto","status":"loaded","style":"normal","weight":"400"},{"family":"Sora","display":"auto","status":"loaded","style":"normal","weight":"600"}]
generated-content-percent: -1.11
generated-content-size: -0.64
imgs-in-viewport: [{"src":"https:\/\/gregorsart.com\/assets\/imgs\/gregorsart-logo.svg","html":"<img src=\"https:\/\/gregorsart.com\/assets\/imgs\/gregorsart-logo.svg\" alt=\"gregorsart logo\" class=\"h-24 w-24\">","currentSrc":"https:\/\/gregorsart.com\/assets\/imgs\/gregorsart-logo.svg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":150,"naturalHeight":150},{"src":"https:\/\/gregorsart.com\/media\/pages\/about-me\/eb3ef4a340-1721062094\/nav-item.png","html":"<img src=\"https:\/\/gregorsart.com\/media\/pages\/about-me\/eb3ef4a340-1721062094\/nav-item.png\" alt=\"about-me\" class=\"mr-5 ml-5 flex-shrink-0 h-8 drop-shadow-[0_0_4px_rgba(255,255,255,0.15)]\">","currentSrc":"https:\/\/gregorsart.com\/media\/pages\/about-me\/eb3ef4a340-1721062094\/nav-item.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":168,"naturalHeight":208},{"src":"https:\/\/gregorsart.com\/media\/pages\/my-work\/df0f424286-1721062099\/nav-item.png","html":"<img src=\"https:\/\/gregorsart.com\/media\/pages\/my-work\/df0f424286-1721062099\/nav-item.png\" alt=\"my-work\" class=\"mr-5 ml-5 flex-shrink-0 h-8 drop-shadow-[0_0_4px_rgba(255,255,255,0.15)]\">","currentSrc":"https:\/\/gregorsart.com\/media\/pages\/my-work\/df0f424286-1721062099\/nav-item.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":168,"naturalHeight":208},{"src":"https:\/\/gregorsart.com\/media\/pages\/my-blog\/fa7eaf7b21-1725046004\/nav-item.png","html":"<img src=\"https:\/\/gregorsart.com\/media\/pages\/my-blog\/fa7eaf7b21-1725046004\/nav-item.png\" alt=\"my-blog\" class=\"mr-5 ml-5 flex-shrink-0 h-8 drop-shadow-[0_0_4px_rgba(255,255,255,0.15)]\">","currentSrc":"https:\/\/gregorsart.com\/media\/pages\/my-blog\/fa7eaf7b21-1725046004\/nav-item.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":168,"naturalHeight":208},{"src":"https:\/\/gregorsart.com\/media\/pages\/learning\/c95d4580c3-1721062108\/nav-item.png","html":"<img src=\"https:\/\/gregorsart.com\/media\/pages\/learning\/c95d4580c3-1721062108\/nav-item.png\" alt=\"learning\" class=\"mr-5 ml-5 flex-shrink-0 h-8 drop-shadow-[0_0_4px_rgba(255,255,255,0.15)]\">","currentSrc":"https:\/\/gregorsart.com\/media\/pages\/learning\/c95d4580c3-1721062108\/nav-item.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":168,"naturalHeight":208},{"src":"https:\/\/gregorsart.com\/media\/pages\/contact\/653f313850-1721062110\/nav-item.png","html":"<img src=\"https:\/\/gregorsart.com\/media\/pages\/contact\/653f313850-1721062110\/nav-item.png\" alt=\"contact\" class=\"mr-5 ml-5 flex-shrink-0 h-8 drop-shadow-[0_0_4px_rgba(255,255,255,0.15)]\">","currentSrc":"https:\/\/gregorsart.com\/media\/pages\/contact\/653f313850-1721062110\/nav-item.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":168,"naturalHeight":208},{"src":"https:\/\/gregorsart.com\/media\/pages\/hero\/919622531c-1723278613\/gregorsart-heroimage.jpg","html":"<img src=\"https:\/\/gregorsart.com\/media\/pages\/hero\/919622531c-1723278613\/gregorsart-heroimage.jpg\" alt=\"gregorsart heroimage\" class=\"h-full w-full object-cover\" aria-hidden=\"true\">","currentSrc":"https:\/\/gregorsart.com\/media\/pages\/hero\/919622531c-1723278613\/gregorsart-heroimage.jpg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":2500,"naturalHeight":964},{"src":"https:\/\/gregorsart.com\/assets\/imgs\/icon-minus.svg","html":"<img src=\"https:\/\/gregorsart.com\/assets\/imgs\/icon-minus.svg\" alt=\"icon minus\" class=\"block h-20 w-20 -rotate-12 text-turquoise -ml-2 -mt-4 -mb-5\" aria-hidden=\"true\">","currentSrc":"https:\/\/gregorsart.com\/assets\/imgs\/icon-minus.svg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":85,"naturalHeight":28},{"src":"https:\/\/gregorsart.com\/assets\/imgs\/icon-minus.svg","html":"<img src=\"https:\/\/gregorsart.com\/assets\/imgs\/icon-minus.svg\" alt=\"icon minus\" class=\"block h-16 w-16 -rotate-12 text-turquoise -ml-2 mt-2 mb-5\" aria-hidden=\"true\">","currentSrc":"https:\/\/gregorsart.com\/assets\/imgs\/icon-minus.svg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":85,"naturalHeight":28},{"src":"https:\/\/gregorsart.com\/media\/pages\/about-me\/726e4e4b1b-1721062093\/gregorsart-skills.webp","html":"<img src=\"https:\/\/gregorsart.com\/media\/pages\/about-me\/726e4e4b1b-1721062093\/gregorsart-skills.webp\" alt=\"gregorsart about\" class=\"object-contain object-center drop-shadow-[0_0_4px_rgba(0,0,0,0.25)]\" :class=\"{ 'ease-in-out duration-1000 transition transform delay-75 rotate-360' : mouseover === true }\" @mouseover=\"mouseover = true\" @mouseout=\"mouseover = false\" aria-hidden=\"true\" width=\"900\" height=\"900\">","currentSrc":"https:\/\/gregorsart.com\/media\/pages\/about-me\/726e4e4b1b-1721062093\/gregorsart-skills.webp","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":900,"naturalHeight":900}]
imgs-no-alt: []
imgs-out-viewport: [{"src":"https:\/\/gregorsart.com\/assets\/imgs\/icon-minus.svg","html":"<img src=\"https:\/\/gregorsart.com\/assets\/imgs\/icon-minus.svg\" alt=\"icon minus\" class=\"block h-16 w-16 -rotate-12 text-turquoise -ml-2 mt-2 mb-5\" aria-hidden=\"true\">","currentSrc":"https:\/\/gregorsart.com\/assets\/imgs\/icon-minus.svg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":85,"naturalHeight":28},{"src":"https:\/\/gregorsart.com\/media\/pages\/my-work\/project-a\/8298f1aa7f-1721062094\/cover.png","html":"<img @mousedown=\"info = !info\" :class=\"{'opacity-10' : info}\" class=\"rounded-md hover:opacity-10 lg:group-hover:opacity-10\" src=\"https:\/\/gregorsart.com\/media\/pages\/my-work\/project-a\/8298f1aa7f-1721062094\/cover.png\" alt=\"project-a\">","currentSrc":"https:\/\/gregorsart.com\/media\/pages\/my-work\/project-a\/8298f1aa7f-1721062094\/cover.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":900,"naturalHeight":900},{"src":"https:\/\/gregorsart.com\/assets\/imgs\/icon-minus.svg","html":"<img src=\"https:\/\/gregorsart.com\/assets\/imgs\/icon-minus.svg\" alt=\"icon minus\" class=\"block h-16 w-16 -rotate-12 text-turquoise -ml-2 mt-2 mb-5\" aria-hidden=\"true\">","currentSrc":"https:\/\/gregorsart.com\/assets\/imgs\/icon-minus.svg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":85,"naturalHeight":28},{"src":"https:\/\/gregorsart.com\/media\/pages\/my-blog\/11ec54ce3c-1725046003\/gregorsart-blog.webp","html":"<img src=\"https:\/\/gregorsart.com\/media\/pages\/my-blog\/11ec54ce3c-1725046003\/gregorsart-blog.webp\" alt=\"gregorsart contact\" class=\"object-contain object-center\" aria-hidden=\"true\" width=\"900\" height=\"393\">","currentSrc":"https:\/\/gregorsart.com\/media\/pages\/my-blog\/11ec54ce3c-1725046003\/gregorsart-blog.webp","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":900,"naturalHeight":708},{"src":"https:\/\/gregorsart.com\/media\/pages\/my-blog\/storyblok-and-when-to-use-it\/f6ac07d263-1725046002\/gregorsart-blog-hero.jpg","html":"<img class=\"mix-blend-luminosity group-hover:mix-blend-normal\" src=\"https:\/\/gregorsart.com\/media\/pages\/my-blog\/storyblok-and-when-to-use-it\/f6ac07d263-1725046002\/gregorsart-blog-hero.jpg\" alt=\"\">","currentSrc":"https:\/\/gregorsart.com\/media\/pages\/my-blog\/storyblok-and-when-to-use-it\/f6ac07d263-1725046002\/gregorsart-blog-hero.jpg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":1200,"naturalHeight":800},{"src":"https:\/\/gregorsart.com\/media\/pages\/my-blog\/storyblok-and-when-to-use-it\/f2ce023d7a-1725046002\/gregorsart-blog-icon.png","html":"<img class=\"absolute right-24 w-16 dark:bg-darkgray border-4 bg-white border-lightgray dark:border-mediumgray rounded-full\" src=\"https:\/\/gregorsart.com\/media\/pages\/my-blog\/storyblok-and-when-to-use-it\/f2ce023d7a-1725046002\/gregorsart-blog-icon.png\" alt=\"\">","currentSrc":"https:\/\/gregorsart.com\/media\/pages\/my-blog\/storyblok-and-when-to-use-it\/f2ce023d7a-1725046002\/gregorsart-blog-icon.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":200,"naturalHeight":200},{"src":"https:\/\/gregorsart.com\/media\/pages\/my-blog\/shopify-spirituosity-shop\/4fdb96212e-1725046000\/gregorsart-blog-hero.jpg","html":"<img class=\"mix-blend-luminosity group-hover:mix-blend-normal\" src=\"https:\/\/gregorsart.com\/media\/pages\/my-blog\/shopify-spirituosity-shop\/4fdb96212e-1725046000\/gregorsart-blog-hero.jpg\" alt=\"\">","currentSrc":"https:\/\/gregorsart.com\/media\/pages\/my-blog\/shopify-spirituosity-shop\/4fdb96212e-1725046000\/gregorsart-blog-hero.jpg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":1200,"naturalHeight":800},{"src":"https:\/\/gregorsart.com\/media\/pages\/my-blog\/shopify-spirituosity-shop\/75a0c5a408-1725046001\/gregorsart-blog-icon.png","html":"<img class=\"absolute right-24 w-16 dark:bg-darkgray border-4 bg-white border-lightgray dark:border-mediumgray rounded-full\" src=\"https:\/\/gregorsart.com\/media\/pages\/my-blog\/shopify-spirituosity-shop\/75a0c5a408-1725046001\/gregorsart-blog-icon.png\" alt=\"\">","currentSrc":"https:\/\/gregorsart.com\/media\/pages\/my-blog\/shopify-spirituosity-shop\/75a0c5a408-1725046001\/gregorsart-blog-icon.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":200,"naturalHeight":200},{"src":"https:\/\/gregorsart.com\/media\/pages\/my-blog\/shopify-broadcast-theme\/9e78fdd652-1725045999\/gregorsart-blog-hero.jpg","html":"<img class=\"mix-blend-luminosity group-hover:mix-blend-normal\" src=\"https:\/\/gregorsart.com\/media\/pages\/my-blog\/shopify-broadcast-theme\/9e78fdd652-1725045999\/gregorsart-blog-hero.jpg\" alt=\"\">","currentSrc":"https:\/\/gregorsart.com\/media\/pages\/my-blog\/shopify-broadcast-theme\/9e78fdd652-1725045999\/gregorsart-blog-hero.jpg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":1200,"naturalHeight":800},{"src":"https:\/\/gregorsart.com\/media\/pages\/my-blog\/shopify-broadcast-theme\/9f34af896c-1725045999\/gregorsart-blog-icon.png","html":"<img class=\"absolute right-24 w-16 dark:bg-darkgray border-4 bg-white border-lightgray dark:border-mediumgray rounded-full\" src=\"https:\/\/gregorsart.com\/media\/pages\/my-blog\/shopify-broadcast-theme\/9f34af896c-1725045999\/gregorsart-blog-icon.png\" alt=\"\">","currentSrc":"https:\/\/gregorsart.com\/media\/pages\/my-blog\/shopify-broadcast-theme\/9f34af896c-1725045999\/gregorsart-blog-icon.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":200,"naturalHeight":200},{"src":"https:\/\/gregorsart.com\/media\/pages\/learning\/ca980d964b-1721062108\/gregorsart-learning.webp","html":"<img src=\"https:\/\/gregorsart.com\/media\/pages\/learning\/ca980d964b-1721062108\/gregorsart-learning.webp\" alt=\"gregorsart contact\" class=\"object-contain object-center\" aria-hidden=\"true\" width=\"900\" height=\"393\">","currentSrc":"https:\/\/gregorsart.com\/media\/pages\/learning\/ca980d964b-1721062108\/gregorsart-learning.webp","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":1070,"naturalHeight":1070},{"src":"https:\/\/gregorsart.com\/assets\/imgs\/icon-minus.svg","html":"<img src=\"https:\/\/gregorsart.com\/assets\/imgs\/icon-minus.svg\" alt=\"icon minus\" class=\"block h-16 w-16 -rotate-12 text-turquoise -ml-2 mt-2 mb-5\" aria-hidden=\"true\">","currentSrc":"https:\/\/gregorsart.com\/assets\/imgs\/icon-minus.svg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":85,"naturalHeight":28},{"src":"https:\/\/gregorsart.com\/assets\/imgs\/icon-minus.svg","html":"<img src=\"https:\/\/gregorsart.com\/assets\/imgs\/icon-minus.svg\" alt=\"icon minus\" class=\"block h-16 w-16 -rotate-12 text-turquoise -ml-2 mt-2 mb-5\" aria-hidden=\"true\">","currentSrc":"https:\/\/gregorsart.com\/assets\/imgs\/icon-minus.svg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":85,"naturalHeight":28},{"src":"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/d69d315e66-1722668254\/gregorsart-logo-javascript.png","html":"<img src=\"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/d69d315e66-1722668254\/gregorsart-logo-javascript.png\" alt=\"logo\" aria-hidden=\"true\" width=\"50\" height=\"50\">","currentSrc":"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/d69d315e66-1722668254\/gregorsart-logo-javascript.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":1080,"naturalHeight":1080},{"src":"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/a815efc89f-1722668255\/gregorsart-logo-nextjs.png","html":"<img src=\"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/a815efc89f-1722668255\/gregorsart-logo-nextjs.png\" alt=\"logo\" aria-hidden=\"true\" width=\"50\" height=\"50\">","currentSrc":"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/a815efc89f-1722668255\/gregorsart-logo-nextjs.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":400,"naturalHeight":400},{"src":"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/689c0ce888-1722668255\/gregorsart-logo-nuxt.png","html":"<img src=\"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/689c0ce888-1722668255\/gregorsart-logo-nuxt.png\" alt=\"logo\" aria-hidden=\"true\" width=\"50\" height=\"50\">","currentSrc":"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/689c0ce888-1722668255\/gregorsart-logo-nuxt.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":400,"naturalHeight":400},{"src":"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/17a11c755b-1722668256\/gregorsart-logo-php.png","html":"<img src=\"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/17a11c755b-1722668256\/gregorsart-logo-php.png\" alt=\"logo\" aria-hidden=\"true\" width=\"50\" height=\"50\">","currentSrc":"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/17a11c755b-1722668256\/gregorsart-logo-php.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":400,"naturalHeight":400},{"src":"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/570ac16e82-1722668257\/gregorsart-logo-react.png","html":"<img src=\"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/570ac16e82-1722668257\/gregorsart-logo-react.png\" alt=\"logo\" aria-hidden=\"true\" width=\"50\" height=\"50\">","currentSrc":"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/570ac16e82-1722668257\/gregorsart-logo-react.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":400,"naturalHeight":400},{"src":"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/a18f4339b6-1722673687\/gregorsart-logo-storyblok.png","html":"<img src=\"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/a18f4339b6-1722673687\/gregorsart-logo-storyblok.png\" alt=\"logo\" aria-hidden=\"true\" width=\"50\" height=\"50\">","currentSrc":"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/a18f4339b6-1722673687\/gregorsart-logo-storyblok.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":400,"naturalHeight":400},{"src":"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/d4e2d4226f-1722668257\/gregorsart-logo-tailwind.png","html":"<img src=\"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/d4e2d4226f-1722668257\/gregorsart-logo-tailwind.png\" alt=\"logo\" aria-hidden=\"true\" width=\"50\" height=\"50\">","currentSrc":"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/d4e2d4226f-1722668257\/gregorsart-logo-tailwind.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":400,"naturalHeight":400},{"src":"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/23ae7fd5a3-1722668258\/gregorsart-logo-vue.png","html":"<img src=\"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/23ae7fd5a3-1722668258\/gregorsart-logo-vue.png\" alt=\"logo\" aria-hidden=\"true\" width=\"50\" height=\"50\">","currentSrc":"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/23ae7fd5a3-1722668258\/gregorsart-logo-vue.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":400,"naturalHeight":400},{"src":"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/d69d315e66-1722668254\/gregorsart-logo-javascript.png","html":"<img src=\"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/d69d315e66-1722668254\/gregorsart-logo-javascript.png\" alt=\"logo\" aria-hidden=\"true\" width=\"50\" height=\"50\">","currentSrc":"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/d69d315e66-1722668254\/gregorsart-logo-javascript.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":1080,"naturalHeight":1080},{"src":"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/a815efc89f-1722668255\/gregorsart-logo-nextjs.png","html":"<img src=\"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/a815efc89f-1722668255\/gregorsart-logo-nextjs.png\" alt=\"logo\" aria-hidden=\"true\" width=\"50\" height=\"50\">","currentSrc":"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/a815efc89f-1722668255\/gregorsart-logo-nextjs.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":400,"naturalHeight":400},{"src":"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/689c0ce888-1722668255\/gregorsart-logo-nuxt.png","html":"<img src=\"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/689c0ce888-1722668255\/gregorsart-logo-nuxt.png\" alt=\"logo\" aria-hidden=\"true\" width=\"50\" height=\"50\">","currentSrc":"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/689c0ce888-1722668255\/gregorsart-logo-nuxt.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":400,"naturalHeight":400},{"src":"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/17a11c755b-1722668256\/gregorsart-logo-php.png","html":"<img src=\"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/17a11c755b-1722668256\/gregorsart-logo-php.png\" alt=\"logo\" aria-hidden=\"true\" width=\"50\" height=\"50\">","currentSrc":"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/17a11c755b-1722668256\/gregorsart-logo-php.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":400,"naturalHeight":400},{"src":"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/570ac16e82-1722668257\/gregorsart-logo-react.png","html":"<img src=\"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/570ac16e82-1722668257\/gregorsart-logo-react.png\" alt=\"logo\" aria-hidden=\"true\" width=\"50\" height=\"50\">","currentSrc":"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/570ac16e82-1722668257\/gregorsart-logo-react.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":400,"naturalHeight":400},{"src":"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/a18f4339b6-1722673687\/gregorsart-logo-storyblok.png","html":"<img src=\"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/a18f4339b6-1722673687\/gregorsart-logo-storyblok.png\" alt=\"logo\" aria-hidden=\"true\" width=\"50\" height=\"50\">","currentSrc":"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/a18f4339b6-1722673687\/gregorsart-logo-storyblok.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":400,"naturalHeight":400},{"src":"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/d4e2d4226f-1722668257\/gregorsart-logo-tailwind.png","html":"<img src=\"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/d4e2d4226f-1722668257\/gregorsart-logo-tailwind.png\" alt=\"logo\" aria-hidden=\"true\" width=\"50\" height=\"50\">","currentSrc":"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/d4e2d4226f-1722668257\/gregorsart-logo-tailwind.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":400,"naturalHeight":400},{"src":"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/23ae7fd5a3-1722668258\/gregorsart-logo-vue.png","html":"<img src=\"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/23ae7fd5a3-1722668258\/gregorsart-logo-vue.png\" alt=\"logo\" aria-hidden=\"true\" width=\"50\" height=\"50\">","currentSrc":"https:\/\/gregorsart.com\/media\/pages\/learning\/logos\/23ae7fd5a3-1722668258\/gregorsart-logo-vue.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":400,"naturalHeight":400},{"src":"https:\/\/gregorsart.com\/assets\/imgs\/icon-minus.svg","html":"<img src=\"https:\/\/gregorsart.com\/assets\/imgs\/icon-minus.svg\" alt=\"icon minus\" class=\"block h-16 w-16 -rotate-12 text-turquoise -ml-2 mt-2 mb-5\" aria-hidden=\"true\">","currentSrc":"https:\/\/gregorsart.com\/assets\/imgs\/icon-minus.svg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":85,"naturalHeight":28},{"src":"https:\/\/gregorsart.com\/media\/pages\/contact\/e29882fdab-1721062109\/gregorsart-contact.png","html":"<img src=\"https:\/\/gregorsart.com\/media\/pages\/contact\/e29882fdab-1721062109\/gregorsart-contact.png\" alt=\"gregorsart contact\" class=\"object-contain object-center\" aria-hidden=\"true\" width=\"900\" height=\"393\">","currentSrc":"https:\/\/gregorsart.com\/media\/pages\/contact\/e29882fdab-1721062109\/gregorsart-contact.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":1015,"naturalHeight":680},{"src":"https:\/\/gregorsart.com\/assets\/imgs\/icon-arrow-right.svg","html":"<img src=\"https:\/\/gregorsart.com\/assets\/imgs\/icon-arrow-right.svg\" alt=\"icon arrow right\" class=\"block h-3 w-2 text-turquoise mt-1\" aria-hidden=\"true\">","currentSrc":"https:\/\/gregorsart.com\/assets\/imgs\/icon-arrow-right.svg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":12,"naturalHeight":11},{"src":"https:\/\/gregorsart.com\/assets\/imgs\/icon-arrow-right.svg","html":"<img src=\"https:\/\/gregorsart.com\/assets\/imgs\/icon-arrow-right.svg\" alt=\"icon arrow right\" class=\"block h-2 w-2 text-turquoise mt-1\" aria-hidden=\"true\">","currentSrc":"https:\/\/gregorsart.com\/assets\/imgs\/icon-arrow-right.svg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":12,"naturalHeight":11}]
jsLibsVulns: []
meta-viewport: width=device-width,initial-scale=1.0
possibly-render-blocking-reqs: ["https:\/\/gregorsart.com\/assets\/js\/alpine-intersection-observer.js","https:\/\/gregorsart.com\/assets\/js\/alpine-persist.js","https:\/\/gregorsart.com\/assets\/js\/store.js","https:\/\/gregorsart.com\/assets\/js\/alpine.js","https:\/\/gregorsart.com\/assets\/css\/styles.css"]
rendered-html: <html x-data="{ selected: '' }" lang="en" class="scroll-smooth" :class="$store.darkMode.on && "dark""><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="description" content="Designer and Developer from Germany. Websites, Design and Shopify Consulting. With a passion for E-Commerce."> <title>gregorsart // Design & Coding</title> <link rel="icon" type="image/svg+xml" href="https://gregorsart.com/assets/imgs/gregorsart-favicon.svg"> <link rel="shortcut icon" type="image/x-icon" href="https://gregorsart.com/favicon.ico"> <link rel="apple-touch-icon" sizes="180x180" href="assets/imgs/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="assets/imgs/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="assets/imgs/favicon-16x16.png"> <link rel="manifest" href="assets/imgs/site.webmanifest"> <meta property="og:type" content="website"> <meta property="og:title" content="gregorsart // Always ready to catch new scents!"> <meta property="og:url" content="https://www.gregorsart.com"> <meta property="og:image" content="https://www.gregorsart.com/assets/imgs/og-image.png"> <meta property="og:image:alt" content="A logo of a colorful fox"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta property="og:image:type" content="image/png"> <meta property="og:description" content="Designer and Developer from Germany. Websites, Design and Shopify Consulting. With a passion for E-Commerce."> <meta property="og:site_name" content="gregorsart"> <link href="https://gregorsart.com/assets/css/styles.css" rel="stylesheet"> </head> <body class="bg-white dark:bg-darkgray"> <div class="relative flex flex-column"> <div class="fixed top-0 w-64 h-full justify-between bg-white dark:bg-darkgray hidden xl:flex xl:flex-col"> <div> <div class="flex flex-grow flex-col overflow-y-auto bg-white dark:bg-darkgray pt-5 pb-4"> <div class="flex flex-col flex-shrink-0 px-4"> <a class="self-center" x-on:click="selected = ''" href="/"> <img src="https://gregorsart.com/assets/imgs/gregorsart-logo.svg" alt="gregorsart logo" class="h-24 w-24"> </a> <h4 class="mt-2 text-center text-xs font-bold tracking-wider text-darkgray dark:text-white">GREGORSART</h4> </div> </div> </div> <div class="w-[1px] h-full translate-x-32 bg-turquoise dark:bg-mediumgray"></div> <div class="w-64 block"> <div class="flex flex-grow flex-col overflow-y-auto bg-gradient-to-t bg-white dark:bg-darkgray pt-5 pb-4 h-max">  <div class="mt-10 flex flex-grow flex-col"> <nav class="flex-1 space-y-3 font-regular transition-all" aria-label="Sidebar"> <a class="pl-10 dark:hover:bg-gradient-to-r dark:hover:from-mediumgray dark:hover:to-darkgray dark:hover:border-darkgray dark:hover:border-l-8 dark:hover:text-white hover:bg-gradient-to-r hover:from-lightgray hover:to-white hover:border-darkgray hover:border-l-8 hover:text-darkgray border-transparent transition-all duration-500 bg-gradient-to-l to-mediumgray via-transparent dark:to-darkgray dark:via-transparent dark:from-mediumgray bg-size-200 bg-pos-0 hover:bg-pos-100 dark:text-white group flex items-center px-3 py-2 text-xs from-lightgray text-darkgray bg-gradient-to-r to-white border-darkgray border-l-8" x-bind:class="{ 'bg-gradient-to-r from-lightgray to-white border-darkgray border-l-8 text-darkgray' : selected === 'about-me' }" x-on:click="selected = 'about-me'" href="#about-me"> <img src="https://gregorsart.com/media/pages/about-me/eb3ef4a340-1721062094/nav-item.png" alt="about-me" class="mr-5 ml-5 flex-shrink-0 h-8 drop-shadow-[0_0_4px_rgba(255,255,255,0.15)]"> About me </a> <a class="pl-10 dark:hover:bg-gradient-to-r dark:hover:from-mediumgray dark:hover:to-darkgray dark:hover:border-darkgray dark:hover:border-l-8 dark:hover:text-white hover:bg-gradient-to-r hover:from-lightgray hover:to-white hover:border-darkgray hover:border-l-8 hover:text-darkgray border-transparent transition-all duration-500 bg-gradient-to-l to-mediumgray via-transparent dark:to-darkgray dark:via-transparent dark:from-mediumgray bg-size-200 bg-pos-0 hover:bg-pos-100 dark:text-white group flex items-center px-3 py-2 text-xs" x-bind:class="{ 'bg-gradient-to-r from-lightgray to-white border-darkgray border-l-8 text-darkgray' : selected === 'my-work' }" x-on:click="selected = 'my-work'" href="#my-work"> <img src="https://gregorsart.com/media/pages/my-work/df0f424286-1721062099/nav-item.png" alt="my-work" class="mr-5 ml-5 flex-shrink-0 h-8 drop-shadow-[0_0_4px_rgba(255,255,255,0.15)]"> My work </a> <a class="pl-10 dark:hover:bg-gradient-to-r dark:hover:from-mediumgray dark:hover:to-darkgray dark:hover:border-darkgray dark:hover:border-l-8 dark:hover:text-white hover:bg-gradient-to-r hover:from-lightgray hover:to-white hover:border-darkgray hover:border-l-8 hover:text-darkgray border-transparent transition-all duration-500 bg-gradient-to-l to-mediumgray via-transparent dark:to-darkgray dark:via-transparent dark:from-mediumgray bg-size-200 bg-pos-0 hover:bg-pos-100 dark:text-white group flex items-center px-3 py-2 text-xs" x-bind:class="{ 'bg-gradient-to-r from-lightgray to-white border-darkgray border-l-8 text-darkgray' : selected === 'my-blog' }" x-on:click="selected = 'my-blog'" href="#my-blog"> <img src="https://gregorsart.com/media/pages/my-blog/fa7eaf7b21-1725046004/nav-item.png" alt="my-blog" class="mr-5 ml-5 flex-shrink-0 h-8 drop-shadow-[0_0_4px_rgba(255,255,255,0.15)]"> My Blog </a> <a class="pl-10 dark:hover:bg-gradient-to-r dark:hover:from-mediumgray dark:hover:to-darkgray dark:hover:border-darkgray dark:hover:border-l-8 dark:hover:text-white hover:bg-gradient-to-r hover:from-lightgray hover:to-white hover:border-darkgray hover:border-l-8 hover:text-darkgray border-transparent transition-all duration-500 bg-gradient-to-l to-mediumgray via-transparent dark:to-darkgray dark:via-transparent dark:from-mediumgray bg-size-200 bg-pos-0 hover:bg-pos-100 dark:text-white group flex items-center px-3 py-2 text-xs" x-bind:class="{ 'bg-gradient-to-r from-lightgray to-white border-darkgray border-l-8 text-darkgray' : selected === 'learning' }" x-on:click="selected = 'learning'" href="#learning"> <img src="https://gregorsart.com/media/pages/learning/c95d4580c3-1721062108/nav-item.png" alt="learning" class="mr-5 ml-5 flex-shrink-0 h-8 drop-shadow-[0_0_4px_rgba(255,255,255,0.15)]"> Learning </a> <a class="pl-10 dark:hover:bg-gradient-to-r dark:hover:from-mediumgray dark:hover:to-darkgray dark:hover:border-darkgray dark:hover:border-l-8 dark:hover:text-white hover:bg-gradient-to-r hover:from-lightgray hover:to-white hover:border-darkgray hover:border-l-8 hover:text-darkgray border-transparent transition-all duration-500 bg-gradient-to-l to-mediumgray via-transparent dark:to-darkgray dark:via-transparent dark:from-mediumgray bg-size-200 bg-pos-0 hover:bg-pos-100 dark:text-white group flex items-center px-3 py-2 text-xs" x-bind:class="{ 'bg-gradient-to-r from-lightgray to-white border-darkgray border-l-8 text-darkgray' : selected === 'contact' }" x-on:click="selected = 'contact'" href="#contact"> <img src="https://gregorsart.com/media/pages/contact/653f313850-1721062110/nav-item.png" alt="contact" class="mr-5 ml-5 flex-shrink-0 h-8 drop-shadow-[0_0_4px_rgba(255,255,255,0.15)]"> Contact </a> </nav> </div> </div> </div> <div class="w-[1px] h-full translate-x-32 bg-turquoise dark:bg-mediumgray"></div> <div class="w-64 hidden lg:block"> <div class="flex flex-grow flex-col overflow-y-auto bg-gradient-to-t bg-white dark:bg-darkgray pt-5 pb-4 h-max">  <div class="mt-10 mx-auto"> <button aria-label="darkmode theme switcher" @click="$store.darkMode.toggle()" class="mb-4 w-8 h-8 p-2 rounded-full hover:dark:text-orange text-darkgray hover:text-orange hover:bg-darkgray dark:text-darkgray dark:bg-turquoise bg-turquoiselight dark:hover:bg-darkgray"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4"> <path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z"></path> </svg> </button> </div> </div> </div> </div> <div class="ml-0 xl:ml-64 w-full">  <div>  <section id="hero" class="z-50"> <div class="relative bg-lightgray dark:bg-darkgray"> <div class="h-144 absolute inset-0"> <img src="https://gregorsart.com/media/pages/hero/919622531c-1723278613/gregorsart-heroimage.jpg" alt="gregorsart heroimage" class="h-full w-full object-cover" aria-hidden="true"> </div> <div class="flex flex-col lg:flex-row gap-32 max-w-screen-2xl pb-16 px-4 lg:pt-64 sm:px-6 lg:px-8 sm:justify-end"> <div class="lg:hidden rounded-b-2xl w-max backdrop-blur-md self-center"> <button x-data="" @click="$store.darkMode.toggle()"> <img src="https://gregorsart.com/assets/imgs/gregorsart-logo.svg" alt="change to darkmode or lightmode" class="h-32 w-32"> </button> </div> <div class="flex flex-col rounded-2xl backdrop-blur-md shadow-xl w-fit"> <div class="relative flex-1 px-6 pt-8 pb-8 md:px-8"> <h1 class="text-4xl sm:text-7xl font-extrabold text-white leading-normal"> Digital fox </h1> <img src="https://gregorsart.com/assets/imgs/icon-minus.svg" alt="icon minus" class="block h-20 w-20 -rotate-12 text-turquoise -ml-2 -mt-4 -mb-5" aria-hidden="true"> <p class="text-2xl sm:text-3xl font-medium mt-4 text-white"> Always ready to catch new scents! </p> </div> </div> </div> </div> </section>  <section id="about-me" class="mt-32 sm:mt-12"> <div class="overflow-hidden bg-white dark:bg-darkgray"> <div class="relative mx-auto max-w-7xl py-4 sm:py-8 lg:py-16 md:pt-32 px-4 sm:px-6 lg:px-8"> <div class="absolute top-28 bottom-0 left-3/4 hidden w-screen lg:block ga-pattern"></div> <div class="mx-auto max-w-prose text-base lg:grid lg:max-w-none lg:grid-cols-2 lg:gap-8"> <div> <h2 x-intersect:enter="selected = 'about-me'" class="mt-2 text-3xl font-bold leading-8 tracking-tight text-darkgray dark:text-ultralight sm:text-5xl">About me</h2> <img src="https://gregorsart.com/assets/imgs/icon-minus.svg" alt="icon minus" class="block h-16 w-16 -rotate-12 text-turquoise -ml-2 mt-2 mb-5" aria-hidden="true"> <p class="text-lg font-semibold text-darkgray dark:text-ultralight mt-4">Code & Design is what I want to do. After studying communication design and a little bit of business mathematics I shifted my interest towards programming and code.</p> </div> </div> <div class="mt-8 lg:grid lg:grid-cols-2 lg:gap-8"> <div class="relative lg:col-start-2 lg:row-start-1"> <div x-data="{ mouseover: false }" class="relative mx-auto max-w-prose text-base lg:max-w-none"> <figure> <div class="aspect-square lg:aspect-none hover:cursor-pointer"> <img src="https://gregorsart.com/media/pages/about-me/726e4e4b1b-1721062093/gregorsart-skills.webp" alt="gregorsart about" class="object-contain object-center drop-shadow-[0_0_4px_rgba(0,0,0,0.25)]" :class="{ 'ease-in-out duration-1000 transition transform delay-75 rotate-360' : mouseover === true }" @mouseover="mouseover = true" @mouseout="mouseover = false" aria-hidden="true" width="900" height="900"> </div> </figure> </div> </div> <div class="mt-8 lg:mt-0"> <div class="mx-auto max-w-prose text-base lg:max-w-none prose prose-p:mt-6 prose-li:marker:text-turquoise prose-li:marker:text-2xl prose-p:dark:text-ultralight prose-li:dark:text-ultralight prose-strong:dark:text-ultralight"> <p>Over the last few years, I tried to refine my skills and find my focus. In the last two years, I found myself doing more and more digtial projects, leaving the analog "world" behind. Still my skills are a mixed bag of different disciplines.</p> <ol> <li>From <strong>print</strong> design, I learned a lot about type, layout, and what it means for a design to be "final".</li> <li><strong>Code</strong> — I am learning frontend programming and trying to at least understand what backend means. </li> <li><strong>E-commerce</strong> is simply fun, you get direct feedback for the designed and delivered store.</li> <li><strong>Learning</strong> — Never stop exploring!</li> </ol> </div> </div> </div> </div> </div> </section> <section id="my-work" class="mt-12 bg-ultralight dark:bg-mediumgray"> <div class="overflow-hidden"> <div class="relative mx-auto max-w-7xl py-4 sm:py-8 lg:py-16 px-4 sm:px-6 lg:px-8"> <div class="absolute top-28 bottom-0 left-3/4 hidden w-screen lg:block ga-pattern-ultralight"></div> <div class="mx-auto max-w-prose text-base lg:grid lg:max-w-none lg:grid-cols-2 lg:gap-8"> <div> <h2 x-intersect:enter="selected = 'my-work'" class="mt-16 text-3xl font-bold leading-8 tracking-tight text-darkgray dark:text-ultralight sm:text-5xl">My work</h2> <img src="https://gregorsart.com/assets/imgs/icon-minus.svg" alt="icon minus" class="block h-16 w-16 -rotate-12 text-turquoise -ml-2 mt-2 mb-5" aria-hidden="true"> <p class="text-lg font-semibold text-darkgray dark:text-ultralight mt-4">An excerpt of my work. I have designed various things. While I did a lot of graphic design in the beginning, my focus has now shifted to programming.</p> </div> </div> <div class="mt-8 lg:grid lg:grid-cols-2 lg:gap-8"> <div class="relative lg:col-start-2 lg:row-start-1"> <div class="relative mx-auto text-base"> <div x-data="{ image: 'project-a', info: false }" class="gallery rounded-md bg-transparent flex md:flex-row flex-col p-0 sm:p-3"> <div class="gallery__wrapper"> <div @mouseover="info = true" @mouseover.away="info = false" x-show="image === 'project-a'" class="gallery__image group flex justify-center mr-2 relative bg-transparent hover:bg-white hover:cursor-pointer rounded-md"> <img @mousedown="info = !info" :class="{'opacity-10' : info}" class="rounded-md hover:opacity-10 lg:group-hover:opacity-10" src="https://gregorsart.com/media/pages/my-work/project-a/8298f1aa7f-1721062094/cover.png" alt="project-a"> <div class="absolute top-1/2 left-1/2 w-full h-full -translate-x-1/2 -translate-y-1/2 text-center prose-a:text-turquoiselight prose-a:underline prose-a:underline-offset-8"> <div x-show="info" class="flex flex-col justify-center h-full mx-8 text-darkgray text-sm sm:text-base" style="display: none;"> <h3 class="text-xl sm:text-2xl">Gaming Design</h3> <img src="https://gregorsart.com/assets/imgs/icon-minus.svg" alt="icon minus" class="block h-10 w-10 -rotate-12 self-center text-turquoise " aria-hidden="true"> <div class="divide-y divide-neutral-400 divide-dashed sm:divide-y-0"> <p>I designed various brands assets for the gaming community.</p> <div> <p class="mt-1 sm:mt-4">Year Created:</p> <p>2020</p> </div> <div> <p class="mt-1 sm:mt-4">Tags:</p> <p><span class="text-white"></span> esports, gaming, branding, logo, mascot</p> </div> <div class="mt-1 sm:mt-4 prose-a:text-darkgray"><p><a href="https://gregorsart.de" rel="noreferrer" target="_blank">gregorsart.de</a></p></div> </div> </div> </div> </div> <div @mouseover="info = true" @mouseover.away="info = false" x-show="image === 'project-b'" class="gallery__image group flex justify-center mr-2 relative bg-transparent hover:bg-white hover:cursor-pointer rounded-md" style="display: none;"> <img @mousedown="info = !info" :class="{'opacity-10' : info}" class="rounded-md hover:opacity-10 lg:group-hover:opacity-10" src="https://gregorsart.com/media/pages/my-work/project-b/469fcfdcaf-1721062096/cover.png" alt="project-b"> <div class="absolute top-1/2 left-1/2 w-full h-full -translate-x-1/2 -translate-y-1/2 text-center prose-a:text-turquoiselight prose-a:underline prose-a:underline-offset-8"> <div x-show="info" class="flex flex-col justify-center h-full mx-8 text-darkgray text-sm sm:text-base" style="display: none;"> <h3 class="text-xl sm:text-2xl">Shopify theme customization</h3> <img src="https://gregorsart.com/assets/imgs/icon-minus.svg" alt="icon minus" class="block h-10 w-10 -rotate-12 self-center text-turquoise " aria-hidden="true"> <div class="divide-y divide-neutral-400 divide-dashed sm:divide-y-0"> <p>I customized Fluorescent's Ira theme for a client in a way so that it matched the given branding.</p> <div> <p class="mt-1 sm:mt-4">Year Created:</p> <p>2022</p> </div> <div> <p class="mt-1 sm:mt-4">Tags:</p> <p><span class="text-white"></span> shopify, custom theme, fluorescent, shopify cli</p> </div> </div> </div> </div> </div> <div @mouseover="info = true" @mouseover.away="info = false" x-show="image === 'project-c'" class="gallery__image group flex justify-center mr-2 relative bg-transparent hover:bg-white hover:cursor-pointer rounded-md" style="display: none;"> <img @mousedown="info = !info" :class="{'opacity-10' : info}" class="rounded-md hover:opacity-10 lg:group-hover:opacity-10" src="https://gregorsart.com/media/pages/my-work/project-c/e1a974acdd-1721062097/cover.png" alt="project-c"> <div class="absolute top-1/2 left-1/2 w-full h-full -translate-x-1/2 -translate-y-1/2 text-center prose-a:text-turquoiselight prose-a:underline prose-a:underline-offset-8"> <div x-show="info" class="flex flex-col justify-center h-full mx-8 text-darkgray text-sm sm:text-base" style="display: none;"> <h3 class="text-xl sm:text-2xl">Logo Design</h3> <img src="https://gregorsart.com/assets/imgs/icon-minus.svg" alt="icon minus" class="block h-10 w-10 -rotate-12 self-center text-turquoise " aria-hidden="true"> <div class="divide-y divide-neutral-400 divide-dashed sm:divide-y-0"> <p>Focus on Logo Design for compnanies</p> <div> <p class="mt-1 sm:mt-4">Year Created:</p> <p>2021</p> </div> <div> <p class="mt-1 sm:mt-4">Tags:</p> <p><span class="text-white"></span> logo, branding, design, graphic-design</p> </div> </div> </div> </div> </div> <div @mouseover="info = true" @mouseover.away="info = false" x-show="image === 'project-d'" class="gallery__image group flex justify-center mr-2 relative bg-transparent hover:bg-white hover:cursor-pointer rounded-md" style="display: none;"> <img @mousedown="info = !info" :class="{'opacity-10' : info}" class="rounded-md hover:opacity-10 lg:group-hover:opacity-10" src="https://gregorsart.com/media/pages/my-work/project-d/98459e7f73-1721062098/cover.png" alt="project-d"> <div class="absolute top-1/2 left-1/2 w-full h-full -translate-x-1/2 -translate-y-1/2 text-center prose-a:text-turquoiselight prose-a:underline prose-a:underline-offset-8"> <div x-show="info" class="flex flex-col justify-center h-full mx-8 text-darkgray text-sm sm:text-base" style="display: none;"> <h3 class="text-xl sm:text-2xl">Amazon Design</h3> <img src="https://gregorsart.com/assets/imgs/icon-minus.svg" alt="icon minus" class="block h-10 w-10 -rotate-12 self-center text-turquoise " aria-hidden="true"> <div class="divide-y divide-neutral-400 divide-dashed sm:divide-y-0"> <p>Focus on designing graphical assets for Amazon.</p> <div> <p class="mt-1 sm:mt-4">Year Created:</p> <p>2022</p> </div> <div> <p class="mt-1 sm:mt-4">Tags:</p> <p><span class="text-white"></span> ecommerce, amazon, design, branding</p> </div> </div> </div> </div> </div> </div> <div class="gallery__nav sm:p-4"> <ul class="flex flex-row md:flex-col justify-center md:mt-5 divide-x sm:divide-x-0"> <div class="flex flex-wrap items-center justify-center sm:justify-start mt-4 p-3"> <li class="gallery__nav--element md:my-3 border-2 border-gray-50 hover:border-green-50 hover:bg-turquoise bg-lightgray drop-shadow-lg"> <a :class="{ 'bg-turquoise' : image === 'project-a' }" @mouseover="image = 'project-a'" x-on:click.prevent="image = 'project-a'" class="flex p-1 bg-turquoise" href="#"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> </a> </li> </div> <div class="flex flex-wrap items-center justify-center sm:justify-start mt-4 p-3"> <li class="gallery__nav--element md:my-3 border-2 border-gray-50 hover:border-green-50 hover:bg-turquoise bg-lightgray drop-shadow-lg"> <a :class="{ 'bg-turquoise' : image === 'project-b' }" @mouseover="image = 'project-b'" x-on:click.prevent="image = 'project-b'" class="flex p-1" href="#"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> </a> </li> </div> <div class="flex flex-wrap items-center justify-center sm:justify-start mt-4 p-3"> <li class="gallery__nav--element md:my-3 border-2 border-gray-50 hover:border-green-50 hover:bg-turquoise bg-lightgray drop-shadow-lg"> <a :class="{ 'bg-turquoise' : image === 'project-c' }" @mouseover="image = 'project-c'" x-on:click.prevent="image = 'project-c'" class="flex p-1" href="#"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> </a> </li> </div> <div class="flex flex-wrap items-center justify-center sm:justify-start mt-4 p-3"> <li class="gallery__nav--element md:my-3 border-2 border-gray-50 hover:border-green-50 hover:bg-turquoise bg-lightgray drop-shadow-lg"> <a :class="{ 'bg-turquoise' : image === 'project-d' }" @mouseover="image = 'project-d'" x-on:click.prevent="image = 'project-d'" class="flex p-1" href="#"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> </a> </li> </div> </ul> </div> </div> </div> </div> <div class="mt-8 lg:mt-0"> <div class="mx-auto text-base lg:max-w-none prose prose-p:mt-6 prose-li:marker:text-orange prose-li:marker:text-2xl text-darkgray max-w-prose prose-a:decoration-2 prose-a:text-darkgray prose-a:font-bold hover:prose-a:underline prose-a:dark:text-ultralight prose-a:underline-offset-8 hover:prose-a:decoration-dashed prose-p:dark:text-ultralight prose-li:dark:text-ultralight prose-strong:dark:text-ultralight prose-a:decoration-turquoise hover:prose-a:decoration-orange"> <ul> <li><strong>Gaming Design:</strong> In the years between 2017-2019 I started to focus on esports design.</li> <li>For various clients I created <strong>Shopify Shops</strong>. With and without custom code.</li> <li>I designed <strong>logos</strong> for different companies and start-up's.</li> <li>For different <strong>Amazon</strong> Clients, I created brandstores, product pictures and A+ pages.</li> </ul> <p>To see more of my visual work, visit my website in German: <a href="https://gregorsart.de" rel="noreferrer" target="_blank">gregorsart.de</a></p> </div> </div> </div> </div> </div> </section> <div id="my-blog" class="bg-white dark:bg-darkgray text-darkgray dark:text-ultralight"> <section class="mx-auto max-w-7xl lg:py-16 px-4 sm:px-6 lg:px-8"> <div class="mx-auto md:grid lg:max-w-none lg:grid-cols-2 lg:gap-8"> <div> <h2 x-intersect:enter="selected = 'my-blog'" class="mt-16 text-3xl font-bold leading-8 tracking-tight text-darkgray dark:text-ultralight sm:text-5xl">My Blog</h2> <img src="https://gregorsart.com/assets/imgs/icon-minus.svg" alt="icon minus" class="block h-16 w-16 -rotate-12 text-turquoise -ml-2 mt-2 mb-5" aria-hidden="true"> <p class="text-lg font-semibold text-darkgray dark:text-ultralight mt-4">Why I favour Shopify and Storyblok and what I already did with the two SaaS systems.</p> <div class="mt-8 lg:mt-0"> <div class="mx-auto text-base lg:max-w-none prose prose-p:mt-6 prose-li:marker:text-turquoise prose-li:marker:text-2xl text-darkgray dark:text-ultralight max-w-prose prose-a:decoration-1 prose-a:text-turquoiselight hover:prose-a:underline prose-a:underline-offset-8 hover:prose-a:decoration-dashed prose-strong:dark:text-ultralight"> <p>For me Shopify is a great piece of software. With its numerous third party <strong>apps</strong>, you can make possible almost any usecase. Also no other shop system offers so many great <strong>themes</strong> to give the shop a certain look and feel.</p> <p>Also Storyblok is great.It gives developers the freedom to build websites their way, with any tools they love. Its easy-to-use editor makes creating and managing content a breeze, making both development and content creation fun and flexible.</p> </div> </div> </div> <div class="mt-12 sm:mt-16 md:mt-0 lg:mt-10"> <figure> <img src="https://gregorsart.com/media/pages/my-blog/11ec54ce3c-1725046003/gregorsart-blog.webp" alt="gregorsart contact" class="object-contain object-center" aria-hidden="true" width="900" height="393"> </figure> </div> </div> </section> <section x-data="{ index: 3 }" class="px-4 sm:px-6 lg:px-8 mx-auto max-w-7xl pb-16 mt-10"> <p class="text-lg font-semibold text-darkgray dark:text-ultralight text-center">My latest Blog Posts</p> <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-8 mt-14"> <div x-show="index > 0" x-transition:enter="transition ease-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" "=""> <article class="dark:bg-mediumgray rounded-2xl group bg-lightgray dark:text-white"> <a href="https://gregorsart.com/my-blog/storyblok-and-when-to-use-it"> <h3 class="p-4 group-hover:underline decoration-dashed decoration-orangelight underline-offset-8 leading-7 h-20">When to use a headless cms, when not?</h3> <img class="mix-blend-luminosity group-hover:mix-blend-normal" src="https://gregorsart.com/media/pages/my-blog/storyblok-and-when-to-use-it/f6ac07d263-1725046002/gregorsart-blog-hero.jpg" alt=""> <div class="relative flex justify-end sm:justify-between h-10 items-center p-4 ">  <p class="hidden sm:block text-xs">#storyblok #intro #headless</p>  <img class="absolute right-24 w-16 dark:bg-darkgray border-4 bg-white border-lightgray dark:border-mediumgray rounded-full" src="https://gregorsart.com/media/pages/my-blog/storyblok-and-when-to-use-it/f2ce023d7a-1725046002/gregorsart-blog-icon.png" alt="">  <p class="text-xs">10.08.2024</p> </div> </a> </article> </div> <div x-show="index > 1" x-transition:enter="transition ease-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" "=""> <article class="dark:bg-mediumgray rounded-2xl group bg-lightgray dark:text-white"> <a href="https://gregorsart.com/my-blog/shopify-spirituosity-shop"> <h3 class="p-4 group-hover:underline decoration-dashed decoration-orangelight underline-offset-8 leading-7 h-20">Building and designing a Shopify Store: Spirituosity</h3> <img class="mix-blend-luminosity group-hover:mix-blend-normal" src="https://gregorsart.com/media/pages/my-blog/shopify-spirituosity-shop/4fdb96212e-1725046000/gregorsart-blog-hero.jpg" alt=""> <div class="relative flex justify-end sm:justify-between h-10 items-center p-4 ">  <p class="hidden sm:block text-xs">#shopify #case #spirituosity</p>  <img class="absolute right-24 w-16 dark:bg-darkgray border-4 bg-white border-lightgray dark:border-mediumgray rounded-full" src="https://gregorsart.com/media/pages/my-blog/shopify-spirituosity-shop/75a0c5a408-1725046001/gregorsart-blog-icon.png" alt="">  <p class="text-xs">19.06.2024</p> </div> </a> </article> </div> <div x-show="index > 2" x-transition:enter="transition ease-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" "=""> <article class="dark:bg-mediumgray rounded-2xl group bg-lightgray dark:text-white"> <a href="https://gregorsart.com/my-blog/shopify-broadcast-theme"> <h3 class="p-4 group-hover:underline decoration-dashed decoration-orangelight underline-offset-8 leading-7 h-20">The Shopify broadcast theme from a designer's point of view</h3> <img class="mix-blend-luminosity group-hover:mix-blend-normal" src="https://gregorsart.com/media/pages/my-blog/shopify-broadcast-theme/9e78fdd652-1725045999/gregorsart-blog-hero.jpg" alt=""> <div class="relative flex justify-end sm:justify-between h-10 items-center p-4 ">  <p class="hidden sm:block text-xs">#shopify #theme #review</p>  <img class="absolute right-24 w-16 dark:bg-darkgray border-4 bg-white border-lightgray dark:border-mediumgray rounded-full" src="https://gregorsart.com/media/pages/my-blog/shopify-broadcast-theme/9f34af896c-1725045999/gregorsart-blog-icon.png" alt="">  <p class="text-xs">02.12.2023</p> </div> </a> </article> </div> <div x-show="index > 3" x-transition:enter="transition ease-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" "="" style="display: none;"> <article class="dark:bg-mediumgray rounded-2xl group bg-lightgray dark:text-white"> <a href="https://gregorsart.com/my-blog/shopify-considerations-in-advance"> <h3 class="p-4 group-hover:underline decoration-dashed decoration-orangelight underline-offset-8 leading-7 h-20">What do you have to consider before you start to build a shop from scratch?</h3> <img class="mix-blend-luminosity group-hover:mix-blend-normal" src="https://gregorsart.com/media/pages/my-blog/shopify-considerations-in-advance/5de7183abc-1725045997/gregorsart-blog-hero.jpg" alt=""> <div class="relative flex justify-end sm:justify-between h-10 items-center p-4 ">  <p class="hidden sm:block text-xs">#shopify #bascics #planning</p>  <img class="absolute right-24 w-16 dark:bg-darkgray border-4 bg-white border-lightgray dark:border-mediumgray rounded-full" src="https://gregorsart.com/media/pages/my-blog/shopify-considerations-in-advance/711d706c19-1725045998/gregorsart-blog-icon.png" alt="">  <p class="text-xs">17.08.2023</p> </div> </a> </article> </div> </div> <div x-show=" 4> index" class=" text-center mt-24"> <button x-on:click="index = index + 3" class="mx-auto group text-sm text-darkgray dark:text-orange z-10" href="https://gregorsart.com"> <div class="border-2 border-turquoise rounded-md group-hover:border-orange w-fit p-2 dark:group-hover:text-turquoise"> Load more articles </div> </button> </div> </section> </div> <div id="learning" class="bg-ultralight dark:bg-mediumgray text-darkgray dark:text-ultralight"> <div class="mx-auto max-w-7xl lg:py-16 px-4 sm:px-6 lg:px-8"> <div class="mx-auto md:grid lg:max-w-none lg:grid-cols-2 lg:gap-8"> <div class="mt-12 sm:mt-16 md:mt-0 lg:mt-10"> <figure> <img src="https://gregorsart.com/media/pages/learning/ca980d964b-1721062108/gregorsart-learning.webp" alt="gregorsart contact" class="object-contain object-center" aria-hidden="true" width="900" height="393"> </figure> </div> <div> <h2 x-intersect:enter="selected = 'learning'" class="mt-2 text-3xl font-bold leading-8 tracking-tight text-darkgray dark:text-ultralight sm:text-5xl">Learning</h2> <img src="https://gregorsart.com/assets/imgs/icon-minus.svg" alt="icon minus" class="block h-16 w-16 -rotate-12 text-turquoise -ml-2 mt-2 mb-5" aria-hidden="true"> <p class="text-lg font-semibold text-darkgray dark:text-ultralight mt-4">What I do in my free time</p> <div class="mt-8 lg:mt-10"> <div class="mx-auto text-base lg:max-w-none prose text-darkgray dark:text-ultralight mt-14 prose-ol:list-decimal prose-ol:pl-4 sm:prose-ol:pl-14 prose-p:mb-4 prose-li:pl-3 prose-li:marker:text-turquoise prose-li:marker:text-base prose-li:mt-4 prose-h2:text-3xl dark:prose-h2:text-ultralight prose-h2:my-9 prose-h2:font-bold prose-a:decoration-2 dark:prose-a:text-ultralight hover:prose-a:underline prose-a:underline-offset-8 hover:prose-a:decoration-dashed hover:prose-a:decoration-orange prose-a:text-darkgray prose-a:font-bold prose-a:decoration-turquoise"> <p><em>2023</em></p> <p>Attending a web development bootcamp for six months to improve my web development skills. You can find more information about the school here: <a href="https://www.neuefische.de" rel="noreferrer" target="_blank">Neue Fische</a> </p> <p><em>2024</em></p> <p>Working with the <a href="https://getkirby.com/" rel="noreferrer" target="_blank">Kirby CMS</a> and staying up to date with the Shopify shop system. Also I try to engange with Graphic-Design as much as possible in my free time.</p> </div> </div> </div> </div> <div> <h2 class="mt-16 text-3xl font-bold leading-8 tracking-tight text-darkgray dark:text-ultralight sm:text-5xl">Technologies</h2> <img src="https://gregorsart.com/assets/imgs/icon-minus.svg" alt="icon minus" class="block h-16 w-16 -rotate-12 text-turquoise -ml-2 mt-2 mb-5" aria-hidden="true"> <p class="text-lg font-semibold text-darkgray dark:text-ultralight mt-4 pb-10">What i know, some more some less</p> <div x-data="{ animated: true }" @mouseover="animated = false" @mouseout="animated = true" class="rounded-lg overflow-x-hidden py-8 lg:py-0 lg:pb-8 bg-darkgray dark:bg-mediumgray relative"> <div :class="!animated && '![animation-play-state:paused]'" class="grid grid-rows-2 grid-flow-col gap-y-10 2xl:gap-4 justify-center items-center 2xl:grid-rows-1 2xl:animate-logoscroll 2xl:w-[240rem] [animation-iteration-count: infinite] ease-linaer"> <figure class="flex flex-col items-center justify-end h-24 w-24 sm:h-32 sm:w-60"> <img src="https://gregorsart.com/media/pages/learning/logos/d69d315e66-1722668254/gregorsart-logo-javascript.png" alt="logo" aria-hidden="true" width="50" height="50"> <p class="text-sm mt-4 text-white/30 tracking-widest">javascript</p> </figure> <figure class="flex flex-col items-center justify-end h-24 w-24 sm:h-32 sm:w-60"> <img src="https://gregorsart.com/media/pages/learning/logos/a815efc89f-1722668255/gregorsart-logo-nextjs.png" alt="logo" aria-hidden="true" width="50" height="50"> <p class="text-sm mt-4 text-white/30 tracking-widest">nextjs</p> </figure> <figure class="flex flex-col items-center justify-end h-24 w-24 sm:h-32 sm:w-60"> <img src="https://gregorsart.com/media/pages/learning/logos/689c0ce888-1722668255/gregorsart-logo-nuxt.png" alt="logo" aria-hidden="true" width="50" height="50"> <p class="text-sm mt-4 text-white/30 tracking-widest">nuxt</p> </figure> <figure class="flex flex-col items-center justify-end h-24 w-24 sm:h-32 sm:w-60"> <img src="https://gregorsart.com/media/pages/learning/logos/17a11c755b-1722668256/gregorsart-logo-php.png" alt="logo" aria-hidden="true" width="50" height="50"> <p class="text-sm mt-4 text-white/30 tracking-widest">php</p> </figure> <figure class="flex flex-col items-center justify-end h-24 w-24 sm:h-32 sm:w-60"> <img src="https://gregorsart.com/media/pages/learning/logos/570ac16e82-1722668257/gregorsart-logo-react.png" alt="logo" aria-hidden="true" width="50" height="50"> <p class="text-sm mt-4 text-white/30 tracking-widest">react</p> </figure> <figure class="flex flex-col items-center justify-end h-24 w-24 sm:h-32 sm:w-60"> <img src="https://gregorsart.com/media/pages/learning/logos/a18f4339b6-1722673687/gregorsart-logo-storyblok.png" alt="logo" aria-hidden="true" width="50" height="50"> <p class="text-sm mt-4 text-white/30 tracking-widest">storyblok</p> </figure> <figure class="flex flex-col items-center justify-end h-24 w-24 sm:h-32 sm:w-60"> <img src="https://gregorsart.com/media/pages/learning/logos/d4e2d4226f-1722668257/gregorsart-logo-tailwind.png" alt="logo" aria-hidden="true" width="50" height="50"> <p class="text-sm mt-4 text-white/30 tracking-widest">tailwind</p> </figure> <figure class="flex flex-col items-center justify-end h-24 w-24 sm:h-32 sm:w-60"> <img src="https://gregorsart.com/media/pages/learning/logos/23ae7fd5a3-1722668258/gregorsart-logo-vue.png" alt="logo" aria-hidden="true" width="50" height="50"> <p class="text-sm mt-4 text-white/30 tracking-widest">vue</p> </figure> <figure class="hidden 2xl:flex flex-col items-center justify-end h-20 w-20 sm:h-32 sm:w-60"> <img src="https://gregorsart.com/media/pages/learning/logos/d69d315e66-1722668254/gregorsart-logo-javascript.png" alt="logo" aria-hidden="true" width="50" height="50"> <p class="text-sm mt-4 text-white/30 tracking-wider">javascript</p> </figure> <figure class="hidden 2xl:flex flex-col items-center justify-end h-20 w-20 sm:h-32 sm:w-60"> <img src="https://gregorsart.com/media/pages/learning/logos/a815efc89f-1722668255/gregorsart-logo-nextjs.png" alt="logo" aria-hidden="true" width="50" height="50"> <p class="text-sm mt-4 text-white/30 tracking-wider">nextjs</p> </figure> <figure class="hidden 2xl:flex flex-col items-center justify-end h-20 w-20 sm:h-32 sm:w-60"> <img src="https://gregorsart.com/media/pages/learning/logos/689c0ce888-1722668255/gregorsart-logo-nuxt.png" alt="logo" aria-hidden="true" width="50" height="50"> <p class="text-sm mt-4 text-white/30 tracking-wider">nuxt</p> </figure> <figure class="hidden 2xl:flex flex-col items-center justify-end h-20 w-20 sm:h-32 sm:w-60"> <img src="https://gregorsart.com/media/pages/learning/logos/17a11c755b-1722668256/gregorsart-logo-php.png" alt="logo" aria-hidden="true" width="50" height="50"> <p class="text-sm mt-4 text-white/30 tracking-wider">php</p> </figure> <figure class="hidden 2xl:flex flex-col items-center justify-end h-20 w-20 sm:h-32 sm:w-60"> <img src="https://gregorsart.com/media/pages/learning/logos/570ac16e82-1722668257/gregorsart-logo-react.png" alt="logo" aria-hidden="true" width="50" height="50"> <p class="text-sm mt-4 text-white/30 tracking-wider">react</p> </figure> <figure class="hidden 2xl:flex flex-col items-center justify-end h-20 w-20 sm:h-32 sm:w-60"> <img src="https://gregorsart.com/media/pages/learning/logos/a18f4339b6-1722673687/gregorsart-logo-storyblok.png" alt="logo" aria-hidden="true" width="50" height="50"> <p class="text-sm mt-4 text-white/30 tracking-wider">storyblok</p> </figure> <figure class="hidden 2xl:flex flex-col items-center justify-end h-20 w-20 sm:h-32 sm:w-60"> <img src="https://gregorsart.com/media/pages/learning/logos/d4e2d4226f-1722668257/gregorsart-logo-tailwind.png" alt="logo" aria-hidden="true" width="50" height="50"> <p class="text-sm mt-4 text-white/30 tracking-wider">tailwind</p> </figure> <figure class="hidden 2xl:flex flex-col items-center justify-end h-20 w-20 sm:h-32 sm:w-60"> <img src="https://gregorsart.com/media/pages/learning/logos/23ae7fd5a3-1722668258/gregorsart-logo-vue.png" alt="logo" aria-hidden="true" width="50" height="50"> <p class="text-sm mt-4 text-white/30 tracking-wider">vue</p> </figure> </div> </div> </div> </div> </div> <div id="contact" class="bg-white text-darkgray dark:bg-darkgray"> <div class="mx-auto max-w-7xl pb-16 px-4 sm:px-6 lg:px-8"> <div class="grid mx-auto max-w-lg md:max-w-none md:grid-cols-2 md:gap-8"> <div class="lg:mt-16 lg:ml-12"> <h2 x-intersect:enter="selected = 'contact'" class="mt-2 text-3xl font-bold leading-8 tracking-tight text-darkgray dark:text-ultralight sm:text-5xl">Let's talk</h2> <img src="https://gregorsart.com/assets/imgs/icon-minus.svg" alt="icon minus" class="block h-16 w-16 -rotate-12 text-turquoise -ml-2 mt-2 mb-5" aria-hidden="true"> <p class="text-lg font-semibold text-darkgray dark:text-ultralight mt-4">Feel free do contact me via email, phone or one of my social accounts.</p> <div class="mt-9"> <div class="flex"> <div class="flex-shrink-0">  <svg class="h-6 w-6 text-turquoise" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z"></path> </svg> </div> <div class="ml-3 text-base dark:text-ultralight"> <p>+49 7528 7864</p> <p class="mt-1">Monday-Friday, 9am to 5pm</p> </div> </div> <div class="mt-6 flex"> <div class="flex-shrink-0">  <svg class="h-6 w-6 text-turquoise" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"></path> </svg> </div> <div class="ml-3 text-base prose-a:decoration-1 hover:prose-a:underline prose-a:underline-offset-8 hover:prose-a:decoration-dashed dark:text-ultralight"> <p><a href="mailto:[email protected]">[email protected]</a></p> </div> </div> </div> </div> <div class="mt-12 sm:mt-16 md:mt-0 order-first md:order-none"> <figure> <img src="https://gregorsart.com/media/pages/contact/e29882fdab-1721062109/gregorsart-contact.png" alt="gregorsart contact" class="object-contain object-center" aria-hidden="true" width="900" height="393"> </figure> </div> </div> </div> </div> </div>  </div> </div> <nav tabindex="-1" aria-label="Mobile navigation" class="mx-auto xl:hidden fixed bottom-10 left-0 right-0 z-50 items-center flex md:flex-row justify-between w-80 bg-darkgray/70 border-2 dark:border-2 border-darkgray/30 dark:bg-darkgray/50 dark:border-darkgray backdrop-blur-md shadow-x rounded-full p-2 overflow-hidden"> <a class="border-transparent transition-all duration-500 dark:to-darkgray dark:via-transparent dark:from-mediumgray bg-size-200 bg-pos-0 text-darkgray dark:text-white group flex items-center justify-center w-12 rounded-full bg-white/50 dark:bg-white/20" x-bind:class="{ 'bg-white/50 dark:bg-white/20 rounded-full' : selected === 'about-me' }" x-on:click="selected = 'about-me'" href="#about-me"> <img src="https://gregorsart.com/media/pages/about-me/eb3ef4a340-1721062094/nav-item.png" alt="about-me" class="flex-shrink-0 drop-shadow-[0_0_4px_rgba(255,255,255,0.15)] h-12 p-1"> </a> <a class="border-transparent transition-all duration-500 dark:to-darkgray dark:via-transparent dark:from-mediumgray bg-size-200 bg-pos-0 text-darkgray dark:text-white group flex items-center justify-center w-12" x-bind:class="{ 'bg-white/50 dark:bg-white/20 rounded-full' : selected === 'my-work' }" x-on:click="selected = 'my-work'" href="#my-work"> <img src="https://gregorsart.com/media/pages/my-work/df0f424286-1721062099/nav-item.png" alt="my-work" class="flex-shrink-0 drop-shadow-[0_0_4px_rgba(255,255,255,0.15)] h-12 p-1"> </a> <a class="border-transparent transition-all duration-500 dark:to-darkgray dark:via-transparent dark:from-mediumgray bg-size-200 bg-pos-0 text-darkgray dark:text-white group flex items-center justify-center w-12" x-bind:class="{ 'bg-white/50 dark:bg-white/20 rounded-full' : selected === 'my-blog' }" x-on:click="selected = 'my-blog'" href="#my-blog"> <img src="https://gregorsart.com/media/pages/my-blog/fa7eaf7b21-1725046004/nav-item.png" alt="my-blog" class="flex-shrink-0 drop-shadow-[0_0_4px_rgba(255,255,255,0.15)] h-12 p-1"> </a> <a class="border-transparent transition-all duration-500 dark:to-darkgray dark:via-transparent dark:from-mediumgray bg-size-200 bg-pos-0 text-darkgray dark:text-white group flex items-center justify-center w-12" x-bind:class="{ 'bg-white/50 dark:bg-white/20 rounded-full' : selected === 'learning' }" x-on:click="selected = 'learning'" href="#learning"> <img src="https://gregorsart.com/media/pages/learning/c95d4580c3-1721062108/nav-item.png" alt="learning" class="flex-shrink-0 drop-shadow-[0_0_4px_rgba(255,255,255,0.15)] h-12 p-1"> </a> <a class="border-transparent transition-all duration-500 dark:to-darkgray dark:via-transparent dark:from-mediumgray bg-size-200 bg-pos-0 text-darkgray dark:text-white group flex items-center justify-center w-12" x-bind:class="{ 'bg-white/50 dark:bg-white/20 rounded-full' : selected === 'contact' }" x-on:click="selected = 'contact'" href="#contact"> <img src="https://gregorsart.com/media/pages/contact/653f313850-1721062110/nav-item.png" alt="contact" class="flex-shrink-0 drop-shadow-[0_0_4px_rgba(255,255,255,0.15)] h-12 p-1"> </a> </nav>   <footer class="mt-20 ml-0 xl:ml-64"> <div class="overflow-hidden bg-ultralight dark:bg-mediumgray dark:text-ultralight"> <div class="relative mx-auto max-w-7xl py-4 sm:py-16 px-4 sm:px-6 lg:px-8 mb-36 xl:mb-0"> <div class="mt-8 flex flex-col sm:flex-row justify-center items-center"> <div class="flex gap-6"> <div class="flex items-center gap-1 text-darkgray dark:text-ultralight"> <img src="https://gregorsart.com/assets/imgs/icon-arrow-right.svg" alt="icon arrow right" class="block h-3 w-2 text-turquoise mt-1" aria-hidden="true"> <a href="https://www.gregorsart.de/impressum" class="hover:text-turquoise hover:underline underline-offset-8 hover:decoration-dashed">imprint</a> </div> <div class="flex items-center gap-1 text-darkgray dark:text-ultralight"> <img src="https://gregorsart.com/assets/imgs/icon-arrow-right.svg" alt="icon arrow right" class="block h-2 w-2 text-turquoise mt-1" aria-hidden="true"> <a href="https://www.gregorsart.de/datenschutz" class="hover:text-turquoise hover:underline underline-offset-8 hover:decoration-dashed">privacy</a> </div> </div> <a href="#hero" class="text-darkgray my-6 sm:my-0 mx-0 md:mx-6" x-on:click="selected = ''"> <span class="sr-only">to top</span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-16 h-16 hover:text-orange dark:text-orange dark:hover:text-turquoise"> <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l7.5-7.5 7.5 7.5m-15 6l7.5-7.5 7.5 7.5"></path> </svg> </a> <ul class="flex gap-x-4"> <li><a href="https://www.instagram.com/gregorsart" target="_blank" class="hover:fill-turquoise fill-darkgray dark:fill-ultralight dark:hover:fill-turquoise"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"> <path d="M 8 3 C 5.243 3 3 5.243 3 8 L 3 16 C 3 18.757 5.243 21 8 21 L 16 21 C 18.757 21 21 18.757 21 16 L 21 8 C 21 5.243 18.757 3 16 3 L 8 3 z M 8 5 L 16 5 C 17.654 5 19 6.346 19 8 L 19 16 C 19 17.654 17.654 19 16 19 L 8 19 C 6.346 19 5 17.654 5 16 L 5 8 C 5 6.346 6.346 5 8 5 z M 17 6 A 1 1 0 0 0 16 7 A 1 1 0 0 0 17 8 A 1 1 0 0 0 18 7 A 1 1 0 0 0 17 6 z M 12 7 C 9.243 7 7 9.243 7 12 C 7 14.757 9.243 17 12 17 C 14.757 17 17 14.757 17 12 C 17 9.243 14.757 7 12 7 z M 12 9 C 13.654 9 15 10.346 15 12 C 15 13.654 13.654 15 12 15 C 10.346 15 9 13.654 9 12 C 9 10.346 10.346 9 12 9 z"></path> </svg> </a></li> <li><a href="https://de.linkedin.com/in/gregorsart" target="_blank" class="hover:fill-turquoise fill-darkgray dark:fill-ultralight dark:hover:fill-turquoise"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="24px" height="24px"> <path d="M24,4H6C4.895,4,4,4.895,4,6v18c0,1.105,0.895,2,2,2h18c1.105,0,2-0.895,2-2V6C26,4.895,25.105,4,24,4z M10.954,22h-2.95 v-9.492h2.95V22z M9.449,11.151c-0.951,0-1.72-0.771-1.72-1.72c0-0.949,0.77-1.719,1.72-1.719c0.948,0,1.719,0.771,1.719,1.719 C11.168,10.38,10.397,11.151,9.449,11.151z M22.004,22h-2.948v-4.616c0-1.101-0.02-2.517-1.533-2.517 c-1.535,0-1.771,1.199-1.771,2.437V22h-2.948v-9.492h2.83v1.297h0.04c0.394-0.746,1.356-1.533,2.791-1.533 c2.987,0,3.539,1.966,3.539,4.522V22z"></path> </svg> </a></li> <li><a href="https://dribbble.com/gregorsart" target="_blank" class="hover:fill-turquoise fill-darkgray dark:fill-ultralight dark:hover:fill-turquoise"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="25px" height="25px"> <path d="M 16 4 C 9.382813 4 4 9.382813 4 16 C 4 22.617188 9.382813 28 16 28 C 22.617188 28 28 22.617188 28 16 C 28 9.382813 22.617188 4 16 4 Z M 16 6 C 18.535156 6 20.832031 6.953125 22.59375 8.5 C 22.40625 8.761719 22.152344 9.078125 21.75 9.46875 C 20.894531 10.296875 19.527344 11.292969 17.4375 12.0625 C 16.023438 9.449219 14.636719 7.484375 13.71875 6.25 C 14.449219 6.082031 15.214844 6 16 6 Z M 11.75 6.9375 C 12.570313 8.011719 14.03125 10.003906 15.5 12.65625 C 11.433594 13.734375 7.703125 13.871094 6.21875 13.875 C 6.882813 10.785156 8.960938 8.242188 11.75 6.9375 Z M 23.96875 9.96875 C 25.1875 11.582031 25.945313 13.578125 26 15.75 C 25.109375 15.550781 23.796875 15.355469 22.09375 15.34375 C 21.207031 15.339844 20.203125 15.402344 19.125 15.53125 C 18.875 14.960938 18.605469 14.410156 18.34375 13.875 C 20.585938 13.015625 22.113281 11.882813 23.125 10.90625 C 23.46875 10.570313 23.738281 10.261719 23.96875 9.96875 Z M 16.40625 14.46875 C 16.636719 14.933594 16.871094 15.410156 17.09375 15.90625 C 12.820313 17.089844 9.75 20.714844 8.4375 22.53125 C 6.925781 20.78125 6 18.5 6 16 C 6 15.957031 6 15.917969 6 15.875 C 7.351563 15.890625 11.648438 15.796875 16.40625 14.46875 Z M 22.09375 17.3125 C 23.878906 17.3125 25.113281 17.5625 25.84375 17.75 C 25.378906 20.414063 23.875 22.699219 21.75 24.1875 C 21.351563 21.796875 20.695313 19.523438 19.90625 17.4375 C 20.695313 17.359375 21.441406 17.3125 22.09375 17.3125 Z M 17.875 17.78125 C 18.773438 20.0625 19.527344 22.566406 19.90625 25.21875 C 18.710938 25.722656 17.382813 26 16 26 C 13.707031 26 11.589844 25.230469 9.90625 23.9375 C 10.933594 22.53125 13.953125 18.789063 17.875 17.78125 Z"></path> </svg> </a></li> <li><a href="https://github.com/gregorsart" target="_blank" class="hover:fill-turquoise fill-darkgray dark:fill-ultralight dark:hover:fill-turquoise"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 24 24"> <path d="M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33c.85 0 1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2Z"></path> </svg> </a></li> </ul> </div> <p class="mt-8 text-center text-base text-darkgray dark:text-ultralight"> © 2024 gregorsart // Always ready to catch new scents! </p> </div> </div> </footer> <script src="https://gregorsart.com/assets/js/alpine-intersection-observer.js"></script> <script src="https://gregorsart.com/assets/js/alpine-persist.js"></script> <script src="https://gregorsart.com/assets/js/store.js"></script> <script src="https://gregorsart.com/assets/js/alpine.js"></script> </body></html>
securityHeaders: {"securityHeadersList":[],"securityHeadersGrade":"F","securityHeadersScore":0}

Waterfall View

Start Render

First Contentful Paint

Largest Contentful Paint

Layout Shift

DOM Interactive

DOM Content Loaded

On Load

Document Complete

Render Blocking Resource

Insecure Request

3xx response

4xx+ response

Doesn't Belong to Main Doc

customize waterfall • View all Images • View HTTP/2 Dependency Graph • Filmstrip

Connection View

DNS Lookup

Initial Connection

SSL Negotiation

Start Render

DOM Content Loaded

On Load

Document Complete

Request Details

Before Start Render

Before On Load

After On Load

3xx Response

4xx Response

Request Details
#	Resource	Content Type	Priority	Request Start	DNS Lookup	Initial Connection	SSL Negotiation	Time to First Byte	Content Download	Bytes Downloaded	CPU Time	Error/Status Code	IP
1	https://gregorsart.com/	text/html	Highest	0.201 s	84 ms	37 ms	77 ms	134 ms	2 ms	10.5 KB	-	200	185.115.25.13
2	https://gregorsart.c...ssets/css/styles.css	text/css	Highest	0.382 s	-	-	-	82 ms	3 ms	7.1 KB	-	200	185.115.25.13
3	https://gregorsart.c.../gregorsart-logo.svg	image/svg+xml	Medium	0.382 s	-	-	-	89 ms	9 ms	6.0 KB	-	200	185.115.25.13
4	https://gregorsart.c...1062094/nav-item.png	image/png	Medium	0.383 s	-	-	-	130 ms	2 ms	18.9 KB	-	200	185.115.25.13
5	https://gregorsart.c...1062099/nav-item.png	image/png	Medium	0.412 s	-	-	-	125 ms	2 ms	8.6 KB	-	200	185.115.25.13
6	https://gregorsart.c...5046004/nav-item.png	image/png	Medium	0.42 s	-	-	-	128 ms	1 ms	12.1 KB	-	200	185.115.25.13
7	https://gregorsart.c...1062108/nav-item.png	image/png	Medium	0.426 s	-	-	-	147 ms	2 ms	18.3 KB	-	200	185.115.25.13
8	https://gregorsart.c...rsection-observer.js	text/javascript	Medium	0.502 s	-	-	-	94 ms	1 ms	0.6 KB	2 ms	200	185.115.25.13
9	https://gregorsart.c...js/alpine-persist.js	text/javascript	Medium	0.532 s	-	-	-	62 ms	2 ms	0.5 KB	1 ms	200	185.115.25.13
10	https://gregorsart.c...m/assets/js/store.js	text/javascript	Medium	0.546 s	-	-	-	52 ms	2 ms	0.3 KB	-	200	185.115.25.13
11	https://gregorsart.c.../assets/js/alpine.js	text/javascript	High	0.546 s	-	-	-	948 ms	5 ms	17.2 KB	154 ms	200	185.115.25.13
12	https://gregorsart.c...1062110/nav-item.png	image/png	Low	0.547 s	-	-	-	66 ms	1 ms	8.8 KB	-	200	185.115.25.13
13	https://gregorsart.c...orsart-heroimage.jpg	image/jpeg	High	0.55 s	-	-	-	90 ms	825 ms	494.5 KB	-	200	185.115.25.13
14	https://gregorsart.c.../imgs/icon-minus.svg	image/svg+xml	High	0.55 s	-	-	-	942 ms	11 ms	0.5 KB	-	200	185.115.25.13
15	https://gregorsart.c...egorsart-skills.webp	-	High	0.551 s	-	-	-	942 ms	85 ms	46.4 KB	-	200	185.115.25.13
16	https://gregorsart.c...1721062094/cover.png	image/png	Low	0.551 s	-	-	-	1050 ms	100 ms	67.6 KB	-	200	185.115.25.13
17	https://gregorsart.c...1721062096/cover.png	image/png	Low	0.552 s	-	-	-	1168 ms	761 ms	459.2 KB	-	200	185.115.25.13
18	https://gregorsart.c...1721062097/cover.png	image/png	Low	0.552 s	-	-	-	1956 ms	112 ms	80.3 KB	-	200	185.115.25.13
19	https://gregorsart.c...1721062098/cover.png	image/png	Low	0.553 s	-	-	-	2420 ms	93 ms	40.2 KB	-	200	185.115.25.13
20	https://gregorsart.c...gregorsart-blog.webp	-	Low	0.554 s	-	-	-	1953 ms	443 ms	191.1 KB	-	200	185.115.25.13
21	https://gregorsart.c...orsart-blog-hero.jpg	image/jpeg	Low	0.554 s	-	-	-	2420 ms	302 ms	123.4 KB	-	200	185.115.25.13
22	https://gregorsart.c...orsart-blog-icon.png	image/png	Low	0.554 s	-	-	-	2418 ms	333 ms	16.3 KB	-	200	185.115.25.13
23	https://gregorsart.c...orsart-blog-hero.jpg	image/jpeg	Low	0.555 s	-	-	-	2419 ms	808 ms	269.3 KB	-	200	185.115.25.13
24	https://gregorsart.c...orsart-blog-icon.png	image/png	Low	0.555 s	-	-	-	2418 ms	838 ms	17.1 KB	-	200	185.115.25.13
25	https://gregorsart.c...orsart-blog-hero.jpg	image/jpeg	Low	0.556 s	-	-	-	2423 ms	1121 ms	166.1 KB	-	200	185.115.25.13
26	https://gregorsart.c...orsart-blog-icon.png	image/png	Low	0.556 s	-	-	-	2416 ms	1157 ms	17.1 KB	-	200	185.115.25.13
27	https://gregorsart.c...orsart-blog-hero.jpg	image/jpeg	Low	0.556 s	-	-	-	2422 ms	1410 ms	151.6 KB	-	200	185.115.25.13
28	https://gregorsart.c...orsart-blog-icon.png	image/png	Low	0.557 s	-	-	-	2414 ms	1448 ms	17.1 KB	-	200	185.115.25.13
29	https://gregorsart.c...orsart-learning.webp	-	Low	0.557 s	-	-	-	2423 ms	1639 ms	117.0 KB	-	200	185.115.25.13
30	https://gregorsart.c...-logo-javascript.png	image/png	Low	0.557 s	-	-	-	2434 ms	1680 ms	28.3 KB	-	200	185.115.25.13
31	https://gregorsart.c...sart-logo-nextjs.png	image/png	Low	0.559 s	-	-	-	2424 ms	1708 ms	11.0 KB	-	200	185.115.25.13
32	https://gregorsart.c...orsart-logo-nuxt.png	image/png	Low	0.56 s	-	-	-	2429 ms	1721 ms	11.8 KB	-	200	185.115.25.13
33	https://gregorsart.c...gorsart-logo-php.png	image/png	Low	0.56 s	-	-	-	2430 ms	1737 ms	8.3 KB	-	200	185.115.25.13
34	https://gregorsart.c...rsart-logo-react.png	image/png	Low	0.56 s	-	-	-	2432 ms	1760 ms	17.3 KB	-	200	185.115.25.13
35	https://gregorsart.c...t-logo-storyblok.png	image/png	Low	0.561 s	-	-	-	2420 ms	1785 ms	6.9 KB	-	200	185.115.25.13
36	https://gregorsart.c...rt-logo-tailwind.png	image/png	Low	0.561 s	-	-	-	2421 ms	1798 ms	9.1 KB	-	200	185.115.25.13
37	https://gregorsart.c...gorsart-logo-vue.png	image/png	Low	0.561 s	-	-	-	2426 ms	1813 ms	10.3 KB	-	200	185.115.25.13
38	https://gregorsart.c...egorsart-contact.png	image/png	Low	0.562 s	-	-	-	2423 ms	1842 ms	17.2 KB	-	200	185.115.25.13
39	https://gregorsart.c...icon-arrow-right.svg	image/svg+xml	Low	0.562 s	-	-	-	2422 ms	1847 ms	0.5 KB	-	200	185.115.25.13
40	https://gregorsart.c...-v10-latin-600.woff2	font/woff2	Highest	0.877 s	-	-	-	2111 ms	6 ms	13.3 KB	-	200	185.115.25.13
41	https://gregorsart.c...-latin-regular.woff2	font/woff2	Highest	0.879 s	-	-	-	2107 ms	21 ms	13.0 KB	-	200	185.115.25.13
42	https://gregorsart.com/favicon.ico	image/vnd.microsoft.icon	High	4.846 s	-	-	-	69 ms	1 ms	14.7 KB	-	200	185.115.25.13
43	https://gregorsart.c...mgs/site.webmanifest	application/manifest+json	Medium	4.94 s	-	36 ms	60 ms	46 ms	1 ms	0.3 KB	-	200	185.115.25.13

Request Headers

+ Expand All

Request 1: https://gregorsart.com/

URL: https://gregorsart.com/
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://gregorsart.com/assets/js/alpine-intersection-observer.js
Request Start: 0.201 s
DNS Lookup: 84 ms
Initial Connection: 37 ms
Time to First Byte: 134 ms
Content Download: 2 ms
Bytes In (downloaded): 10.5 KB
Uncompressed Size: 58.4 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /
:scheme: https
accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=0, i
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: document
sec-fetch-mode: navigate
sec-fetch-site: cross-site
upgrade-insecure-requests: 1
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

content-encoding: gzip
content-length: 10752
content-type: text/html; charset=UTF-8
date: Mon, 02 Sep 2024 09:45:42 GMT
server: Apache
vary: Accept-Encoding
:status: 200

Request 2: https://gregorsart.com/assets/css/styles.css

URL: https://gregorsart.com/assets/css/styles.css
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 3, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 31
Request Start: 0.382 s
Time to First Byte: 82 ms
Content Download: 3 ms
Bytes In (downloaded): 7.1 KB
Uncompressed Size: 35.7 KB
Bytes Out (uploaded): 1.8 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /assets/css/styles.css
:scheme: https
accept: text/css,*/*;q=0.1
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=0
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: style
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-encoding: gzip
content-length: 7253
content-type: text/css
date: Mon, 02 Sep 2024 09:45:42 GMT
etag: "8ec5-62083af45dcc2-gzip"
last-modified: Sun, 25 Aug 2024 15:30:13 GMT
server: Apache
vary: Accept-Encoding
:status: 200

Request 3: https://gregorsart.com/assets/imgs/gregorsart-logo.svg

URL: https://gregorsart.com/assets/imgs/gregorsart-logo.svg
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 5, weight 183, depends on 3, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 47
Request Start: 0.382 s
Time to First Byte: 89 ms
Content Download: 9 ms
Bytes In (downloaded): 6.0 KB
Uncompressed Size: 6.0 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /assets/imgs/gregorsart-logo.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=2, i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 6117
content-type: image/svg+xml
date: Mon, 02 Sep 2024 09:45:42 GMT
etag: "17e5-61d4bfe6c4cf9"
last-modified: Mon, 15 Jul 2024 16:48:08 GMT
server: Apache
:status: 200

Request 4: https://gregorsart.com/media/pages/about-me/eb3ef4a340-1721062094/nav-item.png

URL: https://gregorsart.com/media/pages/about-me/eb3ef4a340-1721062094/nav-item.png
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 7, weight 183, depends on 5, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 63
Request Start: 0.383 s
Time to First Byte: 130 ms
Content Download: 2 ms
Bytes In (downloaded): 18.9 KB
Uncompressed Size: 18.9 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /media/pages/about-me/eb3ef4a340-1721062094/nav-item.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=2, i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 19350
content-type: image/png
date: Mon, 02 Sep 2024 09:45:42 GMT
etag: "4b96-61d4c291f69ee"
last-modified: Mon, 15 Jul 2024 17:00:04 GMT
server: Apache
:status: 200

Request 5: https://gregorsart.com/media/pages/my-work/df0f424286-1721062099/nav-item.png

URL: https://gregorsart.com/media/pages/my-work/df0f424286-1721062099/nav-item.png
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 9, weight 183, depends on 7, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 71
Request Start: 0.412 s
Time to First Byte: 125 ms
Content Download: 2 ms
Bytes In (downloaded): 8.6 KB
Uncompressed Size: 8.6 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /media/pages/my-work/df0f424286-1721062099/nav-item.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=2, i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 8816
content-type: image/png
date: Mon, 02 Sep 2024 09:45:42 GMT
etag: "2270-61d4c292edb0a"
last-modified: Mon, 15 Jul 2024 17:00:05 GMT
server: Apache
:status: 200

Request 6: https://gregorsart.com/media/pages/my-blog/fa7eaf7b21-1725046004/nav-item.png

URL: https://gregorsart.com/media/pages/my-blog/fa7eaf7b21-1725046004/nav-item.png
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 11, weight 183, depends on 9, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 79
Request Start: 0.420 s
Time to First Byte: 128 ms
Content Download: 1 ms
Bytes In (downloaded): 12.1 KB
Uncompressed Size: 12.1 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /media/pages/my-blog/fa7eaf7b21-1725046004/nav-item.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=2, i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 12406
content-type: image/png
date: Mon, 02 Sep 2024 09:45:42 GMT
etag: "3076-620eb93e285bd"
last-modified: Fri, 30 Aug 2024 19:27:10 GMT
server: Apache
:status: 200

Request 7: https://gregorsart.com/media/pages/learning/c95d4580c3-1721062108/nav-item.png

URL: https://gregorsart.com/media/pages/learning/c95d4580c3-1721062108/nav-item.png
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 13, weight 183, depends on 11, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 87
Request Start: 0.426 s
Time to First Byte: 147 ms
Content Download: 2 ms
Bytes In (downloaded): 18.3 KB
Uncompressed Size: 18.3 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /media/pages/learning/c95d4580c3-1721062108/nav-item.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=2, i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 18766
content-type: image/png
date: Mon, 02 Sep 2024 09:45:42 GMT
etag: "494e-61d4c2930908a"
last-modified: Mon, 15 Jul 2024 17:00:06 GMT
server: Apache
:status: 200

Request 8: https://gregorsart.com/assets/js/alpine-intersection-observer.js

URL: https://gregorsart.com/assets/js/alpine-intersection-observer.js
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 15, weight 183, depends on 13, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 732
Request Start: 0.502 s
Time to First Byte: 94 ms
Content Download: 1 ms
Bytes In (downloaded): 0.6 KB
Uncompressed Size: 1.3 KB
Bytes Out (uploaded): 1.8 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /assets/js/alpine-intersection-observer.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=2
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-encoding: gzip
content-length: 638
content-type: text/javascript
date: Mon, 02 Sep 2024 09:45:42 GMT
etag: "542-61d4bfe84b6f4-gzip"
last-modified: Mon, 15 Jul 2024 16:48:10 GMT
server: Apache
vary: Accept-Encoding
:status: 200

Request 9: https://gregorsart.com/assets/js/alpine-persist.js

URL: https://gregorsart.com/assets/js/alpine-persist.js
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 17, weight 183, depends on 15, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 733
Request Start: 0.532 s
Time to First Byte: 62 ms
Content Download: 2 ms
Bytes In (downloaded): 0.5 KB
Uncompressed Size: 1.1 KB
Bytes Out (uploaded): 1.8 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /assets/js/alpine-persist.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=2
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-encoding: gzip
content-length: 471
content-type: text/javascript
date: Mon, 02 Sep 2024 09:45:42 GMT
etag: "45a-61d4bfe8ad172-gzip"
last-modified: Mon, 15 Jul 2024 16:48:10 GMT
server: Apache
vary: Accept-Encoding
:status: 200

Request 10: https://gregorsart.com/assets/js/store.js

URL: https://gregorsart.com/assets/js/store.js
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 19, weight 183, depends on 17, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 734
Request Start: 0.546 s
Time to First Byte: 52 ms
Content Download: 2 ms
Bytes In (downloaded): 0.3 KB
Uncompressed Size: 0.4 KB
Bytes Out (uploaded): 1.7 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /assets/js/store.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=2
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-encoding: gzip
content-length: 277
content-type: text/javascript
date: Mon, 02 Sep 2024 09:45:42 GMT
etag: "193-61d4bfe9a040f-gzip"
last-modified: Mon, 15 Jul 2024 16:48:11 GMT
server: Apache
vary: Accept-Encoding
:status: 200

Request 11: https://gregorsart.com/assets/js/alpine.js

URL: https://gregorsart.com/assets/js/alpine.js
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 21, weight 183, depends on 19, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 735
Request Start: 0.546 s
Time to First Byte: 948 ms
Content Download: 5 ms
Bytes In (downloaded): 17.2 KB
Uncompressed Size: 62.8 KB
Bytes Out (uploaded): 1.7 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /assets/js/alpine.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=2
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-encoding: gzip
content-length: 17625
content-type: text/javascript
date: Mon, 02 Sep 2024 09:45:42 GMT
etag: "fb15-61d4bfe93e990-gzip"
last-modified: Mon, 15 Jul 2024 16:48:11 GMT
server: Apache
vary: Accept-Encoding
:status: 200

Request 12: https://gregorsart.com/media/pages/contact/653f313850-1721062110/nav-item.png

URL: https://gregorsart.com/media/pages/contact/653f313850-1721062110/nav-item.png
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 23, weight 147, depends on 21, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 95
Request Start: 0.547 s
Time to First Byte: 66 ms
Content Download: 1 ms
Bytes In (downloaded): 8.8 KB
Uncompressed Size: 8.8 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /media/pages/contact/653f313850-1721062110/nav-item.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 9049
content-type: image/png
date: Mon, 02 Sep 2024 09:45:42 GMT
etag: "2359-61d4c2930fdea"
last-modified: Mon, 15 Jul 2024 17:00:06 GMT
server: Apache
:status: 200

Request 13: https://gregorsart.com/media/pages/hero/919622531c-1723278613/gregorsart-heroimage.jpg

URL: https://gregorsart.com/media/pages/hero/919622531c-1723278613/gregorsart-heroimage.jpg
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 25, weight 220, depends on 29, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 124
Request Start: 0.550 s
Time to First Byte: 90 ms
Content Download: 825 ms
Bytes In (downloaded): 494.5 KB
Uncompressed Size: 494.5 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /media/pages/hero/919622531c-1723278613/gregorsart-heroimage.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 506341
content-type: image/jpeg
date: Mon, 02 Sep 2024 09:45:42 GMT
etag: "7b9e5-61f502813119c"
last-modified: Sat, 10 Aug 2024 08:36:30 GMT
server: Apache
:status: 200

Request 14: https://gregorsart.com/assets/imgs/icon-minus.svg

URL: https://gregorsart.com/assets/imgs/icon-minus.svg
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 27, weight 220, depends on 0, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 137
Request Start: 0.550 s
Time to First Byte: 942 ms
Content Download: 11 ms
Bytes In (downloaded): 0.5 KB
Uncompressed Size: 0.5 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /assets/imgs/icon-minus.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 489
content-type: image/svg+xml
date: Mon, 02 Sep 2024 09:45:42 GMT
etag: "1e9-61d4bfe7e9c75"
last-modified: Mon, 15 Jul 2024 16:48:09 GMT
server: Apache
:status: 200

Request 15: https://gregorsart.com/media/pages/about-me/726e4e4b1b-1721062093/gregorsart-skills.webp

URL: https://gregorsart.com/media/pages/about-me/726e4e4b1b-1721062093/gregorsart-skills.webp
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 29, weight 220, depends on 27, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 166
Request Start: 0.551 s
Time to First Byte: 942 ms
Content Download: 85 ms
Bytes In (downloaded): 46.4 KB
Uncompressed Size: 46.4 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /media/pages/about-me/726e4e4b1b-1721062093/gregorsart-skills.webp
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 47500
date: Mon, 02 Sep 2024 09:45:42 GMT
etag: "b98c-61d4c2930afca"
last-modified: Mon, 15 Jul 2024 17:00:06 GMT
server: Apache
:status: 200

Request 16: https://gregorsart.com/media/pages/my-work/project-a/8298f1aa7f-1721062094/cover.png

URL: https://gregorsart.com/media/pages/my-work/project-a/8298f1aa7f-1721062094/cover.png
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 31, weight 147, depends on 21, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 206
Request Start: 0.551 s
Time to First Byte: 1050 ms
Content Download: 100 ms
Bytes In (downloaded): 67.6 KB
Uncompressed Size: 67.6 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /media/pages/my-work/project-a/8298f1aa7f-1721062094/cover.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 69253
content-type: image/png
date: Mon, 02 Sep 2024 09:45:42 GMT
etag: "10e85-61d4c29310d8a"
last-modified: Mon, 15 Jul 2024 17:00:06 GMT
server: Apache
:status: 200

Request 17: https://gregorsart.com/media/pages/my-work/project-b/469fcfdcaf-1721062096/cover.png

URL: https://gregorsart.com/media/pages/my-work/project-b/469fcfdcaf-1721062096/cover.png
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 33, weight 147, depends on 31, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 233
Request Start: 0.552 s
Time to First Byte: 1168 ms
Content Download: 761 ms
Bytes In (downloaded): 459.2 KB
Uncompressed Size: 459.2 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /media/pages/my-work/project-b/469fcfdcaf-1721062096/cover.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 470173
content-type: image/png
date: Mon, 02 Sep 2024 09:45:42 GMT
etag: "72c9d-61d4c2930ee4a"
last-modified: Mon, 15 Jul 2024 17:00:06 GMT
server: Apache
:status: 200

Request 18: https://gregorsart.com/media/pages/my-work/project-c/e1a974acdd-1721062097/cover.png

URL: https://gregorsart.com/media/pages/my-work/project-c/e1a974acdd-1721062097/cover.png
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 35, weight 147, depends on 33, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 259
Request Start: 0.552 s
Time to First Byte: 1956 ms
Content Download: 112 ms
Bytes In (downloaded): 80.3 KB
Uncompressed Size: 80.3 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /media/pages/my-work/project-c/e1a974acdd-1721062097/cover.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 82209
content-type: image/png
date: Mon, 02 Sep 2024 09:45:43 GMT
etag: "14121-61d4c29310d8a"
last-modified: Mon, 15 Jul 2024 17:00:06 GMT
server: Apache
:status: 200

Request 19: https://gregorsart.com/media/pages/my-work/project-d/98459e7f73-1721062098/cover.png

URL: https://gregorsart.com/media/pages/my-work/project-d/98459e7f73-1721062098/cover.png
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 37, weight 147, depends on 35, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 285
Request Start: 0.553 s
Time to First Byte: 2420 ms
Content Download: 93 ms
Bytes In (downloaded): 40.2 KB
Uncompressed Size: 40.2 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /media/pages/my-work/project-d/98459e7f73-1721062098/cover.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 41114
content-type: image/png
date: Mon, 02 Sep 2024 09:45:43 GMT
etag: "a09a-61d4c2930fdea"
last-modified: Mon, 15 Jul 2024 17:00:06 GMT
server: Apache
:status: 200

Request 20: https://gregorsart.com/media/pages/my-blog/11ec54ce3c-1725046003/gregorsart-blog.webp

URL: https://gregorsart.com/media/pages/my-blog/11ec54ce3c-1725046003/gregorsart-blog.webp
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 39, weight 147, depends on 37, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 394
Request Start: 0.554 s
Time to First Byte: 1953 ms
Content Download: 443 ms
Bytes In (downloaded): 191.1 KB
Uncompressed Size: 191.1 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /media/pages/my-blog/11ec54ce3c-1725046003/gregorsart-blog.webp
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 195728
date: Mon, 02 Sep 2024 09:45:43 GMT
etag: "2fc90-620eb93f1d79a"
last-modified: Fri, 30 Aug 2024 19:27:11 GMT
server: Apache
:status: 200

Request 21: https://gregorsart.com/media/pages/my-blog/storyblok-and-when-to-use-it/f6ac07d263-1725046002/gregorsart-blog-hero.jpg

URL: https://gregorsart.com/media/pages/my-blog/storyblok-and-when-to-use-it/f6ac07d263-1725046002/gregorsart-blog-hero.jpg
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 41, weight 147, depends on 39, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 409
Request Start: 0.554 s
Time to First Byte: 2420 ms
Content Download: 302 ms
Bytes In (downloaded): 123.4 KB
Uncompressed Size: 123.4 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /media/pages/my-blog/storyblok-and-when-to-use-it/f6ac07d263-1725046002/gregorsart-blog-hero.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 126391
content-type: image/jpeg
date: Mon, 02 Sep 2024 09:45:43 GMT
etag: "1edb7-620eb93f38d1a"
last-modified: Fri, 30 Aug 2024 19:27:11 GMT
server: Apache
:status: 200

Request 22: https://gregorsart.com/media/pages/my-blog/storyblok-and-when-to-use-it/f2ce023d7a-1725046002/gregorsart-blog-icon.png

URL: https://gregorsart.com/media/pages/my-blog/storyblok-and-when-to-use-it/f2ce023d7a-1725046002/gregorsart-blog-icon.png
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 43, weight 147, depends on 41, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 415
Request Start: 0.554 s
Time to First Byte: 2418 ms
Content Download: 333 ms
Bytes In (downloaded): 16.3 KB
Uncompressed Size: 16.3 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /media/pages/my-blog/storyblok-and-when-to-use-it/f2ce023d7a-1725046002/gregorsart-blog-icon.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 16650
content-type: image/png
date: Mon, 02 Sep 2024 09:45:43 GMT
etag: "410a-620eb93f3bbfa"
last-modified: Fri, 30 Aug 2024 19:27:11 GMT
server: Apache
:status: 200

Request 23: https://gregorsart.com/media/pages/my-blog/shopify-spirituosity-shop/4fdb96212e-1725046000/gregorsart-blog-hero.jpg

URL: https://gregorsart.com/media/pages/my-blog/shopify-spirituosity-shop/4fdb96212e-1725046000/gregorsart-blog-hero.jpg
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 45, weight 147, depends on 43, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 429
Request Start: 0.555 s
Time to First Byte: 2419 ms
Content Download: 808 ms
Bytes In (downloaded): 269.3 KB
Uncompressed Size: 269.3 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /media/pages/my-blog/shopify-spirituosity-shop/4fdb96212e-1725046000/gregorsart-blog-hero.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 275728
content-type: image/jpeg
date: Mon, 02 Sep 2024 09:45:43 GMT
etag: "43510-620eb93f38d1a"
last-modified: Fri, 30 Aug 2024 19:27:11 GMT
server: Apache
:status: 200

Request 24: https://gregorsart.com/media/pages/my-blog/shopify-spirituosity-shop/75a0c5a408-1725046001/gregorsart-blog-icon.png

URL: https://gregorsart.com/media/pages/my-blog/shopify-spirituosity-shop/75a0c5a408-1725046001/gregorsart-blog-icon.png
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 47, weight 147, depends on 45, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 435
Request Start: 0.555 s
Time to First Byte: 2418 ms
Content Download: 838 ms
Bytes In (downloaded): 17.1 KB
Uncompressed Size: 17.1 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /media/pages/my-blog/shopify-spirituosity-shop/75a0c5a408-1725046001/gregorsart-blog-icon.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 17486
content-type: image/png
date: Mon, 02 Sep 2024 09:45:43 GMT
etag: "444e-620eb93f2c1fa"
last-modified: Fri, 30 Aug 2024 19:27:11 GMT
server: Apache
:status: 200

Request 25: https://gregorsart.com/media/pages/my-blog/shopify-broadcast-theme/9e78fdd652-1725045999/gregorsart-blog-hero.jpg

URL: https://gregorsart.com/media/pages/my-blog/shopify-broadcast-theme/9e78fdd652-1725045999/gregorsart-blog-hero.jpg
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 49, weight 147, depends on 47, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 449
Request Start: 0.556 s
Time to First Byte: 2423 ms
Content Download: 1121 ms
Bytes In (downloaded): 166.1 KB
Uncompressed Size: 166.1 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /media/pages/my-blog/shopify-broadcast-theme/9e78fdd652-1725045999/gregorsart-blog-hero.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 170134
content-type: image/jpeg
date: Mon, 02 Sep 2024 09:45:43 GMT
etag: "29896-620eb93f38d1a"
last-modified: Fri, 30 Aug 2024 19:27:11 GMT
server: Apache
:status: 200

Request 26: https://gregorsart.com/media/pages/my-blog/shopify-broadcast-theme/9f34af896c-1725045999/gregorsart-blog-icon.png

URL: https://gregorsart.com/media/pages/my-blog/shopify-broadcast-theme/9f34af896c-1725045999/gregorsart-blog-icon.png
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 51, weight 147, depends on 49, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 455
Request Start: 0.556 s
Time to First Byte: 2416 ms
Content Download: 1157 ms
Bytes In (downloaded): 17.1 KB
Uncompressed Size: 17.1 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /media/pages/my-blog/shopify-broadcast-theme/9f34af896c-1725045999/gregorsart-blog-icon.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 17486
content-type: image/png
date: Mon, 02 Sep 2024 09:45:43 GMT
etag: "444e-620eb93e350dd"
last-modified: Fri, 30 Aug 2024 19:27:10 GMT
server: Apache
:status: 200

Request 27: https://gregorsart.com/media/pages/my-blog/shopify-considerations-in-advance/5de7183abc-1725045997/gregorsart-blog-hero.jpg

URL: https://gregorsart.com/media/pages/my-blog/shopify-considerations-in-advance/5de7183abc-1725045997/gregorsart-blog-hero.jpg
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 53, weight 147, depends on 51, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 469
Request Start: 0.556 s
Time to First Byte: 2422 ms
Content Download: 1410 ms
Bytes In (downloaded): 151.6 KB
Uncompressed Size: 151.6 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /media/pages/my-blog/shopify-considerations-in-advance/5de7183abc-1725045997/gregorsart-blog-hero.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 155246
content-type: image/jpeg
date: Mon, 02 Sep 2024 09:45:43 GMT
etag: "25e6e-620eb93f3fa79"
last-modified: Fri, 30 Aug 2024 19:27:11 GMT
server: Apache
:status: 200

Request 28: https://gregorsart.com/media/pages/my-blog/shopify-considerations-in-advance/711d706c19-1725045998/gregorsart-blog-icon.png

URL: https://gregorsart.com/media/pages/my-blog/shopify-considerations-in-advance/711d706c19-1725045998/gregorsart-blog-icon.png
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 55, weight 147, depends on 53, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 475
Request Start: 0.557 s
Time to First Byte: 2414 ms
Content Download: 1448 ms
Bytes In (downloaded): 17.1 KB
Uncompressed Size: 17.1 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /media/pages/my-blog/shopify-considerations-in-advance/711d706c19-1725045998/gregorsart-blog-icon.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 17486
content-type: image/png
date: Mon, 02 Sep 2024 09:45:43 GMT
etag: "444e-620eb93f3db3a"
last-modified: Fri, 30 Aug 2024 19:27:11 GMT
server: Apache
:status: 200

Request 29: https://gregorsart.com/media/pages/learning/ca980d964b-1721062108/gregorsart-learning.webp

URL: https://gregorsart.com/media/pages/learning/ca980d964b-1721062108/gregorsart-learning.webp
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 57, weight 147, depends on 55, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 499
Request Start: 0.557 s
Time to First Byte: 2423 ms
Content Download: 1639 ms
Bytes In (downloaded): 117.0 KB
Uncompressed Size: 117.0 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /media/pages/learning/ca980d964b-1721062108/gregorsart-learning.webp
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 119800
date: Mon, 02 Sep 2024 09:45:43 GMT
etag: "1d3f8-61d4c293fc326"
last-modified: Mon, 15 Jul 2024 17:00:07 GMT
server: Apache
:status: 200

Request 30: https://gregorsart.com/media/pages/learning/logos/d69d315e66-1722668254/gregorsart-logo-javascript.png

URL: https://gregorsart.com/media/pages/learning/logos/d69d315e66-1722668254/gregorsart-logo-javascript.png
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 59, weight 147, depends on 57, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 526
Request Start: 0.557 s
Time to First Byte: 2434 ms
Content Download: 1680 ms
Bytes In (downloaded): 28.3 KB
Uncompressed Size: 28.3 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /media/pages/learning/logos/d69d315e66-1722668254/gregorsart-logo-javascript.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 28979
content-type: image/png
date: Mon, 02 Sep 2024 09:45:43 GMT
etag: "7133-61ec1ffd6dabf"
last-modified: Sat, 03 Aug 2024 07:00:30 GMT
server: Apache
:status: 200

Request 31: https://gregorsart.com/media/pages/learning/logos/a815efc89f-1722668255/gregorsart-logo-nextjs.png

URL: https://gregorsart.com/media/pages/learning/logos/a815efc89f-1722668255/gregorsart-logo-nextjs.png
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 61, weight 147, depends on 59, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 530
Request Start: 0.559 s
Time to First Byte: 2424 ms
Content Download: 1708 ms
Bytes In (downloaded): 11.0 KB
Uncompressed Size: 11.0 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /media/pages/learning/logos/a815efc89f-1722668255/gregorsart-logo-nextjs.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 11247
content-type: image/png
date: Mon, 02 Sep 2024 09:45:43 GMT
etag: "2bef-61ec1ffd6cb1f"
last-modified: Sat, 03 Aug 2024 07:00:30 GMT
server: Apache
:status: 200

Request 32: https://gregorsart.com/media/pages/learning/logos/689c0ce888-1722668255/gregorsart-logo-nuxt.png

URL: https://gregorsart.com/media/pages/learning/logos/689c0ce888-1722668255/gregorsart-logo-nuxt.png
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 63, weight 147, depends on 61, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 534
Request Start: 0.560 s
Time to First Byte: 2429 ms
Content Download: 1721 ms
Bytes In (downloaded): 11.8 KB
Uncompressed Size: 11.8 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /media/pages/learning/logos/689c0ce888-1722668255/gregorsart-logo-nuxt.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 12116
content-type: image/png
date: Mon, 02 Sep 2024 09:45:43 GMT
etag: "2f54-61ec1ffd9d85f"
last-modified: Sat, 03 Aug 2024 07:00:30 GMT
server: Apache
:status: 200

Request 33: https://gregorsart.com/media/pages/learning/logos/17a11c755b-1722668256/gregorsart-logo-php.png

URL: https://gregorsart.com/media/pages/learning/logos/17a11c755b-1722668256/gregorsart-logo-php.png
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 65, weight 147, depends on 63, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 538
Request Start: 0.560 s
Time to First Byte: 2430 ms
Content Download: 1737 ms
Bytes In (downloaded): 8.3 KB
Uncompressed Size: 8.3 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /media/pages/learning/logos/17a11c755b-1722668256/gregorsart-logo-php.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 8458
content-type: image/png
date: Mon, 02 Sep 2024 09:45:43 GMT
etag: "210a-61ec1ffe0dd3d"
last-modified: Sat, 03 Aug 2024 07:00:30 GMT
server: Apache
:status: 200

Request 34: https://gregorsart.com/media/pages/learning/logos/570ac16e82-1722668257/gregorsart-logo-react.png

URL: https://gregorsart.com/media/pages/learning/logos/570ac16e82-1722668257/gregorsart-logo-react.png
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 67, weight 147, depends on 65, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 542
Request Start: 0.560 s
Time to First Byte: 2432 ms
Content Download: 1760 ms
Bytes In (downloaded): 17.3 KB
Uncompressed Size: 17.3 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /media/pages/learning/logos/570ac16e82-1722668257/gregorsart-logo-react.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 17742
content-type: image/png
date: Mon, 02 Sep 2024 09:45:43 GMT
etag: "454e-61ec1ffe0dd3d"
last-modified: Sat, 03 Aug 2024 07:00:30 GMT
server: Apache
:status: 200

Request 35: https://gregorsart.com/media/pages/learning/logos/a18f4339b6-1722673687/gregorsart-logo-storyblok.png

URL: https://gregorsart.com/media/pages/learning/logos/a18f4339b6-1722673687/gregorsart-logo-storyblok.png
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 69, weight 147, depends on 67, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 546
Request Start: 0.561 s
Time to First Byte: 2420 ms
Content Download: 1785 ms
Bytes In (downloaded): 6.9 KB
Uncompressed Size: 6.9 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /media/pages/learning/logos/a18f4339b6-1722673687/gregorsart-logo-storyblok.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 7062
content-type: image/png
date: Mon, 02 Sep 2024 09:45:43 GMT
etag: "1b96-61ec33d2711a4"
last-modified: Sat, 03 Aug 2024 08:29:13 GMT
server: Apache
:status: 200

Request 36: https://gregorsart.com/media/pages/learning/logos/d4e2d4226f-1722668257/gregorsart-logo-tailwind.png

URL: https://gregorsart.com/media/pages/learning/logos/d4e2d4226f-1722668257/gregorsart-logo-tailwind.png
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 71, weight 147, depends on 69, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 550
Request Start: 0.561 s
Time to First Byte: 2421 ms
Content Download: 1798 ms
Bytes In (downloaded): 9.1 KB
Uncompressed Size: 9.1 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /media/pages/learning/logos/d4e2d4226f-1722668257/gregorsart-logo-tailwind.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 9311
content-type: image/png
date: Mon, 02 Sep 2024 09:45:43 GMT
etag: "245f-61ec1fff01f7a"
last-modified: Sat, 03 Aug 2024 07:00:31 GMT
server: Apache
:status: 200

Request 37: https://gregorsart.com/media/pages/learning/logos/23ae7fd5a3-1722668258/gregorsart-logo-vue.png

URL: https://gregorsart.com/media/pages/learning/logos/23ae7fd5a3-1722668258/gregorsart-logo-vue.png
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 73, weight 147, depends on 71, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 554
Request Start: 0.561 s
Time to First Byte: 2426 ms
Content Download: 1813 ms
Bytes In (downloaded): 10.3 KB
Uncompressed Size: 10.3 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /media/pages/learning/logos/23ae7fd5a3-1722668258/gregorsart-logo-vue.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 10573
content-type: image/png
date: Mon, 02 Sep 2024 09:45:43 GMT
etag: "294d-61ec1fff00fda"
last-modified: Sat, 03 Aug 2024 07:00:31 GMT
server: Apache
:status: 200

Request 38: https://gregorsart.com/media/pages/contact/e29882fdab-1721062109/gregorsart-contact.png

URL: https://gregorsart.com/media/pages/contact/e29882fdab-1721062109/gregorsart-contact.png
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 75, weight 147, depends on 73, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 631
Request Start: 0.562 s
Time to First Byte: 2423 ms
Content Download: 1842 ms
Bytes In (downloaded): 17.2 KB
Uncompressed Size: 17.2 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /media/pages/contact/e29882fdab-1721062109/gregorsart-contact.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 17641
content-type: image/png
date: Mon, 02 Sep 2024 09:45:43 GMT
etag: "44e9-61d4c293fc326"
last-modified: Mon, 15 Jul 2024 17:00:07 GMT
server: Apache
:status: 200

Request 39: https://gregorsart.com/assets/imgs/icon-arrow-right.svg

URL: https://gregorsart.com/assets/imgs/icon-arrow-right.svg
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 77, weight 147, depends on 75, EXCLUSIVE
Initiated By: https://gregorsart.com/ line 687
Request Start: 0.562 s
Time to First Byte: 2422 ms
Content Download: 1847 ms
Bytes In (downloaded): 0.5 KB
Uncompressed Size: 0.5 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /assets/imgs/icon-arrow-right.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 500
content-type: image/svg+xml
date: Mon, 02 Sep 2024 09:45:43 GMT
etag: "1f4-61d4bfe726778"
last-modified: Mon, 15 Jul 2024 16:48:08 GMT
server: Apache
:status: 200

Request 40: https://gregorsart.com/assets/fonts/sora-v10-latin-600.woff2

URL: https://gregorsart.com/assets/fonts/sora-v10-latin-600.woff2
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 79, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://gregorsart.com/assets/css/styles.css
Request Start: 0.877 s
Time to First Byte: 2111 ms
Content Download: 6 ms
Bytes In (downloaded): 13.3 KB
Uncompressed Size: 13.3 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /assets/fonts/sora-v10-latin-600.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://gregorsart.com
priority: u=0
referer: https://gregorsart.com/assets/css/styles.css
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: font
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 13604
content-type: font/woff2
date: Mon, 02 Sep 2024 09:45:43 GMT
etag: "3524-61d4bfe1b3f0c"
last-modified: Mon, 15 Jul 2024 16:48:03 GMT
server: Apache
:status: 200

Request 41: https://gregorsart.com/assets/fonts/sora-v10-latin-regular.woff2

URL: https://gregorsart.com/assets/fonts/sora-v10-latin-regular.woff2
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 81, weight 256, depends on 79, EXCLUSIVE
Initiated By: https://gregorsart.com/assets/css/styles.css
Request Start: 0.879 s
Time to First Byte: 2107 ms
Content Download: 21 ms
Bytes In (downloaded): 13.0 KB
Uncompressed Size: 13.0 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /assets/fonts/sora-v10-latin-regular.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://gregorsart.com
priority: u=0
referer: https://gregorsart.com/assets/css/styles.css
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: font
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 13284
content-type: font/woff2
date: Mon, 02 Sep 2024 09:45:43 GMT
etag: "33e4-61d4bfe290a49"
last-modified: Mon, 15 Jul 2024 16:48:04 GMT
server: Apache
:status: 200

Request 42: https://gregorsart.com/favicon.ico

URL: https://gregorsart.com/favicon.ico
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 83, weight 220, depends on 0, EXCLUSIVE
Request Start: 4.846 s
Time to First Byte: 69 ms
Content Download: 1 ms
Bytes In (downloaded): 14.7 KB
Uncompressed Size: 14.7 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /favicon.ico
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=1, i
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 15086
content-type: image/vnd.microsoft.icon
date: Mon, 02 Sep 2024 09:45:46 GMT
etag: "3aee-61fcf356b9d04"
last-modified: Fri, 16 Aug 2024 16:11:15 GMT
server: Apache
:status: 200

Request 43: https://gregorsart.com/assets/imgs/site.webmanifest

URL: https://gregorsart.com/assets/imgs/site.webmanifest
Host: gregorsart.com
IP: 185.115.25.13
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 183, depends on 0, EXCLUSIVE
Request Start: 4.940 s
Initial Connection: 36 ms
Time to First Byte: 46 ms
Content Download: 1 ms
Bytes In (downloaded): 0.3 KB
Uncompressed Size: 0.3 KB
Bytes Out (uploaded): 1.8 KB

Request Headers:

:authority: gregorsart.com
:method: GET
:path: /assets/imgs/site.webmanifest
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=2
referer: https://gregorsart.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: manifest
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 358
content-type: application/manifest+json
date: Mon, 02 Sep 2024 09:45:46 GMT
etag: "166-61fcf84d5059e"
last-modified: Fri, 16 Aug 2024 16:33:27 GMT
server: Apache
:status: 200