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
.228S	.600S	.559S	2.084S	.743S	.278	.143S	.000S	0	0KB	29.895S	30	17,201KB

Visual Page Loading Process (Explore)

Navigation Timings
domContentLoadedEvent	loadEvent
0.782s - 0.782s (0s)	0s - 0s (0s)

Custom Metrics Data

Colordepth: 24
Dpi: {"dppx":1,"dpcm":37.79527559055118,"dpi":96}
Images: [{"url":"https://www.molinaridesign.ch/media/site/3a2e3a0cfa-1637609813/logo-molinaridesign.svg","width":112,"height":112,"naturalWidth":1500,"naturalHeight":1500},{"url":"https://www.molinaridesign.ch/media/pages/hellogifs/785ebaa1a1-1723537695/santa_summer_2024-post.gif","width":576,"height":324,"naturalWidth":960,"naturalHeight":540},{"url":"https://www.molinaridesign.ch/media/site/3a2e3a0cfa-1637609813/logo-molinaridesign.svg","width":96,"height":96,"naturalWidth":1500,"naturalHeight":1500}]
Resolution: {"absolute":{"height":1200,"width":1920},"available":{"height":1200,"width":1920}}
fonts: [{"family":"Ginger","display":"fallback","status":"loaded","style":"normal","weight":"400"},{"family":"Ginger","display":"fallback","status":"unloaded","style":"normal","weight":"700"},{"family":"Bella","display":"fallback","status":"loaded","style":"normal","weight":"900"}]
generated-content-percent: 43.95
generated-content-size: 48.36
imgs-in-viewport: [{"src":"https:\/\/www.molinaridesign.ch\/media\/site\/3a2e3a0cfa-1637609813\/logo-molinaridesign.svg","html":"<img src=\"https:\/\/www.molinaridesign.ch\/media\/site\/3a2e3a0cfa-1637609813\/logo-molinaridesign.svg\" alt=\"Molinari Design\" class=\"inline-block w-20 sm:w-24 md:w-28\" width=\"1500\" height=\"1500\">","currentSrc":"https:\/\/www.molinaridesign.ch\/media\/site\/3a2e3a0cfa-1637609813\/logo-molinaridesign.svg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":1500,"naturalHeight":1500},{"src":"https:\/\/www.molinaridesign.ch\/media\/pages\/hellogifs\/785ebaa1a1-1723537695\/santa_summer_2024-post.gif","html":"<img src=\"https:\/\/www.molinaridesign.ch\/media\/pages\/hellogifs\/785ebaa1a1-1723537695\/santa_summer_2024-post.gif\" alt=\"\">","currentSrc":"https:\/\/www.molinaridesign.ch\/media\/pages\/hellogifs\/785ebaa1a1-1723537695\/santa_summer_2024-post.gif","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":960,"naturalHeight":540}]
imgs-no-alt: []
imgs-out-viewport: [{"src":"https:\/\/www.molinaridesign.ch\/media\/site\/3a2e3a0cfa-1637609813\/logo-molinaridesign.svg","html":"<img src=\"https:\/\/www.molinaridesign.ch\/media\/site\/3a2e3a0cfa-1637609813\/logo-molinaridesign.svg\" alt=\"Molinari Design\" class=\"inline-block w-24 h-24 mb-4\" width=\"1500\" height=\"1500\">","currentSrc":"https:\/\/www.molinaridesign.ch\/media\/site\/3a2e3a0cfa-1637609813\/logo-molinaridesign.svg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":1500,"naturalHeight":1500}]
jsLibsVulns: []
meta-viewport: width=device-width,initial-scale=1.0
possibly-render-blocking-reqs: ["https:\/\/www.molinaridesign.ch\/assets\/css\/app.css?v=8"]
rendered-html: <html lang="de" class="no-ie js"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Molinari Design</title> <meta name="description" content=""> <meta property="og:title" content="Molinari Design"> <meta property="og:description" content=""> <meta property="og:url" content="https://www.molinaridesign.ch"> <meta property="og:type" content="website"> <meta property="twitter:title" content="Molinari Design"> <meta property="twitter:description" content=""> <link rel="icon" type="image/png" href="https://www.molinaridesign.ch/media/site/f82d712782-1637609813/icon-molinaridesign-32x32-crop.png" sizes="32x32"> <link rel="icon" type="image/png" href="https://www.molinaridesign.ch/media/site/f82d712782-1637609813/icon-molinaridesign-48x48-crop.png" sizes="48x48"> <link rel="icon" type="image/png" href="https://www.molinaridesign.ch/media/site/f82d712782-1637609813/icon-molinaridesign-96x96-crop.png" sizes="96x96"> <link rel="apple-touch-icon" href="https://www.molinaridesign.ch/media/site/f82d712782-1637609813/icon-molinaridesign-1500x1500-crop.png"> <link rel="image_src" href="https://www.molinaridesign.ch/media/site/f82d712782-1637609813/icon-molinaridesign-1500x1500-crop.png"> <meta property="og:image" content="https://www.molinaridesign.ch/media/site/f82d712782-1637609813/icon-molinaridesign-1500x1500-crop.png"> <meta property="twitter:image" content="https://www.molinaridesign.ch/media/site/f82d712782-1637609813/icon-molinaridesign-1500x1500-crop.png"> <script nomodule="">window.location.replace('https://www.molinaridesign.ch/ie');</script> <link href="https://www.molinaridesign.ch/assets/css/app.css?v=8" rel="stylesheet"><script defer="" src="https://www.molinaridesign.ch/assets/js/app.js?v=8"></script> </head> <body class="text-base leading-normal text-white bg-gray-800 antialiased"> <div class="content-wrapper __center flex flex-col justify-between min-h-screen" x-init="setTag() ? tag=setTag() : false" x-data="{ tag: $persist('all'), overlay: false, hexFadeIn: true }"> <div class="content-top"> <header class="flex flex-wrap md:flex-nowrap justify-between py-4 md:py-6"> <div class="w-1/3 md:hidden pt-2.5 md:pt-6 order-1"> <a class="inline-block mr-2 md:hidden hover:text-secondary" href="https://www.instagram.com/molinaridesign/" aria-label="Instagram" target="_blank" rel="noopener norefferer"> <svg class="w-6 h-6 fill-current" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="M290.938 50.38h-.014C162.14 50.391 56.72 155.761 56.72 284.57l-.08 432.357c-.011 128.821 105.369 234.263 234.2 234.263l410.938.07C830.578 951.26 936 845.88 936 717.07l.05-432.357C936.072 155.894 830.692 50.45 701.86 50.45l-410.922-.07Zm.004 50c-101.302.009-184.222 82.879-184.222 184.192l-.08 432.36c-.009 101.32 82.871 184.258 184.202 184.258l410.938.07c101.302 0 184.22-82.88 184.22-184.191l.05-432.363c.018-101.32-82.862-184.256-184.192-184.256l-410.916-.07ZM497.64 269.55c-126.11 0-228.37 102.07-228.39 228-.02 125.93 102.22 228 228.35 228.07 126.12 0 228.37-102.07 228.39-228 .02-125.93-102.21-228-228.35-228.08v.01Zm.03 47.45c99.149-.088 180.811 81.421 180.91 180.57 0 99.55-81.18 180.55-181 180.55-99.152.06-180.798-81.468-180.88-180.62.01-99.5 81.18-180.5 180.94-180.5h.03Zm236.69-158.92c41.752 0 75.65 33.844 75.65 75.53s-33.898 75.53-75.65 75.53-75.65-33.844-75.65-75.53 33.898-75.53 75.65-75.53Z"></path></svg> </a> <a class="inline-block mr-6 md:hidden hover:text-secondary" href="https://www.linkedin.com/in/molinaridesign/" aria-label="LinkedIn" target="_blank" rel="noopener norefferer"> <svg class="w-6 h-6 fill-current" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="M561.71 354.128V318.53h-217V929h224V626.83c0-23.267 1.352-46.299 6.885-66.383 4.505-16.352 11.697-30.674 24.703-40.085 11.494-8.316 27.138-12.532 47.882-12.532 18.973 0 32.602 4.471 41.998 13.166 9.729 9.003 14.8 21.785 18.062 35.746 5.515 23.612 5.46 50.552 5.46 74.708V929h224.177l.043-332.378c0-98.198-14.992-182.143-66.485-234.091-35.507-35.822-88.399-57.911-167.515-57.911-60.614 0-108.475 21.264-142.21 49.508ZM61.07 929h224.37V318.53H61.07V929Zm826.813-50H763.7V631.45c0-27.845-.413-58.863-6.771-86.081-5.645-24.164-15.953-45.49-32.792-61.072-17.172-15.89-41.284-26.467-75.957-26.467-33.643 0-58.552 8.536-77.193 22.025-41.086 29.729-52.277 87.132-52.277 146.975V879h-124V368.53h117v76.62h42.471l7.034-13.34c20.042-38.015 69.584-77.19 142.705-77.19 61.985 0 104.185 15.045 132.004 43.11 43.5 43.884 51.996 115.936 51.996 198.889L887.883 879Zm-652.443 0H111.07V368.53h124.37V879ZM173.3 292c69.122 0 126-56.878 126-126s-56.878-126-126-126-126 56.878-126 126 56.878 126 126 126Zm0-50c-41.692 0-76-34.308-76-76s34.308-76 76-76 76 34.308 76 76-34.308 76-76 76Z"></path></svg> </a> </div> <div class="header__logo w-1/3 order-2 text-center md:w-3/12 md:text-left md:order-1"> <a href="https://www.molinaridesign.ch"> <img src="https://www.molinaridesign.ch/media/site/3a2e3a0cfa-1637609813/logo-molinaridesign.svg" alt="Molinari Design" class="inline-block w-20 sm:w-24 md:w-28" width="1500" height="1500"> </a> </div> <div class="flex-auto w-full pt-2 md:pt-6 order-4 md:order-2"> <h2 class="text-supertitle md:text-supertitle-md xl:text-supertitle-xl text-center"> <span class="whitespace-nowrap block">Hello stranger…</span> <span class="whitespace-nowrap ">This is me,</span> <span class="whitespace-nowrap ">I design things.</span> </h2> </div> <nav class="w-1/3 md:w-3/12 pt-2 md:pt-6 order-3"> <div class="flex items-center justify-end"> <a href="https://www.molinaridesign.ch/about" class="font-serif text-heading-xl hover:text-secondary "> About </a> <a class="hidden md:inline-block w-6 h-6 ml-6 hover:text-secondary" href="https://www.instagram.com/molinaridesign/" aria-label="Instagram" target="_blank" rel="noopener norefferer"> <svg class="w-6 h-6 fill-current" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="M290.938 50.38h-.014C162.14 50.391 56.72 155.761 56.72 284.57l-.08 432.357c-.011 128.821 105.369 234.263 234.2 234.263l410.938.07C830.578 951.26 936 845.88 936 717.07l.05-432.357C936.072 155.894 830.692 50.45 701.86 50.45l-410.922-.07Zm.004 50c-101.302.009-184.222 82.879-184.222 184.192l-.08 432.36c-.009 101.32 82.871 184.258 184.202 184.258l410.938.07c101.302 0 184.22-82.88 184.22-184.191l.05-432.363c.018-101.32-82.862-184.256-184.192-184.256l-410.916-.07ZM497.64 269.55c-126.11 0-228.37 102.07-228.39 228-.02 125.93 102.22 228 228.35 228.07 126.12 0 228.37-102.07 228.39-228 .02-125.93-102.21-228-228.35-228.08v.01Zm.03 47.45c99.149-.088 180.811 81.421 180.91 180.57 0 99.55-81.18 180.55-181 180.55-99.152.06-180.798-81.468-180.88-180.62.01-99.5 81.18-180.5 180.94-180.5h.03Zm236.69-158.92c41.752 0 75.65 33.844 75.65 75.53s-33.898 75.53-75.65 75.53-75.65-33.844-75.65-75.53 33.898-75.53 75.65-75.53Z"></path></svg> </a> <a class="hidden md:inline-block w-6 h-6 ml-2 hover:text-secondary" href="https://www.linkedin.com/in/molinaridesign/" aria-label="LinkedIn" target="_blank" rel="noopener norefferer"> <svg class="w-6 h-6 fill-current" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="M561.71 354.128V318.53h-217V929h224V626.83c0-23.267 1.352-46.299 6.885-66.383 4.505-16.352 11.697-30.674 24.703-40.085 11.494-8.316 27.138-12.532 47.882-12.532 18.973 0 32.602 4.471 41.998 13.166 9.729 9.003 14.8 21.785 18.062 35.746 5.515 23.612 5.46 50.552 5.46 74.708V929h224.177l.043-332.378c0-98.198-14.992-182.143-66.485-234.091-35.507-35.822-88.399-57.911-167.515-57.911-60.614 0-108.475 21.264-142.21 49.508ZM61.07 929h224.37V318.53H61.07V929Zm826.813-50H763.7V631.45c0-27.845-.413-58.863-6.771-86.081-5.645-24.164-15.953-45.49-32.792-61.072-17.172-15.89-41.284-26.467-75.957-26.467-33.643 0-58.552 8.536-77.193 22.025-41.086 29.729-52.277 87.132-52.277 146.975V879h-124V368.53h117v76.62h42.471l7.034-13.34c20.042-38.015 69.584-77.19 142.705-77.19 61.985 0 104.185 15.045 132.004 43.11 43.5 43.884 51.996 115.936 51.996 198.889L887.883 879Zm-652.443 0H111.07V368.53h124.37V879ZM173.3 292c69.122 0 126-56.878 126-126s-56.878-126-126-126-126 56.878-126 126 56.878 126 126 126Zm0-50c-41.692 0-76-34.308-76-76s34.308-76 76-76 76 34.308 76 76-34.308 76-76 76Z"></path></svg> </a> </div> </nav> </header> <main> <ul class="nav__tags text-center justify-self-start mb-6"> <li class="inline-block"><a href="#all" :class="{ 'is-selected': tag==='all' }" @click="tag='all';hexFadeIn=false;$nextTick(() => { hexFadeIn=true; });" class="is-selected">Show all</a></li> <li class="inline-block"> <a href="#design" :class="{ 'is-selected': tag==='design' }" @click="tag='design';hexFadeIn=false;$nextTick(() => { hexFadeIn=true; });"> Design </a> </li> <li class="inline-block"> <a href="#illustration" :class="{ 'is-selected': tag==='illustration' }" @click="tag='illustration';hexFadeIn=false;$nextTick(() => { hexFadeIn=true; });"> Illustration </a> </li> <li class="inline-block"> <a href="#artdirection" :class="{ 'is-selected': tag==='artdirection' }" @click="tag='artdirection';hexFadeIn=false;$nextTick(() => { hexFadeIn=true; });"> Art Direction </a> </li> <li class="inline-block"> <a href="#motion" :class="{ 'is-selected': tag==='motion' }" @click="tag='motion';hexFadeIn=false;$nextTick(() => { hexFadeIn=true; });"> Motion </a> </li> <li class="inline-block"> <a href="#shop" :class="{ 'is-selected': tag==='shop' }" @click="tag='shop';hexFadeIn=false;$nextTick(() => { hexFadeIn=true; });"> Shop </a> </li> </ul> <div class="max-w-hex-sm md:max-w-hex-md lg:max-w-hex-lg xl:max-w-hex-xl mx-auto"> <div class="hex-grid"> <template x-if="tag==='all' || tag==='design' || tag==='illustration'"> <div class="hex" style="animation-delay:0s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/fcz-europa" class="hex-link" data-uid="fcz-europa" @mouseenter="document.getElementById('matrixAnimIn--fcz-europa').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--fcz-europa').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">FCZ Überall</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> Illustration FC Zürich</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--fcz-europa"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--fcz-europa)" mask="url(#hexmask--fcz-europa)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/fcz-europa/38b2ed58cd-1666624074/md-vorschaubilder-fcz-europa-260x300-crop-50-50.png"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--fcz-europa"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--fcz-europa" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--fcz-europa" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> </template><div class="hex fadeIn" style="animation-delay:0s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/fcz-europa" class="hex-link" data-uid="fcz-europa" @mouseenter="document.getElementById('matrixAnimIn--fcz-europa').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--fcz-europa').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">FCZ Überall</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> Illustration FC Zürich</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--fcz-europa"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--fcz-europa)" mask="url(#hexmask--fcz-europa)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/fcz-europa/38b2ed58cd-1666624074/md-vorschaubilder-fcz-europa-260x300-crop-50-50.png"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--fcz-europa"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--fcz-europa" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--fcz-europa" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> <template x-if="tag==='all' || tag==='design' || tag==='illustration'"> <div class="hex" style="animation-delay:0.08s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/bistroriffraff" class="hex-link" data-uid="bistroriffraff" @mouseenter="document.getElementById('matrixAnimIn--bistroriffraff').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--bistroriffraff').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Branding Bistro</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> Branding Bistro Riffraff</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--bistroriffraff"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--bistroriffraff)" mask="url(#hexmask--bistroriffraff)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/bistroriffraff/fed51840c8-1637609746/md-vorschaubilder-bistroriffraff-260x300-crop-50-50.png"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--bistroriffraff"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--bistroriffraff" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--bistroriffraff" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> </template><div class="hex fadeIn" style="animation-delay:0.08s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/bistroriffraff" class="hex-link" data-uid="bistroriffraff" @mouseenter="document.getElementById('matrixAnimIn--bistroriffraff').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--bistroriffraff').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Branding Bistro</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> Branding Bistro Riffraff</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--bistroriffraff"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--bistroriffraff)" mask="url(#hexmask--bistroriffraff)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/bistroriffraff/fed51840c8-1637609746/md-vorschaubilder-bistroriffraff-260x300-crop-50-50.png"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--bistroriffraff"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--bistroriffraff" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--bistroriffraff" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> <template x-if="tag==='all' || tag==='illustration'"> <div class="hex" style="animation-delay:0.2s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/bindella-natale" class="hex-link" data-uid="bindella-natale" @mouseenter="document.getElementById('matrixAnimIn--bindella-natale').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--bindella-natale').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Bindella Natale</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> Bindella-Adventskalender</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--bindella-natale"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--bindella-natale)" mask="url(#hexmask--bindella-natale)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/bindella-natale/72c6270cca-1637609751/md-vorschaubilder-bindellanatale-260x300-crop-50-50.png"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--bindella-natale"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--bindella-natale" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--bindella-natale" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> </template><div class="hex fadeIn" style="animation-delay:0.2s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/bindella-natale" class="hex-link" data-uid="bindella-natale" @mouseenter="document.getElementById('matrixAnimIn--bindella-natale').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--bindella-natale').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Bindella Natale</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> Bindella-Adventskalender</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--bindella-natale"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--bindella-natale)" mask="url(#hexmask--bindella-natale)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/bindella-natale/72c6270cca-1637609751/md-vorschaubilder-bindellanatale-260x300-crop-50-50.png"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--bindella-natale"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--bindella-natale" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--bindella-natale" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> <template x-if="tag==='all' || tag==='illustration'"> <div class="hex" style="animation-delay:0.08s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/bindella-vino" class="hex-link" data-uid="bindella-vino" @mouseenter="document.getElementById('matrixAnimIn--bindella-vino').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--bindella-vino').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Festa del Vino</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> Bindella</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--bindella-vino"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--bindella-vino)" mask="url(#hexmask--bindella-vino)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/bindella-vino/80d53a8955-1637609752/md-vorschaubilder-festa-260x300-crop-50-50.png"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--bindella-vino"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--bindella-vino" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--bindella-vino" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> </template><div class="hex fadeIn" style="animation-delay:0.08s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/bindella-vino" class="hex-link" data-uid="bindella-vino" @mouseenter="document.getElementById('matrixAnimIn--bindella-vino').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--bindella-vino').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Festa del Vino</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> Bindella</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--bindella-vino"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--bindella-vino)" mask="url(#hexmask--bindella-vino)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/bindella-vino/80d53a8955-1637609752/md-vorschaubilder-festa-260x300-crop-50-50.png"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--bindella-vino"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--bindella-vino" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--bindella-vino" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> <template x-if="tag==='all' || tag==='motion' || tag==='artdirection'"> <div class="hex" style="animation-delay:0.14s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/flymotion" class="hex-link" data-uid="flymotion" @mouseenter="document.getElementById('matrixAnimIn--flymotion').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--flymotion').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Play with us</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> Fly With Us</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--flymotion"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--flymotion)" mask="url(#hexmask--flymotion)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/flymotion/0150a36ff2-1637609760/md-vorschaubilder-flymotion-260x300-crop-50-50.png"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--flymotion"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--flymotion" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--flymotion" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> </template><div class="hex fadeIn" style="animation-delay:0.14s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/flymotion" class="hex-link" data-uid="flymotion" @mouseenter="document.getElementById('matrixAnimIn--flymotion').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--flymotion').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Play with us</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> Fly With Us</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--flymotion"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--flymotion)" mask="url(#hexmask--flymotion)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/flymotion/0150a36ff2-1637609760/md-vorschaubilder-flymotion-260x300-crop-50-50.png"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--flymotion"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--flymotion" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--flymotion" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> <template x-if="tag==='all' || tag==='design' || tag==='illustration'"> <div class="hex" style="animation-delay:0.08s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/ah4" class="hex-link" data-uid="ah4" @mouseenter="document.getElementById('matrixAnimIn--ah4').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--ah4').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Family Law Experts</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> AH4</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--ah4"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--ah4)" mask="url(#hexmask--ah4)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/ah4/7895a63967-1637609761/md-vorschaubilder-ah4-260x300-crop-50-50.png"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--ah4"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--ah4" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--ah4" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> </template><div class="hex fadeIn" style="animation-delay:0.08s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/ah4" class="hex-link" data-uid="ah4" @mouseenter="document.getElementById('matrixAnimIn--ah4').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--ah4').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Family Law Experts</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> AH4</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--ah4"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--ah4)" mask="url(#hexmask--ah4)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/ah4/7895a63967-1637609761/md-vorschaubilder-ah4-260x300-crop-50-50.png"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--ah4"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--ah4" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--ah4" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> <template x-if="tag==='all' || tag==='illustration'"> <div class="hex" style="animation-delay:0.04s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/kidsclub" class="hex-link" data-uid="kidsclub" @mouseenter="document.getElementById('matrixAnimIn--kidsclub').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--kidsclub').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">FCZ Kids Club</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> FC Zürich</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--kidsclub"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--kidsclub)" mask="url(#hexmask--kidsclub)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/kidsclub/77a86f4dff-1637609761/md-vorschaubilder-kidsclub-260x300-crop-50-50.png"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--kidsclub"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--kidsclub" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--kidsclub" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> </template><div class="hex fadeIn" style="animation-delay:0.04s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/kidsclub" class="hex-link" data-uid="kidsclub" @mouseenter="document.getElementById('matrixAnimIn--kidsclub').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--kidsclub').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">FCZ Kids Club</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> FC Zürich</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--kidsclub"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--kidsclub)" mask="url(#hexmask--kidsclub)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/kidsclub/77a86f4dff-1637609761/md-vorschaubilder-kidsclub-260x300-crop-50-50.png"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--kidsclub"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--kidsclub" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--kidsclub" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> <template x-if="tag==='all' || tag==='illustration' || tag==='shop'"> <div class="hex" style="animation-delay:0.02s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/seabag" class="hex-link" data-uid="seabag" @mouseenter="document.getElementById('matrixAnimIn--seabag').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--seabag').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Octopus SeaBag</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> <svg class="inline-block w-12 h-12" fill="none" viewBox="0 0 1500 1500" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="M758.49 678.293a102.998 102.998 0 0 0-9.356-8.843c-23.357-19.517-58.341-32.51-87.014-32.51-28.081 0-92.65 21.028-92.65 99.07 0 34.532 17.015 71.803 43.462 106.013 37.223 48.149 92.707 90.474 137.212 110.851a19.998 19.998 0 0 0 16.649.002c44.525-20.378 100.007-62.704 137.225-110.855 26.441-34.207 43.451-71.476 43.452-106.007.035-78.045-64.514-99.074-92.61-99.074-28.673 0-63.657 12.993-87.014 32.51a102.998 102.998 0 0 0-9.356 8.843Zm-20.02 44.529.02.828h40c0-8.871 6.724-16.586 15.005-23.505 16.496-13.785 41.114-23.205 61.365-23.205 16.386 0 52.632 13.542 52.61 59.06v.01c0 26.759-14.61 55.04-35.1 81.549-30.893 39.969-75.814 75.544-113.898 94.919-38.071-19.376-82.996-54.951-113.894-94.92-20.493-26.509-35.108-54.789-35.108-81.548 0-45.526 36.268-59.07 52.65-59.07 20.251 0 44.869 9.42 61.365 23.205 8.022 6.702 14.583 14.152 14.985 22.677ZM320.93 304.985c-10.048 6.584-16.74 17.944-16.74 30.745 0 20.149 16.581 36.73 36.73 36.73 20.15 0 36.73-16.581 36.73-36.73v-.058c-.017-12.773-6.697-24.105-16.72-30.679V212.6c0-71.469 58.811-130.28 130.28-130.28 70.862 0 129.279 57.815 130.267 128.46H409.47c-11.038 0-20 8.962-20 20s8.962 20 20 20h212.02v54.218c-10.038 6.586-16.72 17.94-16.72 30.732 0 20.149 16.581 36.73 36.73 36.73 20.15 0 36.73-16.581 36.73-36.73v-.066c-.023-12.776-6.71-24.107-16.74-30.679V212.6c0-93.413-76.867-170.28-170.28-170.28-92.806 0-169.28 75.871-170.27 168.46h-71.141c-33.659.019-62.143 25.886-65.395 59.387l-50.311 520.91-.002.017a57.639 57.639 0 0 0-.262 5.496c0 31.642 26.037 57.68 57.68 57.68H537c11.038 0 20-8.962 20-20s-8.962-20-20-20H191.509c-9.699 0-17.68-7.981-17.68-17.68 0-.561.026-1.122.08-1.681l50.308-520.878c1.274-13.116 12.425-23.243 25.603-23.251h71.11v54.205ZM715.2 250.78h17.407c13.172.012 24.315 10.137 25.586 23.248l29.549 306.193c1.061 10.987 10.842 19.047 21.829 17.987 10.987-1.061 19.047-10.842 17.987-21.829l-29.551-306.208c-3.246-33.496-31.718-59.364-65.371-59.391H715.2c-11.038 0-20 8.962-20 20s8.962 20 20 20Z" style="fill:#fff" transform="translate(-138.865 -69.577) scale(1.64407)"></path></svg> </span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--seabag"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm is-gold" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--seabag)" mask="url(#hexmask--seabag)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/seabag/333c035755-1637609761/md-vorschaubilder-seabag-260x300-crop-50-50.gif"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--seabag"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--seabag" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="0.45 0 0 0 0, 0.40 0 0 0 0, 0.30 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--seabag" attributeName="values" from="0.45 0 0 0 0, 0.40 0 0 0 0, 0.30 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> </template><div class="hex fadeIn" style="animation-delay:0.02s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/seabag" class="hex-link" data-uid="seabag" @mouseenter="document.getElementById('matrixAnimIn--seabag').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--seabag').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Octopus SeaBag</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> <svg class="inline-block w-12 h-12" fill="none" viewBox="0 0 1500 1500" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="M758.49 678.293a102.998 102.998 0 0 0-9.356-8.843c-23.357-19.517-58.341-32.51-87.014-32.51-28.081 0-92.65 21.028-92.65 99.07 0 34.532 17.015 71.803 43.462 106.013 37.223 48.149 92.707 90.474 137.212 110.851a19.998 19.998 0 0 0 16.649.002c44.525-20.378 100.007-62.704 137.225-110.855 26.441-34.207 43.451-71.476 43.452-106.007.035-78.045-64.514-99.074-92.61-99.074-28.673 0-63.657 12.993-87.014 32.51a102.998 102.998 0 0 0-9.356 8.843Zm-20.02 44.529.02.828h40c0-8.871 6.724-16.586 15.005-23.505 16.496-13.785 41.114-23.205 61.365-23.205 16.386 0 52.632 13.542 52.61 59.06v.01c0 26.759-14.61 55.04-35.1 81.549-30.893 39.969-75.814 75.544-113.898 94.919-38.071-19.376-82.996-54.951-113.894-94.92-20.493-26.509-35.108-54.789-35.108-81.548 0-45.526 36.268-59.07 52.65-59.07 20.251 0 44.869 9.42 61.365 23.205 8.022 6.702 14.583 14.152 14.985 22.677ZM320.93 304.985c-10.048 6.584-16.74 17.944-16.74 30.745 0 20.149 16.581 36.73 36.73 36.73 20.15 0 36.73-16.581 36.73-36.73v-.058c-.017-12.773-6.697-24.105-16.72-30.679V212.6c0-71.469 58.811-130.28 130.28-130.28 70.862 0 129.279 57.815 130.267 128.46H409.47c-11.038 0-20 8.962-20 20s8.962 20 20 20h212.02v54.218c-10.038 6.586-16.72 17.94-16.72 30.732 0 20.149 16.581 36.73 36.73 36.73 20.15 0 36.73-16.581 36.73-36.73v-.066c-.023-12.776-6.71-24.107-16.74-30.679V212.6c0-93.413-76.867-170.28-170.28-170.28-92.806 0-169.28 75.871-170.27 168.46h-71.141c-33.659.019-62.143 25.886-65.395 59.387l-50.311 520.91-.002.017a57.639 57.639 0 0 0-.262 5.496c0 31.642 26.037 57.68 57.68 57.68H537c11.038 0 20-8.962 20-20s-8.962-20-20-20H191.509c-9.699 0-17.68-7.981-17.68-17.68 0-.561.026-1.122.08-1.681l50.308-520.878c1.274-13.116 12.425-23.243 25.603-23.251h71.11v54.205ZM715.2 250.78h17.407c13.172.012 24.315 10.137 25.586 23.248l29.549 306.193c1.061 10.987 10.842 19.047 21.829 17.987 10.987-1.061 19.047-10.842 17.987-21.829l-29.551-306.208c-3.246-33.496-31.718-59.364-65.371-59.391H715.2c-11.038 0-20 8.962-20 20s8.962 20 20 20Z" style="fill:#fff" transform="translate(-138.865 -69.577) scale(1.64407)"></path></svg> </span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--seabag"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm is-gold" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--seabag)" mask="url(#hexmask--seabag)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/seabag/333c035755-1637609761/md-vorschaubilder-seabag-260x300-crop-50-50.gif"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--seabag"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--seabag" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="0.45 0 0 0 0, 0.40 0 0 0 0, 0.30 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--seabag" attributeName="values" from="0.45 0 0 0 0, 0.40 0 0 0 0, 0.30 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> <template x-if="tag==='all' || tag==='illustration'"> <div class="hex" style="animation-delay:0.16s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/verkehrshaus" class="hex-link" data-uid="verkehrshaus" @mouseenter="document.getElementById('matrixAnimIn--verkehrshaus').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--verkehrshaus').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Website Raumfahrt</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> Verkehrshaus Luzern</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--verkehrshaus"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--verkehrshaus)" mask="url(#hexmask--verkehrshaus)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/verkehrshaus/6fa228489c-1637609762/md-vorschaubilder-verkehrshaus-260x300-crop-50-50.png"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--verkehrshaus"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--verkehrshaus" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--verkehrshaus" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> </template><div class="hex fadeIn" style="animation-delay:0.16s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/verkehrshaus" class="hex-link" data-uid="verkehrshaus" @mouseenter="document.getElementById('matrixAnimIn--verkehrshaus').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--verkehrshaus').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Website Raumfahrt</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> Verkehrshaus Luzern</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--verkehrshaus"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--verkehrshaus)" mask="url(#hexmask--verkehrshaus)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/verkehrshaus/6fa228489c-1637609762/md-vorschaubilder-verkehrshaus-260x300-crop-50-50.png"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--verkehrshaus"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--verkehrshaus" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--verkehrshaus" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> <template x-if="tag==='all' || tag==='design'"> <div class="hex" style="animation-delay:0.18s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/fcztotal" class="hex-link" data-uid="fcztotal" @mouseenter="document.getElementById('matrixAnimIn--fcztotal').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--fcztotal').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">FCZ TOTAL</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> FC Zürich</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--fcztotal"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--fcztotal)" mask="url(#hexmask--fcztotal)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/fcztotal/900663b1b4-1637609763/totalfcz-album-rz-bild-260x300-crop-50-50.jpg"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--fcztotal"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--fcztotal" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--fcztotal" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> </template><div class="hex fadeIn" style="animation-delay:0.18s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/fcztotal" class="hex-link" data-uid="fcztotal" @mouseenter="document.getElementById('matrixAnimIn--fcztotal').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--fcztotal').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">FCZ TOTAL</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> FC Zürich</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--fcztotal"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--fcztotal)" mask="url(#hexmask--fcztotal)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/fcztotal/900663b1b4-1637609763/totalfcz-album-rz-bild-260x300-crop-50-50.jpg"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--fcztotal"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--fcztotal" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--fcztotal" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> <template x-if="tag==='all' || tag==='artdirection'"> <div class="hex" style="animation-delay:0.14s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/isuzu" class="hex-link" data-uid="isuzu" @mouseenter="document.getElementById('matrixAnimIn--isuzu').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--isuzu').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Isuzu Reels</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> Made in Japan</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--isuzu"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--isuzu)" mask="url(#hexmask--isuzu)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/isuzu/21fecdb334-1637609769/md-vorschaubilder-isuzu-260x300-crop-50-50.png"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--isuzu"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--isuzu" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--isuzu" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> </template><div class="hex fadeIn" style="animation-delay:0.14s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/isuzu" class="hex-link" data-uid="isuzu" @mouseenter="document.getElementById('matrixAnimIn--isuzu').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--isuzu').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Isuzu Reels</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> Made in Japan</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--isuzu"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--isuzu)" mask="url(#hexmask--isuzu)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/isuzu/21fecdb334-1637609769/md-vorschaubilder-isuzu-260x300-crop-50-50.png"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--isuzu"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--isuzu" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--isuzu" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> <template x-if="tag==='all' || tag==='illustration' || tag==='shop'"> <div class="hex" style="animation-delay:0.2s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/sevenseas" class="hex-link" data-uid="sevenseas" @mouseenter="document.getElementById('matrixAnimIn--sevenseas').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--sevenseas').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Seven Seas Poster</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> <svg class="inline-block w-12 h-12" fill="none" viewBox="0 0 1500 1500" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="M758.49 678.293a102.998 102.998 0 0 0-9.356-8.843c-23.357-19.517-58.341-32.51-87.014-32.51-28.081 0-92.65 21.028-92.65 99.07 0 34.532 17.015 71.803 43.462 106.013 37.223 48.149 92.707 90.474 137.212 110.851a19.998 19.998 0 0 0 16.649.002c44.525-20.378 100.007-62.704 137.225-110.855 26.441-34.207 43.451-71.476 43.452-106.007.035-78.045-64.514-99.074-92.61-99.074-28.673 0-63.657 12.993-87.014 32.51a102.998 102.998 0 0 0-9.356 8.843Zm-20.02 44.529.02.828h40c0-8.871 6.724-16.586 15.005-23.505 16.496-13.785 41.114-23.205 61.365-23.205 16.386 0 52.632 13.542 52.61 59.06v.01c0 26.759-14.61 55.04-35.1 81.549-30.893 39.969-75.814 75.544-113.898 94.919-38.071-19.376-82.996-54.951-113.894-94.92-20.493-26.509-35.108-54.789-35.108-81.548 0-45.526 36.268-59.07 52.65-59.07 20.251 0 44.869 9.42 61.365 23.205 8.022 6.702 14.583 14.152 14.985 22.677ZM320.93 304.985c-10.048 6.584-16.74 17.944-16.74 30.745 0 20.149 16.581 36.73 36.73 36.73 20.15 0 36.73-16.581 36.73-36.73v-.058c-.017-12.773-6.697-24.105-16.72-30.679V212.6c0-71.469 58.811-130.28 130.28-130.28 70.862 0 129.279 57.815 130.267 128.46H409.47c-11.038 0-20 8.962-20 20s8.962 20 20 20h212.02v54.218c-10.038 6.586-16.72 17.94-16.72 30.732 0 20.149 16.581 36.73 36.73 36.73 20.15 0 36.73-16.581 36.73-36.73v-.066c-.023-12.776-6.71-24.107-16.74-30.679V212.6c0-93.413-76.867-170.28-170.28-170.28-92.806 0-169.28 75.871-170.27 168.46h-71.141c-33.659.019-62.143 25.886-65.395 59.387l-50.311 520.91-.002.017a57.639 57.639 0 0 0-.262 5.496c0 31.642 26.037 57.68 57.68 57.68H537c11.038 0 20-8.962 20-20s-8.962-20-20-20H191.509c-9.699 0-17.68-7.981-17.68-17.68 0-.561.026-1.122.08-1.681l50.308-520.878c1.274-13.116 12.425-23.243 25.603-23.251h71.11v54.205ZM715.2 250.78h17.407c13.172.012 24.315 10.137 25.586 23.248l29.549 306.193c1.061 10.987 10.842 19.047 21.829 17.987 10.987-1.061 19.047-10.842 17.987-21.829l-29.551-306.208c-3.246-33.496-31.718-59.364-65.371-59.391H715.2c-11.038 0-20 8.962-20 20s8.962 20 20 20Z" style="fill:#fff" transform="translate(-138.865 -69.577) scale(1.64407)"></path></svg> </span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--sevenseas"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm is-gold" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--sevenseas)" mask="url(#hexmask--sevenseas)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/sevenseas/576e943061-1637609769/md-vorschaubilder-260x300-crop-50-50.gif"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--sevenseas"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--sevenseas" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="0.45 0 0 0 0, 0.40 0 0 0 0, 0.30 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--sevenseas" attributeName="values" from="0.45 0 0 0 0, 0.40 0 0 0 0, 0.30 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> </template><div class="hex fadeIn" style="animation-delay:0.2s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/sevenseas" class="hex-link" data-uid="sevenseas" @mouseenter="document.getElementById('matrixAnimIn--sevenseas').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--sevenseas').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Seven Seas Poster</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> <svg class="inline-block w-12 h-12" fill="none" viewBox="0 0 1500 1500" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="M758.49 678.293a102.998 102.998 0 0 0-9.356-8.843c-23.357-19.517-58.341-32.51-87.014-32.51-28.081 0-92.65 21.028-92.65 99.07 0 34.532 17.015 71.803 43.462 106.013 37.223 48.149 92.707 90.474 137.212 110.851a19.998 19.998 0 0 0 16.649.002c44.525-20.378 100.007-62.704 137.225-110.855 26.441-34.207 43.451-71.476 43.452-106.007.035-78.045-64.514-99.074-92.61-99.074-28.673 0-63.657 12.993-87.014 32.51a102.998 102.998 0 0 0-9.356 8.843Zm-20.02 44.529.02.828h40c0-8.871 6.724-16.586 15.005-23.505 16.496-13.785 41.114-23.205 61.365-23.205 16.386 0 52.632 13.542 52.61 59.06v.01c0 26.759-14.61 55.04-35.1 81.549-30.893 39.969-75.814 75.544-113.898 94.919-38.071-19.376-82.996-54.951-113.894-94.92-20.493-26.509-35.108-54.789-35.108-81.548 0-45.526 36.268-59.07 52.65-59.07 20.251 0 44.869 9.42 61.365 23.205 8.022 6.702 14.583 14.152 14.985 22.677ZM320.93 304.985c-10.048 6.584-16.74 17.944-16.74 30.745 0 20.149 16.581 36.73 36.73 36.73 20.15 0 36.73-16.581 36.73-36.73v-.058c-.017-12.773-6.697-24.105-16.72-30.679V212.6c0-71.469 58.811-130.28 130.28-130.28 70.862 0 129.279 57.815 130.267 128.46H409.47c-11.038 0-20 8.962-20 20s8.962 20 20 20h212.02v54.218c-10.038 6.586-16.72 17.94-16.72 30.732 0 20.149 16.581 36.73 36.73 36.73 20.15 0 36.73-16.581 36.73-36.73v-.066c-.023-12.776-6.71-24.107-16.74-30.679V212.6c0-93.413-76.867-170.28-170.28-170.28-92.806 0-169.28 75.871-170.27 168.46h-71.141c-33.659.019-62.143 25.886-65.395 59.387l-50.311 520.91-.002.017a57.639 57.639 0 0 0-.262 5.496c0 31.642 26.037 57.68 57.68 57.68H537c11.038 0 20-8.962 20-20s-8.962-20-20-20H191.509c-9.699 0-17.68-7.981-17.68-17.68 0-.561.026-1.122.08-1.681l50.308-520.878c1.274-13.116 12.425-23.243 25.603-23.251h71.11v54.205ZM715.2 250.78h17.407c13.172.012 24.315 10.137 25.586 23.248l29.549 306.193c1.061 10.987 10.842 19.047 21.829 17.987 10.987-1.061 19.047-10.842 17.987-21.829l-29.551-306.208c-3.246-33.496-31.718-59.364-65.371-59.391H715.2c-11.038 0-20 8.962-20 20s8.962 20 20 20Z" style="fill:#fff" transform="translate(-138.865 -69.577) scale(1.64407)"></path></svg> </span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--sevenseas"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm is-gold" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--sevenseas)" mask="url(#hexmask--sevenseas)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/sevenseas/576e943061-1637609769/md-vorschaubilder-260x300-crop-50-50.gif"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--sevenseas"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--sevenseas" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="0.45 0 0 0 0, 0.40 0 0 0 0, 0.30 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--sevenseas" attributeName="values" from="0.45 0 0 0 0, 0.40 0 0 0 0, 0.30 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> <template x-if="tag==='all' || tag==='design' || tag==='artdirection'"> <div class="hex" style="animation-delay:0.02s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/buendnerbier" class="hex-link" data-uid="buendnerbier" @mouseenter="document.getElementById('matrixAnimIn--buendnerbier').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--buendnerbier').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">So und nöd anderscht</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> Bündner Bier</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--buendnerbier"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--buendnerbier)" mask="url(#hexmask--buendnerbier)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/buendnerbier/9ea7aa0fe7-1637609770/bb-verpackung-karton-260x300-crop-50-50.jpg"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--buendnerbier"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--buendnerbier" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--buendnerbier" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> </template><div class="hex fadeIn" style="animation-delay:0.02s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/buendnerbier" class="hex-link" data-uid="buendnerbier" @mouseenter="document.getElementById('matrixAnimIn--buendnerbier').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--buendnerbier').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">So und nöd anderscht</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> Bündner Bier</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--buendnerbier"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--buendnerbier)" mask="url(#hexmask--buendnerbier)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/buendnerbier/9ea7aa0fe7-1637609770/bb-verpackung-karton-260x300-crop-50-50.jpg"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--buendnerbier"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--buendnerbier" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--buendnerbier" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> <template x-if="tag==='all' || tag==='design' || tag==='artdirection'"> <div class="hex" style="animation-delay:0.08s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/frauenfussball" class="hex-link" data-uid="frauenfussball" @mouseenter="document.getElementById('matrixAnimIn--frauenfussball').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--frauenfussball').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Eine eigene Liga</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> FCZ Museum</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--frauenfussball"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--frauenfussball)" mask="url(#hexmask--frauenfussball)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/frauenfussball/829fb860ce-1637609782/md-vorschaubilder-seit1968-260x300-crop-50-50.gif"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--frauenfussball"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--frauenfussball" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--frauenfussball" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> </template><div class="hex fadeIn" style="animation-delay:0.08s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/frauenfussball" class="hex-link" data-uid="frauenfussball" @mouseenter="document.getElementById('matrixAnimIn--frauenfussball').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--frauenfussball').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Eine eigene Liga</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> FCZ Museum</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--frauenfussball"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--frauenfussball)" mask="url(#hexmask--frauenfussball)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/frauenfussball/829fb860ce-1637609782/md-vorschaubilder-seit1968-260x300-crop-50-50.gif"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--frauenfussball"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--frauenfussball" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--frauenfussball" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> <template x-if="tag==='all' || tag==='design'"> <div class="hex" style="animation-delay:0.04s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/saentis" class="hex-link" data-uid="saentis" @mouseenter="document.getElementById('matrixAnimIn--saentis').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--saentis').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Säntis Corporate Site</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> Säntis Berbahnen</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--saentis"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--saentis)" mask="url(#hexmask--saentis)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/saentis/2b8f9a02dd-1637609783/md-vorschaubilder-saentis-260x300-crop-50-50.png"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--saentis"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--saentis" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--saentis" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> </template><div class="hex fadeIn" style="animation-delay:0.04s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/saentis" class="hex-link" data-uid="saentis" @mouseenter="document.getElementById('matrixAnimIn--saentis').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--saentis').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Säntis Corporate Site</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> Säntis Berbahnen</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--saentis"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--saentis)" mask="url(#hexmask--saentis)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/saentis/2b8f9a02dd-1637609783/md-vorschaubilder-saentis-260x300-crop-50-50.png"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--saentis"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--saentis" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--saentis" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> <template x-if="tag==='all' || tag==='illustration'"> <div class="hex" style="animation-delay:0.18s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/riffraff" class="hex-link" data-uid="riffraff" @mouseenter="document.getElementById('matrixAnimIn--riffraff').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--riffraff').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Kino Neugasse App-Launch</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> Kino Riffraff</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--riffraff"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--riffraff)" mask="url(#hexmask--riffraff)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/riffraff/2f36b25f66-1637609784/md-vorschaubilder-neugasse1-260x300-crop-50-50.png"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--riffraff"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--riffraff" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--riffraff" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> </template><div class="hex fadeIn" style="animation-delay:0.18s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/riffraff" class="hex-link" data-uid="riffraff" @mouseenter="document.getElementById('matrixAnimIn--riffraff').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--riffraff').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Kino Neugasse App-Launch</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> Kino Riffraff</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--riffraff"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--riffraff)" mask="url(#hexmask--riffraff)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/riffraff/2f36b25f66-1637609784/md-vorschaubilder-neugasse1-260x300-crop-50-50.png"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--riffraff"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--riffraff" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--riffraff" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> <template x-if="tag==='all' || tag==='design'"> <div class="hex" style="animation-delay:0.2s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/hcd" class="hex-link" data-uid="hcd" @mouseenter="document.getElementById('matrixAnimIn--hcd').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--hcd').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Grischa United</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> HC Davos</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--hcd"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--hcd)" mask="url(#hexmask--hcd)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/hcd/844ad1594b-1637609785/md-vorschaubilder-hcdavos-260x300-crop-50-50.png"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--hcd"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--hcd" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--hcd" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> </template><div class="hex fadeIn" style="animation-delay:0.2s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/hcd" class="hex-link" data-uid="hcd" @mouseenter="document.getElementById('matrixAnimIn--hcd').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--hcd').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Grischa United</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> HC Davos</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--hcd"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--hcd)" mask="url(#hexmask--hcd)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/hcd/844ad1594b-1637609785/md-vorschaubilder-hcdavos-260x300-crop-50-50.png"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--hcd"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--hcd" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--hcd" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> <template x-if="tag==='all' || tag==='artdirection' || tag==='motion'"> <div class="hex" style="animation-delay:0.12s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/stoeckli" class="hex-link" data-uid="stoeckli" @mouseenter="document.getElementById('matrixAnimIn--stoeckli').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--stoeckli').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Stöckli Ski</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> Stöckli Athletes</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--stoeckli"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--stoeckli)" mask="url(#hexmask--stoeckli)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/stoeckli/d804d73a6c-1637609786/md-vorschaubilder-stoeckli-260x300-crop-50-50.png"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--stoeckli"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--stoeckli" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--stoeckli" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> </template><div class="hex fadeIn" style="animation-delay:0.12s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/stoeckli" class="hex-link" data-uid="stoeckli" @mouseenter="document.getElementById('matrixAnimIn--stoeckli').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--stoeckli').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Stöckli Ski</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> Stöckli Athletes</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--stoeckli"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--stoeckli)" mask="url(#hexmask--stoeckli)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/stoeckli/d804d73a6c-1637609786/md-vorschaubilder-stoeckli-260x300-crop-50-50.png"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--stoeckli"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--stoeckli" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--stoeckli" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> <template x-if="tag==='all' || tag==='design'"> <div class="hex" style="animation-delay:0s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/head" class="hex-link" data-uid="head" @mouseenter="document.getElementById('matrixAnimIn--head').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--head').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Skiers United</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> Head</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--head"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--head)" mask="url(#hexmask--head)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/head/1e1cd0c71c-1637609791/md-vorschaubilder-head-260x300-crop-50-50.png"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--head"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--head" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--head" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> </template><div class="hex fadeIn" style="animation-delay:0s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/head" class="hex-link" data-uid="head" @mouseenter="document.getElementById('matrixAnimIn--head').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--head').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Skiers United</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> Head</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--head"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--head)" mask="url(#hexmask--head)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/head/1e1cd0c71c-1637609791/md-vorschaubilder-head-260x300-crop-50-50.png"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--head"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--head" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--head" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> <template x-if="tag==='all' || tag==='design'"> <div class="hex" style="animation-delay:0.02s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/eichhof" class="hex-link" data-uid="eichhof" @mouseenter="document.getElementById('matrixAnimIn--eichhof').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--eichhof').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Brauchtums-Kampagne</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> Eichhof Bier</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--eichhof"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--eichhof)" mask="url(#hexmask--eichhof)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/eichhof/1ebb0e018d-1637609792/md-vorschaubilder-eichhof-260x300-crop-50-50.png"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--eichhof"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--eichhof" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--eichhof" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> </template><div class="hex fadeIn" style="animation-delay:0.02s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/eichhof" class="hex-link" data-uid="eichhof" @mouseenter="document.getElementById('matrixAnimIn--eichhof').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--eichhof').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Brauchtums-Kampagne</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> Eichhof Bier</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--eichhof"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--eichhof)" mask="url(#hexmask--eichhof)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/eichhof/1ebb0e018d-1637609792/md-vorschaubilder-eichhof-260x300-crop-50-50.png"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--eichhof"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--eichhof" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--eichhof" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> <template x-if="tag==='all' || tag==='design' || tag==='artdirection'"> <div class="hex" style="animation-delay:0.16s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/screendesign" class="hex-link" data-uid="screendesign" @mouseenter="document.getElementById('matrixAnimIn--screendesign').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--screendesign').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Diverse Screendesign</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> UX/UI-Design</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--screendesign"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--screendesign)" mask="url(#hexmask--screendesign)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/screendesign/71a5ad26c9-1637609794/md-vorschaubilder-screendesign-260x300-crop-50-50.png"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--screendesign"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--screendesign" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--screendesign" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> </template><div class="hex fadeIn" style="animation-delay:0.16s" :class="{ 'fadeIn': hexFadeIn === true }"> <div class="hex-in"> <a href="https://www.molinaridesign.ch/projects/screendesign" class="hex-link" data-uid="screendesign" @mouseenter="document.getElementById('matrixAnimIn--screendesign').beginElement();" @mouseleave="document.getElementById('matrixAnimOut--screendesign').beginElement();"> <span class="absolute inset-0 w-full h-full items-center text-center flex flex-col justify-center text-white"> <span class="block px-8 text-hex sm:text-hex-md lg:text-hex-lg font-serif relative">Diverse Screendesign</span> <span class="hidden sm:block w-full px-8 text-sm uppercase relative mt-4"> UX/UI-Design</span> </span> <svg class="hex-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 520 600"> <mask id="hexmask--screendesign"> <polygon class="hex-mask" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> </mask> <polygon class="hex-border-xl" points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <polygon class="hex-border-sm " points="260,0 520,150 520,450 260,600 0,450 0,150"></polygon> <image class="check-webp-href hexImg" filter="url(#matrixFilter--screendesign)" mask="url(#hexmask--screendesign)" width="520px" height="600px" xlink:href="https://www.molinaridesign.ch/media/pages/projects/screendesign/71a5ad26c9-1637609794/md-vorschaubilder-screendesign-260x300-crop-50-50.png"></image> </svg> <svg class="sr-only"> <defs> <filter id="matrixFilter--screendesign"> <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"> <feComposite in="SourceGraphic" in2="tmp1" operator="in"></feComposite> <animate id="matrixAnimIn--screendesign" attributeName="values" from="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" to="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" dur="0.15s" fill="freeze" begin="indefinite"></animate> <animate id="matrixAnimOut--screendesign" attributeName="values" from="1.00 0 0 0 0, 0.10 0 0 0 0, 0.00 0 0 0 0, 1 1 1 1 1" to="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" dur="0.15s" fill="freeze" begin="indefinite"></animate> </feColorMatrix> </filter> </defs> </svg> </a> </div> </div> </div> </div> <div class="fixed w-1/2 sm:w-1/3 max-w-xl left-0 bottom-0 fade-in" x-data="{ hellogif: $persist('hi') }" x-init="hellogif === 'hi' ? $refs.hellogifEl.classList.remove('hidden') : ''" x-ref="hellogifEl" x-show.transition.opacity.duration.500ms="hellogif === 'hi'" @mouseenter.once="hellogif = 'bye'"> <img src="https://www.molinaridesign.ch/media/pages/hellogifs/785ebaa1a1-1723537695/santa_summer_2024-post.gif" alt=""> </div> </main> </div> <div> <div id="address" class="flex justify-center"> <div class="bg-ie-red px-4 mt-6 md:px-8 pt-12 pb-8 sm:w-auto text-center text-white text-sm sm:text-base bg-cover bg-top bg-no-repeat mr-px" style="background-image:url('https://www.molinaridesign.ch/assets/img/hex-up--red.svg')"> <a href="https://www.molinaridesign.ch"> <img src="https://www.molinaridesign.ch/media/site/3a2e3a0cfa-1637609813/logo-molinaridesign.svg" alt="Molinari Design" class="inline-block w-24 h-24 mb-4" width="1500" height="1500"> </a> <p class="uppercase whitespace-nowrap"> <a href="tel:+41788897130">T +41 78 889 71 30</a><br> <a href="mailto:[email protected]">[email protected]</a><br> <a href="https://www.molinaridesign.ch/privacy" class="mt-2 inline-block text-xs">Legal notice</a> </p> </div> </div> </div> </div> <script> function setTag() { if (location.hash) { return location.hash.replace('#', ''); } else { // return 'all'; return 0; } } </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

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

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://www.molinaridesign.ch/	text/html	Highest	0.168 s	62 ms	37 ms	66 ms	60 ms	9 ms	7.5 KB	1 ms	200	80.74.145.160
2	https://www.molinari...sets/css/app.css?v=8	text/css	Highest	0.27 s	-	-	-	49 ms	2 ms	5.0 KB	-	200	80.74.145.160
3	https://www.molinari...assets/js/app.js?v=8	application/javascript	Low	0.285 s	-	-	-	162 ms	164 ms	29.2 KB	155 ms	200	80.74.145.160
4	https://www.molinari...o-molinaridesign.svg	image/svg+xml	Medium	0.285 s	-	-	-	45 ms	2 ms	2.3 KB	-	200	80.74.145.160
5	https://www.molinari...summer_2024-post.gif	image/gif	High	0.286 s	-	-	-	73 ms	29536 ms	14,816.0 KB	-	200	80.74.145.160
6	https://www.molinari...sets/img/body-bg.png	image/png	High	0.339 s	-	-	-	189 ms	87 ms	5.7 KB	-	200	80.74.145.160
7	https://www.molinari...-heavy-webfont.woff2	font/woff2	Highest	0.454 s	-	-	-	518 ms	29 ms	28.7 KB	-	200	80.74.145.160
8	https://www.molinari...Ginger-Regular.woff2	font/woff2	Highest	0.457 s	-	-	-	516 ms	84 ms	23.4 KB	-	200	80.74.145.160
9	https://www.molinari.../img/hex-up--red.svg	image/svg+xml	High	0.512 s	-	-	-	462 ms	117 ms	0.5 KB	-	200	80.74.145.160
10	https://www.molinari...0x300-crop-50-50.png	image/png	Low	0.784 s	-	-	-	391 ms	137 ms	62.0 KB	-	200	80.74.145.160
11	https://www.molinari...0x300-crop-50-50.png	image/png	Low	0.801 s	-	-	-	375 ms	188 ms	18.4 KB	-	200	80.74.145.160
12	https://www.molinari...0x300-crop-50-50.png	image/png	Low	0.803 s	-	-	-	373 ms	548 ms	70.9 KB	-	200	80.74.145.160
13	https://www.molinari...0x300-crop-50-50.png	image/png	Low	0.803 s	-	-	-	376 ms	801 ms	89.9 KB	-	200	80.74.145.160
14	https://www.molinari...0x300-crop-50-50.png	image/png	Low	0.804 s	-	-	-	375 ms	1536 ms	168.8 KB	-	200	80.74.145.160
15	https://www.molinari...0x300-crop-50-50.png	image/png	Low	0.804 s	-	-	-	376 ms	1370 ms	44.8 KB	-	200	80.74.145.160
16	https://www.molinari...0x300-crop-50-50.png	image/png	Low	0.804 s	-	-	-	377 ms	1903 ms	81.1 KB	-	200	80.74.145.160
17	https://www.molinari...0x300-crop-50-50.gif	image/gif	Low	0.804 s	-	-	-	378 ms	1668 ms	49.6 KB	-	200	80.74.145.160
18	https://www.molinari...0x300-crop-50-50.png	image/png	Low	0.808 s	-	-	-	374 ms	1930 ms	53.3 KB	-	200	80.74.145.160
19	https://www.molinari...0x300-crop-50-50.jpg	image/jpeg	Low	0.808 s	-	-	-	375 ms	1955 ms	23.7 KB	-	200	80.74.145.160
20	https://www.molinari...0x300-crop-50-50.png	image/png	Low	0.808 s	-	-	-	613 ms	2326 ms	169.8 KB	-	200	80.74.145.160
21	https://www.molinari...0x300-crop-50-50.gif	image/gif	Low	0.808 s	-	-	-	614 ms	2358 ms	69.5 KB	-	200	80.74.145.160
22	https://www.molinari...0x300-crop-50-50.jpg	image/jpeg	Low	0.809 s	-	-	-	612 ms	2468 ms	63.3 KB	-	200	80.74.145.160
23	https://www.molinari...0x300-crop-50-50.gif	image/gif	Low	0.809 s	-	-	-	613 ms	4085 ms	294.4 KB	-	200	80.74.145.160
24	https://www.molinari...0x300-crop-50-50.png	image/png	Low	0.809 s	-	-	-	614 ms	3098 ms	102.0 KB	-	200	80.74.145.160
25	https://www.molinari...0x300-crop-50-50.png	image/png	Low	0.81 s	-	-	-	617 ms	4141 ms	158.8 KB	-	200	80.74.145.160
26	https://www.molinari...0x300-crop-50-50.png	image/png	Low	0.811 s	-	-	-	616 ms	4546 ms	188.8 KB	-	200	80.74.145.160
27	https://www.molinari...0x300-crop-50-50.png	image/png	Low	0.811 s	-	-	-	640 ms	4579 ms	94.2 KB	-	200	80.74.145.160
28	https://www.molinari...0x300-crop-50-50.png	image/png	Low	0.811 s	-	-	-	636 ms	5692 ms	193.8 KB	-	200	80.74.145.160
29	https://www.molinari...0x300-crop-50-50.png	image/png	Low	0.812 s	-	-	-	617 ms	5591 ms	179.9 KB	-	200	80.74.145.160
30	https://www.molinari...0x300-crop-50-50.png	image/png	Low	0.812 s	-	-	-	614 ms	5562 ms	105.7 KB	-	200	80.74.145.160

Request Headers

+ Expand All

Request 1: https://www.molinaridesign.ch/

URL: https://www.molinaridesign.ch/
Host: www.molinaridesign.ch
IP: 80.74.145.160
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://www.molinaridesign.ch/assets/js/app.js?v=8
Request Start: 0.168 s
DNS Lookup: 62 ms
Initial Connection: 37 ms
Time to First Byte: 60 ms
Content Download: 9 ms
Bytes In (downloaded): 7.5 KB
Uncompressed Size: 61.7 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: www.molinaridesign.ch
: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.09

Response Headers:

cache-control: max-age=172800
content-encoding: gzip
content-length: 7661
content-type: text/html; charset=UTF-8
date: Fri, 06 Sep 2024 09:22:29 GMT
expires: Sun, 08 Sep 2024 09:22:29 GMT
server: nginx
vary: Accept-Encoding
:status: 200

Request 2: https://www.molinaridesign.ch/assets/css/app.css?v=8

URL: https://www.molinaridesign.ch/assets/css/app.css?v=8
Host: www.molinaridesign.ch
IP: 80.74.145.160
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 3, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://www.molinaridesign.ch/ line 29
Request Start: 0.270 s
Time to First Byte: 49 ms
Content Download: 2 ms
Bytes In (downloaded): 5.0 KB
Uncompressed Size: 24.3 KB
Bytes Out (uploaded): 1.8 KB

Request Headers:

:authority: www.molinaridesign.ch
:method: GET
:path: /assets/css/app.css?v=8
: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://www.molinaridesign.ch/
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.09

Response Headers:

cache-control: max-age=172800
content-encoding: br
content-type: text/css
date: Fri, 06 Sep 2024 09:22:29 GMT
etag: W/"64f0a098-611b"
expires: Sun, 08 Sep 2024 09:22:29 GMT
last-modified: Thu, 31 Aug 2023 14:15:52 GMT
server: nginx
vary: Accept-Encoding
:status: 200

Request 3: https://www.molinaridesign.ch/assets/js/app.js?v=8

URL: https://www.molinaridesign.ch/assets/js/app.js?v=8
Host: www.molinaridesign.ch
IP: 80.74.145.160
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 9, weight 147, depends on 7, EXCLUSIVE
Initiated By: https://www.molinaridesign.ch/ line 29
Request Start: 0.285 s
Time to First Byte: 162 ms
Content Download: 164 ms
Bytes In (downloaded): 29.2 KB
Uncompressed Size: 83.4 KB
Bytes Out (uploaded): 1.7 KB

Request Headers:

:authority: www.molinaridesign.ch
:method: GET
:path: /assets/js/app.js?v=8
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
referer: https://www.molinaridesign.ch/
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.09

Response Headers:

cache-control: max-age=172800
content-encoding: br
content-type: application/javascript
date: Fri, 06 Sep 2024 09:22:29 GMT
etag: W/"64f0a098-14da6"
expires: Sun, 08 Sep 2024 09:22:29 GMT
last-modified: Thu, 31 Aug 2023 14:15:52 GMT
server: nginx
vary: Accept-Encoding
:status: 200

Request 4: https://www.molinaridesign.ch/media/site/3a2e3a0cfa-1637609813/logo-molinaridesign.svg

URL: https://www.molinaridesign.ch/media/site/3a2e3a0cfa-1637609813/logo-molinaridesign.svg
Host: www.molinaridesign.ch
IP: 80.74.145.160
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 5, weight 183, depends on 3, EXCLUSIVE
Initiated By: https://www.molinaridesign.ch/ line 51
Request Start: 0.285 s
Time to First Byte: 45 ms
Content Download: 2 ms
Bytes In (downloaded): 2.3 KB
Uncompressed Size: 6.1 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: www.molinaridesign.ch
:method: GET
:path: /media/site/3a2e3a0cfa-1637609813/logo-molinaridesign.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://www.molinaridesign.ch/
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.09

Response Headers:

cache-control: max-age=2592000
content-encoding: gzip
content-type: image/svg+xml
date: Fri, 06 Sep 2024 09:22:29 GMT
etag: W/"619bf1ae-188b"
expires: Sun, 06 Oct 2024 09:22:29 GMT
last-modified: Mon, 22 Nov 2021 19:38:22 GMT
server: nginx
vary: Accept-Encoding
:status: 200

Request 5: https://www.molinaridesign.ch/media/pages/hellogifs/785ebaa1a1-1723537695/santa_summer_2024-post.gif

URL: https://www.molinaridesign.ch/media/pages/hellogifs/785ebaa1a1-1723537695/santa_summer_2024-post.gif
Host: www.molinaridesign.ch
IP: 80.74.145.160
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 7, weight 183, depends on 5, EXCLUSIVE
Initiated By: https://www.molinaridesign.ch/ line 939
Request Start: 0.286 s
Time to First Byte: 73 ms
Content Download: 29536 ms
Bytes In (downloaded): 14,816.0 KB
Uncompressed Size: 14,799.9 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: www.molinaridesign.ch
:method: GET
:path: /media/pages/hellogifs/785ebaa1a1-1723537695/santa_summer_2024-post.gif
: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://www.molinaridesign.ch/
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.09

Response Headers:

accept-ranges: bytes
cache-control: max-age=2592000
content-length: 96195631
content-type: image/gif
date: Fri, 06 Sep 2024 09:22:29 GMT
etag: "66bb192b-5bbd42f"
expires: Sun, 06 Oct 2024 09:22:29 GMT
last-modified: Tue, 13 Aug 2024 08:28:27 GMT
server: nginx
:status: 200

Request 6: https://www.molinaridesign.ch/assets/img/body-bg.png

URL: https://www.molinaridesign.ch/assets/img/body-bg.png
Host: www.molinaridesign.ch
IP: 80.74.145.160
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 11, weight 220, depends on 0, EXCLUSIVE
Initiated By: https://www.molinaridesign.ch/assets/css/app.css?v=8
Request Start: 0.339 s
Time to First Byte: 189 ms
Content Download: 87 ms
Bytes In (downloaded): 5.7 KB
Uncompressed Size: 5.7 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: www.molinaridesign.ch
:method: GET
:path: /assets/img/body-bg.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://www.molinaridesign.ch/assets/css/app.css?v=8
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.09

Response Headers:

accept-ranges: bytes
cache-control: max-age=2592000
content-length: 5801
content-type: image/png
date: Fri, 06 Sep 2024 09:22:29 GMT
etag: "64f0a116-16a9"
expires: Sun, 06 Oct 2024 09:22:29 GMT
last-modified: Thu, 31 Aug 2023 14:17:58 GMT
server: nginx
:status: 200

Request 7: https://www.molinaridesign.ch/assets/fonts/f37bella-heavy-webfont.woff2

URL: https://www.molinaridesign.ch/assets/fonts/f37bella-heavy-webfont.woff2
Host: www.molinaridesign.ch
IP: 80.74.145.160
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 13, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://www.molinaridesign.ch/assets/css/app.css?v=8
Request Start: 0.454 s
Time to First Byte: 518 ms
Content Download: 29 ms
Bytes In (downloaded): 28.7 KB
Uncompressed Size: 28.7 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: www.molinaridesign.ch
:method: GET
:path: /assets/fonts/f37bella-heavy-webfont.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://www.molinaridesign.ch
priority: u=0
referer: https://www.molinaridesign.ch/assets/css/app.css?v=8
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.09

Response Headers:

accept-ranges: bytes
cache-control: max-age=172800
content-length: 29376
content-type: font/woff2
date: Fri, 06 Sep 2024 09:22:29 GMT
etag: "64f0a116-72c0"
expires: Sun, 08 Sep 2024 09:22:29 GMT
last-modified: Thu, 31 Aug 2023 14:17:58 GMT
server: nginx
:status: 200

Request 8: https://www.molinaridesign.ch/assets/fonts/F37Ginger-Regular.woff2

URL: https://www.molinaridesign.ch/assets/fonts/F37Ginger-Regular.woff2
Host: www.molinaridesign.ch
IP: 80.74.145.160
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 15, weight 256, depends on 13, EXCLUSIVE
Initiated By: https://www.molinaridesign.ch/assets/css/app.css?v=8
Request Start: 0.457 s
Time to First Byte: 516 ms
Content Download: 84 ms
Bytes In (downloaded): 23.4 KB
Uncompressed Size: 23.4 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: www.molinaridesign.ch
:method: GET
:path: /assets/fonts/F37Ginger-Regular.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://www.molinaridesign.ch
priority: u=0
referer: https://www.molinaridesign.ch/assets/css/app.css?v=8
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.09

Response Headers:

accept-ranges: bytes
cache-control: max-age=172800
content-length: 23996
content-type: font/woff2
date: Fri, 06 Sep 2024 09:22:29 GMT
etag: "64f0a116-5dbc"
expires: Sun, 08 Sep 2024 09:22:29 GMT
last-modified: Thu, 31 Aug 2023 14:17:58 GMT
server: nginx
:status: 200

Request 9: https://www.molinaridesign.ch/assets/img/hex-up--red.svg

URL: https://www.molinaridesign.ch/assets/img/hex-up--red.svg
Host: www.molinaridesign.ch
IP: 80.74.145.160
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 17, weight 220, depends on 11, EXCLUSIVE
Initiated By: https://www.molinaridesign.ch/ line 977
Request Start: 0.512 s
Time to First Byte: 462 ms
Content Download: 117 ms
Bytes In (downloaded): 0.5 KB
Uncompressed Size: 0.5 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: www.molinaridesign.ch
:method: GET
:path: /assets/img/hex-up--red.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://www.molinaridesign.ch/
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.09

Response Headers:

accept-ranges: bytes
cache-control: max-age=2592000
content-length: 563
content-type: image/svg+xml
date: Fri, 06 Sep 2024 09:22:29 GMT
etag: "233-60438b5f9f180"
expires: Sun, 06 Oct 2024 09:22:29 GMT
last-modified: Thu, 31 Aug 2023 14:17:58 GMT
server: nginx
x-accel-version: 0.01
:status: 200

Request 10: https://www.molinaridesign.ch/media/pages/projects/fcz-europa/38b2ed58cd-1666624074/md-vorschaubilder-fcz-europa-260x300-crop-50-50.png

URL: https://www.molinaridesign.ch/media/pages/projects/fcz-europa/38b2ed58cd-1666624074/md-vorschaubilder-fcz-europa-260x300-crop-50-50.png
Host: www.molinaridesign.ch
IP: 80.74.145.160
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 19, weight 147, depends on 7, EXCLUSIVE
Initiated By: https://www.molinaridesign.ch/ line 977
Request Start: 0.784 s
Time to First Byte: 391 ms
Content Download: 137 ms
Bytes In (downloaded): 62.0 KB
Uncompressed Size: 62.0 KB
Bytes Out (uploaded): 2.2 KB

Request Headers:

:authority: www.molinaridesign.ch
:method: GET
:path: /media/pages/projects/fcz-europa/38b2ed58cd-1666624074/md-vorschaubilder-fcz-europa-260x300-crop-50-50.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://www.molinaridesign.ch/
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.09

Response Headers:

accept-ranges: bytes
cache-control: max-age=2592000
content-length: 63488
content-type: image/png
date: Fri, 06 Sep 2024 09:22:30 GMT
etag: "6356aba4-f800"
expires: Sun, 06 Oct 2024 09:22:30 GMT
last-modified: Mon, 24 Oct 2022 15:13:40 GMT
server: nginx
:status: 200

Request 11: https://www.molinaridesign.ch/media/pages/projects/bistroriffraff/fed51840c8-1637609746/md-vorschaubilder-bistroriffraff-260x300-crop-50-50.png

URL: https://www.molinaridesign.ch/media/pages/projects/bistroriffraff/fed51840c8-1637609746/md-vorschaubilder-bistroriffraff-260x300-crop-50-50.png
Host: www.molinaridesign.ch
IP: 80.74.145.160
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 21, weight 147, depends on 19, EXCLUSIVE
Initiated By: https://www.molinaridesign.ch/ line 977
Request Start: 0.801 s
Time to First Byte: 375 ms
Content Download: 188 ms
Bytes In (downloaded): 18.4 KB
Uncompressed Size: 18.4 KB
Bytes Out (uploaded): 2.2 KB

Request Headers:

:authority: www.molinaridesign.ch
:method: GET
:path: /media/pages/projects/bistroriffraff/fed51840c8-1637609746/md-vorschaubilder-bistroriffraff-260x300-crop-50-50.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://www.molinaridesign.ch/
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.09

Response Headers:

accept-ranges: bytes
cache-control: max-age=2592000
content-length: 18865
content-type: image/png
date: Fri, 06 Sep 2024 09:22:30 GMT
etag: "6356aba4-49b1"
expires: Sun, 06 Oct 2024 09:22:30 GMT
last-modified: Mon, 24 Oct 2022 15:13:40 GMT
server: nginx
:status: 200

Request 12: https://www.molinaridesign.ch/media/pages/projects/bindella-natale/72c6270cca-1637609751/md-vorschaubilder-bindellanatale-260x300-crop-50-50.png

URL: https://www.molinaridesign.ch/media/pages/projects/bindella-natale/72c6270cca-1637609751/md-vorschaubilder-bindellanatale-260x300-crop-50-50.png
Host: www.molinaridesign.ch
IP: 80.74.145.160
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 23, weight 147, depends on 21, EXCLUSIVE
Initiated By: https://www.molinaridesign.ch/ line 977
Request Start: 0.803 s
Time to First Byte: 373 ms
Content Download: 548 ms
Bytes In (downloaded): 70.9 KB
Uncompressed Size: 70.9 KB
Bytes Out (uploaded): 2.2 KB

Request Headers:

:authority: www.molinaridesign.ch
:method: GET
:path: /media/pages/projects/bindella-natale/72c6270cca-1637609751/md-vorschaubilder-bindellanatale-260x300-crop-50-50.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://www.molinaridesign.ch/
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.09

Response Headers:

accept-ranges: bytes
cache-control: max-age=2592000
content-length: 72612
content-type: image/png
date: Fri, 06 Sep 2024 09:22:30 GMT
etag: "6356aba4-11ba4"
expires: Sun, 06 Oct 2024 09:22:30 GMT
last-modified: Mon, 24 Oct 2022 15:13:40 GMT
server: nginx
:status: 200

Request 13: https://www.molinaridesign.ch/media/pages/projects/bindella-vino/80d53a8955-1637609752/md-vorschaubilder-festa-260x300-crop-50-50.png

URL: https://www.molinaridesign.ch/media/pages/projects/bindella-vino/80d53a8955-1637609752/md-vorschaubilder-festa-260x300-crop-50-50.png
Host: www.molinaridesign.ch
IP: 80.74.145.160
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 25, weight 147, depends on 23, EXCLUSIVE
Initiated By: https://www.molinaridesign.ch/ line 977
Request Start: 0.803 s
Time to First Byte: 376 ms
Content Download: 801 ms
Bytes In (downloaded): 89.9 KB
Uncompressed Size: 89.9 KB
Bytes Out (uploaded): 2.2 KB

Request Headers:

:authority: www.molinaridesign.ch
:method: GET
:path: /media/pages/projects/bindella-vino/80d53a8955-1637609752/md-vorschaubilder-festa-260x300-crop-50-50.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://www.molinaridesign.ch/
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.09

Response Headers:

accept-ranges: bytes
cache-control: max-age=2592000
content-length: 92076
content-type: image/png
date: Fri, 06 Sep 2024 09:22:30 GMT
etag: "6356aba4-167ac"
expires: Sun, 06 Oct 2024 09:22:30 GMT
last-modified: Mon, 24 Oct 2022 15:13:40 GMT
server: nginx
:status: 200

Request 14: https://www.molinaridesign.ch/media/pages/projects/flymotion/0150a36ff2-1637609760/md-vorschaubilder-flymotion-260x300-crop-50-50.png

URL: https://www.molinaridesign.ch/media/pages/projects/flymotion/0150a36ff2-1637609760/md-vorschaubilder-flymotion-260x300-crop-50-50.png
Host: www.molinaridesign.ch
IP: 80.74.145.160
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 27, weight 147, depends on 25, EXCLUSIVE
Initiated By: https://www.molinaridesign.ch/ line 977
Request Start: 0.804 s
Time to First Byte: 375 ms
Content Download: 1536 ms
Bytes In (downloaded): 168.8 KB
Uncompressed Size: 168.8 KB
Bytes Out (uploaded): 2.2 KB

Request Headers:

:authority: www.molinaridesign.ch
:method: GET
:path: /media/pages/projects/flymotion/0150a36ff2-1637609760/md-vorschaubilder-flymotion-260x300-crop-50-50.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://www.molinaridesign.ch/
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.09

Response Headers:

accept-ranges: bytes
cache-control: max-age=2592000
content-length: 172831
content-type: image/png
date: Fri, 06 Sep 2024 09:22:30 GMT
etag: "6356aba4-2a31f"
expires: Sun, 06 Oct 2024 09:22:30 GMT
last-modified: Mon, 24 Oct 2022 15:13:40 GMT
server: nginx
:status: 200

Request 15: https://www.molinaridesign.ch/media/pages/projects/ah4/7895a63967-1637609761/md-vorschaubilder-ah4-260x300-crop-50-50.png

URL: https://www.molinaridesign.ch/media/pages/projects/ah4/7895a63967-1637609761/md-vorschaubilder-ah4-260x300-crop-50-50.png
Host: www.molinaridesign.ch
IP: 80.74.145.160
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 29, weight 147, depends on 27, EXCLUSIVE
Initiated By: https://www.molinaridesign.ch/ line 977
Request Start: 0.804 s
Time to First Byte: 376 ms
Content Download: 1370 ms
Bytes In (downloaded): 44.8 KB
Uncompressed Size: 44.8 KB
Bytes Out (uploaded): 2.2 KB

Request Headers:

:authority: www.molinaridesign.ch
:method: GET
:path: /media/pages/projects/ah4/7895a63967-1637609761/md-vorschaubilder-ah4-260x300-crop-50-50.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://www.molinaridesign.ch/
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.09

Response Headers:

accept-ranges: bytes
cache-control: max-age=2592000
content-length: 45922
content-type: image/png
date: Fri, 06 Sep 2024 09:22:30 GMT
etag: "6356aba4-b362"
expires: Sun, 06 Oct 2024 09:22:30 GMT
last-modified: Mon, 24 Oct 2022 15:13:40 GMT
server: nginx
:status: 200

Request 16: https://www.molinaridesign.ch/media/pages/projects/kidsclub/77a86f4dff-1637609761/md-vorschaubilder-kidsclub-260x300-crop-50-50.png

URL: https://www.molinaridesign.ch/media/pages/projects/kidsclub/77a86f4dff-1637609761/md-vorschaubilder-kidsclub-260x300-crop-50-50.png
Host: www.molinaridesign.ch
IP: 80.74.145.160
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 31, weight 147, depends on 29, EXCLUSIVE
Initiated By: https://www.molinaridesign.ch/ line 977
Request Start: 0.804 s
Time to First Byte: 377 ms
Content Download: 1903 ms
Bytes In (downloaded): 81.1 KB
Uncompressed Size: 81.1 KB
Bytes Out (uploaded): 2.2 KB

Request Headers:

:authority: www.molinaridesign.ch
:method: GET
:path: /media/pages/projects/kidsclub/77a86f4dff-1637609761/md-vorschaubilder-kidsclub-260x300-crop-50-50.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://www.molinaridesign.ch/
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.09

Response Headers:

accept-ranges: bytes
cache-control: max-age=2592000
content-length: 83050
content-type: image/png
date: Fri, 06 Sep 2024 09:22:30 GMT
etag: "6356aba4-1446a"
expires: Sun, 06 Oct 2024 09:22:30 GMT
last-modified: Mon, 24 Oct 2022 15:13:40 GMT
server: nginx
:status: 200

Request 17: https://www.molinaridesign.ch/media/pages/projects/seabag/333c035755-1637609761/md-vorschaubilder-seabag-260x300-crop-50-50.gif

URL: https://www.molinaridesign.ch/media/pages/projects/seabag/333c035755-1637609761/md-vorschaubilder-seabag-260x300-crop-50-50.gif
Host: www.molinaridesign.ch
IP: 80.74.145.160
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 33, weight 147, depends on 31, EXCLUSIVE
Initiated By: https://www.molinaridesign.ch/ line 977
Request Start: 0.804 s
Time to First Byte: 378 ms
Content Download: 1668 ms
Bytes In (downloaded): 49.6 KB
Uncompressed Size: 49.6 KB
Bytes Out (uploaded): 2.2 KB

Request Headers:

:authority: www.molinaridesign.ch
:method: GET
:path: /media/pages/projects/seabag/333c035755-1637609761/md-vorschaubilder-seabag-260x300-crop-50-50.gif
: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://www.molinaridesign.ch/
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.09

Response Headers:

accept-ranges: bytes
cache-control: max-age=2592000
content-length: 50787
content-type: image/gif
date: Fri, 06 Sep 2024 09:22:30 GMT
etag: "6356aba4-c663"
expires: Sun, 06 Oct 2024 09:22:30 GMT
last-modified: Mon, 24 Oct 2022 15:13:40 GMT
server: nginx
:status: 200

Request 18: https://www.molinaridesign.ch/media/pages/projects/verkehrshaus/6fa228489c-1637609762/md-vorschaubilder-verkehrshaus-260x300-crop-50-50.png

URL: https://www.molinaridesign.ch/media/pages/projects/verkehrshaus/6fa228489c-1637609762/md-vorschaubilder-verkehrshaus-260x300-crop-50-50.png
Host: www.molinaridesign.ch
IP: 80.74.145.160
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 35, weight 147, depends on 33, EXCLUSIVE
Initiated By: https://www.molinaridesign.ch/ line 977
Request Start: 0.808 s
Time to First Byte: 374 ms
Content Download: 1930 ms
Bytes In (downloaded): 53.3 KB
Uncompressed Size: 53.3 KB
Bytes Out (uploaded): 2.2 KB

Request Headers:

:authority: www.molinaridesign.ch
:method: GET
:path: /media/pages/projects/verkehrshaus/6fa228489c-1637609762/md-vorschaubilder-verkehrshaus-260x300-crop-50-50.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://www.molinaridesign.ch/
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.09

Response Headers:

accept-ranges: bytes
cache-control: max-age=2592000
content-length: 54620
content-type: image/png
date: Fri, 06 Sep 2024 09:22:30 GMT
etag: "6356aba4-d55c"
expires: Sun, 06 Oct 2024 09:22:30 GMT
last-modified: Mon, 24 Oct 2022 15:13:40 GMT
server: nginx
:status: 200

Request 19: https://www.molinaridesign.ch/media/pages/projects/fcztotal/900663b1b4-1637609763/totalfcz-album-rz-bild-260x300-crop-50-50.jpg

URL: https://www.molinaridesign.ch/media/pages/projects/fcztotal/900663b1b4-1637609763/totalfcz-album-rz-bild-260x300-crop-50-50.jpg
Host: www.molinaridesign.ch
IP: 80.74.145.160
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 37, weight 147, depends on 35, EXCLUSIVE
Initiated By: https://www.molinaridesign.ch/ line 977
Request Start: 0.808 s
Time to First Byte: 375 ms
Content Download: 1955 ms
Bytes In (downloaded): 23.7 KB
Uncompressed Size: 23.7 KB
Bytes Out (uploaded): 2.2 KB

Request Headers:

:authority: www.molinaridesign.ch
:method: GET
:path: /media/pages/projects/fcztotal/900663b1b4-1637609763/totalfcz-album-rz-bild-260x300-crop-50-50.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://www.molinaridesign.ch/
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.09

Response Headers:

accept-ranges: bytes
cache-control: max-age=2592000
content-length: 24311
content-type: image/jpeg
date: Fri, 06 Sep 2024 09:22:30 GMT
etag: "6356aba5-5ef7"
expires: Sun, 06 Oct 2024 09:22:30 GMT
last-modified: Mon, 24 Oct 2022 15:13:41 GMT
server: nginx
:status: 200

Request 20: https://www.molinaridesign.ch/media/pages/projects/isuzu/21fecdb334-1637609769/md-vorschaubilder-isuzu-260x300-crop-50-50.png

URL: https://www.molinaridesign.ch/media/pages/projects/isuzu/21fecdb334-1637609769/md-vorschaubilder-isuzu-260x300-crop-50-50.png
Host: www.molinaridesign.ch
IP: 80.74.145.160
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 39, weight 147, depends on 37, EXCLUSIVE
Initiated By: https://www.molinaridesign.ch/ line 977
Request Start: 0.808 s
Time to First Byte: 613 ms
Content Download: 2326 ms
Bytes In (downloaded): 169.8 KB
Uncompressed Size: 169.8 KB
Bytes Out (uploaded): 2.2 KB

Request Headers:

:authority: www.molinaridesign.ch
:method: GET
:path: /media/pages/projects/isuzu/21fecdb334-1637609769/md-vorschaubilder-isuzu-260x300-crop-50-50.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://www.molinaridesign.ch/
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.09

Response Headers:

accept-ranges: bytes
cache-control: max-age=2592000
content-length: 173913
content-type: image/png
date: Fri, 06 Sep 2024 09:22:30 GMT
etag: "6356aba4-2a759"
expires: Sun, 06 Oct 2024 09:22:30 GMT
last-modified: Mon, 24 Oct 2022 15:13:40 GMT
server: nginx
:status: 200

Request 21: https://www.molinaridesign.ch/media/pages/projects/sevenseas/576e943061-1637609769/md-vorschaubilder-260x300-crop-50-50.gif

URL: https://www.molinaridesign.ch/media/pages/projects/sevenseas/576e943061-1637609769/md-vorschaubilder-260x300-crop-50-50.gif
Host: www.molinaridesign.ch
IP: 80.74.145.160
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 41, weight 147, depends on 39, EXCLUSIVE
Initiated By: https://www.molinaridesign.ch/ line 977
Request Start: 0.808 s
Time to First Byte: 614 ms
Content Download: 2358 ms
Bytes In (downloaded): 69.5 KB
Uncompressed Size: 69.5 KB
Bytes Out (uploaded): 2.2 KB

Request Headers:

:authority: www.molinaridesign.ch
:method: GET
:path: /media/pages/projects/sevenseas/576e943061-1637609769/md-vorschaubilder-260x300-crop-50-50.gif
: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://www.molinaridesign.ch/
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.09

Response Headers:

accept-ranges: bytes
cache-control: max-age=2592000
content-length: 71183
content-type: image/gif
date: Fri, 06 Sep 2024 09:22:30 GMT
etag: "6356aba5-1160f"
expires: Sun, 06 Oct 2024 09:22:30 GMT
last-modified: Mon, 24 Oct 2022 15:13:41 GMT
server: nginx
:status: 200

Request 22: https://www.molinaridesign.ch/media/pages/projects/buendnerbier/9ea7aa0fe7-1637609770/bb-verpackung-karton-260x300-crop-50-50.jpg

URL: https://www.molinaridesign.ch/media/pages/projects/buendnerbier/9ea7aa0fe7-1637609770/bb-verpackung-karton-260x300-crop-50-50.jpg
Host: www.molinaridesign.ch
IP: 80.74.145.160
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 43, weight 147, depends on 41, EXCLUSIVE
Initiated By: https://www.molinaridesign.ch/ line 977
Request Start: 0.809 s
Time to First Byte: 612 ms
Content Download: 2468 ms
Bytes In (downloaded): 63.3 KB
Uncompressed Size: 63.3 KB
Bytes Out (uploaded): 2.2 KB

Request Headers:

:authority: www.molinaridesign.ch
:method: GET
:path: /media/pages/projects/buendnerbier/9ea7aa0fe7-1637609770/bb-verpackung-karton-260x300-crop-50-50.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://www.molinaridesign.ch/
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.09

Response Headers:

accept-ranges: bytes
cache-control: max-age=2592000
content-length: 64863
content-type: image/jpeg
date: Fri, 06 Sep 2024 09:22:30 GMT
etag: "6356aba4-fd5f"
expires: Sun, 06 Oct 2024 09:22:30 GMT
last-modified: Mon, 24 Oct 2022 15:13:40 GMT
server: nginx
:status: 200

Request 23: https://www.molinaridesign.ch/media/pages/projects/frauenfussball/829fb860ce-1637609782/md-vorschaubilder-seit1968-260x300-crop-50-50.gif

URL: https://www.molinaridesign.ch/media/pages/projects/frauenfussball/829fb860ce-1637609782/md-vorschaubilder-seit1968-260x300-crop-50-50.gif
Host: www.molinaridesign.ch
IP: 80.74.145.160
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 45, weight 147, depends on 43, EXCLUSIVE
Initiated By: https://www.molinaridesign.ch/ line 977
Request Start: 0.809 s
Time to First Byte: 613 ms
Content Download: 4085 ms
Bytes In (downloaded): 294.4 KB
Uncompressed Size: 294.4 KB
Bytes Out (uploaded): 2.2 KB

Request Headers:

:authority: www.molinaridesign.ch
:method: GET
:path: /media/pages/projects/frauenfussball/829fb860ce-1637609782/md-vorschaubilder-seit1968-260x300-crop-50-50.gif
: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://www.molinaridesign.ch/
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.09

Response Headers:

accept-ranges: bytes
cache-control: max-age=2592000
content-length: 301437
content-type: image/gif
date: Fri, 06 Sep 2024 09:22:30 GMT
etag: "6356aba5-4997d"
expires: Sun, 06 Oct 2024 09:22:30 GMT
last-modified: Mon, 24 Oct 2022 15:13:41 GMT
server: nginx
:status: 200

Request 24: https://www.molinaridesign.ch/media/pages/projects/saentis/2b8f9a02dd-1637609783/md-vorschaubilder-saentis-260x300-crop-50-50.png

URL: https://www.molinaridesign.ch/media/pages/projects/saentis/2b8f9a02dd-1637609783/md-vorschaubilder-saentis-260x300-crop-50-50.png
Host: www.molinaridesign.ch
IP: 80.74.145.160
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 47, weight 147, depends on 45, EXCLUSIVE
Initiated By: https://www.molinaridesign.ch/ line 977
Request Start: 0.809 s
Time to First Byte: 614 ms
Content Download: 3098 ms
Bytes In (downloaded): 102.0 KB
Uncompressed Size: 102.0 KB
Bytes Out (uploaded): 2.2 KB

Request Headers:

:authority: www.molinaridesign.ch
:method: GET
:path: /media/pages/projects/saentis/2b8f9a02dd-1637609783/md-vorschaubilder-saentis-260x300-crop-50-50.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://www.molinaridesign.ch/
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.09

Response Headers:

accept-ranges: bytes
cache-control: max-age=2592000
content-length: 104398
content-type: image/png
date: Fri, 06 Sep 2024 09:22:30 GMT
etag: "6356aba4-197ce"
expires: Sun, 06 Oct 2024 09:22:30 GMT
last-modified: Mon, 24 Oct 2022 15:13:40 GMT
server: nginx
:status: 200

Request 25: https://www.molinaridesign.ch/media/pages/projects/riffraff/2f36b25f66-1637609784/md-vorschaubilder-neugasse1-260x300-crop-50-50.png

URL: https://www.molinaridesign.ch/media/pages/projects/riffraff/2f36b25f66-1637609784/md-vorschaubilder-neugasse1-260x300-crop-50-50.png
Host: www.molinaridesign.ch
IP: 80.74.145.160
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 49, weight 147, depends on 47, EXCLUSIVE
Initiated By: https://www.molinaridesign.ch/ line 977
Request Start: 0.810 s
Time to First Byte: 617 ms
Content Download: 4141 ms
Bytes In (downloaded): 158.8 KB
Uncompressed Size: 158.8 KB
Bytes Out (uploaded): 2.2 KB

Request Headers:

:authority: www.molinaridesign.ch
:method: GET
:path: /media/pages/projects/riffraff/2f36b25f66-1637609784/md-vorschaubilder-neugasse1-260x300-crop-50-50.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://www.molinaridesign.ch/
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.09

Response Headers:

accept-ranges: bytes
cache-control: max-age=2592000
content-length: 162643
content-type: image/png
date: Fri, 06 Sep 2024 09:22:30 GMT
etag: "6356aba5-27b53"
expires: Sun, 06 Oct 2024 09:22:30 GMT
last-modified: Mon, 24 Oct 2022 15:13:41 GMT
server: nginx
:status: 200

Request 26: https://www.molinaridesign.ch/media/pages/projects/hcd/844ad1594b-1637609785/md-vorschaubilder-hcdavos-260x300-crop-50-50.png

URL: https://www.molinaridesign.ch/media/pages/projects/hcd/844ad1594b-1637609785/md-vorschaubilder-hcdavos-260x300-crop-50-50.png
Host: www.molinaridesign.ch
IP: 80.74.145.160
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 51, weight 147, depends on 49, EXCLUSIVE
Initiated By: https://www.molinaridesign.ch/ line 977
Request Start: 0.811 s
Time to First Byte: 616 ms
Content Download: 4546 ms
Bytes In (downloaded): 188.8 KB
Uncompressed Size: 188.8 KB
Bytes Out (uploaded): 2.2 KB

Request Headers:

:authority: www.molinaridesign.ch
:method: GET
:path: /media/pages/projects/hcd/844ad1594b-1637609785/md-vorschaubilder-hcdavos-260x300-crop-50-50.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://www.molinaridesign.ch/
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.09

Response Headers:

accept-ranges: bytes
cache-control: max-age=2592000
content-length: 193382
content-type: image/png
date: Fri, 06 Sep 2024 09:22:30 GMT
etag: "6356aba4-2f366"
expires: Sun, 06 Oct 2024 09:22:30 GMT
last-modified: Mon, 24 Oct 2022 15:13:40 GMT
server: nginx
:status: 200

Request 27: https://www.molinaridesign.ch/media/pages/projects/stoeckli/d804d73a6c-1637609786/md-vorschaubilder-stoeckli-260x300-crop-50-50.png

URL: https://www.molinaridesign.ch/media/pages/projects/stoeckli/d804d73a6c-1637609786/md-vorschaubilder-stoeckli-260x300-crop-50-50.png
Host: www.molinaridesign.ch
IP: 80.74.145.160
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 53, weight 147, depends on 51, EXCLUSIVE
Initiated By: https://www.molinaridesign.ch/ line 977
Request Start: 0.811 s
Time to First Byte: 640 ms
Content Download: 4579 ms
Bytes In (downloaded): 94.2 KB
Uncompressed Size: 94.2 KB
Bytes Out (uploaded): 2.2 KB

Request Headers:

:authority: www.molinaridesign.ch
:method: GET
:path: /media/pages/projects/stoeckli/d804d73a6c-1637609786/md-vorschaubilder-stoeckli-260x300-crop-50-50.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://www.molinaridesign.ch/
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.09

Response Headers:

accept-ranges: bytes
cache-control: max-age=2592000
content-length: 96450
content-type: image/png
date: Fri, 06 Sep 2024 09:22:30 GMT
etag: "6356aba4-178c2"
expires: Sun, 06 Oct 2024 09:22:30 GMT
last-modified: Mon, 24 Oct 2022 15:13:40 GMT
server: nginx
:status: 200

Request 28: https://www.molinaridesign.ch/media/pages/projects/head/1e1cd0c71c-1637609791/md-vorschaubilder-head-260x300-crop-50-50.png

URL: https://www.molinaridesign.ch/media/pages/projects/head/1e1cd0c71c-1637609791/md-vorschaubilder-head-260x300-crop-50-50.png
Host: www.molinaridesign.ch
IP: 80.74.145.160
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 55, weight 147, depends on 53, EXCLUSIVE
Initiated By: https://www.molinaridesign.ch/ line 977
Request Start: 0.811 s
Time to First Byte: 636 ms
Content Download: 5692 ms
Bytes In (downloaded): 193.8 KB
Uncompressed Size: 193.8 KB
Bytes Out (uploaded): 2.2 KB

Request Headers:

:authority: www.molinaridesign.ch
:method: GET
:path: /media/pages/projects/head/1e1cd0c71c-1637609791/md-vorschaubilder-head-260x300-crop-50-50.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://www.molinaridesign.ch/
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.09

Response Headers:

accept-ranges: bytes
cache-control: max-age=2592000
content-length: 198459
content-type: image/png
date: Fri, 06 Sep 2024 09:22:30 GMT
etag: "6356aba4-3073b"
expires: Sun, 06 Oct 2024 09:22:30 GMT
last-modified: Mon, 24 Oct 2022 15:13:40 GMT
server: nginx
:status: 200

Request 29: https://www.molinaridesign.ch/media/pages/projects/eichhof/1ebb0e018d-1637609792/md-vorschaubilder-eichhof-260x300-crop-50-50.png

URL: https://www.molinaridesign.ch/media/pages/projects/eichhof/1ebb0e018d-1637609792/md-vorschaubilder-eichhof-260x300-crop-50-50.png
Host: www.molinaridesign.ch
IP: 80.74.145.160
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 57, weight 147, depends on 55, EXCLUSIVE
Initiated By: https://www.molinaridesign.ch/ line 977
Request Start: 0.812 s
Time to First Byte: 617 ms
Content Download: 5591 ms
Bytes In (downloaded): 179.9 KB
Uncompressed Size: 179.9 KB
Bytes Out (uploaded): 2.2 KB

Request Headers:

:authority: www.molinaridesign.ch
:method: GET
:path: /media/pages/projects/eichhof/1ebb0e018d-1637609792/md-vorschaubilder-eichhof-260x300-crop-50-50.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://www.molinaridesign.ch/
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.09

Response Headers:

accept-ranges: bytes
cache-control: max-age=2592000
content-length: 184229
content-type: image/png
date: Fri, 06 Sep 2024 09:22:30 GMT
etag: "6356aba4-2cfa5"
expires: Sun, 06 Oct 2024 09:22:30 GMT
last-modified: Mon, 24 Oct 2022 15:13:40 GMT
server: nginx
:status: 200

Request 30: https://www.molinaridesign.ch/media/pages/projects/screendesign/71a5ad26c9-1637609794/md-vorschaubilder-screendesign-260x300-crop-50-50.png

URL: https://www.molinaridesign.ch/media/pages/projects/screendesign/71a5ad26c9-1637609794/md-vorschaubilder-screendesign-260x300-crop-50-50.png
Host: www.molinaridesign.ch
IP: 80.74.145.160
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 59, weight 147, depends on 57, EXCLUSIVE
Initiated By: https://www.molinaridesign.ch/ line 977
Request Start: 0.812 s
Time to First Byte: 614 ms
Content Download: 5562 ms
Bytes In (downloaded): 105.7 KB
Uncompressed Size: 105.7 KB
Bytes Out (uploaded): 2.2 KB

Request Headers:

:authority: www.molinaridesign.ch
:method: GET
:path: /media/pages/projects/screendesign/71a5ad26c9-1637609794/md-vorschaubilder-screendesign-260x300-crop-50-50.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://www.molinaridesign.ch/
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.09

Response Headers:

accept-ranges: bytes
cache-control: max-age=2592000
content-length: 108263
content-type: image/png
date: Fri, 06 Sep 2024 09:22:30 GMT
etag: "6356aba4-1a6e7"
expires: Sun, 06 Oct 2024 09:22:30 GMT
last-modified: Mon, 24 Oct 2022 15:13:40 GMT
server: nginx
:status: 200