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
.415S	.800S	.781S	.875S	1.461S	0	.000S	1.311S	14	241KB	1.311S	14	241KB

Visual Page Loading Process (Explore)

Navigation Timings
domContentLoadedEvent	loadEvent
0.720s - 0.734s (0.014s)	1.233s - 1.233s (0s)

Custom Metrics Data

Colordepth: 24
Dpi: {"dppx":1,"dpcm":37.79527559055118,"dpi":96}
Images: []
Resolution: {"absolute":{"height":1200,"width":1920},"available":{"height":1200,"width":1920}}
fonts: [{"family":"Menlo","display":"auto","status":"loaded","style":"normal","weight":"500"}]
generated-content-percent: 11.08
generated-content-size: 7.83
imgs-in-viewport: []
imgs-no-alt: []
imgs-out-viewport: []
jsLibsVulns: []
meta-viewport: width=device-width, initial-scale=1.0
possibly-render-blocking-reqs: ["https:\/\/colorcodecommunication.com\/assets\/js\/main.js","https:\/\/colorcodecommunication.com\/assets\/css\/normalize.css","https:\/\/colorcodecommunication.com\/assets\/css\/typography.css","https:\/\/colorcodecommunication.com\/assets\/css\/style.css","https:\/\/colorcodecommunication.com\/assets\/css\/header.css","https:\/\/colorcodecommunication.com\/assets\/css\/grid.css","https:\/\/colorcodecommunication.com\/assets\/css\/page.css","https:\/\/colorcodecommunication.com\/assets\/css\/snippets\/footer.css","https:\/\/colorcodecommunication.com\/assets\/css\/snippets\/videoplayer.css"]
rendered-html: <html style="--vh: 9.93px;"><head lang="en"> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">  <link rel="apple-touch-icon-precomposed" sizes="57x57" href="https://colorcodecommunication.com/assets/favicon/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://colorcodecommunication.com/assets/favicon/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://colorcodecommunication.com/assets/favicon/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://colorcodecommunication.com/assets/favicon/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon-precomposed" sizes="60x60" href="https://colorcodecommunication.com/assets/favicon/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon-precomposed" sizes="120x120" href="https://colorcodecommunication.com/assets/favicon/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon-precomposed" sizes="76x76" href="https://colorcodecommunication.com/assets/favicon/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon-precomposed" sizes="152x152" href="https://colorcodecommunication.com/assets/favicon/apple-touch-icon-152x152.png"> <link rel="icon" type="image/png" href="https://colorcodecommunication.com/assets/favicon/favicon-196x196.png" sizes="196x196"> <link rel="icon" type="image/png" href="https://colorcodecommunication.com/assets/favicon/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="https://colorcodecommunication.com/assets/favicon/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="https://colorcodecommunication.com/assets/favicon/favicon-16x16.png" sizes="16x16"> <link rel="icon" type="image/png" href="https://colorcodecommunication.com/assets/favicon/favicon-128.png" sizes="128x128"> <meta name="application-name" content=" "> <meta name="msapplication-TileColor" content="#FFFFFF"> <meta name="msapplication-TileImage" content="https://colorcodecommunication.com/assets/favicon/mstile-144x144.png"> <meta name="msapplication-square70x70logo" content="https://colorcodecommunication.com/assets/favicon/mstile-70x70.png"> <meta name="msapplication-square150x150logo" content="https://colorcodecommunication.com/assets/favicon/mstile-150x150.png"> <meta name="msapplication-wide310x150logo" content="https://colorcodecommunication.com/assets/favicon/mstile-310x150.png"> <meta name="msapplication-square310x310logo" content="https://colorcodecommunication.com/assets/favicon/mstile-310x310.png">  <link href="https://colorcodecommunication.com/assets/css/normalize.css" rel="stylesheet"> <link href="https://colorcodecommunication.com/assets/css/typography.css" rel="stylesheet"> <link href="https://colorcodecommunication.com/assets/css/style.css" rel="stylesheet"> <link href="https://colorcodecommunication.com/assets/css/header.css" rel="stylesheet"> <link href="https://colorcodecommunication.com/assets/css/grid.css" rel="stylesheet"> <link href="https://colorcodecommunication.com/assets/css/page.css" rel="stylesheet"> <link href="https://colorcodecommunication.com/assets/css/snippets/footer.css" rel="stylesheet"> <link href="https://colorcodecommunication.com/assets/css/snippets/videoplayer.css" rel="stylesheet"> <style itemscope="" itemtype="https://schema.org/WebSite" itemref="schema_name schema_description schema_image">/* inner styles set by WPT to match CSSOM */</style> <title>Home - Rafaël Rozendaal - Color, Code, Communication. Museum Folkwang, Essen</title> <meta id="schema_name" itemprop="name" content="Home - Rafaël Rozendaal - Color, Code, Communication. Museum Folkwang, Essen"> <meta name="description" content="Rafaël Rozendaal is one of the best-known players in digital art. As early as the early 2000s, he conceived, presented, and sold works in the form of websites. In his current NFTs, he also creates references to art history, using generative blockchain technologies. Rozendaal's art materializes as immersive installations, in browser windows, as artist books, and in public spaces."> <meta id="schema_description" itemprop="description" content="Rafaël Rozendaal is one of the best-known players in digital art. As early as the early 2000s, he conceived, presented, and sold works in the form of websites. In his current NFTs, he also creates references to art history, using generative blockchain technologies. Rozendaal's art materializes as immersive installations, in browser windows, as artist books, and in public spaces."> <link rel="canonical" href="https://colorcodecommunication.com/en"> <link rel="alternate" hreflang="de" href="https://colorcodecommunication.com/de"> <link rel="alternate" hreflang="en" href="https://colorcodecommunication.com/en"> <link rel="alternate" hreflang="x-default" href="https://colorcodecommunication.com/de"> <meta id="schema_image" itemprop="image" content="https://colorcodecommunication.com/media/site/0ee997cfd7-1681298514/bb8cb7ffc7fedde1e4eef46c33c77a28.jpg"> <meta name="author" content="Museum Folkwang"> <meta name="date" content="2023-04-10"> <meta property="og:title" content="Rafaël Rozendaal - Color, Code, Communication. Museum Folkwang, Essen"> <meta property="og:description" content="Rafaël Rozendaal is one of the best-known players in digital art. As early as the early 2000s, he conceived, presented, and sold works in the form of websites. In his current NFTs, he also creates references to art history, using generative blockchain technologies. Rozendaal's art materializes as immersive installations, in browser windows, as artist books, and in public spaces."> <meta property="og:image" content="https://colorcodecommunication.com/media/site/0ee997cfd7-1681298514/bb8cb7ffc7fedde1e4eef46c33c77a28-1200x630-crop-1-q80.jpg"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta property="og:site_name" content="Rafaël Rozendaal - Color, Code, Communication. Museum Folkwang, Essen"> <meta property="og:url" content="https://colorcodecommunication.com/en"> <meta property="og:type" content=""> <meta property="og:locale" content="en_US"> <meta property="og:locale:alternate" content="de_DE"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Rafaël Rozendaal - Color, Code, Communication. Museum Folkwang, Essen"> <meta name="twitter:description" content="Rafaël Rozendaal is one of the best-known players in digital art. As early as the early 2000s, he conceived, presented, and sold works in the form of websites. In his current NFTs, he also creates references to art history, using generative blockchain technologies. Rozendaal's art materializes as immersive installations, in browser windows, as artist books, and in public spaces."> <meta name="twitter:image" content="https://colorcodecommunication.com/media/site/0ee997cfd7-1681298514/bb8cb7ffc7fedde1e4eef46c33c77a28-1200x675-crop-1-q80.jpg"> <meta name="twitter:site" content=""> <meta name="twitter:creator" content=""> <meta name="robots" content=""> <script defer="" data-domain="colorcodecommunication.com" src="https://plausible.io/js/script.js"></script> </head> <body> <header class="header box-container"> <nav class="box-content grow"> <div class="box small spacer red"> <div class="box-svg"><svg width="600" height="600" viewBox="0 0 600 600" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_212_1832)"> <rect x="299.518" y="903.035" width="426.41" height="426.41" transform="rotate(-135 299.518 903.035)" fill="url("#paint0_linear_212_1832-r-0.7942905179682234")"></rect> <rect x="905.035" y="302.518" width="426.41" height="426.41" transform="rotate(135 905.035 302.518)" fill="url("#paint1_linear_212_1832-r-0.3371151719565999")"></rect> <rect x="302.518" y="-301" width="426.41" height="426.41" transform="rotate(45 302.518 -301)" fill="url("#paint2_linear_212_1832-r-0.9485817476192995")"></rect> <rect x="-303" y="299.518" width="426.41" height="426.41" transform="rotate(-45 -303 299.518)" fill="url("#paint3_linear_212_1832-r-0.12866765466493502")"></rect> </g> <defs> <linearGradient id="paint0_linear_212_1832-r-0.7942905179682234" x1="518.355" y1="1120.48" x2="725.891" y2="1328.02" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint1_linear_212_1832-r-0.3371151719565999" x1="1123.87" y1="519.965" x2="1331.41" y2="727.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint2_linear_212_1832-r-0.9485817476192995" x1="521.355" y1="-83.5522" x2="728.891" y2="123.984" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint3_linear_212_1832-r-0.12866765466493502" x1="-84.1629" y1="516.965" x2="123.373" y2="724.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <clipPath id="clip0_212_1832"> <rect width="600" height="600" fill="rgb(255, 255, 25-r-0.83652603812679695)"></rect> </clipPath> </defs> </svg> </div> </div> <div class="box small red"> <h1 class="t-body"><a class="expand-target" href="https://colorcodecommunication.com/en">Rafaël Rozendaal</a></h1> <div class="box-svg"><svg width="600" height="600" viewBox="0 0 600 600" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_212_1832)"> <rect x="299.518" y="903.035" width="426.41" height="426.41" transform="rotate(-135 299.518 903.035)" fill="url("#paint0_linear_212_1832-r-0.5608934728661741")"></rect> <rect x="905.035" y="302.518" width="426.41" height="426.41" transform="rotate(135 905.035 302.518)" fill="url("#paint1_linear_212_1832-r-0.18072479588581492")"></rect> <rect x="302.518" y="-301" width="426.41" height="426.41" transform="rotate(45 302.518 -301)" fill="url("#paint2_linear_212_1832-r-0.8719852561761172")"></rect> <rect x="-303" y="299.518" width="426.41" height="426.41" transform="rotate(-45 -303 299.518)" fill="url("#paint3_linear_212_1832-r-0.14718673603767618")"></rect> </g> <defs> <linearGradient id="paint0_linear_212_1832-r-0.5608934728661741" x1="518.355" y1="1120.48" x2="725.891" y2="1328.02" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint1_linear_212_1832-r-0.18072479588581492" x1="1123.87" y1="519.965" x2="1331.41" y2="727.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint2_linear_212_1832-r-0.8719852561761172" x1="521.355" y1="-83.5522" x2="728.891" y2="123.984" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint3_linear_212_1832-r-0.14718673603767618" x1="-84.1629" y1="516.965" x2="123.373" y2="724.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <clipPath id="clip0_212_1832"> <rect width="600" height="600" fill="rgb(255, 255, 25-r-0.9422193819798115)"></rect> </clipPath> </defs> </svg> </div> </div> <div class="box small red"> <div class="t-body"><a class="expand-target" href="https://colorcodecommunication.com/en/introduction"><p>Color, Code, Communication</p></a></div> <div class="box-svg"><svg width="600" height="600" viewBox="0 0 600 600" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_212_1832)"> <rect x="299.518" y="903.035" width="426.41" height="426.41" transform="rotate(-135 299.518 903.035)" fill="url("#paint0_linear_212_1832-r-0.9236302640787224")"></rect> <rect x="905.035" y="302.518" width="426.41" height="426.41" transform="rotate(135 905.035 302.518)" fill="url("#paint1_linear_212_1832-r-0.9350033933772941")"></rect> <rect x="302.518" y="-301" width="426.41" height="426.41" transform="rotate(45 302.518 -301)" fill="url("#paint2_linear_212_1832-r-0.3884339781343511")"></rect> <rect x="-303" y="299.518" width="426.41" height="426.41" transform="rotate(-45 -303 299.518)" fill="url("#paint3_linear_212_1832-r-0.1678374590613485")"></rect> </g> <defs> <linearGradient id="paint0_linear_212_1832-r-0.9236302640787224" x1="518.355" y1="1120.48" x2="725.891" y2="1328.02" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint1_linear_212_1832-r-0.9350033933772941" x1="1123.87" y1="519.965" x2="1331.41" y2="727.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint2_linear_212_1832-r-0.3884339781343511" x1="521.355" y1="-83.5522" x2="728.891" y2="123.984" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint3_linear_212_1832-r-0.1678374590613485" x1="-84.1629" y1="516.965" x2="123.373" y2="724.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <clipPath id="clip0_212_1832"> <rect width="600" height="600" fill="rgb(255, 255, 25-r-0.45346823221432845)"></rect> </clipPath> </defs> </svg> </div> </div> </nav> <div class="box box-spacer grow red"> <div class="box-svg"><svg width="600" height="600" viewBox="0 0 600 600" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_212_1832)"> <rect x="299.518" y="903.035" width="426.41" height="426.41" transform="rotate(-135 299.518 903.035)" fill="url("#paint0_linear_212_1832-r-0.35103702882159604")"></rect> <rect x="905.035" y="302.518" width="426.41" height="426.41" transform="rotate(135 905.035 302.518)" fill="url("#paint1_linear_212_1832-r-0.00544502431717464")"></rect> <rect x="302.518" y="-301" width="426.41" height="426.41" transform="rotate(45 302.518 -301)" fill="url("#paint2_linear_212_1832-r-0.8914142532937421")"></rect> <rect x="-303" y="299.518" width="426.41" height="426.41" transform="rotate(-45 -303 299.518)" fill="url("#paint3_linear_212_1832-r-0.1438477940467222")"></rect> </g> <defs> <linearGradient id="paint0_linear_212_1832-r-0.35103702882159604" x1="518.355" y1="1120.48" x2="725.891" y2="1328.02" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint1_linear_212_1832-r-0.00544502431717464" x1="1123.87" y1="519.965" x2="1331.41" y2="727.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint2_linear_212_1832-r-0.8914142532937421" x1="521.355" y1="-83.5522" x2="728.891" y2="123.984" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint3_linear_212_1832-r-0.1438477940467222" x1="-84.1629" y1="516.965" x2="123.373" y2="724.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <clipPath id="clip0_212_1832"> <rect width="600" height="600" fill="rgb(255, 255, 25-r-0.074692824855426395)"></rect> </clipPath> </defs> </svg> </div> </div> </header> <script> </script> <main class="home"> <div class="box-container"> <div class="box-content grow"> <article class="box red"> <div class="box-svg"><svg width="600" height="600" viewBox="0 0 600 600" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_212_1832)"> <rect x="299.518" y="903.035" width="426.41" height="426.41" transform="rotate(-135 299.518 903.035)" fill="url("#paint0_linear_212_1832-r-0.5074038161711247")"></rect> <rect x="905.035" y="302.518" width="426.41" height="426.41" transform="rotate(135 905.035 302.518)" fill="url("#paint1_linear_212_1832-r-0.20431287899503192")"></rect> <rect x="302.518" y="-301" width="426.41" height="426.41" transform="rotate(45 302.518 -301)" fill="url("#paint2_linear_212_1832-r-0.41873644227413287")"></rect> <rect x="-303" y="299.518" width="426.41" height="426.41" transform="rotate(-45 -303 299.518)" fill="url("#paint3_linear_212_1832-r-0.40715267847657244")"></rect> </g> <defs> <linearGradient id="paint0_linear_212_1832-r-0.5074038161711247" x1="518.355" y1="1120.48" x2="725.891" y2="1328.02" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint1_linear_212_1832-r-0.20431287899503192" x1="1123.87" y1="519.965" x2="1331.41" y2="727.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint2_linear_212_1832-r-0.41873644227413287" x1="521.355" y1="-83.5522" x2="728.891" y2="123.984" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint3_linear_212_1832-r-0.40715267847657244" x1="-84.1629" y1="516.965" x2="123.373" y2="724.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <clipPath id="clip0_212_1832"> <rect width="600" height="600" fill="rgb(255, 255, 25-r-0.234489112652427335)"></rect> </clipPath> </defs> </svg> </div> <h2 class="t-body"><a class="expand-target" href="https://colorcodecommunication.com/en/introduction">Introduction</a></h2> </article> </div> <div class="box box-spacer grow red"> <div class="box-svg"><svg width="600" height="600" viewBox="0 0 600 600" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_212_1832)"> <rect x="299.518" y="903.035" width="426.41" height="426.41" transform="rotate(-135 299.518 903.035)" fill="url("#paint0_linear_212_1832-r-0.2597366675079382")"></rect> <rect x="905.035" y="302.518" width="426.41" height="426.41" transform="rotate(135 905.035 302.518)" fill="url("#paint1_linear_212_1832-r-0.7261579966218714")"></rect> <rect x="302.518" y="-301" width="426.41" height="426.41" transform="rotate(45 302.518 -301)" fill="url("#paint2_linear_212_1832-r-0.39082939903618885")"></rect> <rect x="-303" y="299.518" width="426.41" height="426.41" transform="rotate(-45 -303 299.518)" fill="url("#paint3_linear_212_1832-r-0.7595071939420448")"></rect> </g> <defs> <linearGradient id="paint0_linear_212_1832-r-0.2597366675079382" x1="518.355" y1="1120.48" x2="725.891" y2="1328.02" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint1_linear_212_1832-r-0.7261579966218714" x1="1123.87" y1="519.965" x2="1331.41" y2="727.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint2_linear_212_1832-r-0.39082939903618885" x1="521.355" y1="-83.5522" x2="728.891" y2="123.984" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint3_linear_212_1832-r-0.7595071939420448" x1="-84.1629" y1="516.965" x2="123.373" y2="724.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <clipPath id="clip0_212_1832"> <rect width="600" height="600" fill="rgb(255, 255, 25-r-0.120031204468399995)"></rect> </clipPath> </defs> </svg> </div> </div> </div> <div class="box-container"> <div class="box-content grow"> <article class="box blue"> <div class="box-svg"><svg width="600" height="600" viewBox="0 0 600 600" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_212_1832)"> <rect x="299.518" y="903.035" width="426.41" height="426.41" transform="rotate(-135 299.518 903.035)" fill="url("#paint0_linear_212_1832-r-0.38753113144797413")"></rect> <rect x="905.035" y="302.518" width="426.41" height="426.41" transform="rotate(135 905.035 302.518)" fill="url("#paint1_linear_212_1832-r-0.4630456022086289")"></rect> <rect x="302.518" y="-301" width="426.41" height="426.41" transform="rotate(45 302.518 -301)" fill="url("#paint2_linear_212_1832-r-0.43922572108209135")"></rect> <rect x="-303" y="299.518" width="426.41" height="426.41" transform="rotate(-45 -303 299.518)" fill="url("#paint3_linear_212_1832-r-0.021817089726011707")"></rect> </g> <defs> <linearGradient id="paint0_linear_212_1832-r-0.38753113144797413" x1="518.355" y1="1120.48" x2="725.891" y2="1328.02" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint1_linear_212_1832-r-0.4630456022086289" x1="1123.87" y1="519.965" x2="1331.41" y2="727.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint2_linear_212_1832-r-0.43922572108209135" x1="521.355" y1="-83.5522" x2="728.891" y2="123.984" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint3_linear_212_1832-r-0.021817089726011707" x1="-84.1629" y1="516.965" x2="123.373" y2="724.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <clipPath id="clip0_212_1832"> <rect width="600" height="600" fill="rgb(255, 255, 25-r-0.17837337791033675)"></rect> </clipPath> </defs> </svg> </div> <h2 class="t-body"><a class="expand-target" href="https://colorcodecommunication.com/en/81-horizons">81 Horizons</a></h2> </article> <article class="box blue"> <div class="box-svg"><svg width="600" height="600" viewBox="0 0 600 600" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_212_1832)"> <rect x="299.518" y="903.035" width="426.41" height="426.41" transform="rotate(-135 299.518 903.035)" fill="url("#paint0_linear_212_1832-r-0.5574893534861041")"></rect> <rect x="905.035" y="302.518" width="426.41" height="426.41" transform="rotate(135 905.035 302.518)" fill="url("#paint1_linear_212_1832-r-0.9133396497028254")"></rect> <rect x="302.518" y="-301" width="426.41" height="426.41" transform="rotate(45 302.518 -301)" fill="url("#paint2_linear_212_1832-r-0.9875282774040341")"></rect> <rect x="-303" y="299.518" width="426.41" height="426.41" transform="rotate(-45 -303 299.518)" fill="url("#paint3_linear_212_1832-r-0.37980991049919033")"></rect> </g> <defs> <linearGradient id="paint0_linear_212_1832-r-0.5574893534861041" x1="518.355" y1="1120.48" x2="725.891" y2="1328.02" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint1_linear_212_1832-r-0.9133396497028254" x1="1123.87" y1="519.965" x2="1331.41" y2="727.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint2_linear_212_1832-r-0.9875282774040341" x1="521.355" y1="-83.5522" x2="728.891" y2="123.984" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint3_linear_212_1832-r-0.37980991049919033" x1="-84.1629" y1="516.965" x2="123.373" y2="724.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <clipPath id="clip0_212_1832"> <rect width="600" height="600" fill="rgb(255, 255, 25-r-0.4533448116775885)"></rect> </clipPath> </defs> </svg> </div> <h2 class="t-body"><a class="expand-target" href="https://colorcodecommunication.com/en/haiku">Haiku</a></h2> </article> <article class="box blue"> <div class="box-svg"><svg width="600" height="600" viewBox="0 0 600 600" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_212_1832)"> <rect x="299.518" y="903.035" width="426.41" height="426.41" transform="rotate(-135 299.518 903.035)" fill="url("#paint0_linear_212_1832-r-0.7459214533480527")"></rect> <rect x="905.035" y="302.518" width="426.41" height="426.41" transform="rotate(135 905.035 302.518)" fill="url("#paint1_linear_212_1832-r-0.6422273435522714")"></rect> <rect x="302.518" y="-301" width="426.41" height="426.41" transform="rotate(45 302.518 -301)" fill="url("#paint2_linear_212_1832-r-0.11567616788908364")"></rect> <rect x="-303" y="299.518" width="426.41" height="426.41" transform="rotate(-45 -303 299.518)" fill="url("#paint3_linear_212_1832-r-0.7844203045723275")"></rect> </g> <defs> <linearGradient id="paint0_linear_212_1832-r-0.7459214533480527" x1="518.355" y1="1120.48" x2="725.891" y2="1328.02" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint1_linear_212_1832-r-0.6422273435522714" x1="1123.87" y1="519.965" x2="1331.41" y2="727.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint2_linear_212_1832-r-0.11567616788908364" x1="521.355" y1="-83.5522" x2="728.891" y2="123.984" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint3_linear_212_1832-r-0.7844203045723275" x1="-84.1629" y1="516.965" x2="123.373" y2="724.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <clipPath id="clip0_212_1832"> <rect width="600" height="600" fill="rgb(255, 255, 25-r-0.29028506531043725)"></rect> </clipPath> </defs> </svg> </div> <h2 class="t-body"><a class="expand-target" href="https://colorcodecommunication.com/en/homage">Homage</a></h2> </article> <article class="box blue"> <div class="box-svg"><svg width="600" height="600" viewBox="0 0 600 600" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_212_1832)"> <rect x="299.518" y="903.035" width="426.41" height="426.41" transform="rotate(-135 299.518 903.035)" fill="url("#paint0_linear_212_1832-r-0.8361636794020921")"></rect> <rect x="905.035" y="302.518" width="426.41" height="426.41" transform="rotate(135 905.035 302.518)" fill="url("#paint1_linear_212_1832-r-0.48439739661981407")"></rect> <rect x="302.518" y="-301" width="426.41" height="426.41" transform="rotate(45 302.518 -301)" fill="url("#paint2_linear_212_1832-r-0.9403876488555536")"></rect> <rect x="-303" y="299.518" width="426.41" height="426.41" transform="rotate(-45 -303 299.518)" fill="url("#paint3_linear_212_1832-r-0.339501840218138")"></rect> </g> <defs> <linearGradient id="paint0_linear_212_1832-r-0.8361636794020921" x1="518.355" y1="1120.48" x2="725.891" y2="1328.02" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint1_linear_212_1832-r-0.48439739661981407" x1="1123.87" y1="519.965" x2="1331.41" y2="727.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint2_linear_212_1832-r-0.9403876488555536" x1="521.355" y1="-83.5522" x2="728.891" y2="123.984" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint3_linear_212_1832-r-0.339501840218138" x1="-84.1629" y1="516.965" x2="123.373" y2="724.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <clipPath id="clip0_212_1832"> <rect width="600" height="600" fill="rgb(255, 255, 25-r-0.189648698477264075)"></rect> </clipPath> </defs> </svg> </div> <h2 class="t-body"><a class="expand-target" href="https://colorcodecommunication.com/en/polychrome-music">Polychrome Music</a></h2> </article> <article class="box blue"> <div class="box-svg"><svg width="600" height="600" viewBox="0 0 600 600" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_212_1832)"> <rect x="299.518" y="903.035" width="426.41" height="426.41" transform="rotate(-135 299.518 903.035)" fill="url("#paint0_linear_212_1832-r-0.560046543007505")"></rect> <rect x="905.035" y="302.518" width="426.41" height="426.41" transform="rotate(135 905.035 302.518)" fill="url("#paint1_linear_212_1832-r-0.4487988712348898")"></rect> <rect x="302.518" y="-301" width="426.41" height="426.41" transform="rotate(45 302.518 -301)" fill="url("#paint2_linear_212_1832-r-0.2924822230619233")"></rect> <rect x="-303" y="299.518" width="426.41" height="426.41" transform="rotate(-45 -303 299.518)" fill="url("#paint3_linear_212_1832-r-0.7002285175373681")"></rect> </g> <defs> <linearGradient id="paint0_linear_212_1832-r-0.560046543007505" x1="518.355" y1="1120.48" x2="725.891" y2="1328.02" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint1_linear_212_1832-r-0.4487988712348898" x1="1123.87" y1="519.965" x2="1331.41" y2="727.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint2_linear_212_1832-r-0.2924822230619233" x1="521.355" y1="-83.5522" x2="728.891" y2="123.984" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint3_linear_212_1832-r-0.7002285175373681" x1="-84.1629" y1="516.965" x2="123.373" y2="724.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <clipPath id="clip0_212_1832"> <rect width="600" height="600" fill="rgb(255, 255, 25-r-0.84773363203452415)"></rect> </clipPath> </defs> </svg> </div> <h2 class="t-body"><a class="expand-target" href="https://colorcodecommunication.com/en/cabinet">Cabinets</a></h2> </article> <article class="box blue"> <div class="box-svg"><svg width="600" height="600" viewBox="0 0 600 600" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_212_1832)"> <rect x="299.518" y="903.035" width="426.41" height="426.41" transform="rotate(-135 299.518 903.035)" fill="url("#paint0_linear_212_1832-r-0.7059241379328964")"></rect> <rect x="905.035" y="302.518" width="426.41" height="426.41" transform="rotate(135 905.035 302.518)" fill="url("#paint1_linear_212_1832-r-0.4791352856460174")"></rect> <rect x="302.518" y="-301" width="426.41" height="426.41" transform="rotate(45 302.518 -301)" fill="url("#paint2_linear_212_1832-r-0.4623496198382919")"></rect> <rect x="-303" y="299.518" width="426.41" height="426.41" transform="rotate(-45 -303 299.518)" fill="url("#paint3_linear_212_1832-r-0.4091762771346903")"></rect> </g> <defs> <linearGradient id="paint0_linear_212_1832-r-0.7059241379328964" x1="518.355" y1="1120.48" x2="725.891" y2="1328.02" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint1_linear_212_1832-r-0.4791352856460174" x1="1123.87" y1="519.965" x2="1331.41" y2="727.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint2_linear_212_1832-r-0.4623496198382919" x1="521.355" y1="-83.5522" x2="728.891" y2="123.984" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint3_linear_212_1832-r-0.4091762771346903" x1="-84.1629" y1="516.965" x2="123.373" y2="724.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <clipPath id="clip0_212_1832"> <rect width="600" height="600" fill="rgb(255, 255, 25-r-0.41212230519814045)"></rect> </clipPath> </defs> </svg> </div> <h2 class="t-body"><a class="expand-target" href="https://colorcodecommunication.com/en/websites-nfts">Websites / NFTs</a></h2> </article> <article class="box blue"> <div class="box-svg"><svg width="600" height="600" viewBox="0 0 600 600" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_212_1832)"> <rect x="299.518" y="903.035" width="426.41" height="426.41" transform="rotate(-135 299.518 903.035)" fill="url("#paint0_linear_212_1832-r-0.3105907806857304")"></rect> <rect x="905.035" y="302.518" width="426.41" height="426.41" transform="rotate(135 905.035 302.518)" fill="url("#paint1_linear_212_1832-r-0.716908165030647")"></rect> <rect x="302.518" y="-301" width="426.41" height="426.41" transform="rotate(45 302.518 -301)" fill="url("#paint2_linear_212_1832-r-0.5768969560346253")"></rect> <rect x="-303" y="299.518" width="426.41" height="426.41" transform="rotate(-45 -303 299.518)" fill="url("#paint3_linear_212_1832-r-0.5719442024168491")"></rect> </g> <defs> <linearGradient id="paint0_linear_212_1832-r-0.3105907806857304" x1="518.355" y1="1120.48" x2="725.891" y2="1328.02" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint1_linear_212_1832-r-0.716908165030647" x1="1123.87" y1="519.965" x2="1331.41" y2="727.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint2_linear_212_1832-r-0.5768969560346253" x1="521.355" y1="-83.5522" x2="728.891" y2="123.984" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint3_linear_212_1832-r-0.5719442024168491" x1="-84.1629" y1="516.965" x2="123.373" y2="724.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <clipPath id="clip0_212_1832"> <rect width="600" height="600" fill="rgb(255, 255, 25-r-0.080284503162969315)"></rect> </clipPath> </defs> </svg> </div> <h2 class="t-body"><a class="expand-target" href="https://colorcodecommunication.com/en/home-alone">Home Alone</a></h2> </article> </div> <div class="box box-spacer grow blue"> <div class="box-svg"><svg width="600" height="600" viewBox="0 0 600 600" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_212_1832)"> <rect x="299.518" y="903.035" width="426.41" height="426.41" transform="rotate(-135 299.518 903.035)" fill="url("#paint0_linear_212_1832-r-0.48844948494086937")"></rect> <rect x="905.035" y="302.518" width="426.41" height="426.41" transform="rotate(135 905.035 302.518)" fill="url("#paint1_linear_212_1832-r-0.6064908442864392")"></rect> <rect x="302.518" y="-301" width="426.41" height="426.41" transform="rotate(45 302.518 -301)" fill="url("#paint2_linear_212_1832-r-0.7721758055938475")"></rect> <rect x="-303" y="299.518" width="426.41" height="426.41" transform="rotate(-45 -303 299.518)" fill="url("#paint3_linear_212_1832-r-0.2528995416678501")"></rect> </g> <defs> <linearGradient id="paint0_linear_212_1832-r-0.48844948494086937" x1="518.355" y1="1120.48" x2="725.891" y2="1328.02" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint1_linear_212_1832-r-0.6064908442864392" x1="1123.87" y1="519.965" x2="1331.41" y2="727.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint2_linear_212_1832-r-0.7721758055938475" x1="521.355" y1="-83.5522" x2="728.891" y2="123.984" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint3_linear_212_1832-r-0.2528995416678501" x1="-84.1629" y1="516.965" x2="123.373" y2="724.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <clipPath id="clip0_212_1832"> <rect width="600" height="600" fill="rgb(255, 255, 25-r-0.70144179021489025)"></rect> </clipPath> </defs> </svg> </div> </div> </div> <div class="box-container"> <div class="box-content grow"> <article class="box pink"> <div class="box-svg"><svg width="600" height="600" viewBox="0 0 600 600" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_212_1832)"> <rect x="299.518" y="903.035" width="426.41" height="426.41" transform="rotate(-135 299.518 903.035)" fill="url("#paint0_linear_212_1832-r-0.4993804157578192")"></rect> <rect x="905.035" y="302.518" width="426.41" height="426.41" transform="rotate(135 905.035 302.518)" fill="url("#paint1_linear_212_1832-r-0.049663752754787405")"></rect> <rect x="302.518" y="-301" width="426.41" height="426.41" transform="rotate(45 302.518 -301)" fill="url("#paint2_linear_212_1832-r-0.7402701149181374")"></rect> <rect x="-303" y="299.518" width="426.41" height="426.41" transform="rotate(-45 -303 299.518)" fill="url("#paint3_linear_212_1832-r-0.5294201628946151")"></rect> </g> <defs> <linearGradient id="paint0_linear_212_1832-r-0.4993804157578192" x1="518.355" y1="1120.48" x2="725.891" y2="1328.02" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint1_linear_212_1832-r-0.049663752754787405" x1="1123.87" y1="519.965" x2="1331.41" y2="727.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint2_linear_212_1832-r-0.7402701149181374" x1="521.355" y1="-83.5522" x2="728.891" y2="123.984" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint3_linear_212_1832-r-0.5294201628946151" x1="-84.1629" y1="516.965" x2="123.373" y2="724.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <clipPath id="clip0_212_1832"> <rect width="600" height="600" fill="rgb(255, 255, 25-r-0.63177068331043445)"></rect> </clipPath> </defs> </svg> </div> <h2 class="t-body"><a class="expand-target" href="https://colorcodecommunication.com/en/new-landscapes-nft-symposium">New Landscapes NFT Symposium</a></h2> </article> <article class="box pink"> <div class="box-svg"><svg width="600" height="600" viewBox="0 0 600 600" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_212_1832)"> <rect x="299.518" y="903.035" width="426.41" height="426.41" transform="rotate(-135 299.518 903.035)" fill="url("#paint0_linear_212_1832-r-0.3994243445105419")"></rect> <rect x="905.035" y="302.518" width="426.41" height="426.41" transform="rotate(135 905.035 302.518)" fill="url("#paint1_linear_212_1832-r-0.8430444077434092")"></rect> <rect x="302.518" y="-301" width="426.41" height="426.41" transform="rotate(45 302.518 -301)" fill="url("#paint2_linear_212_1832-r-0.29155349507716477")"></rect> <rect x="-303" y="299.518" width="426.41" height="426.41" transform="rotate(-45 -303 299.518)" fill="url("#paint3_linear_212_1832-r-0.5344919067115748")"></rect> </g> <defs> <linearGradient id="paint0_linear_212_1832-r-0.3994243445105419" x1="518.355" y1="1120.48" x2="725.891" y2="1328.02" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint1_linear_212_1832-r-0.8430444077434092" x1="1123.87" y1="519.965" x2="1331.41" y2="727.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint2_linear_212_1832-r-0.29155349507716477" x1="521.355" y1="-83.5522" x2="728.891" y2="123.984" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint3_linear_212_1832-r-0.5344919067115748" x1="-84.1629" y1="516.965" x2="123.373" y2="724.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <clipPath id="clip0_212_1832"> <rect width="600" height="600" fill="rgb(255, 255, 25-r-0.175805799413318865)"></rect> </clipPath> </defs> </svg> </div> <h2 class="t-body"><a class="expand-target" href="https://colorcodecommunication.com/en/bring-your-own-beamer">Bring your own Beamer (ByoB)</a></h2> </article> </div> <div class="box box-spacer grow pink"> <div class="box-svg"><svg width="600" height="600" viewBox="0 0 600 600" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_212_1832)"> <rect x="299.518" y="903.035" width="426.41" height="426.41" transform="rotate(-135 299.518 903.035)" fill="url("#paint0_linear_212_1832-r-0.20191950648814028")"></rect> <rect x="905.035" y="302.518" width="426.41" height="426.41" transform="rotate(135 905.035 302.518)" fill="url("#paint1_linear_212_1832-r-0.3820142147501808")"></rect> <rect x="302.518" y="-301" width="426.41" height="426.41" transform="rotate(45 302.518 -301)" fill="url("#paint2_linear_212_1832-r-0.5327256741507913")"></rect> <rect x="-303" y="299.518" width="426.41" height="426.41" transform="rotate(-45 -303 299.518)" fill="url("#paint3_linear_212_1832-r-0.7979182181574198")"></rect> </g> <defs> <linearGradient id="paint0_linear_212_1832-r-0.20191950648814028" x1="518.355" y1="1120.48" x2="725.891" y2="1328.02" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint1_linear_212_1832-r-0.3820142147501808" x1="1123.87" y1="519.965" x2="1331.41" y2="727.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint2_linear_212_1832-r-0.5327256741507913" x1="521.355" y1="-83.5522" x2="728.891" y2="123.984" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint3_linear_212_1832-r-0.7979182181574198" x1="-84.1629" y1="516.965" x2="123.373" y2="724.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <clipPath id="clip0_212_1832"> <rect width="600" height="600" fill="rgb(255, 255, 25-r-0.77706581483835785)"></rect> </clipPath> </defs> </svg> </div> </div> </div> <div class="box-container"> <div class="box-content grow"> <article class="box green"> <div class="box-svg"><svg width="600" height="600" viewBox="0 0 600 600" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_212_1832)"> <rect x="299.518" y="903.035" width="426.41" height="426.41" transform="rotate(-135 299.518 903.035)" fill="url("#paint0_linear_212_1832-r-0.4939241953402611")"></rect> <rect x="905.035" y="302.518" width="426.41" height="426.41" transform="rotate(135 905.035 302.518)" fill="url("#paint1_linear_212_1832-r-0.8419925491627351")"></rect> <rect x="302.518" y="-301" width="426.41" height="426.41" transform="rotate(45 302.518 -301)" fill="url("#paint2_linear_212_1832-r-0.6946777217875761")"></rect> <rect x="-303" y="299.518" width="426.41" height="426.41" transform="rotate(-45 -303 299.518)" fill="url("#paint3_linear_212_1832-r-0.8017897210530742")"></rect> </g> <defs> <linearGradient id="paint0_linear_212_1832-r-0.4939241953402611" x1="518.355" y1="1120.48" x2="725.891" y2="1328.02" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint1_linear_212_1832-r-0.8419925491627351" x1="1123.87" y1="519.965" x2="1331.41" y2="727.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint2_linear_212_1832-r-0.6946777217875761" x1="521.355" y1="-83.5522" x2="728.891" y2="123.984" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint3_linear_212_1832-r-0.8017897210530742" x1="-84.1629" y1="516.965" x2="123.373" y2="724.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <clipPath id="clip0_212_1832"> <rect width="600" height="600" fill="rgb(255, 255, 25-r-0.369291917474849245)"></rect> </clipPath> </defs> </svg> </div> <h2 class="t-body"><a class="expand-target" href="https://colorcodecommunication.com/en/audiotour">Audio Tour</a></h2> </article> <article class="box green"> <div class="box-svg"><svg width="600" height="600" viewBox="0 0 600 600" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_212_1832)"> <rect x="299.518" y="903.035" width="426.41" height="426.41" transform="rotate(-135 299.518 903.035)" fill="url("#paint0_linear_212_1832-r-0.7219317160110044")"></rect> <rect x="905.035" y="302.518" width="426.41" height="426.41" transform="rotate(135 905.035 302.518)" fill="url("#paint1_linear_212_1832-r-0.7935540887979278")"></rect> <rect x="302.518" y="-301" width="426.41" height="426.41" transform="rotate(45 302.518 -301)" fill="url("#paint2_linear_212_1832-r-0.018885310337816152")"></rect> <rect x="-303" y="299.518" width="426.41" height="426.41" transform="rotate(-45 -303 299.518)" fill="url("#paint3_linear_212_1832-r-0.4968450892532428")"></rect> </g> <defs> <linearGradient id="paint0_linear_212_1832-r-0.7219317160110044" x1="518.355" y1="1120.48" x2="725.891" y2="1328.02" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint1_linear_212_1832-r-0.7935540887979278" x1="1123.87" y1="519.965" x2="1331.41" y2="727.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint2_linear_212_1832-r-0.018885310337816152" x1="521.355" y1="-83.5522" x2="728.891" y2="123.984" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint3_linear_212_1832-r-0.4968450892532428" x1="-84.1629" y1="516.965" x2="123.373" y2="724.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <clipPath id="clip0_212_1832"> <rect width="600" height="600" fill="rgb(255, 255, 25-r-0.331977031704526975)"></rect> </clipPath> </defs> </svg> </div> <h2 class="t-body"><a class="expand-target" href="https://colorcodecommunication.com/en/rafael-rozendaal">Rafaël Rozendaal</a></h2> </article> </div> <div class="box box-spacer grow green"> <div class="box-svg"><svg width="600" height="600" viewBox="0 0 600 600" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_212_1832)"> <rect x="299.518" y="903.035" width="426.41" height="426.41" transform="rotate(-135 299.518 903.035)" fill="url("#paint0_linear_212_1832-r-0.8915188088863695")"></rect> <rect x="905.035" y="302.518" width="426.41" height="426.41" transform="rotate(135 905.035 302.518)" fill="url("#paint1_linear_212_1832-r-0.5103471513732953")"></rect> <rect x="302.518" y="-301" width="426.41" height="426.41" transform="rotate(45 302.518 -301)" fill="url("#paint2_linear_212_1832-r-0.02875845215756323")"></rect> <rect x="-303" y="299.518" width="426.41" height="426.41" transform="rotate(-45 -303 299.518)" fill="url("#paint3_linear_212_1832-r-0.4255680930963275")"></rect> </g> <defs> <linearGradient id="paint0_linear_212_1832-r-0.8915188088863695" x1="518.355" y1="1120.48" x2="725.891" y2="1328.02" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint1_linear_212_1832-r-0.5103471513732953" x1="1123.87" y1="519.965" x2="1331.41" y2="727.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint2_linear_212_1832-r-0.02875845215756323" x1="521.355" y1="-83.5522" x2="728.891" y2="123.984" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <linearGradient id="paint3_linear_212_1832-r-0.4255680930963275" x1="-84.1629" y1="516.965" x2="123.373" y2="724.501" gradientUnits="userSpaceOnUse"> <stop class="stop-color"></stop> <stop class="stop-color" offset="0.125" stop-opacity="0.7"></stop> <stop class="stop-color" offset="0.276042" stop-opacity="0.5"></stop> <stop class="stop-color" offset="0.546875" stop-opacity="0.1"></stop> <stop class="stop-color" offset="1" stop-opacity="0"></stop> </linearGradient> <clipPath id="clip0_212_1832"> <rect width="600" height="600" fill="rgb(255, 255, 25-r-0.165189177684299755)"></rect> </clipPath> </defs> </svg> </div> </div> </div> </main>  <script> </script> <footer class="footer box-container"> <div class="box-content"> <ul class="footer__pages"> <li class="box small gray t-body"><a href="https://colorcodecommunication.com/en/support">Support</a></li> <li class="box small gray t-body"><a href="https://colorcodecommunication.com/en/impressum">Imprint</a></li> <li class="box small gray t-body"><a href="https://www.museum-folkwang.de/">Museum Folkwang</a></li> </ul>  <ul class="footer__languages box small gray flex"> <li class="flex-grow t-center"> <a class=" t-body t-uppercase" href="https://colorcodecommunication.com/de" hreflang="de"> de </a> </li> <li class="flex-grow t-center"> <a class="active t-body t-uppercase" href="https://colorcodecommunication.com/en" hreflang="en"> en </a> </li> </ul> </div> <div class="box-spacer"> </div> </footer> <script> const assetsUrl = "https://colorcodecommunication.com/assets"; </script>  <script src="https://colorcodecommunication.com/assets/js/main.js"></script> </body></html>
securityHeaders: {"securityHeadersList":[],"securityHeadersGrade":"F","securityHeadersScore":0}

