- 扫描 ID：
- 88333bb4-33f2-499f-96eb-cffa3b377d5b已完成
- 提交的 URL：
- https://herwork.dev/已重定向
- 报告完成时间：
链接 · 找到 3 个
从页面中识别出的传出链接
| 链接 | 文本 |
|---|---|
| https://twitter.com/Herwork_dev | |
| https://github.com/Herwork06 | |
| https://nextui.org/ | Vercel |
JavaScript 变量 · 找到 5 个
在页面窗口对象上加载的全局 JavaScript 变量是在函数外部声明的变量，可以从当前范围内的代码中的任何位置访问
| 名称 | 类型 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| __reactRouterVersion | string |
| ___TYPEWRITER_JS_STYLES_ADDED___ | boolean |
控制台日志消息 · 找到 2 条
记录到 Web 控制台的消息
| 类型 | 类别 | 记录 |
|---|---|---|
| log | other |
|
| log | other |
|
HTML
页面的原始 HTML 正文
<!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>