- 掃描 ID：
- 81d221a0-279e-483b-a259-b0517970e63d已完成
- 已提交的 URL：
- https://j4nk.dev/
- 報告完成時間：
連結 · 找到 5 個
從頁面中識別的傳出連結
| 連結 | Text |
|---|---|
| https://github.com/j4nk3e | 🐱 Github |
| https://www.youtube.com/@j4nk-audio | 📺 Youtube |
| https://ko-fi.com/j4nkaudio | ☕ Ko-fi |
| https://github.com/j4nk3e/alchemy_pub | ⚗️ AlchemyPub |
| https://512kb.club |
JavaScript 變數 · 找到 4 個
在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數，可從目前範圍內程式碼中的任何位置存取
| 名稱 | 類型 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| liveSocket | object |
主控台記錄訊息 · 找到 0 條
記錄到 Web 主控台的訊息
HTML
頁面的原始 HTML 主體
<!DOCTYPE html><html data-theme="dim" lang="en" class="[scrollbar-gutter:stable]"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="fiB_IQk7Wj0nWDVlWC8HLBwJDxUsVHsw9XKmsa7RialPhXQfYLGcJy0W">
<title data-suffix=" | j4nk.dev">Home | j4nk.dev</title>
<link phx-track-static="" rel="stylesheet" href="/assets/app-a7f5b54ce252679c81e996bb57500986.css?vsn=d">
<script defer="" phx-track-static="" type="text/javascript" src="/assets/app-61623264ee379c712e784b77a7ad6a10.js?vsn=d">
</script>
</head>
<body>
<main class="min-h-svh md:container md:mx-auto lg:flex lg:justify-center">
<div id="flash-group">
<div id="client-error" phx-click="[["push",{"value":{"key":"error"},"event":"lv:clear-flash"}],["hide",{"time":200,"to":"#client-error","transition":[["transition-all","transform","ease-in","duration-200"],["opacity-100","translate-y-0","sm:scale-100"],["opacity-0","translate-y-4","sm:translate-y-0","sm:scale-95"]]}]]" role="alert" class="fixed top-2 right-2 mr-2 w-80 sm:w-96 z-50 rounded-lg p-3 ring-1 bg-rose-50 text-rose-900 shadow-md ring-rose-500 fill-rose-900" hidden="" phx-connected="[["hide",{"time":200,"to":"#client-error","transition":[["transition-all","transform","ease-in","duration-200"],["opacity-100","translate-y-0","sm:scale-100"],["opacity-0","translate-y-4","sm:translate-y-0","sm:scale-95"]]}]]" phx-disconnected="[["show",{"time":300,"to":".phx-client-error #client-error","transition":[["transition-all","transform","ease-out","duration-300"],["opacity-0","translate-y-4","sm:translate-y-0","sm:scale-95"],["opacity-100","translate-y-0","sm:scale-100"]]}]]">
<p class="flex items-center gap-1.5 text-sm font-semibold leading-6">
<span class="hero-exclamation-circle-mini h-4 w-4"></span>
We can't find the internet
</p>
<p class="mt-2 text-sm leading-5">
Attempting to reconnect
<span class="hero-arrow-path ml-1 h-3 w-3 animate-spin"></span>
</p>
<button type="button" class="group absolute top-1 right-1 p-2" aria-label="close">
<span class="hero-x-mark-solid h-5 w-5 opacity-40 group-hover:opacity-70"></span>
</button>
</div>
<div id="server-error" phx-click="[["push",{"value":{"key":"error"},"event":"lv:clear-flash"}],["hide",{"time":200,"to":"#server-error","transition":[["transition-all","transform","ease-in","duration-200"],["opacity-100","translate-y-0","sm:scale-100"],["opacity-0","translate-y-4","sm:translate-y-0","sm:scale-95"]]}]]" role="alert" class="fixed top-2 right-2 mr-2 w-80 sm:w-96 z-50 rounded-lg p-3 ring-1 bg-rose-50 text-rose-900 shadow-md ring-rose-500 fill-rose-900" hidden="" phx-connected="[["hide",{"time":200,"to":"#server-error","transition":[["transition-all","transform","ease-in","duration-200"],["opacity-100","translate-y-0","sm:scale-100"],["opacity-0","translate-y-4","sm:translate-y-0","sm:scale-95"]]}]]" phx-disconnected="[["show",{"time":300,"to":".phx-server-error #server-error","transition":[["transition-all","transform","ease-out","duration-300"],["opacity-0","translate-y-4","sm:translate-y-0","sm:scale-95"],["opacity-100","translate-y-0","sm:scale-100"]]}]]">
<p class="flex items-center gap-1.5 text-sm font-semibold leading-6">
<span class="hero-exclamation-circle-mini h-4 w-4"></span>
Something went wrong!
</p>
<p class="mt-2 text-sm leading-5">
Hang in there while we get back on track
<span class="hero-arrow-path ml-1 h-3 w-3 animate-spin"></span>
</p>
<button type="button" class="group absolute top-1 right-1 p-2" aria-label="close">
<span class="hero-x-mark-solid h-5 w-5 opacity-40 group-hover:opacity-70"></span>
</button>
</div>
</div>
<div id="phx-GAmy2XGHrGToOgRB" data-phx-main="" data-phx-session="SFMyNTY.g2gDaAJhBXQAAAAIdwJpZG0AAAAUcGh4LUdBbXkyWEdIckdUb09nUkJ3B3Nlc3Npb250AAAAAHcEdmlld3cdRWxpeGlyLkFsY2hlbXlQdWJXZWIuUGFnZUxpdmV3CnBhcmVudF9waWR3A25pbHcGcm91dGVydxtFbGl4aXIuQWxjaGVteVB1YldlYi5Sb3V0ZXJ3CHJvb3RfcGlkdwNuaWx3CXJvb3Rfdmlld3cdRWxpeGlyLkFsY2hlbXlQdWJXZWIuUGFnZUxpdmV3DGxpdmVfc2Vzc2lvbmgCdwdkZWZhdWx0bggAilVPiGPlBBhuBgAAXu5JkwFiAAFRgA.MkxKKLF_D2SZh6PvE4gT5P80v_RIMeelh5dp7fLNrgA" data-phx-static="SFMyNTY.g2gDaAJhBXQAAAADdwJpZG0AAAAUcGh4LUdBbXkyWEdIckdUb09nUkJ3BWZsYXNodAAAAAB3CmFzc2lnbl9uZXdqbgYAAF7uSZMBYgABUYA.QO5DtU_wmeosYCz9ghtMRJjvX4TA3KMWM4IR1a09ZNQ" class="phx-connected" data-phx-root-id="phx-GAmy2XGHrGToOgRB"><div class="flex flex-col min-h-svh md:flex-row justify-start">
<div class="menu menu-vertical w-64 border-solid border-l-2 border-neutral-700">
<li>
<a href="/" data-phx-link="patch" data-phx-link-state="push" class="active">
<span class="hero-home-modern h-5 w-5"></span>
Home
</a>
</li>
<li>
<a href="/about" data-phx-link="patch" data-phx-link-state="push" class="">
<span class="hero-identification h-5 w-5"></span>
About
</a>
</li>
<li>
<a href="/music" data-phx-link="patch" data-phx-link-state="push" class="">
<span class="hero-musical-note h-5 w-5"></span>
Music
</a>
</li>
<li>
<a href="/impressum-datenschutz" data-phx-link="patch" data-phx-link-state="push" class="">
<span class="hero-scale h-5 w-5"></span>
Impressum & Datenschutzerklärung
</a>
</li>
<li>
<div class="menu-title">
<span class="hero-calendar h-5 w-5 mr-2 mb-1"></span>2024
</div>
<ul>
<li>
<a href="/2024-11-03/a-decade-wasted" data-phx-link="patch" data-phx-link-state="push" class="">
How I wasted a decade of my career with OOP
</a>
</li>
</ul>
</li>
<li>
<div class="menu-title"><span data-phx-id="m1-phx-GAmy2XGHrGToOgRB" class="hero-tag h-5 w-5 mr-2 mb-1"></span>Tags</div>
<ul>
<li>
<a href="/tag/functional-programming" data-phx-link="patch" data-phx-link-state="push" class="">
Functional Programming
</a>
</li>
<li>
<a href="/tag/oop" data-phx-link="patch" data-phx-link-state="push" class="">
OOP
</a>
</li>
</ul>
</li>
</div>
<div class="border-solid border-l-2 border-t-2 border-neutral-700"></div>
<div class="flex flex-col pb-8 border-solid border-r-2 border-neutral-700">
<div class="prose md:w-[34rem] lg:min-w-[42rem] p-4 flex-row">
<div style="display:flex; float:right; flex-direction:row; justify-content:flex-end; align-items:center; margin-left:1em" class="not-prose">
<span style="font-size:2em; font-weight:800;">j4nk.dev</span>
<img alt="avatar" src="/images/twobit.png" style="image-rendering:pixelated; border-radius:6rem; width:6rem; height:6rem; margin-left:0.5em"></div>
<p>
Welcome to my blog. Here I will publish articles mostly about software development.</p>
<p>
More <a href="/about">🪪 about me</a>.</p>
<h2 id="recent-posts">
Recent Posts <a href="#recent-posts" class="mr-1 opacity-20 hover:opacity-60 no-underline" aria-hidden="true" tabindex="-1">#</a></h2>
<ul>
<li>
<a href="2024-11-03/a-decade-wasted">How I wasted a decade of my career with OOP</a> </li>
</ul>
<h2 id="contact">
Contact <a href="#contact" class="mr-1 opacity-20 hover:opacity-60 no-underline" aria-hidden="true" tabindex="-1">#</a></h2>
<p>
You can also find me on:</p>
<ul>
<li>
<a href="https://bsky.app/profile/j4nk.dev">🦋 Bluesky</a> </li>
<li>
<a href="https://github.com/j4nk3e">🐱 Github</a> </li>
<li>
<a href="https://www.youtube.com/@j4nk-audio">📺 Youtube</a> </li>
<li>
<a href="https://ko-fi.com/j4nkaudio">☕ Ko-fi</a> </li>
</ul>
<h2 id="about-this-page">
About this page <a href="#about-this-page" class="mr-1 opacity-20 hover:opacity-60 no-underline" aria-hidden="true" tabindex="-1">#</a></h2>
<p>
This page is created and hosted with <a href="https://github.com/j4nk3e/alchemy_pub">⚗️ AlchemyPub</a>, a static site generator written by myself.</p>
<p>
<em>Disclaimer: The views expressed on this page are my personal opinion and do not necessarily reflect the offical policy or position of my employer.</em></p>
<p>
<a href="https://512kb.club" title=""> <img src="/images/512kb.png" alt="a proud member of the green team of 512KB club" title="">
</a></p>
</div>
</div>
</div></div>
</main>
</body></html>