Waterfall View

Start Render

First Contentful Paint

Largest Contentful Paint

Layout Shift

DOM Interactive

DOM Content Loaded

On Load

Document Complete

Render Blocking Resource

Insecure Request

3xx response

4xx+ response

Doesn't Belong to Main Doc

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

Connection View

DNS Lookup

Initial Connection

SSL Negotiation

Start Render

DOM Content Loaded

On Load

Document Complete

Request Details

Before Start Render

Before On Load

After On Load

3xx Response

4xx Response

Request Details
#	Resource	Content Type	Priority	Request Start	DNS Lookup	Initial Connection	SSL Negotiation	Time to First Byte	Content Download	Bytes Downloaded	CPU Time	Error/Status Code	IP
1	https://colorcodecommunication.com/en	text/html	Highest	0.174 s	71 ms	33 ms	66 ms	241 ms	7 ms	2.6 KB	1 ms	200	46.105.204.31
2	https://colorcodecom...ts/css/normalize.css	text/css	Highest	0.437 s	-	-	-	51 ms	4 ms	1.5 KB	-	200	46.105.204.31
3	https://colorcodecom...s/css/typography.css	text/css	Highest	0.464 s	-	-	-	55 ms	1 ms	0.4 KB	-	200	46.105.204.31
4	https://colorcodecom...assets/css/style.css	text/css	Highest	0.466 s	-	-	-	63 ms	3 ms	1.1 KB	-	200	46.105.204.31
5	https://colorcodecom...ssets/css/header.css	text/css	Highest	0.466 s	-	-	-	56 ms	4 ms	0.2 KB	-	200	46.105.204.31
6	https://colorcodecom.../assets/css/grid.css	text/css	Highest	0.466 s	-	-	-	69 ms	6 ms	0.2 KB	-	200	46.105.204.31
7	https://colorcodecom.../assets/css/page.css	text/css	Highest	0.467 s	-	-	-	66 ms	6 ms	1.0 KB	-	200	46.105.204.31
8	https://colorcodecom.../snippets/footer.css	text/css	Highest	0.467 s	-	-	-	76 ms	2 ms	0.2 KB	-	200	46.105.204.31
9	https://colorcodecom...pets/videoplayer.css	text/css	Highest	0.467 s	-	-	-	79 ms	2 ms	0.4 KB	-	200	46.105.204.31
10	https://colorcodecom...om/assets/js/main.js	application/javascript	High	0.468 s	-	-	-	94 ms	2 ms	0.5 KB	17 ms	200	46.105.204.31
11	https://plausible.io/js/script.js	application/javascript	Low	0.641 s	64 ms	31 ms	60 ms	39 ms	1 ms	0.8 KB	9 ms	200	169.150.247.38
12	https://colorcodecom...s/Menlo-Regular.woff	application/x-font-woff	Highest	0.698 s	-	-	-	96 ms	421 ms	231.4 KB	-	200	46.105.204.31
13	https://plausible.io/api/event	text/plain	High	0.81 s	-	30 ms	65 ms	95 ms	1 ms	0.0 KB	-	202	169.150.247.38
14	https://colorcodecom...on/favicon-32x32.png	image/png	High	1.242 s	-	-	-	54 ms	1 ms	0.9 KB	-	200	46.105.204.31

