https://grantkot.com/

提交的 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/X8X5Y4GF6Support Development on Ko-fi

JavaScript 变量 · 找到 6 个

名称类型
0object
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
kofiwidget2object
__cfBeaconobject

控制台日志消息 · 找到 2 条

类型类别记录
warningother
URL
https://grantkot.com/
文本
Unrecognized feature: 'web-share'.
infonetwork
URL
https://grantkot.com/
文本
Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: https://fonts.gstatic.com/s/quicksand/v31/6xKtdSZaM9iE8KbpRA_hK1QN.woff2

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 &amp; 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 &amp; 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="{&quot;token&quot;: &quot;2837289d1b6e480b9d46a1f813efc1f8&quot;}"></script><!-- Cloudflare Pages Analytics --><script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{&quot;rayId&quot;:&quot;8e193dbaeff0215c&quot;,&quot;version&quot;:&quot;2024.10.5&quot;,&quot;serverTiming&quot;:{&quot;name&quot;:{&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfSpeedBrain&quot;:true,&quot;cfCacheStatus&quot;:true}},&quot;token&quot;:&quot;1136486322ee4e2d918396f28048e346&quot;,&quot;b&quot;:1}" crossorigin="anonymous"></script>



</div></body></html>