Skip to content

Instantly share code, notes, and snippets.

View ZACKGORT's full-sized avatar

ZACKGORT

View GitHub Profile
@ZACKGORT
ZACKGORT / gsap-component-interactive-mystery-card-hover-effect.markdown
Created September 6, 2025 16:12
[gsap/component] ❍ Interactive Mystery Card Hover Effect
@ZACKGORT
ZACKGORT / index.html
Created July 24, 2025 16:32
Untitled
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Blank HTML Document</title>
<style>
@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400..900&family=Boldonse&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@ZACKGORT
ZACKGORT / gsap-horizontal-scroll-layout-explorations-with-gsap-and-scrolltrigger.markdown
Created July 17, 2025 18:50
[gsap] ❍ Horizontal Scroll Layout Explorations with GSAP and ScrollTrigger
@ZACKGORT
ZACKGORT / a-reasonable-resume.markdown
Created July 13, 2025 01:55
A Reasonable Resume
@ZACKGORT
ZACKGORT / index.html
Created July 2, 2025 03:22
REACT BUILD - MASTER SAVE -TUESDAY EVENING - 8:38pm 070125
<!-- (CRUCIAL FOR MOBILE) -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="canonical" href="https://codepen.io/zackgort/pen/jEPXaRP">
<!-- Three.js, dat.gui, stats.js -->
<script src="https://cdn.jsdelivr.net/npm/three@0.146.0/build/three.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/dat.gui@0.7.9/build/dat.gui.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/stats.js@0.17.0/build/stats.min.js"></script>
<!-- SplitType (for title animations) -->
<script defer src="https://cdn.jsdelivr.net/npm/split-type@0.4.0/umd/split-type.min.js"></script>
@ZACKGORT
ZACKGORT / from-fiddle.markdown
Created June 26, 2025 14:07
FROM FIDDLE
@ZACKGORT
ZACKGORT / index.html
Created June 25, 2025 08:50
TEST TEST TEST TEST TEST TEST TEST TEST MAYBE
<body>
<div id="app">
<div class="cards-container">
<ul class="cards" style="--items: 26;">
<li style="--i: 0;">
<input type="radio" id="item-0" name="gallery-item" checked>
<label for="item-0">2000</label>
<h2>2000</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestias, perspiciatis dicta? In nihil quidem sunt omnis facilis quas corporis at, officia itaque!</p>
@ZACKGORT
ZACKGORT / gooey-popover.markdown
Created June 23, 2025 00:49
Gooey [Popover]
@ZACKGORT
ZACKGORT / index.html
Created June 21, 2025 08:03
Work Page template
<!-- ── Projects & Background ────────────────────────────────── -->
<div id="background-image-container">
<img id="background-image" crossorigin="anonymous" alt="">
</div>
<div class="container">
<div class="projects-container">
@ZACKGORT
ZACKGORT / css-sticky-progressive-blur-on-scroll.markdown
Created June 9, 2025 18:44
CSS Sticky Progressive Blur on Scroll 🤙