Request Headers

+ Expand All

Request 1: https://colorcodecommunication.com/en

URL: https://colorcodecommunication.com/en
Host: colorcodecommunication.com
IP: 46.105.204.31
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://colorcodecommunication.com/en
Request Start: 0.174 s
DNS Lookup: 71 ms
Initial Connection: 33 ms
Time to First Byte: 241 ms
Content Download: 7 ms
Bytes In (downloaded): 2.6 KB
Uncompressed Size: 62.8 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

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

Response Headers:

accept-ranges: bytes
age: 0
content-encoding: br
content-type: text/html; charset=UTF-8
date: Mon, 02 Sep 2024 09:35:07 GMT
x-cdn-cache: MISS
x-cdn-pop: sbg
x-cdn-request-id: 189630293
x-powered-by: PHP/8.1
:status: 200

Request 2: https://colorcodecommunication.com/assets/css/normalize.css

URL: https://colorcodecommunication.com/assets/css/normalize.css
Host: colorcodecommunication.com
IP: 46.105.204.31
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 3, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://colorcodecommunication.com/en line 31
Request Start: 0.437 s
Time to First Byte: 51 ms
Content Download: 4 ms
Bytes In (downloaded): 1.5 KB
Uncompressed Size: 6.0 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

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

Response Headers:

