@aw-webflow/ess_page_js

Custom JavaScript for a Webflow page, published to npm and served via the jsDelivr CDN.

Feature Blocks

script.js holds three independent, self-contained blocks, staged here before being split into their own @aw-webflow packages. Each block has its own IIFE, helpers, config constants and DOM-ready bootstrap — copy a block into a new repo's script.js verbatim, no edits needed.

| # | Block | Required markup | Needs | |---|-------|-----------------|-------| | 1 | Logo marquee animation | .custo-logos-wrapper + logo children | GSAP core | | 2 | Channel switcher | .logo-name-wrapper[data-channel] rows + .product-screen[data-channel] screens | GSAP core | | 3 | Word-by-word scroll reveal | #text_wrapper + .workforce-display-txt | GSAP core + ScrollTrigger |

Blocks 1 and 2 were lifted from @aw-webflow/ai_workforce_home; block 3 from @aw-webflow/ai_coworkers_page. Per-block config constants and full markup notes live in the banner comment above each block. GSAP must be loaded on the Webflow page before this script.

Usage via jsDelivr CDN

Add this to the Webflow page's custom code (before </body>):

<script src="https://cdn.jsdelivr.net/npm/@aw-webflow/[email protected]/script.min.js"></script>

General form:

https://cdn.jsdelivr.net/npm/@aw-webflow/ess_page_js@<version>/script.min.js

Always pin an explicit version — jsDelivr caches aggressively, and pinning keeps the live site stable until you deliberately point it at a new build.

Deployment Workflow

1. Push your changes to GitHub.
2. Bump the version in package.json (e.g. 1.0.0 → 1.0.1).
3. Publish to npm:

   npm publish --access public

4. Update the Webflow script tag to the new version number, then publish the Webflow site.

Local Development

npm install
npm start

npm start runs parcel script.js and serves it locally with hot reloading.

Notes

Code in script.js must be ES5 (var, no arrow functions, no template literals) — it runs directly in the browser without a transpile step.