- 제출된 URL:
- https://grantkot.com/
- 보고서 완료:
링크 · 6개 결과
페이지에서 식별된 외부 링크
| 링크 | 텍스트 |
|---|---|
| https://voxelmash.pages.dev/ | ∞ (wip) |
| https://github.com/kotsoft/particle_based_viscoelastic_fluid/ | GitHub |
| https://twitter.com/kotsoft | @kotsoft |
| https://www.youtube.com/c/GrantKot | @GrantKot |
| https://kotsoft.itch.io/ | kotsoft.itch.io |
| https://ko-fi.com/X8X5Y4GF6 | Support Development on Ko-fi |
JavaScript 변수 · 6개 결과
페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
| 이름 | 유형 |
|---|---|
| 0 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| kofiwidget2 | object |
| __cfBeacon | object |
콘솔 로그 메시지 · 2개 결과
웹 콘솔에 기록된 메시지
| 유형 | 카테고리 | 로그 |
|---|---|---|
| warning | other |
|
| info | network |
|
HTML
페이지의 원시 HTML 본문
<!DOCTYPE html><html lang="en-US"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Grant Kot</title>
<meta name="description" content="Play with Liquid Layers, a real-time liquid simulator as well as other fun and interactive web demos.">
<!-- Open Graph Meta Tags -->
<meta property="og:url" content="https://grantkot.com">
<meta property="og:type" content="website">
<meta property="og:title" content="Grant Kot">
<meta property="og:description" content="Play with Liquid Layers, a real-time liquid simulator as well as other fun and interactive web demos.">
<meta property="og:image" content="https://gkog.pages.dev/home.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="grantkot.com">
<meta property="twitter:url" content="https://grantkot.com">
<meta name="twitter:title" content="Grant Kot">
<meta name="twitter:description" content="Play with Liquid Layers, a real-time liquid simulator as well as other fun and interactive web demos.">
<meta name="twitter:image" content="https://gkog.pages.dev/home.png">
<meta name="facebook-domain-verification" content="4swu6gcyc2llvvnn20d9v0x5woqde7">
<!-- Meta Tags Generated via https://opengraph.dev -->
<style type="text/css">@font-face {font-family:Outfit;font-style:normal;font-weight:400;src:url(/cf-fonts/v/outfit/5.0.11/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Outfit;font-style:normal;font-weight:400;src:url(/cf-fonts/v/outfit/5.0.11/latin-ext/wght/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}</style>
<link rel="stylesheet" href="style_grid_v2.css">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="mask-icon" href="/favicon.svg" color="#00c8ff">
<link rel="manifest" href="/site.webmanifest">
<meta name="msapplication-TileColor" content="#eeeeee">
<meta name="theme-color" content="#eeeeee">
<link rel="icon" href="favicon.ico">
</head>
<body>
<h1>Grant Kot</h1>
<p>Stay tuned! VoxelMash and Liquid Crystal will combine.</p>
<hr>
<div id="container">
<div class="item">
<h2>Liquid Layers</h2>
<picture>
<source srcset="img/ll-thumb.webp" type="image/webp">
<img src="img/ll-thumb.gif" alt="Liquid Layers Preview" style="aspect-ratio: 16 / 9;">
</picture>
<div class="button-group">
<a href="ll/index.html" class="btn-green">
Classic
</a>
<a href="draw/index.html" class="btn-green">
TLDraw
</a>
</div>
</div>
<!-- <div class="item">
<h2>LL X TLDraw</h2>
<picture>
<source srcset="img/draw-thumb.webp" type="image/webp">
<img src="img/draw-thumb.gif" alt="Liquid Draw Preview" style="aspect-ratio: 16 / 9;" />
</picture>
<div class="button-group">
<a href="draw/index.html" class="btn-green">
Play
</a>
</div>
</div> -->
<div class="item">
<h2>VoxelMash (Multiplayer)</h2>
<img src="img/lc-thumb.jpg" alt="VoxelMash" style="aspect-ratio: 16 / 9;">
<div class="button-group">
<a href="lctest4/index.html" class="btn-green">
Play
</a>
<a href="https://voxelmash.pages.dev/" class="btn-green">
∞ (wip)
</a>
</div>
</div>
<div class="item">
<h2>Liquid 3D</h2>
<img src="img/lc.jpg" alt="Liquid Crystal" style="aspect-ratio: 16 / 9;">
<div class="button-group">
<a href="lc1/index.html" class="btn-green">
MPM
</a>
<a href="pvfs3d/index.html" class="btn-green">
SPH
</a>
</div>
</div>
<div class="item">
<h2>Grantophone</h2>
<picture>
<source srcset="img/gp-thumb.webp" type="image/webp">
<img src="img/gp-thumb.gif" alt="Grantophone Preview" style="aspect-ratio: 16 / 9;">
</picture>
<div class="button-group">
<a href="gpdev/index.html" class="btn-green">
Play
</a>
</div>
</div>
<!-- <div class="item">
<h2>Liquid 3D</h2>
<img src="img/pvfs3d.jpg" alt="Liquid 3D Preview" style="aspect-ratio: 16 / 9;" />
<div class="button-group">
</div>
</div> -->
<div class="item">
<h2>JS Demos</h2>
<picture>
<source srcset="img/blob-thumb.webp" type="image/webp">
<img src="img/blob-thumb.gif" alt="Blobs Preview" style="aspect-ratio: 16 / 9;">
</picture>
<div class="button-group">
<a href="blob/index.html" class="btn-green">
Blobs
</a>
<a href="sine/index.html" class="btn-green">
Sine
</a>
</div>
</div>
<!-- <div class="item">
<h2>Sine</h2>
<picture>
<source srcset="img/sine-thumb.webp" type="image/webp">
<img src="img/sine-thumb.gif" alt="Sine Preview" style="aspect-ratio: 16 / 9;" />
</picture>
<div class="button-group">
<a href="sine/index.html" class="btn-green">
Play
</a>
</div>
</div> -->
<div class="item">
<h2>PVFS Open Source</h2>
<picture>
<source srcset="img/pvfs-thumb.webp" type="image/webp">
<img src="img/pvfs-thumb.gif" alt="PVFS Open Source Preview" style="aspect-ratio: 16 / 9;">
</picture>
<div class="button-group">
<a href="pvfs/index.html" target="_blank" class="btn-green">
Play
</a>
<a href="https://github.com/kotsoft/particle_based_viscoelastic_fluid/" target="_blank" class="btn-info">
GitHub
</a>
</div>
</div>
</div>
<hr>
<h3>
For Updates
</h3>
<p>
These demos are being actively developed. Request features, report bugs, or just say hi!
</p>
<p>
Twitter: <a href="https://twitter.com/kotsoft">@kotsoft</a>
</p>
<p>
YouTube: <a href="https://www.youtube.com/c/GrantKot">@GrantKot</a>
</p>
<p>
Itch.io: <a href="https://kotsoft.itch.io/">kotsoft</a>
</p>
<h3>Third Party Libraries & Licenses</h3>
<p>To view a list of open-source libraries used by the demos on this site <a href="licenses.html">click here</a>.</p>
<hr>
<h2>Liquid Crystal Sandbox</h2>
<p>
I also have a more ambitious 3D project, <b>Liquid Crystal Sandbox</b>, in development. Check out
<a href="https://kotsoft.itch.io/">kotsoft.itch.io</a> for some demos.
</p>
<p>
I am working on optimizing them for more devices and bringing them to the web with WebAssembly. Stay tuned for
updates!
</p>
<p>
<iframe style="aspect-ratio:16/9;width:100%;max-width:1280px;" src="https://www.youtube-nocookie.com/embed/eq-zQK7Jg-U?si=ahcMHoarJEo0YmEO" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen=""></iframe>
</p>
<hr>
<p>
Copyright © 2024 Grant Kot
</p>
<hr>
<p>
If you enjoy my free & ad-free demos, please consider supporting development with a donation.
</p>
<script type="text/javascript" src="https://storage.ko-fi.com/cdn/widget/Widget_2.js"></script>
<script type="text/javascript">kofiwidget2.init('Support Development on Ko-fi', '#29abe0', 'X8X5Y4GF6'); kofiwidget2.draw();</script><style>img.kofiimg{display: initial!important;vertical-align:middle;height:13px!important;width:20px!important;padding-top:0!important;padding-bottom:0!important;border:none;margin-top:0;margin-right:5px!important;margin-left:0!important;margin-bottom:3px!important;content:url('https://storage.ko-fi.com/cdn/cup-border.png')}.kofiimg:after{vertical-align:middle;height:25px;padding-top:0;padding-bottom:0;border:none;margin-top:0;margin-right:6px;margin-left:0;margin-bottom:4px!important;content:url('https://storage.ko-fi.com/cdn/whitelogo.svg')}.btn-container{display:inline-block!important;white-space:nowrap;min-width:160px}span.kofitext{color:#fff !important;letter-spacing: -0.15px!important;text-wrap:none;vertical-align:middle;line-height:33px !important;padding:0;text-align:center;text-decoration:none!important; text-shadow: 0 1px 1px rgba(34, 34, 34, 0.05);}.kofitext a{color:#fff !important;text-decoration:none:important;}.kofitext a:hover{color:#fff !important;text-decoration:none}a.kofi-button{box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);line-height:36px!important;min-width:150px;display:inline-block!important;background-color:#29abe0;padding:2px 12px !important;text-align:center !important;border-radius:7px;color:#fff;cursor:pointer;overflow-wrap:break-word;vertical-align:middle;border:0 none #fff !important;font-family:'Quicksand',Helvetica,Century Gothic,sans-serif !important;text-decoration:none;text-shadow:none;font-weight:700!important;font-size:14px !important}a.kofi-button:visited{color:#fff !important;text-decoration:none !important}a.kofi-button:hover{opacity:.85;color:#f5f5f5 !important;text-decoration:none !important}a.kofi-button:active{color:#f5f5f5 !important;text-decoration:none !important}.kofitext img.kofiimg {height:15px!important;width:22px!important;display: initial;animation: kofi-wiggle 3s infinite;}@keyframes kofi-wiggle{0%{transform:rotate(0) scale(1)}60%{transform:rotate(0) scale(1)}75%{transform:rotate(0) scale(1.12)}80%{transform:rotate(0) scale(1.1)}84%{transform:rotate(-10deg) scale(1.1)}88%{transform:rotate(10deg) scale(1.1)}92%{transform:rotate(-10deg) scale(1.1)}96%{transform:rotate(10deg) scale(1.1)}100%{transform:rotate(0) scale(1)}}</style><link href="https://fonts.googleapis.com/css?family=Quicksand:400,700" rel="stylesheet" type="text/css"><div class="btn-container"><a title="Support me on ko-fi.com" class="kofi-button" style="background-color:#29abe0;" href="https://ko-fi.com/X8X5Y4GF6" target="_blank"> <span class="kofitext"><img src="https://storage.ko-fi.com/cdn/cup-border.png" alt="Ko-fi donations" class="kofiimg">Support Development on Ko-fi</span></a></div>
<p>
Or donate with PayPal:
</p>
<form action="https://www.paypal.com/donate" method="post" target="_top">
<input type="hidden" name="hosted_button_id" value="ZUQ2R3RMX6X7W">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" border="0" name="submit" title="PayPal - The safer, easier way to pay online!" alt="Donate with PayPal button">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
<p>
Thank you for your support!
</p>
<div class="spacer" style="height:60px">
<!-- Cloudflare Pages Analytics --><script defer="" src="https://static.cloudflareinsights.com/beacon.min.js" data-cf-beacon="{"token": "2837289d1b6e480b9d46a1f813efc1f8"}"></script><!-- Cloudflare Pages Analytics --><script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{"rayId":"8e193dbaeff0215c","version":"2024.10.5","serverTiming":{"name":{"cfExtPri":true,"cfL4":true,"cfSpeedBrain":true,"cfCacheStatus":true}},"token":"1136486322ee4e2d918396f28048e346","b":1}" crossorigin="anonymous"></script>
</div></body></html>