accept-ranges: bytes
age: 0
cache-control: max-age=900
content-encoding: br
content-type: text/css
date: Mon, 02 Sep 2024 09:35:07 GMT
expires: Mon, 02 Sep 2024 09:50:07 GMT
last-modified: Thu, 20 Apr 2023 09:32:56 GMT
x-cdn-cache: MISS
x-cdn-pop: sbg
x-cdn-request-id: 189630294
:status: 200

Request 3: https://colorcodecommunication.com/assets/css/typography.css

URL: https://colorcodecommunication.com/assets/css/typography.css
Host: colorcodecommunication.com
IP: 46.105.204.31
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 5, weight 256, depends on 3, EXCLUSIVE
Initiated By: https://colorcodecommunication.com/en line 32
Request Start: 0.464 s
Time to First Byte: 55 ms
Content Download: 1 ms
Bytes In (downloaded): 0.4 KB
Uncompressed Size: 1.4 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

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

Response Headers:

accept-ranges: bytes
age: 0
cache-control: max-age=900
content-encoding: br
content-type: text/css
date: Mon, 02 Sep 2024 09:35:07 GMT
expires: Mon, 02 Sep 2024 09:50:07 GMT
last-modified: Thu, 20 Apr 2023 09:32:55 GMT
x-cdn-cache: MISS
x-cdn-pop: sbg
x-cdn-request-id: 189630295
:status: 200

