- 제출된 URL:
- https://fahrnbach.one/
- 보고서 완료:
링크 · 0개 결과
페이지에서 식별된 외부 링크
JavaScript 변수 · 7개 결과
페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
| 이름 | 유형 |
|---|---|
| 0 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| __THREE__ | string |
| gsapVersions | object |
| __cfBeacon | object |
콘솔 로그 메시지 · 11개 결과
웹 콘솔에 기록된 메시지
| 유형 | 카테고리 | 로그 |
|---|---|---|
| log | other |
|
| log | other |
|
| log | other |
|
| log | other |
|
| warning | other |
|
| log | other |
|
| error | other |
|
| error | other |
|
| error | other |
|
| error | other |
|
| error | other |
|
HTML
페이지의 원시 HTML 본문
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<link rel="icon" type="image/svg+xml" href="/assets/IMG_20190122_041649_869-CAmBaX-D.webp">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://use.typekit.net/eik3zxm.css">
<meta name="description" content="Jacob Fahrnbach, Full Stack Web Developer. I Love Making Music, Art, and Of Course - Cool Websites! Welcome :)">
<title>Fahrnbach.one Home</title>
<script type="module" crossorigin="" src="/assets/index-DWc5ac4I.js"></script>
<link rel="stylesheet" crossorigin="" href="/assets/index-BfBwiqDA.css">
</head>
<body>
<section class="lander" id="lander"></section>
<div class="availability-badge">
<div class="availability-text-container">
Available
</div>
<div class="availability-dot-container">
<div class="availability-dot">
<div class="availability-dot-pulse"></div>
</div>
</div>
</div>
<div class="background"></div>
<canvas class="webgl" data-engine="three.js r169"></canvas>
<div class="name-container">
<div class="name">JACOB // <br> FAHRNBACH</div>
</div>
<div aria-label="Scroll To Continue" class="up-button-container">
<button class="up-button">»</button>
</div>
<div class="mobile-continue-container">
<div class="mobile-continue-button-ring">
<button class="mobile-continue-button"></button>
</div>
</div>
<button aria-label="Reload Button" class="reload"></button>
<div class="nav">
<ul>
<button class="nav-button nav-explore-button">
<a class="nav-button-link" href="./explore">Explore</a>
</button>
<button class="nav-button nav-about-button">About</button>
<button class="nav-button nav-contact-button">Contact</button>
<!-- <a class="shop-link">Shop</a> -->
</ul>
</div>
<!-- <h1 class="title">Enjoy :)</h1> -->
<h1 class="info">Click + Drag</h1>
<section class="about" id="about">
<button class="exit-about exit" aria-label="Exit About Me">X</button>
<div class="about-me">
<div class="about-photo-container">
<div class="about-photo"></div>
</div>
<div class="line-break">JACOB\\FAHRNBACH\\JACOB\\FAHRNBACH</div>
<div class="about-text-container">
<div class="about-text">
<h3>Status: learning cloud native microservices ie. Kubernetes.</h3>
<br>
Welcome to my site! It's currently undergoing construction.
<br>
<br>
This site was specifically made in vanilla javascript as an experiment in what is visually possible. I usually code front-end in Angular, and Node.js for the back-end.
<br>
<br>
So who am I?
<br>
<br>
My name is Jacob Fahrnbach. I'm a self taught Software Developer and Artist. I like tech stuff and art stuff. And music. There. That's me!
<br>
<br>
If you'd like to read allllll about me check out my <a href="https://blog.fahrnbach.one">blog</a> (Soon!). Thanks so much for visiting, and be sure to check out the explore tab to see some more cool stuff. Check back soon! Oh, and if you want to get in touch you can <a href="mailto:[email protected]">Email me!</a>
</div>
</div>
</div>
<div class="about-section"></div>
</section>
<section class="explore" id="explore">
<button class="exit-explore exit" aria-label="Exit About Me">X</button>
<div class="explore-background"></div>
<div class="explore-content-container">
<div class="explore-content">
<!-- <div class="nav2">
<button class="nav-reveal-button nav-blog-button">Blog</button>
<button class="nav-reveal-button nav-more-button">More</button>
</div> -->
<div class="explore-projects">
<div class="explore-spacer"></div>
<div class="explore-label">Security Blog</div>
<div class="explore-card">
<div class="explore-card-inner">
<a href="https://blog.fahrnbach.one/trustandverify"><img class="explore-photo" src="/assets/Trust@2x-Dp1DA9_B.webp" alt="A stone woman holding a diamond in front of a pink background"></a>
</div>
</div>
<div class="explore-label">Network Blog</div>
<div class="explore-card">
<div class="explore-card-inner">
<a href="https://blog.fahrnbach.one/bravozulu"><img class="explore-photo" src="/assets/[email protected]" alt="A stone man holding a diamond in front of a pink background"></a>
</div>
</div>
<div class="explore-label">Code Blog</div>
<div class="explore-card">
<div class="explore-card-inner">
<a href="https://blog.fahrnbach.one/infiniteloop"><img class="explore-photo" src="/assets/[email protected]" alt="A stone woman in front of a starburst background"></a>
</div>
</div>
<br>
<div class="explore-label"></div>
<div class="explore-spacer"></div>
</div>
</div>
</div>
</section>
<section class="contact" id="contact">
<div class="contact-background"></div>
<!-- <h1 class="contact-info">[email protected]</h1> -->
<button class="exit-contact exit" aria-label="Exit About Me">X</button>
<div class="contact-content">
<div class="contact-star-animation-container">
<div class="contact-star-hookin"></div>
</div>
<!-- ! Email Module -->
<div class="email-form">
<div class="email-header">
<div class="email-title">Email Assistant</div>
</div>
<div class="email-body">
</div>
<div class="email-warn"></div>
<form class="form" action="">
<div class="input-wrapper">
<input class="phone-number" type="number">
<input class="email-input" type="text" name="email" id="email-input" autocomplete="off" value="What is your email?">
<button class="email-submit">
<img class="email-icon" src="/assets/plane-CR1j5Raw.webp" alt="">
</button>
</div>
</form>
</div>
<!-- ! Email Module -->
<!-- <svg class="contact-star-animation-container" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 500 500">
<defs>
<style>
.contact-star-1 {
fill: none;
stroke: #231f20;
stroke-miterlimit: 10;
stroke-width: 5px;
}
.contact-star {
fill: none;
stroke: blue;
stroke-miterlimit: 10;
stroke-width: 5px;
}
</style>
</defs>
<g>
<g id="Layer_1">
<g>
<path class="contact-star-1"/>
</g>
</g>
</g>
</svg> -->
<div class="contact-projects">
<div class="contact-gallery">
<!-- <div class="about-photo"></div> -->
</div>
</div>
</div>
</section>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8e9db32c6e552fa1',t:'MTczMjgzMTk1MS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script><iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;"></iframe><script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{"rayId":"8e9db32c6e552fa1","version":"2024.10.5","r":1,"serverTiming":{"name":{"cfExtPri":true,"cfL4":true,"cfSpeedBrain":true,"cfCacheStatus":true}},"token":"50c39f879a6d41b99d9eef2387639cc3","b":1}" crossorigin="anonymous"></script>
</body></html>