![Source](\"http://1.bp.blogspot.com/-feRUkS6z3uo/VIctsB0pI1I/AAAAAAAAAAo/nbmsMeSl_ls/s1600/india.png?ver=1553881376\"){kind=link}
![Source](\"http://blog.dahmundfreunde.de/wp-content/uploads/2014/05/grafik.png?ver=1553881376\"){kind=link}
![Source](\"https://s-media-cache-ak0.pinimg.com/originals/25/93/1f/25931fe9980a8a2e06cd66df76a055ee.jpg?ver=1553881376\"){kind=link}
![\"This](\"/f46881583c7518a93bb24e94c32320de/a-developer-friendly-dark-theme.webp\")
Maven is a project build management software, it means it Let's you define your project dependencies, features, and behaviors. To do this, Maven downloads plugins and dependencies for various online repositories. People who want to share their libraries, develop using Maven and upload the binaries in a repository. In this article, we’ll discuss how to configure and use Maven dependency.
\nPrerequisites:
\nInstall the Maven support for Eclipse (m2e)
\nMost Eclipse downloads include the Maven tooling already. If it is missing in your installation, you can install it via the main update of your release via Help > Install New Software. The following listing contains the update site for the Neon release and an update site maintained by the m2e project.
\nFor the usage of Maven for Java projects, you only need the m2e component. For Java web development you also want the m2e-wtp entry.
\nDownload the Maven index
\nBy default, the Maven tooling does not download the Maven index for the Eclipse IDE. Via the Maven index, you can search for dependencies, select them and add them to your pom file. To download the index, select Windows > Preferences > Maven and enable the Download repository index updates on startup option.
\nAfter changing this setting, restart Eclipse. This triggers the download of the Maven index. You may want to remove this flag after restarting to avoid network traffic at every start of Eclipse.
\nCreate Maven project
\nCreate a new Maven project via File > New > Other… > Maven > Maven Project.
\nOn the first wizard page, you can select if you want to create a simple project.
\nAfter creating the Maven project, a pom.xml is generated. You can find the file in Project Explorer. A Project Object Model or POM is the fundamental unit of work in Maven. It is an XML file that contains information about the project and configuration details used by Maven to build the project. It contains default values for most projects.
\nNow, you can add a dependency in pom.xml. For example, if you want to add LoginRadius for Java library/dependency, you can add as follows:
\n<dependencies>\n <dependency>\n <groupId>com.loginradius.sdk</groupId>\n <artifactId>java-sdk</artifactId>\n <version>11.0.0</version>\n </dependency>\n ......\n</dependencies>You should now be able to quickly import any libraries that you want o use in your project via Maven.
\n","frontmatter":{"date":"July 11, 2017","updated_date":null,"description":"Learn step by step setting up and resolution of maven dependency using eclipse IDE.","title":"Maven Dependency in Eclipse","tags":["Java","Maven","Eclipse"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.7699115044247788,"src":"/static/2d5127407846f33b1b7073695bd669d7/ee604/maven.png","srcSet":"/static/2d5127407846f33b1b7073695bd669d7/69585/maven.png 200w,\n/static/2d5127407846f33b1b7073695bd669d7/497c6/maven.png 400w,\n/static/2d5127407846f33b1b7073695bd669d7/ee604/maven.png 800w,\n/static/2d5127407846f33b1b7073695bd669d7/f3583/maven.png 1200w,\n/static/2d5127407846f33b1b7073695bd669d7/e4d72/maven.png 1280w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Giriraj Yadav","github":null,"avatar":null}}}},{"node":{"excerpt":"jCenter is the public repository hosted at bintray that is free to use for open source library publishers. It is the largest repository in…","fields":{"slug":"/engineering/how-to-use-jcenter-dependencies-in-android-studio/"},"html":"jCenter is the public repository hosted at bintray that is free to use for open source library publishers. It is the largest repository in the world for Java and Android OSS libraries, packages and components. All the content in JCenter is served over a CDN, with a secure HTTPS connection. In this article, we’ll discuss how to make use of jCenter dependencies in Android Studio.
\nPrerequisites
\nIf you don’t have Android Studio installed, you can download from the following link:
\n\nAfter successfully installing Android Studio, you can open an existing project or create a new project to start with.
\nUsage
\nAfter opening or creating a new project, you can find two files named “build.gradle” under Gradle Scripts section in the left pane. The first one will be suffixed with “Project” and another with “Module”. We’ll start with the “Project” one.
\nAdd jCenter repository in project’s build.gradle file as shown below and sync your project:
\nallprojects {\n repositories {\n jcenter()\n\t . . .\n }\n}On successful sync, you’re now able to add any Android dependency hosted on jCenter repository. The dependency will be added to “Module” build.gradle. It’s also known as app’s build.gradle.
\nFor example, if you want to add LoginRadius dependency/library, you can add in app’s build.gradle as follows and sync your project:
\ncompile 'com.loginradius.android:androidsdk:3.3.1'If all the steps are followed successfully, you’re now able to add a jCenter dependency in Android Studio.
\n","frontmatter":{"date":"July 11, 2017","updated_date":null,"description":"Learn how to make use of jCenter dependencies in Android Studio.","title":"jCenter Dependencies in Android Studio","tags":["JCenter","Android"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.7699115044247788,"src":"/static/21f45b8f9eba48b3695a10929ce75fff/ee604/jCenter.png","srcSet":"/static/21f45b8f9eba48b3695a10929ce75fff/69585/jCenter.png 200w,\n/static/21f45b8f9eba48b3695a10929ce75fff/497c6/jCenter.png 400w,\n/static/21f45b8f9eba48b3695a10929ce75fff/ee604/jCenter.png 800w,\n/static/21f45b8f9eba48b3695a10929ce75fff/f3583/jCenter.png 1200w,\n/static/21f45b8f9eba48b3695a10929ce75fff/e4d72/jCenter.png 1280w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Hitesh Pamnani","github":null,"avatar":null}}}},{"node":{"excerpt":"Bower is a popular package manager to help you quickly deploy components. In this article I'm going to show you how to install Bower and how…","fields":{"slug":"/engineering/how-to-use-bower-to-install-bootstrap/"},"html":"Bower is a popular package manager to help you quickly deploy components. In this article I'm going to show you how to install Bower and how to use it to install Bootstrap.
\nPre-requisites: To install Bower you must first have Node.js and npm (another package manager) installed, your computer may have shipped with these pre-installed. To check if you have npm, open your command-line tool and type:
\nnpm -vIf you do not get a version number, you may need to install npm which comes pre-packaged with Node.js
\nYou can find Node.js along with instructions on how-to install it here: NodeJS
\nWindows Users Only: If you're a Windows user make sure you have Git for Windows installed to work with the Windows Command Prompt with Checkout Windows-Style and commit Unix-style line endings. You can find more information on that here: Git for Windows
\nProvided that you have both Node.js and npm installed, run the following command in your Command-line tool:
\nnpm install -g bowerOnce Bower is installed it's as easy as going to your project folder in Command-line and typing:
\nbower install bootstrapfollowed by:
\nbower install jqueryThis will install the files required for Bootstrap in the newly created 'bower_components' folder.
\nIn this folder you will have 2 new folders 'bootstrap' and 'jquery'.
\nThe next step is to include the files for both jQuery and Bootstrap into your project file(s).
\n...And that's it, you're good to go.
\nIf you need to update a project and are unsure which bower packages you have installed that might need an update, you can type
\nbower listin your project directory for a listing of packages you installed via Bower and which ones are due for an update.
\nin this case if we wanted to update our bootstrap install we would do:
\nbower update bootstrapOnce you have figured out your configurations and installed all of your desired Bower packages you can use:
\nbower initFollow the steps provided in your Command-line.
\nThis will initialize a bower.json file which will store your configurations.
\nOnce you have your Bower.json file you can move it around to other locations or projects and you can get Bower to reinstall all of your packages and configurations by typing:
\nbower installThis will get Bower to create another 'bower_components' folder with the same packages and configurations specified in your bower.json file.
\nFor further information on using or configuring Bower You can checkout the official website
\n","frontmatter":{"date":"July 05, 2017","updated_date":null,"description":"Learn how the Bower package manager helps into quick components deploy and install Bootstrap using Bower","title":"Install Bootstrap with Bower","tags":["Bootstrap","Bower"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.1363636363636365,"src":"/static/f22ed4623c0a1e31c973ed6e1f0ba4bd/ee604/bower-logo.png","srcSet":"/static/f22ed4623c0a1e31c973ed6e1f0ba4bd/69585/bower-logo.png 200w,\n/static/f22ed4623c0a1e31c973ed6e1f0ba4bd/497c6/bower-logo.png 400w,\n/static/f22ed4623c0a1e31c973ed6e1f0ba4bd/ee604/bower-logo.png 800w,\n/static/f22ed4623c0a1e31c973ed6e1f0ba4bd/a8378/bower-logo.png 1024w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Pascal Noel","github":null,"avatar":null}}}},{"node":{"excerpt":"Mapegy is a SaaS company based in Berlin, Germany that focuses on big data and innovation analytics, and provides online solutions as well…","fields":{"slug":"/identity/mapegy-loginradius-customer-success-story/"},"html":"Mapegy is a SaaS company based in Berlin, Germany that focuses on big data and innovation analytics, and provides online solutions as well as consultancy services. They are pros at tracking and measuring global innovation and technology trends, and they use this knowledge to help businesses and corporations make strategic decisions and create business opportunities.
\nOur friend, James Gardner, the COO of Mapegy, shares his insights into the challenges that brought them to LoginRadius, and what’s kept our partnership successful all these years.
\nMapegy needed user management solution that can be easily implemented and deployed so they can focus their efforts and resources on innovating their own products and services.
\nThe three main concerns that needed to be addressed with the user management solution were:
\nWith a flexible and customizable platform, alongside a guaranteed 99.99% uptime, Mapegy was reassured from the get-go that our solution is indeed both reliable and scalable when catering to their needs and user base as they grow. As well, our login and registration flows allowed Mapegy to provide their users with a streamlined and hassle-free login and registration process while creating centralized user profiles with the extended data points that Mapegy was looking for.
\nThis played a significant role both in improving the user experience and providing Mapegy with the necessary data in order to to better understand their users.
\nThis also gave them the information to build their innovation graph as they continued to create and provide products that are the most relevant to their user base. As a company that serves global customers, we make sure that our support team is always available 24/7, regardless of what time zone they may be located in, and Mapegy has first-hand experience on the skills and speediness of our support team.
\nThroughout their implementation process, our support team has always been readily available to answer any questions that Mapegy has and made sure that there is no lag in the support and the service that they would receive.
\n\nMapegy - LoginRadius Customer Success Story
\n\n","frontmatter":{"date":"June 15, 2017","updated_date":null,"description":"Mapegy was reassured from the get-go with a versatile and adjustable platform, alongside a guaranteed 99.99 percent uptime, that our solution is indeed both reliable and scalable when adapting to their needs and user base as they expand. Our login and registration flows have helped Mapegy to provide a simplified and hassle-free login and registration process for their users while building centralised user profiles with the extended data points that Mapegy was searching for.","title":"Mapegy, a LoginRadius Customer Success Story","tags":["media-and-publication"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.7857142857142858,"src":"/static/54e1e7d0a783d012873ccd7a3dec930b/14b42/Mapegy_LR.jpg","srcSet":"/static/54e1e7d0a783d012873ccd7a3dec930b/f836f/Mapegy_LR.jpg 200w,\n/static/54e1e7d0a783d012873ccd7a3dec930b/2244e/Mapegy_LR.jpg 400w,\n/static/54e1e7d0a783d012873ccd7a3dec930b/14b42/Mapegy_LR.jpg 800w,\n/static/54e1e7d0a783d012873ccd7a3dec930b/87ed9/Mapegy_LR.jpg 961w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Karl Wittig","github":null,"avatar":null}}}},{"node":{"excerpt":"Founded in 1995 by Arik Johnson, Aurora Worldwide Development Corporation (WDC) is a leading analytics and intelligence firm providing…","fields":{"slug":"/identity/aurora-wdc-loginradius-customer-success-story/"},"html":"Founded in 1995 by Arik Johnson, Aurora Worldwide Development Corporation (WDC) is a leading analytics and intelligence firm providing consultative services to corporate clients worldwide. We are grateful to be able to have such a long-standing relationship with Aurora WDC and glad that we have been able to help them in providing a better user experience and a well-rounded solution to better manage their client relationships.
\nHere, we share the story of Aurora WDC's journey with LoginRadius (with the video down below).
\nIn 2012, Aurora WDC built a social learning platform, Reconverge.net, with the goal of creating a community where their clients are able to connect with each other and learn how to do competitive intelligence work more effectively.
\nIn order to build an effective social learning platform and attract members to become a part of this community, there were a few hurdles that Aurora WDC needed to overcome:
\nWhen Aurora WDC approached LoginRadius with said challenges, we gracefully accepted and proceeded to tackle every single one of them. First and foremost, our social login feature allowed them to provide social login options for their users, which resulted in a quick and easy registration and authentication process.
\nUsers no longer had to experience the hassle of entering in their personal details or come up with yet another password, and can simply select and login with their preferred social provider.
\nIn addition, LoginRadius' comprehensive WordPress plugin ensured that there were no issues when implementing this solution on Aurora WDC's WordPress-based sites.
\nOne of the main strengths of LoginRadius customer identity and access management platform is its flexibility to integrate with multiple systems and tools that our customers are using to help enhance their workflows.
\nIn this case, we were able to successfully integrate Aurora WDC's LoginRadius account and user data with both Salesforce and Pardot so they can have a clear view of their clients and manage those relationships, as well as maximize their marketing efforts based on the user data collected via LoginRadius.
\nAs Aurora WDC transitioned to Hubspot, we stepped up our game and re-integrated them with Hubspot to make sure that there is no interruption as they continue to build their client relationships.
\n\nAurora WDC - LoginRadius Customer Success Story
\n\n","frontmatter":{"date":"May 26, 2017","updated_date":null,"description":"Aurora WDC is a leading analytics and intelligence company that has been able, with the aid of LoginRadius, to provide its members with an improved user experience and to better manage their customer relationships.","title":"Aurora WDC, a LoginRadius Customer Success Story","tags":["media-and-publication"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.7857142857142858,"src":"/static/75bc1e3a3d7279449b5ed769951e7ea5/14b42/aurora-wdc-loginradius-customer-success-story.jpg","srcSet":"/static/75bc1e3a3d7279449b5ed769951e7ea5/f836f/aurora-wdc-loginradius-customer-success-story.jpg 200w,\n/static/75bc1e3a3d7279449b5ed769951e7ea5/2244e/aurora-wdc-loginradius-customer-success-story.jpg 400w,\n/static/75bc1e3a3d7279449b5ed769951e7ea5/14b42/aurora-wdc-loginradius-customer-success-story.jpg 800w,\n/static/75bc1e3a3d7279449b5ed769951e7ea5/1d253/aurora-wdc-loginradius-customer-success-story.jpg 959w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Karl Wittig","github":null,"avatar":null}}}},{"node":{"excerpt":"Did you know 90% of all product assessments are based on colors and 85% of buyers select a product on the basis of its color? Hence…","fields":{"slug":"/growth/complete-color-scheme-guide-for-your-website/"},"html":"Did you know 90% of all product assessments are based on colors and 85% of buyers select a product on the basis of its color?
\nHence, selecting a perfect color plan for your website is important. But, it can seem like a tough game- especially if you do not trust your color senses. I have seen people getting nervous or confused when it comes to decide a color scheme for anything. It may because they are not confident at the deciding stuff or may be they are color blind.
\nFun Fact:- Mark Zuckerberg is red-green colorblind (that’s the reason why Facebook is blue).
\nSo, coming back to the point, what’s your story? Do you also have these three questions while deciding your website’s color scheme:-
\nYou can turn your website into a harmonious place or a piece from a horror movie with your color schemes. Hence, here I am presenting a guide to help you decide what is wrong and what is right for your website in terms of color scheme.
\nWhether it is your brand image or your website, colors can work like magic on your business. And while talking about the role of color in business, Coca Cola is the best example.
\nWhat are the things that come to your mind when I say the word Coca Cola? Obviously, a bottle of it. Then, the red logo of Coca-Cola. There was a reason why Coca-Cola chose the color “Red”.
\nRed shows excitement, passion and boldness and these were the emotions Coca-Cola wanted to convey with its product. Moreover, the color red makes it more visible on the shelves from its competitors. Well, here is an image showing reasons for different brands choosing respective colors in their logos.
\nKissmetrics says that there is an 80% increase in brand recognition when colors are used.
\nSo, how can you use colors to increase your brand recognition?
\nCreate an awesome color scheme and here’s how you can create a color scheme:-
\nYour customers will connect their emotions with your brand through your prominent color. Hence, choose a color that convey the emotions about your company (like the red color in Coca-Cola does). Your logo should contain your prominent color as the primary color. However, if you have no clue which color to cast as your prominent color, see this image to decide the color of your choice.
\nOther than these psychological facts, you can check whether you are going to serve a youthful and energetic audience or your product is targeting a female audience. Hence, you have to decide the color on the basis of your targeted audience.
\nFun Fact:- Do you know why hyperlinks are blue?
\nIt is found out that most of the color blind patients are red-green color blinded just like Mark Zuckerberg. And almost no one in this world is blue-color blinded. It means that almost everyone in this world can distinguish blue from other colors and that’s why hyperlink’s default color is blue.
\nSome statistics that show what color do what men and women get attracted to while shopping
\nAlso in another experiment, it was found that men preferred shades and bright colors while women preferred tints and soft colors.
\nBy these data, you can certainly improve your color marketing strategies through color scheme.
\nHence, it may be clear to you that personal decisions to purchase a thing are triggered by one’s own perception of himself or herself. If a person thinks of himself as elegant, attract him with black color. If a person enjoys trust and peace, attract her with blue color. I’m pretty sure that will work for you. That’s why I’m repeating that it is very important to know your target audience.
\nNow, let’s discuss about the areas on your website where we can use the prominent color. There is a simple thumb rule needed to be followed while using prominent color.
\nOnly use prominent color on areas which you want to highlight to you customers like you logo, menu tabs, call to actions, and any important information. Here’s, how we do it at LoginRadius.
\nAccent colors are the colors used for emphasis. Now, why do you want to use Accent colors when prominent colors are everything you need? Because your website will look boring if you use only a single color all over the place. Hence, to provide it a professional and interesting touch, you need to use accent colors on elements like quotes, subtitles and other information on your website.
\nFor example, you can use accent colors on secondary information, current menu tab and basically those elements that aren’t the current primary focus but still you want them to be highlighted.
\nAlso, do not use more than two accent colors on your webpages. It may confuse your prospects. Here’s a simple example to use accent colors on your website:-
\nNow, there are two ways to select your color scheme. Pursue a Phd career in color psychology or use these color matching tools to create a color palette (well, hiring a good designer may cost you more).
\nCoolors is an awesome site to generate color schemes. You can generate, store and share your favorite palettes within seconds in Coolors. The tool is available as chrome extension, an Adobe Add-on and as an iOS app.
\nMaterial UI Colors is from panda network which specializes to create color palettes for material designs. You can find a copy-paste option in the app for better color matching process. You can also try Flat UI Colors (from the house of panda networks) for flat UI themes.
\nAdobe Color CC is a one-stop palette generator that allows you to generate color palettes with the help of its huge collection of color combinations (these combinations are created and curated by Kuler community).
\nHave you ever picked a wall color? If you have, you can easily relate to the process of selecting the website background.
\nWhen you are about to choose a wall color, you will make sure that the wall color adds to the comfort of the room. Not too strong and not boring as well. Moreover, you will choose different colors for painting a summer cottage and a retail store. Similarly, while choosing the right background color for your website entirely depends on the intent of your website.
\nThus, here I have divided the websites into three types on the basis of their intent.
\nYou will find that majority of the content driven or e-commerce websites have neutral or white background. The intent of such websites is to promote their products or ideas rather than flashing the background of the website. Hence, the prominent and accent colors provide focus and personality to your website whereas the neutral background keeps your customers focused on your products or content.
\nCorporate websites are basically built with the intent of promoting services or promoting the brand. In both cases, different kind of colors would be used as the background color.
\nWhile you are promoting a brand, use your prominent colors as a part of your background. This will improve your brand recognition. You can take a look of our previous example Coca-Cola’s site to see how wisely and strongly they have used red on their website.
\nIn case, you have a bold prominent color, then you can use less intense shades of the prominent colors. Here’s an example of how Cadbury does it:-
\nWhen it comes to creative or stylish websites (creative, beauty, restaurant, design and fashion industries), you can use any colors in the background of your website. You can design a black background to provide a luxurious look or you can inspire your visitors with a rainbow background. Don’t lose your content’s visibility for the sake of charm on your website. Here’s a great template you can use for your creative website.
\nSpecialty: Minimal yet effective
\nSpecialty: Attractive combination of multiple colors
\nSpecialty: Beautiful yet elegant
\nSpecialty: Wise usage of neon colors to give it modern touch
\nWe’re here to support developers on that journey. We know how important simplicity, efficiency, and well-structured documentation are when working with identity and access management solutions. That’s why we’ve redesigned the LoginRadius website—to be faster, more intuitive, and developer-first in every way.
\nThe goal? Having them spend less time searching and more time building.
\nLoginRadius’ vision is to give developers a product that simplifies identity management so they can focus on building, deploying, and scaling their applications. To enhance this experience, we’ve spent the last few months redesigning our interface— making navigation more intuitive and reassuring that essential resources are easily accessible.
\nHere’s a closer look at what’s new and why it’s important:
\n
Developers spend long hours working in dark-themed IDEs and terminals, so we’ve designed the LoginRadius experience to be developer-friendly and align with that preference.
\nThe new dark mode reduces eye strain, enhances readability, and provides a seamless transition between a coding environment and our platform. Our new design features a clean, modern aesthetic with a consistent color scheme and Barlow typography, ensuring better readability. High-quality graphics and icons are thoughtfully placed to enhance the content without adding visual clutter.
\nSo, whether you’re navigating our API docs or configuring authentication into your system, our improved interface will make those extended development hours more comfortable and efficient.
\n![\"This](\"/e5358b82be414940f3fb146013845933/capabilities.webp\")
We’ve restructured our website to provide a straightforward breakdown of our customer identity and access management platform capabilities, helping you quickly find what you need:
\nThis structured layout ensures you can quickly understand each capability and how it integrates into your identity ecosystem.
\n![\"This](\"/a8c155c2b6faf3d5f4b4de4e2b14d763/developers-menu.webp\")
We’ve been analyzing developer workflows to identify how you access key resources. That’s why we redesigned our navigation with one goal in mind: to reduce clicks and make essential resources readily available.
\nThe new LoginRadius structure puts APIs, SDKs, and integration guides right at the menu bar under the Developers dropdown so you can get started faster. Our Products, Solutions, and Customer Services are also clearly categorized, helping development teams quickly find the right tools and make informed decisions.
\n![\"This](\"/b2f9a964a2da0ea83e2f8596b833bba7/we-support-your-tech-stack.webp\")
Developers now have a clear view of the tech stack available with LoginRadius, designed to support diverse business needs.
\nOur platform offers pre-built SDKs for Node.js, Python, Java, and more, making CIAM integration seamless across popular programming languages and frameworks.
\nCheck out our revamped LoginRadius website and see how the improved experience makes it easier to build, scale, and secure your applications.
\nDo not forget to explore the improved navigation and API documentation, and get started with our free trial today. We’re excited to see what you’ll build with LoginRadius!
\n","frontmatter":{"date":"February 21, 2025","updated_date":null,"description":"LoginRadius’ vision is to give developers a product that simplifies identity management so they can focus on building, deploying, and scaling their applications. To enhance this experience, we’ve redesigned our website interface, making navigation more intuitive and reassuring that essential resources are easily accessible.","title":"Revamped & Ready: Introducing the New Developer-First LoginRadius Website","tags":["Developer tools","API","Identity Management","User Authentication"],"pinned":true,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.7857142857142858,"src":"/static/80b4e4fbe176a10a327d273504607f32/58556/hero-section.webp","srcSet":"/static/80b4e4fbe176a10a327d273504607f32/61e93/hero-section.webp 200w,\n/static/80b4e4fbe176a10a327d273504607f32/1f5c5/hero-section.webp 400w,\n/static/80b4e4fbe176a10a327d273504607f32/58556/hero-section.webp 800w,\n/static/80b4e4fbe176a10a327d273504607f32/99238/hero-section.webp 1200w,\n/static/80b4e4fbe176a10a327d273504607f32/7c22d/hero-section.webp 1600w,\n/static/80b4e4fbe176a10a327d273504607f32/1258b/hero-section.webp 2732w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Rakesh Soni","github":"oyesoni","avatar":"rakesh-soni.jpg"}}}},"pageContext":{"limit":6,"skip":882,"currentPage":148,"type":"///","numPages":161,"pinned":"ee8a4479-3471-53b1-bf62-d0d8dc3faaeb"}},"staticQueryHashes":["1171199041","1384082988","2100481360","23180105","528864852"]}