Request 4: https://colorcodecommunication.com/assets/css/style.css

URL: https://colorcodecommunication.com/assets/css/style.css
Host: colorcodecommunication.com
IP: 46.105.204.31
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 7, weight 256, depends on 5, EXCLUSIVE
Initiated By: https://colorcodecommunication.com/en line 33
Request Start: 0.466 s
Time to First Byte: 63 ms
Content Download: 3 ms
Bytes In (downloaded): 1.1 KB
Uncompressed Size: 4.1 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

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

Response Headers:

accept-ranges: bytes
age: 0
cache-control: max-age=900
content-encoding: br
content-type: text/css
date: Mon, 02 Sep 2024 09:35:07 GMT
expires: Mon, 02 Sep 2024 09:50:07 GMT
last-modified: Thu, 20 Apr 2023 09:32:55 GMT
x-cdn-cache: MISS
x-cdn-pop: sbg
x-cdn-request-id: 189630296
:status: 200

Request 5: https://colorcodecommunication.com/assets/css/header.css

URL: https://colorcodecommunication.com/assets/css/header.css
Host: colorcodecommunication.com
IP: 46.105.204.31
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 9, weight 256, depends on 7, EXCLUSIVE
Initiated By: https://colorcodecommunication.com/en line 34
Request Start: 0.466 s
Time to First Byte: 56 ms
Content Download: 4 ms
Bytes In (downloaded): 0.2 KB
Uncompressed Size: 0.6 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

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

