- ID de l'analyse :
- 88333bb4-33f2-499f-96eb-cffa3b377d5bTerminée
- URL soumise :
- https://herwork.dev/Redirigé
- Fin du rapport :
Liens : 3 trouvé(s)
Liens sortants identifiés à partir de la page
Lien | texte |
---|---|
https://twitter.com/Herwork_dev | |
https://github.com/Herwork06 | |
https://nextui.org/ | Vercel |
Variables JavaScript : 5 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
Nom | Type |
---|---|
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
__reactRouterVersion | string |
___TYPEWRITER_JS_STYLES_ADDED___ | boolean |
Messages de journal de console : 2 trouvé(s)
Messages consignés dans la console web
Type | Catégorie | Enregistrement |
---|---|---|
log | other |
|
log | other |
|
HTML
Le corps HTML de la page en données brutes
<!DOCTYPE html><html lang="en" class="dark"><head>
<meta charset="UTF-8">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Herwork_dev</title>
<meta key="title" content="Herwork_dev" property="og:title">
<meta content="A full-stack developer and desinger from Norway" property="og:description">
<meta content="A full-stack developer and desinger from Norway" name="description">
<meta key="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<script type="module" crossorigin="" src="/assets/index-BdH0iams.js"></script>
<link rel="stylesheet" crossorigin="" href="/assets/index-px0MlBXr.css">
<style id="_goober"> @keyframes go2264125279{from{transform:scale(0) rotate(45deg);opacity:0;}to{transform:scale(1) rotate(45deg);opacity:1;}}@keyframes go3020080000{from{transform:scale(0);opacity:0;}to{transform:scale(1);opacity:1;}}@keyframes go463499852{from{transform:scale(0) rotate(90deg);opacity:0;}to{transform:scale(1) rotate(90deg);opacity:1;}}@keyframes go1268368563{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes go1310225428{from{transform:scale(0) rotate(45deg);opacity:0;}to{transform:scale(1) rotate(45deg);opacity:1;}}@keyframes go651618207{0%{height:0;width:0;opacity:0;}40%{height:0;width:6px;opacity:1;}100%{opacity:1;height:10px;}}@keyframes go901347462{from{transform:scale(0.6);opacity:0.4;}to{transform:scale(1);opacity:1;}}.go4109123758{z-index:9999;}.go4109123758 > *{pointer-events:auto;}.go2072408551{display:flex;align-items:center;background:#fff;color:#363636;line-height:1.3;will-change:transform;box-shadow:0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.05);max-width:350px;pointer-events:auto;padding:8px 10px;border-radius:8px;}.go3958317564{display:flex;justify-content:center;margin:4px 10px;color:inherit;flex:1 1 auto;white-space:pre-line;}@keyframes go3223188581{0%{transform:translate3d(0,-200%,0) scale(.6);opacity:.5;}100%{transform:translate3d(0,0,0) scale(1);opacity:1;}}</style><style>.Typewriter__cursor{-webkit-animation:Typewriter-cursor 1s infinite;animation:Typewriter-cursor 1s infinite;margin-left:1px}@-webkit-keyframes Typewriter-cursor{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes Typewriter-cursor{0%{opacity:0}50%{opacity:1}100%{opacity:0}}</style></head>
<body>
<div id="root"><div data-overlay-container="true"><main class="my-dark-theme text-foreground bg-background relative"><div style="opacity: 1; transform: translateX(0px) translateY(800.964px) scale(2) translateZ(0px); background: radial-gradient(50% 50% at 50% 50%, red, transparent 100%); position: fixed; width: 100%; height: 100%;"></div><div class="relative flex flex-col h-screen overflow-hidden" style="transition: overflow 0.5s ease-in-out 4s;"><div style="position: fixed; z-index: 9999; inset: 16px; pointer-events: none;"><div class="go4109123758" style="left: 0px; right: 0px; display: flex; position: absolute; transition: all 230ms cubic-bezier(0.21, 1.02, 0.73, 1) 0s; transform: translateY(0px); top: 0px; justify-content: center;"><div class="go2072408551" style="background: rgb(0, 0, 0); color: rgb(255, 255, 255); font-size: 1rem; animation: 0.35s cubic-bezier(0.21, 1.02, 0.73, 1) 0s 1 normal forwards running go3223188581;"><div role="status" aria-live="polite" class="go3958317564">This website is still under development ⚠️</div></div></div></div><nav class="flex z-40 w-full h-auto items-center justify-center data-[menu-open=true]:border-none sticky top-0 inset-x-0 backdrop-blur-lg data-[menu-open=true]:backdrop-blur-xl backdrop-saturate-150 bg-background/70 animate__slideInDown animate__animated animate__delay-4s" style="--navbar-height: 4rem;"><header class="z-40 flex px-6 gap-4 w-full flex-row relative flex-nowrap items-center justify-between h-[var(--navbar-height)] max-w-[1280px]"><ul class="flex gap-4 h-full flex-row flex-nowrap items-center data-[justify=start]:justify-start data-[justify=start]:flex-grow data-[justify=start]:basis-0 data-[justify=center]:justify-center data-[justify=end]:justify-end data-[justify=end]:flex-grow data-[justify=end]:basis-0 basis-1/5 sm:basis-full" data-justify="start"><div class="flex basis-0 flex-row flex-grow flex-nowrap justify-start bg-transparent items-center no-underline text-medium whitespace-nowrap box-border gap-3 max-w-fit"><a class="relative tap-highlight-transparent outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 text-medium text-foreground no-underline hover:opacity-80 active:opacity-disabled transition-opacity flex justify-start items-center gap-1" href="/" tabindex="0" role="link"></a></div><div class="hidden lg:flex gap-4 justify-start ml-2"><li class="text-medium whitespace-nowrap box-border list-none data-[active=true]:font-semibold"><a class="tap-highlight-transparent relative inline-flex items-center tap-highlight-transparent outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 text-medium text-foreground no-underline hover:opacity-80 active:opacity-disabled transition-opacity data-[active=true]:text-primary data-[active=true]:font-medium" href="/" tabindex="0" role="link">Home</a></li><li class="text-medium whitespace-nowrap box-border list-none data-[active=true]:font-semibold"><a class="tap-highlight-transparent relative inline-flex items-center tap-highlight-transparent outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 text-medium text-foreground no-underline hover:opacity-80 active:opacity-disabled transition-opacity data-[active=true]:text-primary data-[active=true]:font-medium" href="/blog" tabindex="0" role="link">Blog</a></li><li class="text-medium whitespace-nowrap box-border list-none data-[active=true]:font-semibold"><a class="tap-highlight-transparent relative inline-flex items-center tap-highlight-transparent outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 text-medium text-foreground no-underline hover:opacity-80 active:opacity-disabled transition-opacity data-[active=true]:text-primary data-[active=true]:font-medium" href="/projects" tabindex="0" role="link">Projects</a></li></div></ul><ul class="gap-4 h-full flex-row flex-nowrap items-center data-[justify=start]:justify-start data-[justify=start]:flex-grow data-[justify=start]:basis-0 data-[justify=center]:justify-center data-[justify=end]:justify-end data-[justify=end]:flex-grow data-[justify=end]:basis-0 hidden sm:flex basis-1/5 sm:basis-full" data-justify="end"><li class="text-medium whitespace-nowrap box-border list-none data-[active=true]:font-semibold hidden sm:flex gap-2"><a class="relative inline-flex items-center tap-highlight-transparent outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 text-medium text-primary no-underline hover:opacity-80 active:opacity-disabled transition-opacity" href="https://twitter.com/Herwork_dev" target="_blank" rel="noopener noreferrer" tabindex="0" role="link" title="Twitter"><svg height="24" viewBox="0 0 24 24" width="24" class="text-default-500"><path d="M19.633 7.997c.013.175.013.349.013.523 0 5.325-4.053 11.461-11.46 11.461-2.282 0-4.402-.661-6.186-1.809.324.037.636.05.973.05a8.07 8.07 0 0 0 5.001-1.721 4.036 4.036 0 0 1-3.767-2.793c.249.037.499.062.761.062.361 0 .724-.05 1.061-.137a4.027 4.027 0 0 1-3.23-3.953v-.05c.537.299 1.16.486 1.82.511a4.022 4.022 0 0 1-1.796-3.354c0-.748.199-1.434.548-2.032a11.457 11.457 0 0 0 8.306 4.215c-.062-.3-.1-.611-.1-.923a4.026 4.026 0 0 1 4.028-4.028c1.16 0 2.207.486 2.943 1.272a7.957 7.957 0 0 0 2.556-.973 4.02 4.02 0 0 1-1.771 2.22 8.073 8.073 0 0 0 2.319-.624 8.645 8.645 0 0 1-2.019 2.083z" fill="currentColor"></path></svg></a><a class="relative inline-flex items-center tap-highlight-transparent outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 text-medium text-primary no-underline hover:opacity-80 active:opacity-disabled transition-opacity" href="https://github.com/Herwork06" target="_blank" rel="noopener noreferrer" tabindex="0" role="link" title="GitHub"><svg height="24" viewBox="0 0 24 24" width="24" class="text-default-500"><path clip-rule="evenodd" d="M12.026 2c-5.509 0-9.974 4.465-9.974 9.974 0 4.406 2.857 8.145 6.821 9.465.499.09.679-.217.679-.481 0-.237-.008-.865-.011-1.696-2.775.602-3.361-1.338-3.361-1.338-.452-1.152-1.107-1.459-1.107-1.459-.905-.619.069-.605.069-.605 1.002.07 1.527 1.028 1.527 1.028.89 1.524 2.336 1.084 2.902.829.091-.645.351-1.085.635-1.334-2.214-.251-4.542-1.107-4.542-4.93 0-1.087.389-1.979 1.024-2.675-.101-.253-.446-1.268.099-2.64 0 0 .837-.269 2.742 1.021a9.582 9.582 0 0 1 2.496-.336 9.554 9.554 0 0 1 2.496.336c1.906-1.291 2.742-1.021 2.742-1.021.545 1.372.203 2.387.099 2.64.64.696 1.024 1.587 1.024 2.675 0 3.833-2.33 4.675-4.552 4.922.355.308.675.916.675 1.846 0 1.334-.012 2.41-.012 2.737 0 .267.178.577.687.479C19.146 20.115 22 16.379 22 11.974 22 6.465 17.535 2 12.026 2z" fill="currentColor" fill-rule="evenodd"></path></svg></a></li></ul><ul class="flex gap-4 h-full flex-row flex-nowrap items-center data-[justify=start]:justify-start data-[justify=start]:flex-grow data-[justify=start]:basis-0 data-[justify=center]:justify-center data-[justify=end]:justify-end data-[justify=end]:flex-grow data-[justify=end]:basis-0 sm:hidden basis-1 pl-4" data-justify="end"><a class="relative inline-flex items-center tap-highlight-transparent outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 text-medium text-primary no-underline hover:opacity-80 active:opacity-disabled transition-opacity" href="https://github.com/Herwork06" target="_blank" rel="noopener noreferrer" tabindex="0" role="link"><svg height="24" viewBox="0 0 24 24" width="24" class="text-default-500"><path clip-rule="evenodd" d="M12.026 2c-5.509 0-9.974 4.465-9.974 9.974 0 4.406 2.857 8.145 6.821 9.465.499.09.679-.217.679-.481 0-.237-.008-.865-.011-1.696-2.775.602-3.361-1.338-3.361-1.338-.452-1.152-1.107-1.459-1.107-1.459-.905-.619.069-.605.069-.605 1.002.07 1.527 1.028 1.527 1.028.89 1.524 2.336 1.084 2.902.829.091-.645.351-1.085.635-1.334-2.214-.251-4.542-1.107-4.542-4.93 0-1.087.389-1.979 1.024-2.675-.101-.253-.446-1.268.099-2.64 0 0 .837-.269 2.742 1.021a9.582 9.582 0 0 1 2.496-.336 9.554 9.554 0 0 1 2.496.336c1.906-1.291 2.742-1.021 2.742-1.021.545 1.372.203 2.387.099 2.64.64.696 1.024 1.587 1.024 2.675 0 3.833-2.33 4.675-4.552 4.922.355.308.675.916.675 1.846 0 1.334-.012 2.41-.012 2.737 0 .267.178.577.687.479C19.146 20.115 22 16.379 22 11.974 22 6.465 17.535 2 12.026 2z" fill="currentColor" fill-rule="evenodd"></path></svg></a><button class="group flex items-center justify-center w-6 h-full rounded-small tap-highlight-transparent outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2" type="button" aria-pressed="false"><span class="sr-only">open navigation menu</span><span class="w-full h-full pointer-events-none flex flex-col items-center justify-center text-inherit group-data-[pressed=true]:opacity-70 transition-opacity before:content-[''] before:block before:h-px before:w-6 before:bg-current before:transition-transform before:duration-150 before:-translate-y-1 before:rotate-0 group-data-[open=true]:before:translate-y-px group-data-[open=true]:before:rotate-45 after:content-[''] after:block after:h-px after:w-6 after:bg-current after:transition-transform after:duration-150 after:translate-y-1 after:rotate-0 group-data-[open=true]:after:translate-y-0 group-data-[open=true]:after:-rotate-45"></span></button></ul></header></nav><main class="container mx-auto max-w-7xl px-6 flex-grow pt-16"><section class="flex md:flex-row sm:flex-col-reverse items-center justify-center gap-4 py-8 md:py-10 animate__animated"><div class="inline-block text-center justify-center w-[35%]"><div class="tracking-tight font-semibold text-[2.3rem] lg:text-5xl leading-9 animate__fadeIn animate__animated sm:text-large md:text-3xl flex flex-row !text-5xl items-baseline text-center justify-center"><div class="Typewriter" data-testid="typewriter-wrapper"><span class="Typewriter__wrapper">Heyo</span><span class="Typewriter__cursor"></span></div><span> I am </span><span class="tracking-tight inline font-semibold text-[2.3rem] lg:text-5xl leading-9 text-primary animate__fadeIn animate__animated sm:text-3xl md:text-4xl">Herwork</span></div><br><span class="w-full md:w-1/2 my-2 text-lg lg:text-xl block max-w-full !w-full text-gray-400 animate__fadeIn animate__animated animate__delay-1s sm:text-sm md:text-md">also known as Herwork_dev or Herwork06</span><div class="w-full md:w-1/2 my-2 text-lg lg:text-xl text-default-600 block max-w-full !w-full mt-4 animate__fadeIn animate__animated animate__delay-2s">I am a self-taught freelance developer</div><div class="inline-flex gap-3"><button class="z-0 group relative inline-flex items-center justify-center box-border appearance-none select-none whitespace-nowrap font-normal subpixel-antialiased overflow-hidden tap-highlight-transparent data-[pressed=true]:scale-[0.97] outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 px-3 min-w-16 h-8 text-tiny gap-2 rounded-small [&>svg]:max-w-[theme(spacing.8)] transition-transform-colors-opacity motion-reduce:transition-none bg-primary/20 text-primary-700 data-[hover=true]:opacity-hover animate__fadeIn animate__animated animate__delay-3s" type="button" disabled=""><iconify-icon icon="lucide:credit-card" width="1.5em" height="1.5em" aria-hidden="true" focusable="false" tabindex="-1"></iconify-icon>Download Card</button><a class="tap-highlight-transparent no-underline hover:opacity-80 active:opacity-disabled transition-opacity z-0 group relative inline-flex items-center justify-center box-border appearance-none select-none whitespace-nowrap font-normal subpixel-antialiased overflow-hidden tap-highlight-transparent data-[pressed=true]:scale-[0.97] outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 text-tiny gap-2 rounded-small px-0 !gap-0 transition-transform-colors-opacity motion-reduce:transition-none bg-success/20 text-success-800 dark:text-success min-w-8 w-8 h-8 data-[hover=true]:opacity-hover animate__fadeIn animate__animated animate__delay-3s" aria-label="Email" href="mailto:[email protected]" tabindex="0" role="button"><iconify-icon icon="lucide:mail" width="1.5em" height="1.5em"></iconify-icon></a></div></div><div class="mt-8"><div class="relative shadow-black/5 shadow-none rounded-large" style="max-width: 240px;"><img src="/me.png" class="relative z-10 opacity-0 shadow-black/5 data-[loaded=true]:opacity-100 shadow-none transition-transform-opacity motion-reduce:transition-none !duration-300 rounded-large m-4 animate__animated animate__fadeIn animate__animated animate__delay-2s" loading="eager" width="240" alt="A image of my online character" data-loaded="true"><img src="/me.png" class="absolute z-0 inset-0 w-full h-full object-cover filter blur-lg scale-105 saturate-150 opacity-30 translate-y-1 rounded-large" loading="eager" width="240" alt="A image of my online character" aria-hidden="true" data-loaded="true"></div></div></section><section class="flex flex-col items-center justify-center gap-4 py-8 md:py-10 animate__fadeInUp animate__animated animate__delay-3s"><div class="flex w-[50em] flex-col"><div data-slot="tabWrapper" data-placement="top" data-vertical="horizontal"><div data-slot="base" class="w-full inline-block items-center justify-center md:max-w-screen sm:max-w-fit" aria-label="Options"><div data-slot="tabList" class="flex p-1 h-fit gap-2 items-center flex-nowrap overflow-x-scroll scrollbar-hide bg-default-100 rounded-medium" id="react-aria7703406700-:r4:" aria-label="Options" role="tablist" aria-orientation="horizontal"><button data-slot="tab" tabindex="0" data-key="about-me" id="react-aria7703406700-:r4:-tab-about-me" aria-selected="true" role="tab" class="z-0 w-full px-3 py-1 flex group relative justify-center items-center cursor-pointer transition-opacity tap-highlight-transparent data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-30 data-[hover-unselected=true]:opacity-disabled outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 h-8 text-small rounded-small" type="button" data-selected="true" aria-controls="react-aria7703406700-:r4:-tabpanel-about-me"><span class="absolute z-0 inset-0 rounded-small bg-background dark:bg-default shadow-small" data-slot="cursor" style="opacity: 1;"></span><div class="relative z-10 whitespace-nowrap transition-colors text-default-500 group-data-[selected=true]:text-default-foreground" data-slot="tabContent"><div class="flex items-center space-x-2"><iconify-icon icon="lucide:book-user"></iconify-icon><span>About Me</span></div></div></button><button data-slot="tab" tabindex="-1" data-key="experiences" id="react-aria7703406700-:r4:-tab-experiences" aria-selected="false" role="tab" class="z-0 w-full px-3 py-1 flex group relative justify-center items-center cursor-pointer transition-opacity tap-highlight-transparent data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-30 data-[hover-unselected=true]:opacity-disabled outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 h-8 text-small rounded-small" type="button"><div class="relative z-10 whitespace-nowrap transition-colors text-default-500 group-data-[selected=true]:text-default-foreground" data-slot="tabContent"><div class="flex items-center space-x-2"><iconify-icon icon="lucide:braces"></iconify-icon><span>Experiences</span></div></div></button><button data-slot="tab" tabindex="-1" data-key="projects" id="react-aria7703406700-:r4:-tab-projects" aria-selected="false" role="tab" class="z-0 w-full px-3 py-1 flex group relative justify-center items-center cursor-pointer transition-opacity tap-highlight-transparent data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-30 data-[hover-unselected=true]:opacity-disabled outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 h-8 text-small rounded-small" type="button"><div class="relative z-10 whitespace-nowrap transition-colors text-default-500 group-data-[selected=true]:text-default-foreground" data-slot="tabContent"><div class="flex items-center space-x-2"><iconify-icon icon="lucide:album"></iconify-icon><span>Main Project</span></div></div></button></div></div><div data-focus="false" data-focus-visible="false" id="react-aria7703406700-:r4:-tabpanel-about-me" aria-labelledby="react-aria7703406700-:r4:-tab-about-me" role="tabpanel" class="py-3 px-1 data-[inert=true]:hidden outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2" data-slot="panel"><div class="flex flex-col relative overflow-hidden text-foreground box-border bg-content1 outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 shadow-medium rounded-large transition-transform-background motion-reduce:transition-none h-full w-full" tabindex="-1"><div class="relative flex w-full p-3 flex-auto flex-col place-content-inherit align-items-inherit h-auto break-words text-left overflow-y-auto subpixel-antialiased"><div class="px-2 w-full" data-orientation="vertical"><div data-open="true" aria-label="Hi, I’m Herwork!"><h2 data-open="true"><button data-open="true" class="flex w-full h-full gap-3 items-center tap-highlight-transparent outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 py-2 transition-opacity" type="button" id=":rc:" aria-expanded="true" aria-controls=":rd:"><div class="flex-1 flex flex-col text-start"><span data-open="true" class="text-foreground text-medium">Hi, I’m Herwork!</span></div><span aria-hidden="true" data-open="true" class="text-default-400 text-medium transition-transform rotate-0 data-[open=true]:-rotate-90 rtl:-rotate-180 rtl:data-[open=true]:-rotate-90"><svg aria-hidden="true" fill="none" focusable="false" height="1em" role="presentation" viewBox="0 0 24 24" width="1em"><path d="M15.5 19l-7-7 7-7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></svg></span></button></h2><section style="will-change: auto; opacity: 1; height: auto; overflow-y: unset;"><div data-open="true" class="py-1" id=":rd:" role="region" aria-labelledby=":rc:"><p>I am a self-taught freelance developer with 10+ years of experience, based in Norway. Yes, I have dyslexia, so reading and writing might trip me up sometimes, but it hasn’t stopped me from coding since I was 7! With enough creativity and motivation, nothing can hold you back. I’m now a full-stack developer, building both web and software applications. I also design websites with custom styles and components (except for this one—went for a simple design and a UI library for fun).</p><p class="w-full md:w-1/2 my-2 text-lg lg:text-xl block max-w-full !w-full text-gray-400 !text-sm italic">Note: This text was reviewed and revised with the help of AI to make sure it's as clear as possible—because. You should use AI as a assistant/aid rather than a replacment.</p></div></section></div></div><div class="mt-4 flex flex-row gap-3"><a class="relative inline-flex items-center tap-highlight-transparent outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 text-medium text-primary no-underline hover:opacity-80 active:opacity-disabled transition-opacity" href="https://github.com/Herwork06" target="_blank" rel="noopener noreferrer" tabindex="0" role="link" title="GitHub"><svg height="24" viewBox="0 0 24 24" width="24" class="text-default-500"><path clip-rule="evenodd" d="M12.026 2c-5.509 0-9.974 4.465-9.974 9.974 0 4.406 2.857 8.145 6.821 9.465.499.09.679-.217.679-.481 0-.237-.008-.865-.011-1.696-2.775.602-3.361-1.338-3.361-1.338-.452-1.152-1.107-1.459-1.107-1.459-.905-.619.069-.605.069-.605 1.002.07 1.527 1.028 1.527 1.028.89 1.524 2.336 1.084 2.902.829.091-.645.351-1.085.635-1.334-2.214-.251-4.542-1.107-4.542-4.93 0-1.087.389-1.979 1.024-2.675-.101-.253-.446-1.268.099-2.64 0 0 .837-.269 2.742 1.021a9.582 9.582 0 0 1 2.496-.336 9.554 9.554 0 0 1 2.496.336c1.906-1.291 2.742-1.021 2.742-1.021.545 1.372.203 2.387.099 2.64.64.696 1.024 1.587 1.024 2.675 0 3.833-2.33 4.675-4.552 4.922.355.308.675.916.675 1.846 0 1.334-.012 2.41-.012 2.737 0 .267.178.577.687.479C19.146 20.115 22 16.379 22 11.974 22 6.465 17.535 2 12.026 2z" fill="currentColor" fill-rule="evenodd"></path></svg></a><a class="relative inline-flex items-center tap-highlight-transparent outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 text-medium text-primary no-underline hover:opacity-80 active:opacity-disabled transition-opacity" href="https://twitter.com/Herwork_dev" target="_blank" rel="noopener noreferrer" tabindex="0" role="link" title="Twitter"><svg height="24" viewBox="0 0 24 24" width="24" class="text-default-500"><path d="M19.633 7.997c.013.175.013.349.013.523 0 5.325-4.053 11.461-11.46 11.461-2.282 0-4.402-.661-6.186-1.809.324.037.636.05.973.05a8.07 8.07 0 0 0 5.001-1.721 4.036 4.036 0 0 1-3.767-2.793c.249.037.499.062.761.062.361 0 .724-.05 1.061-.137a4.027 4.027 0 0 1-3.23-3.953v-.05c.537.299 1.16.486 1.82.511a4.022 4.022 0 0 1-1.796-3.354c0-.748.199-1.434.548-2.032a11.457 11.457 0 0 0 8.306 4.215c-.062-.3-.1-.611-.1-.923a4.026 4.026 0 0 1 4.028-4.028c1.16 0 2.207.486 2.943 1.272a7.957 7.957 0 0 0 2.556-.973 4.02 4.02 0 0 1-1.771 2.22 8.073 8.073 0 0 0 2.319-.624 8.645 8.645 0 0 1-2.019 2.083z" fill="currentColor"></path></svg></a></div></div></div></div></div></div></section></main><footer class="w-full flex items-center justify-center p-3 animate__animated animate__delay-1s animate__slideInUp"><div class="flex flex-col relative overflow-hidden h-auto text-foreground box-border outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 shadow-medium rounded-large transition-transform-background motion-reduce:transition-none w-full bg-transparent/30" tabindex="-1"><div class="relative flex w-full p-3 flex-auto flex-col place-content-inherit align-items-inherit h-auto break-words text-left overflow-y-auto subpixel-antialiased"><div class="flex flex-row w-full justify-between"><div class="flex items-center"><span class="text-default-600">Powered by </span><a class="relative tap-highlight-transparent outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 text-medium hover:underline hover:opacity-80 active:opacity-disabled transition-opacity underline-offset-4 flex items-center gap-1 text-current" href="https://nextui.org/" target="_blank" rel="noopener noreferrer" tabindex="0" role="link" title="nextui.org homepage"><p class="text-foreground font-bold">NextUI</p></a><span> and </span><a class="relative tap-highlight-transparent outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 text-medium hover:underline hover:opacity-80 active:opacity-disabled transition-opacity underline-offset-4 flex items-center gap-1 text-current" href="https://nextui.org/" target="_blank" rel="noopener noreferrer" tabindex="0" role="link" title="nextui.org homepage"><p class="text-foreground font-bold">Vercel</p></a></div><div><a class="relative inline-flex items-center tap-highlight-transparent outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 text-medium text-secondary no-underline hover:opacity-80 active:opacity-disabled transition-opacity" href="mailto:[email protected]" tabindex="0" role="link">[email protected]<svg aria-hidden="true" fill="none" focusable="false" height="1em" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="1em" class="flex mx-1 text-current self-center"><path d="M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6"></path><path d="M15 3h6v6"></path><path d="M10 14L21 3"></path></svg></a></div></div></div></div></footer></div></main></div></div>
<span data-focus-scope-start="true" hidden=""></span><span data-focus-scope-end="true" hidden=""></span></body></html>