- 제출된 URL:
- https://jakelazaroff.com/
- 보고서 완료:
링크 · 3개 결과
페이지에서 식별된 외부 링크
| 링크 | 텍스트 |
|---|---|
| https://mastodon.social/@jakelazaroff | Mastodon |
| https://twitter.com/jlazaroff | |
| https://github.com/jakelazaroff | GitHub |
JavaScript 변수 · 4개 결과
페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
| 이름 | 유형 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| __cfBeacon | object |
콘솔 로그 메시지 · 0개 결과
웹 콘솔에 기록된 메시지
HTML
페이지의 원시 HTML 본문
<!DOCTYPE html><html lang="en"><head><!-- Global Metadata --><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="color-scheme" content="dark light"><link rel="shortcut icon" href="/favicon.ico"><link rel="sitemap" href="/sitemap-index.xml"><link rel="alternate" type="application/rss+xml" href="/rss.xml" title="RSS Feed"><!-- Canonical URL --><link rel="canonical" href="https://jakelazaroff.com/"><!-- Primary Meta Tags --><title>jakelazaroff.com</title><meta name="title" content="jakelazaroff.com"><meta name="description" content="Just a programmer trying to make a home for myself on the WWW."><!-- Open Graph / Facebook --><meta property="og:type" content="website"><meta property="og:url" content="https://jakelazaroff.com/"><meta property="og:title" content="jakelazaroff.com"><meta property="og:description" content="Just a programmer trying to make a home for myself on the WWW."><!-- Twitter --><meta property="twitter:card" content="summary_large_image"><meta property="twitter:url" content="https://jakelazaroff.com/"><meta property="twitter:title" content="jakelazaroff.com"><meta property="twitter:description" content="Just a programmer trying to make a home for myself on the WWW."><!-- webmention --><link rel="webmention" href="https://webmention.io/jakelazaroff.com/webmention"><!-- indieauth --><link href="https://github.com/jakelazaroff" rel="me"><!-- mastodon --><meta name="fediverse:creator" content="@[email protected]"><script>
(() => {
const html = document.documentElement;
const saved = localStorage.getItem("theme");
if (saved === "dark" || saved === "light") html.classList.add(saved);
else if (window.matchMedia("(prefers-color-scheme: dark)").matches) html.classList.add("dark");
})();
</script><style>.button[data-astro-cid-vnzlvqnm]{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:.5rem;white-space:nowrap;text-decoration:none;border-radius:var(--line-size);transition:.25s color ease,.25s box-shadow ease}.button[data-astro-cid-vnzlvqnm].small{font-size:var(--font-size-small);line-height:var(--line-height-small);padding:calc(var(--line-size) / 2) var(--line-size)}.button[data-astro-cid-vnzlvqnm].medium{font-size:var(--font-size-body);line-height:var(--line-height-body);padding:calc(var(--line-size) / 2) calc(var(--line-size) * 1.5)}.button[data-astro-cid-vnzlvqnm].primary{background:var(--accent, var(--color-primary));color:var(--color-background)}.button[data-astro-cid-vnzlvqnm].secondary{color:var(--color-text-supporting);box-shadow:inset 0 0 0 1px var(--color-border)}.button[data-astro-cid-vnzlvqnm].secondary:hover{color:var(--accent, var(--color-text-supporting));box-shadow:inset 0 0 0 1px var(--accent, var(--color-text-tertiary))}
</style>
<link rel="stylesheet" href="/public/index.Bv_aq9eF.css">
<style>.card[data-astro-cid-mspuyifq]{display:flex;flex-direction:column;gap:var(--line-size)}.title[data-astro-cid-mspuyifq]{margin:0;font-family:var(--font-header)}.link[data-astro-cid-mspuyifq]{text-decoration:none;color:var(--color-text)}.link[data-astro-cid-mspuyifq]:hover{color:var(--color-primary);transition:color .25s ease}.hero[data-astro-cid-mspuyifq]{position:relative;padding:calc(var(--line-size) / 2)}.hero[data-astro-cid-mspuyifq]:after{content:"";display:block;position:absolute;inset:0;box-shadow:inset 0 0 0 1px var(--color-border);border-radius:var(--radius-large)}.hero[data-astro-cid-mspuyifq]>img[data-astro-cid-mspuyifq]{width:100%;height:calc(var(--line-size) * 16);object-fit:cover;border-radius:var(--radius-small)}
.separator[data-astro-cid-jchhmuzl]{justify-self:stretch;align-self:stretch;display:flex;align-items:center;gap:.75rem;font-size:var(--font-size-small);line-height:var(--line-height-small);color:var(--color-text-supporting)}.bar[data-astro-cid-jchhmuzl]{flex:1;height:1px;border:none;background-color:var(--color-border)}
.content[data-astro-cid-j7pv25f6]{margin-top:calc(var(--line-size) * 2 / 3);display:flex;flex-direction:column}.section[data-astro-cid-j7pv25f6]{margin-bottom:calc(var(--line-size) * 4)}.posts[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:1fr;column-gap:calc(var(--line-size) * 4);row-gap:var(--line-size)}@media screen and (min-width: 960px){.posts[data-astro-cid-j7pv25f6]{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-auto-flow:column}}.heading[data-astro-cid-j7pv25f6]{font-family:var(--font-small);font-size:var(--font-size-small);line-height:var(--line-height-body);margin:0}.post[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;align-items:start;gap:var(--line-size);margin-bottom:calc(var(--line-size) * 4)}@media screen and (min-width: 960px){.post[data-astro-cid-j7pv25f6]{margin-bottom:0}}.title[data-astro-cid-j7pv25f6]{font-family:var(--font-header);font-size:var(--font-size-title);line-height:var(--line-height-title);margin:0}.postlink[data-astro-cid-j7pv25f6]{text-decoration:none;color:var(--color-text)}.postlink[data-astro-cid-j7pv25f6]:hover{color:var(--color-primary)}.description[data-astro-cid-j7pv25f6]{margin-bottom:0}.archives[data-astro-cid-j7pv25f6]{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:calc(var(--line-size) * 2)}.item[data-astro-cid-j7pv25f6]{margin:0}.archivelink[data-astro-cid-j7pv25f6]{display:block;font-family:var(--font-header);font-size:var(--font-size-heading);line-height:var(--line-height-heading);color:var(--color-text);text-decoration:none;margin-bottom:var(--line-size)}.archivelink[data-astro-cid-j7pv25f6]:hover{color:var(--color-primary)}.projects[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:1fr;column-gap:calc(var(--line-size) * 4);row-gap:calc(var(--line-size) * 2);margin:var(--line-size) 0 0;padding:0;list-style:none}@media screen and (min-width: 720px){.projects[data-astro-cid-j7pv25f6]{grid-template-columns:1fr 1fr}}@media screen and (min-width: 1600px){.projects[data-astro-cid-j7pv25f6]{grid-template-columns:1fr 1fr 1fr}}
</style></head> <body> <div class="wrapper" data-astro-cid-sckkx6r4=""> <nav class="nav" data-astro-cid-pux6a34n=""> <h1 class="title" data-astro-cid-pux6a34n=""> <a class="logo" href="/" data-astro-cid-pux6a34n="">Jake Lazaroff</a> </h1> <ul class="links menu" data-astro-cid-pux6a34n=""> <li class="menuitem" data-astro-cid-pux6a34n=""> <a class="menulink" href="/blog" data-astro-cid-pux6a34n="">Blog</a> </li> <li class="menuitem" data-astro-cid-pux6a34n=""> <a class="menulink" href="/projects" data-astro-cid-pux6a34n="">Projects</a> </li> <li class="menuitem" data-astro-cid-pux6a34n=""> <a class="menulink" href="/about" data-astro-cid-pux6a34n="">About</a> </li> </ul> <ul class="social menu" data-astro-cid-pux6a34n=""> <li class="menuitem" data-astro-cid-pux6a34n=""> <a class="menulink bluesky" href="https://bsky.app/profile/jakelazaroff.com" aria-labelledby="bluesky" data-astro-cid-pux6a34n=""> <span id="bluesky" hidden="" data-astro-cid-pux6a34n="">Bluesky</span> <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="16" height="16"> <use href="/icons.svg#bluesky"></use> </svg> </a> </li> <li class="menuitem" data-astro-cid-pux6a34n=""> <a class="menulink mastodon" rel="me" href="https://mastodon.social/@jakelazaroff" aria-labelledby="mastodon" data-astro-cid-pux6a34n=""> <span id="mastodon" hidden="" data-astro-cid-pux6a34n="">Mastodon</span> <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="16" height="16"> <use href="/icons.svg#mastodon"></use> </svg> </a> </li> <li class="menuitem" data-astro-cid-pux6a34n=""> <a class="menulink twitter" href="https://twitter.com/jlazaroff" aria-labelledby="twitter" data-astro-cid-pux6a34n=""> <span id="twitter" hidden="" data-astro-cid-pux6a34n=""> Twitter</span> <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="16" height="16"> <use href="/icons.svg#twitter"></use> </svg> </a> </li> <li class="menuitem" data-astro-cid-pux6a34n=""> <a class="menulink github" href="https://github.com/jakelazaroff" aria-labelledby="github-label" data-astro-cid-pux6a34n=""> <span id="github-label" hidden="" data-astro-cid-pux6a34n=""> GitHub</span> <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="16" height="16"> <use href="/icons.svg#github"></use> </svg> </a> </li> </ul> </nav> <div class="content" data-astro-cid-j7pv25f6=""> <section class="posts section" data-astro-cid-j7pv25f6=""> <div class="separator" data-astro-cid-jchhmuzl=""> <h2 class="heading" data-astro-cid-j7pv25f6="">Latest post</h2> <hr class="bar" data-astro-cid-jchhmuzl=""> </div> <article class="post" data-astro-cid-j7pv25f6=""> <h3 class="title" data-astro-cid-j7pv25f6=""> <a class="postlink" href="/words/drinking-from-the-bluesky-firehose/" data-astro-cid-j7pv25f6=""> Drinking from the Bluesky Firehose </a> </h3> <p class="description" data-astro-cid-j7pv25f6="">I recently built a Bluesky bot. To build it, I had to dig into the Bluesky firehose. Here's what I learned.</p> <a class="button secondary small" href="/words/drinking-from-the-bluesky-firehose/" style="" data-astro-cid-vnzlvqnm="">
Read more
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"> <use href="/icons.svg#right"></use> </svg> </a> </article> <div class="separator" data-astro-cid-jchhmuzl=""> <h2 class="heading" data-astro-cid-j7pv25f6="">Earlier posts</h2> <hr class="bar" data-astro-cid-jchhmuzl=""> </div> <ul class="archives section" data-astro-cid-j7pv25f6=""> <li class="item" data-astro-cid-j7pv25f6=""> <a class="archivelink" href="/words/whats-a-single-page-app/" data-astro-cid-j7pv25f6=""> What's a Single-Page App? </a> <p class="description" data-astro-cid-j7pv25f6="">The web development community talks a lot about single-page apps, but are we all on a single page? Here's my ontology of web app architectures, organized by rendering and navigation.</p> </li><li class="item" data-astro-cid-j7pv25f6=""> <a class="archivelink" href="/words/my-modern-css-reset/" data-astro-cid-j7pv25f6=""> My Modern CSS Reset </a> <p class="description" data-astro-cid-j7pv25f6="">A CSS reset I've been using for new projects.</p> </li> <li class="item" data-astro-cid-j7pv25f6=""> <a class="button secondary small" href="/blog" style="" data-astro-cid-vnzlvqnm="">
More posts
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"> <use href="/icons.svg#right"></use> </svg> </a> </li> </ul> </section> <div class="separator" data-astro-cid-jchhmuzl=""> <h2 class="heading" data-astro-cid-j7pv25f6="">Projects</h2> <hr class="bar" data-astro-cid-jchhmuzl=""> </div> <section data-astro-cid-j7pv25f6=""> <ul class="projects" data-astro-cid-j7pv25f6=""> <li class="item" data-astro-cid-j7pv25f6=""> <div class="card" data-astro-cid-mspuyifq=""> <h3 class="title" data-astro-cid-mspuyifq=""><a class="link" href="/projects/jake-museum" data-astro-cid-mspuyifq="">JAKE.MUSEUM</a></h3> <div class="hero" data-astro-cid-mspuyifq=""> <img src="/public/jake-museum-hero.7WOwPlBN.png" width="2880" height="1800" alt="" data-astro-cid-mspuyifq=""> </div> <p data-astro-cid-mspuyifq="">An online museum of every website I've ever worked on.</p> </div> </li><li class="item" data-astro-cid-j7pv25f6=""> <div class="card" data-astro-cid-mspuyifq=""> <h3 class="title" data-astro-cid-mspuyifq=""><a class="link" href="/projects/songrender" data-astro-cid-mspuyifq="">SongRender</a></h3> <div class="hero" data-astro-cid-mspuyifq=""> <img src="/public/songrender-hero.aXL6XKod.jpg" width="2400" height="1800" alt="" data-astro-cid-mspuyifq=""> </div> <p data-astro-cid-mspuyifq="">A web-based generative music visualizer video creation app.</p> </div> </li> </ul> <a class="button secondary small" href="/projects" style="" data-astro-cid-vnzlvqnm="">
More projects
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"> <use href="/icons.svg#right"></use> </svg> </a> </section> </div> </div> <!-- Cloudflare Pages Analytics --><script defer="" src="https://static.cloudflareinsights.com/beacon.min.js" data-cf-beacon="{"token": "13788daf78464d9688d49475f60c2267"}"></script><!-- Cloudflare Pages Analytics --> </body></html>