Response Headers:

accept-ranges: bytes
age: 0
cache-control: max-age=900
content-encoding: br
content-type: text/css
date: Mon, 02 Sep 2024 09:35:07 GMT
expires: Mon, 02 Sep 2024 09:50:07 GMT
last-modified: Thu, 20 Apr 2023 09:32:55 GMT
x-cdn-cache: MISS
x-cdn-pop: sbg
x-cdn-request-id: 189630297
:status: 200

Request 6: https://colorcodecommunication.com/assets/css/grid.css

URL: https://colorcodecommunication.com/assets/css/grid.css
Host: colorcodecommunication.com
IP: 46.105.204.31
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 11, weight 256, depends on 9, EXCLUSIVE
Initiated By: https://colorcodecommunication.com/en line 35
Request Start: 0.466 s
Time to First Byte: 69 ms
Content Download: 6 ms
Bytes In (downloaded): 0.2 KB
Uncompressed Size: 1.7 KB
Bytes Out (uploaded): 1.8 KB

Request Headers:

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

Response Headers:

accept-ranges: bytes
age: 0
cache-control: max-age=900
content-encoding: br
content-type: text/css
date: Mon, 02 Sep 2024 09:35:07 GMT
expires: Mon, 02 Sep 2024 09:50:07 GMT
last-modified: Thu, 20 Apr 2023 09:32:55 GMT
x-cdn-cache: MISS
x-cdn-pop: sbg
x-cdn-request-id: 189630298
:status: 200

