[GH Action] Correct weight to design principles section

blog/api-calls/index.html

@@ -17,9 +17,9 @@
 </a><a href="https://www.youtube.com/watch?v=VtXXZRO84t8" target=_blank class="text--base text-brand-neutral-900"><svg width="24" height="24" class="mr-2.5 inline" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><g stroke="#717da3" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10A10 10 0 002 12z"/><path d="M9.333 15.213a1.454 1.454.0 002.411 1.095l4.923-4.306-4.923-4.309a1.453 1.453.0 00-2.41 1.095v6.425z"/></g></g></svg>
 Watch a demo</a></div></div></div></div></li></ul></div></div><div class="flex justify-end items-stretch"><ul class="hidden lg:flex lg:space-x-6 items-center text-sm font-medium whitespace-nowrap"><li><a class="text-brand-neutral-300 hover:text-brand-neutral-100 transition-colors" href=https://www.krakend.io/download/>Downloads</a></li><li><a class="button--primary h-8 px-2.5 py-0 inline-flex items-center" href=https://www.krakend.io/contact-sales/>Request a Demo</a></li></ul><button class="absolute top-1/2 -translate-y-1/2 flex items-center text-white hover:text-opacity-75 focus:outline-none lg:hidden size-6 rounded-lg navbar-toggler group" type=button aria-label="Toggle navigation"><svg class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 inline group-[.active]:opacity-0 transition-opacity" fill="none" width="24" height="24" viewBox="0 0 24 24" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/></svg><svg class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 opacity-0 group-[.active]:opacity-100 transition-opacity" width="16" height="16"><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"/><path stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.4 1 1 15.4M1 1l14.4 14.4"/></g></svg></button></div></nav></div></header><div class="transition-transform duration-300 ease-in-out fixed inset-0 bg-brand-neutral-900 mobile-nav border-t text-brand-neutral-300 border-brand-neutral-300 lg:hidden overflow-y-auto scrollbar-xs-netrual"><ul class="divide-y divide-brand-neutral-300"><li class=p-4><a class="hover:text-brand-neutral-100 transition-colors text-brand-neutral-300" href=https://www.krakend.io/open-source/>Open Source</a></li><li class=p-4><a class="hover:text-brand-neutral-100 transition-colors text-brand-neutral-300" href=https://www.krakend.io/enterprise/>Enterprise</a></li><li class=p-4><a class="hover:text-brand-neutral-100 transition-colors text-brand-neutral-300" href=https://www.krakend.io/case-study/>Case studies</a></li><li class=p-4><a class="hover:text-brand-neutral-100 transition-colors text-brand-neutral-300" href=https://www.krakend.io/docs/>Docs</a></li><li class=p-4><button data-toggle=collapse data-target=#resource-nav-mobile class="w-full hover:text-brand-neutral-100 transition-colors text-brand-neutral-300 flex justify-between items-center">
 Resources<svg class="h-4 w-4 inline" fill="none" viewBox="0 0 24 24" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg></button><ul class="space-y-2 pt-5 hidden" id=resource-nav-mobile><li><a href=https://training.krakend.io/>Training & Certification