Request 7: https://colorcodecommunication.com/assets/css/page.css

URL: https://colorcodecommunication.com/assets/css/page.css
Host: colorcodecommunication.com
IP: 46.105.204.31
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 13, weight 256, depends on 11, EXCLUSIVE
Initiated By: https://colorcodecommunication.com/en line 36
Request Start: 0.467 s
Time to First Byte: 66 ms
Content Download: 6 ms
Bytes In (downloaded): 1.0 KB
Uncompressed Size: 3.9 KB
Bytes Out (uploaded): 1.8 KB

Request Headers:

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

Response Headers:

accept-ranges: bytes
age: 0
cache-control: max-age=900
content-encoding: br
content-type: text/css
date: Mon, 02 Sep 2024 09:35:07 GMT
expires: Mon, 02 Sep 2024 09:50:07 GMT
last-modified: Thu, 20 Apr 2023 09:32:55 GMT
x-cdn-cache: MISS
x-cdn-pop: sbg
x-cdn-request-id: 189630299
:status: 200

Request 8: https://colorcodecommunication.com/assets/css/snippets/footer.css

URL: https://colorcodecommunication.com/assets/css/snippets/footer.css
Host: colorcodecommunication.com
IP: 46.105.204.31
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 15, weight 256, depends on 13, EXCLUSIVE
Initiated By: https://colorcodecommunication.com/en line 37
Request Start: 0.467 s
Time to First Byte: 76 ms
Content Download: 2 ms
Bytes In (downloaded): 0.2 KB
Uncompressed Size: 0.5 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

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

Response Headers:

Request 9: https://colorcodecommunication.com/assets/css/snippets/videoplayer.css

URL: https://colorcodecommunication.com/assets/css/snippets/videoplayer.css
Host: colorcodecommunication.com
IP: 46.105.204.31
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 17, weight 256, depends on 15, EXCLUSIVE
Initiated By: https://colorcodecommunication.com/en line 38
Request Start: 0.467 s
Time to First Byte: 79 ms
Content Download: 2 ms
Bytes In (downloaded): 0.4 KB
Uncompressed Size: 1.4 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

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

Response Headers:

Request 10: https://colorcodecommunication.com/assets/js/main.js

URL: https://colorcodecommunication.com/assets/js/main.js
Host: colorcodecommunication.com
IP: 46.105.204.31
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 19, weight 220, depends on 17, EXCLUSIVE
Initiated By: https://colorcodecommunication.com/en line 1078
Request Start: 0.468 s
Time to First Byte: 94 ms
Content Download: 2 ms
Bytes In (downloaded): 0.5 KB
Uncompressed Size: 1.5 KB
Bytes Out (uploaded): 1.8 KB

Request Headers:

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

Response Headers:

accept-ranges: bytes
age: 0
cache-control: max-age=900
content-encoding: br
content-type: application/javascript
date: Mon, 02 Sep 2024 09:35:07 GMT
expires: Mon, 02 Sep 2024 09:50:07 GMT
last-modified: Wed, 19 Apr 2023 09:22:54 GMT
x-cdn-cache: MISS
x-cdn-pop: sbg
x-cdn-request-id: 189630302
:status: 200

Request 11: https://plausible.io/js/script.js

URL: https://plausible.io/js/script.js
Host: plausible.io
IP: 169.150.247.38
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 147, depends on 0, EXCLUSIVE
Initiated By: https://colorcodecommunication.com/en line 109
Request Start: 0.641 s
DNS Lookup: 64 ms
Initial Connection: 31 ms
Time to First Byte: 39 ms
Content Download: 1 ms
Bytes In (downloaded): 0.8 KB
Uncompressed Size: 1.4 KB
Bytes Out (uploaded): 1.7 KB

Request Headers:

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

Response Headers:

access-control-allow-origin: *
alt-svc: h3=":9443"; ma=2592000
application: 127.0.0.1
cache-control: public, must-revalidate, max-age=86400
cdn-cache: HIT
cdn-cachedat: 09/01/2024 14:59:22
cdn-edgestorageid: 1080
cdn-proxyver: 1.04
cdn-pullzone: 682664
cdn-requestcountrycode: DE
cdn-requestid: 04bdeaaa88ffc591d3a2c375195b08de
cdn-requestpullcode: 200
cdn-requestpullsuccess: True
cdn-status: 200
cdn-uid: 153cb5b1-399a-48ef-b5bf-098c03770254
content-encoding: br
content-type: application/javascript
cross-origin-resource-policy: cross-origin
date: Mon, 02 Sep 2024 09:35:07 GMT
permissions-policy: interest-cohort=()
server: BunnyCDN-DE1-1081
vary: Accept-Encoding
vary: Accept-Encoding
x-content-type-options: nosniff
:status: 200

Request 12: https://colorcodecommunication.com/assets/fonts/Menlo-Regular.woff

URL: https://colorcodecommunication.com/assets/fonts/Menlo-Regular.woff
Host: colorcodecommunication.com
IP: 46.105.204.31
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 21, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://colorcodecommunication.com/assets/css/typography.css
Request Start: 0.698 s
Time to First Byte: 96 ms
Content Download: 421 ms
Bytes In (downloaded): 231.4 KB
Uncompressed Size: 231.4 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

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

Response Headers:

accept-ranges: bytes
age: 0
content-length: 236936
content-type: application/x-font-woff
date: Mon, 02 Sep 2024 09:35:07 GMT
last-modified: Wed, 19 Apr 2023 09:23:00 GMT
x-cdn-cache: MISS
x-cdn-pop: sbg
x-cdn-request-id: 189630303
:status: 200

Request 13: https://plausible.io/api/event

URL: https://plausible.io/api/event
Host: plausible.io
IP: 169.150.247.38
Error/Status Code: 202
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 220, depends on 0, EXCLUSIVE
Initiated By: https://plausible.io/js/script.js line 0 column 824
Request Start: 0.810 s
Initial Connection: 30 ms
Time to First Byte: 95 ms
Content Download: 1 ms
Bytes In (downloaded): 0.0 KB
Uncompressed Size: 0.0 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: plausible.io
:method: POST
:path: /api/event
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
content-length: 102
content-type: text/plain
origin: https://colorcodecommunication.com
priority: u=1, i
referer: https://colorcodecommunication.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: empty
sec-fetch-mode: cors
sec-fetch-site: cross-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

access-control-allow-credentials: true
access-control-allow-origin: *
alt-svc: h3=":9443"; ma=2592000
application: 127.0.0.1
cache-control: must-revalidate, max-age=0, private
cdn-cachedat: 09/02/2024 09:35:07
cdn-edgestorageid: 1081
cdn-proxyver: 1.04
cdn-pullzone: 682664
cdn-requestcountrycode: DE
cdn-requestid: 491c1adb08d056d061eb5a4177bb9c20
cdn-requestpullcode: 202
cdn-requestpullsuccess: True
cdn-uid: 153cb5b1-399a-48ef-b5bf-098c03770254
content-length: 2
content-type: text/plain; charset=utf-8
date: Mon, 02 Sep 2024 09:35:07 GMT
permissions-policy: interest-cohort=()
server: BunnyCDN-DE1-1081
x-plausible-dropped: 1
x-request-id: F_FjqI_0PVJ9Y0oEX0KR
:status: 202

Request 14: https://colorcodecommunication.com/assets/favicon/favicon-32x32.png

URL: https://colorcodecommunication.com/assets/favicon/favicon-32x32.png
Host: colorcodecommunication.com
IP: 46.105.204.31
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 23, weight 220, depends on 0, EXCLUSIVE
Request Start: 1.242 s
Time to First Byte: 54 ms
Content Download: 1 ms
Bytes In (downloaded): 0.9 KB
Uncompressed Size: 0.9 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

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

Response Headers:

accept-ranges: bytes
age: 0
cache-control: max-age=900
content-length: 972
content-type: image/png
date: Mon, 02 Sep 2024 09:35:08 GMT
expires: Mon, 02 Sep 2024 09:50:08 GMT
last-modified: Wed, 19 Apr 2023 09:22:57 GMT
x-cdn-cache: MISS
x-cdn-pop: sbg
x-cdn-request-id: 189630304
:status: 200