-         </a></li><li><a href=https://www.krakend.io/support/>Support</a></li><li><a href=https://www.krakend.io/docs/configuration/designer/>Designer</a></li><li><a href=https://www.krakend.io/docs/overview/playground/>Community Playground</a></li><li><a href=https://www.krakend.io/docs/enterprise/overview/playground/>Enterprise Playground</a></li><li><a href=https://www.krakend.io/team/>About us</a></li><li><a href=https://www.krakend.io/partners/>Partners</a></li><li><a href=https://www.krakend.io/blog/>Blog</a></li></ul></li><li class=p-4><a href=https://www.krakend.io/features/>Compare Open Source VS Enterprise</a></li><li class=p-4><a href=https://www.krakend.io/contact-sales/>Contact Sales</a></li><li class=p-4><a href=https://www.krakend.io/download/>Downloads</a></li><li class="p-4 space-y-3"><div><img src=https://www.krakend.io/images/quotes/ibm/logo_dark.svg alt="IBM image" loading=lazy width=180 height=28></div><div><q class=whitespace-normal>
-I've chosen KrakenD because of its simplicity, statelessness, immutability, and performance.</q></div><div class="flex gap-3"><div><img src=https://www.krakend.io/images/quotes/ibm/avatar.jpg alt="Tech Lead Cloud Infrastructure, IBM" loading=lazy width=44 height=44 class=rounded-full></div><div class=whitespace-normal><p class="text-brand-neutral-500 text--base">Fabijan Bajo</p><p class="text-xs text-brand-neutral-300 font-medium">Tech Lead Cloud Infrastructure /
-IBM</p></div></div></li></ul></div><script>const navbarToggler=document.querySelector(".navbar-toggler");if(navbarToggler){const e=document.querySelector("header"),t=document.querySelector(".mobile-nav");navbarToggler.addEventListener("click",n=>{const{top:s}=e.getBoundingClientRect();document.body.style.setProperty("--header-top",`${e.offsetHeight+s}px`),navbarToggler.classList.toggle("active"),t.classList.toggle("active"),document.body.classList.toggle("overflow-hidden")})}</script><section class=section--md><div class=container--boxed><div class="grid grid-cols-1 md:grid-cols-5 lg:grid-cols-6 xl:grid-cols-7 mx-auto"><div class="print:hidden order-last md:order-first col-span-2"><div class="sticky top-16 rounded-xl bg-brand-blue-900 border border-brand-blue-800 shadow-xxs p-4 md:p-6 lg:px-8 lg:py-7"><div class=mb-8><div class=mb-5><a href=https://www.krakend.io/blog/ class="text-white group hover:text-opacity-75 font-medium text-sm"><svg width="18" height="18" viewBox="0 0 18 18" class="rotate-180 inline relative transition-all left-0 group-hover:-left-1 align-sub"><path d="m6.75 4.5 4.35 4.146a.5.5.0 010 .708L6.75 13.5" stroke="currentcolor" stroke-width="1.5" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"/></svg>
+         </a></li><li><a href=https://www.krakend.io/support/>Support</a></li><li><a href=https://www.krakend.io/docs/configuration/designer/>Designer</a></li><li><a href=https://www.krakend.io/docs/overview/playground/>Community Playground</a></li><li><a href=https://www.krakend.io/docs/enterprise/overview/playground/>Enterprise Playground</a></li><li><a href=https://www.krakend.io/team/>About us</a></li><li><a href=https://www.krakend.io/partners/>Partners</a></li><li><a href=https://www.krakend.io/blog/>Blog</a></li></ul></li><li class=p-4><a href=https://www.krakend.io/features/>Compare Open Source VS Enterprise</a></li><li class=p-4><a href=https://www.krakend.io/contact-sales/>Contact Sales</a></li><li class=p-4><a href=https://www.krakend.io/download/>Downloads</a></li><li class="p-4 space-y-3"><div><img src=https://www.krakend.io/images/quotes/open-room/logo_dark.svg alt="Openroom Inc. image" loading=lazy width=180 height=28></div><div><q class=whitespace-normal>
+KrakenD allowed us to focus on our backend and deploy a secure and performant system in a few days. After more than 2 years of use in production and 0 crash or malfunction, it also has proven its robustness</q></div><div class="flex gap-3"><div><img src=https://www.krakend.io/images/quotes/open-room/avatar.jpg alt="CTO, Openroom Inc." loading=lazy width=44 height=44 class=rounded-full></div><div class=whitespace-normal><p class="text-brand-neutral-500 text--base">Jonathan Muller</p><p class="text-xs text-brand-neutral-300 font-medium">CTO /
+Openroom Inc.</p></div></div></li></ul></div><script>const navbarToggler=document.querySelector(".navbar-toggler");if(navbarToggler){const e=document.querySelector("header"),t=document.querySelector(".mobile-nav");navbarToggler.addEventListener("click",n=>{const{top:s}=e.getBoundingClientRect();document.body.style.setProperty("--header-top",`${e.offsetHeight+s}px`),navbarToggler.classList.toggle("active"),t.classList.toggle("active"),document.body.classList.toggle("overflow-hidden")})}</script><section class=section--md><div class=container--boxed><div class="grid grid-cols-1 md:grid-cols-5 lg:grid-cols-6 xl:grid-cols-7 mx-auto"><div class="print:hidden order-last md:order-first col-span-2"><div class="sticky top-16 rounded-xl bg-brand-blue-900 border border-brand-blue-800 shadow-xxs p-4 md:p-6 lg:px-8 lg:py-7"><div class=mb-8><div class=mb-5><a href=https://www.krakend.io/blog/ class="text-white group hover:text-opacity-75 font-medium text-sm"><svg width="18" height="18" viewBox="0 0 18 18" class="rotate-180 inline relative transition-all left-0 group-hover:-left-1 align-sub"><path d="m6.75 4.5 4.35 4.146a.5.5.0 010 .708L6.75 13.5" stroke="currentcolor" stroke-width="1.5" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"/></svg>
 Return to blog's homepage</a></div><h2 class="text--lg text-white mb-5">Blog categories</h2><ul class="space-y-1.5 pl-3 featured-blogs"><li><a class="text-sm nav-link text-brand-neutral-300 hover:text-opacity-80" href=https://www.krakend.io/blog/>All categories</a></li></li><li><a href=https://www.krakend.io/categories/product-updates/ class="text-sm text-brand-neutral-300 hover:text-opacity-80">Product Updates (50)</a></li><li><a href=https://www.krakend.io/categories/technical-insights--best-practices/ class="text-sm text-brand-neutral-300 hover:text-opacity-80">Technical Insights & Best Practices (28)</a></li><li><a href=https://www.krakend.io/categories/security/ class="text-sm text-brand-neutral-300 hover:text-opacity-80">Security (25)</a></li><li><a href=https://www.krakend.io/categories/company-announcements/ class="text-sm text-brand-neutral-300 hover:text-opacity-80">Company Announcements (15)</a></li><li><a href=https://www.krakend.io/categories/tutorials--how-tos/ class="text-sm text-brand-neutral-300 hover:text-opacity-80">Tutorials & How-Tos (10)</a></li></ul></div><div><h2 class="text--lg text-white mb-5">Recent entries</h2><ul class="space-y-3 text--sm"><li class=nav-item><a class="nav-link text-brand-neutral-300 hover:text-opacity-80 font-normal" href=https://www.krakend.io/blog/krakend-solves-api-gateway-security-vulnerabilities/>How KrakenD Solves API Gateway Security Vulnerabilities</a></li><li class=nav-item><a class="nav-link text-brand-neutral-300 hover:text-opacity-80 font-normal" href=https://www.krakend.io/blog/new-look-same-vision/>New Look, Same Vision: KrakenD’s Website Redesign</a></li><li class=nav-item><a class="nav-link text-brand-neutral-300 hover:text-opacity-80 font-normal" href=https://www.krakend.io/blog/effective-rate-limiting-traffic-management/>Why Rate Limiting Matters for Your API’s Health and Security</a></li><li class=nav-item><a class="nav-link text-brand-neutral-300 hover:text-opacity-80 font-normal" href=https://www.krakend.io/blog/krakend-partners-with-massil-technologies/>KrakenD Partners with Massil Technologies for India and Middle East</a></li><li class=nav-item><a class="nav-link text-brand-neutral-300 hover:text-opacity-80 font-normal" href=https://www.krakend.io/blog/microservices-authorization-secure-access/>Mastering Microservices Authorization: Strategies for Secure Access Control</a></li></ul></div></div></div><div class="col-span-3 lg:col-span-4 xl:col-span-5 max-w-full text-lg"><section class="md:pl-5 lg:pl-8 xl:pl-14 mb-10 md:mb-0"><article><div class="flex flex-wrap gap-y-3 items-center mb-4 space-x-2.5"><a href=https://www.krakend.io/categories/technical-insights--best-practices/ title="More posts about Technical Insights & Best Practices" class="pillbox relative z-2">Technical Insights & Best Practices</a>
 <time class="text-xs leading-loose uppercase text-white font-semibold shrink-0">Jun 5, 2023</time><div class="text-xs flex gap-1.5 items-center text-white font-medium"><svg class="size-4 inline" fill="none" viewBox="0 0 24 24" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3A9 9 0 113 12a9 9 0 0118 0z"/></svg><p>6 min read</p></div></div><header><h1 class="text-white heading--h2 lg:text-4.25xl lg:leading-[3rem]">Understanding API Calls: The KrakenD Approach</h1></header><div class="mt-4 flex items-center prose dark:prose-invert"><p class=text--sm>by <span class=text-white>Albert Garcia</span></p></div><div class="mt-8 prose dark:prose-invert" style=max-width:790px><div class="rounded-xl overflow-hidden"><img src=https://www.krakend.io/images/blog/api-calls.jpg alt="post image" loading=lazy width=1600 height=400 class="post-image img-fluid"></div><p>KrakenD, a market leader in high-performance <a href=https://www.krakend.io/>API Gateway</a> solutions, enables seamless and efficient API interactions within today&rsquo;s complex digital landscape. This comprehensive guide delves into the intricate details of API calls and their pivotal role within the microservices architecture, specifically in a KrakenD environment.</p><h2 id=understanding-api-calls-the-essence-of-software-interactions>Understanding API Calls: The Essence of Software Interactions</h2><p>APIs, or Application Programming Interfaces, form the core of sophisticated software interactions, providing the pathways for communication between different software modules. API calls serve as the couriers of these pathways, transmitting instructions for task execution.</p><h2 id=dissecting-an-api-call-the-fundamental-elements>Dissecting an API Call: The Fundamental Elements</h2><p>An API call is composed of several key elements:</p><ul><li><strong>Endpoint</strong>: The specific URL designated for API interaction.</li><li><strong>Method</strong>: The action type desired from the API. Common methods encompass GET, POST, PUT, and DELETE.</li><li><strong>Headers</strong>: Parameters that provide contextual information for the request, such as content type or authentication tokens.</li><li><strong>Data/Body</strong>: Contains the core information or instructions to be sent, applicable for POST and PUT methods.</li></ul><p>Example of an API call using curl:</p><div class="rounded-lg dark:shadow-xs border border-brand-neutral-200 overflow-hidden terminal"><div class="text--sm leading-6 text-center py-1 bg-brand-neutral-900 relative"><p class="m-0 text-white dark:text-brand-neutral-300">Example API Call&nbsp;</p><div class="absolute flex top-1/2 right-5 gap-5 -translate-y-1/2"><div><svg width="15" height="18" viewBox="0 0 15 18"><path d="M12.765 11.667h-9.9" stroke="#363944" stroke-width="1.167" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"/></svg></div><div><svg width="15" height="14" viewBox="0 0 15 14"><path d="M12.482 11.109c0 .308-.25.558-.558.558H3.707a.558.558.0 01-.558-.558V2.89c0-.308.25-.558.558-.558h8.217c.308.0.558.25.558.558v8.218z" stroke="#363944" stroke-width="1.167" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"/></svg></div><div><svg width="15" height="14" viewBox="0 0 15 14"><g fill="none" fill-rule="evenodd"><path d="M.815.0h14v14h-14z"/><g stroke="#363944" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.167"><path d="m4.315 10.5 7-7M11.315 10.5l-7-7"/></g></g></svg></div></div></div><div class="border-t bg-brand-blue-800 border-brand-neutral-200"><pre><span class="text-purple-400 mr-2">$</span>curl -X POST \
   -H &#34;Content-Type: application/json&#34; \