How kjbharath/arar works
Purpose and entry points
ARAR is a static marketing/site presence with a primary landing page and supporting utility/careers pages. Browser entry points are index.html, careers.html, and utility.html; shared presentation and behavior are supplied by index.css and index.js.
Page shell and content
index.html is the main composition root for the public site. careers.html provides a separate careers-facing route, while utility.html likely supports a secondary informational or fallback page. There is no server application, API layer, or package-managed runtime visible in the repository.
Client-side presentation layer
Styling is centralized in index.css, making CSS the site-wide visual-system boundary. Browser interactions, DOM behavior, and any page animation orchestration are handled by index.js. The site is intended to run directly in a browser as static files.
Animated/visual effects
particle-noise.js is a distinct visual-effect module, likely loaded by the landing page to render particle or noise-driven animation. Its separation from index.js suggests a boundary between general page behavior and specialized canvas/WebGL-style visual rendering.
Media and brand assets
Static brand and marketing assets are served from the repository: 3d-logo.mp4 supplies video-based branding, while img/clients, img/companies, and img/site photos contain imagery used across content sections. img/ARAR brochure.pdf is a downloadable collateral asset exposed through the site.
Deployment boundary
GitHub Actions deployment is defined in .github/workflows/deploy.yml. The workflow is the repository’s operational boundary: it builds or publishes the static files to the configured hosting target. No other infrastructure, backend service, database, or third-party integration is represented in the tree.
Main entry points: index.html Landing page · index.css Site styles · careers.html Careers page · utility.html Utility page
Components 13
Browser Pages
Static HTML entry points served directly to browsers.
- Landing page · Primary public-site composition root.
index.html - Careers page
careers.html - Utility page · Secondary informational or fallback route.
utility.html
Client Presentation
Shared browser-side styling and behavior.
- Site styles · Centralized site-wide presentation layer.
index.css - Page behavior · Handles DOM interactions and page animation orchestration.
index.js - Particle noise effect · Specialized animated visual rendering.
particle-noise.js
Media Assets
Brand, marketing, and downloadable site assets.
- 3D logo video
3d-logo.mp4 - Client imagery
img/clients - Company imagery
img/companies - Site photos
img/site photos - ARAR brochure · Marketing collateral exposed through the site.
img/ARAR brochure.pdf
Deployment
Static-site publishing automation.
- Deployment workflow · Builds or publishes static files to the configured host.
.github/workflows/deploy.yml - Hosted static site · Browser-served published site.
Connections 15
- Landing page → Site styles: loads
- Careers page → Site styles: loads
- Utility page → Site styles: loads
- Landing page → Page behavior: loads
- Landing page → Particle noise effect: uses
- Page behavior → Particle noise effect: orchestrates
- Landing page → 3D logo video: embeds
- Landing page → Client imagery: uses
- Landing page → Company imagery: uses
- Landing page → Site photos: uses
- Landing page → ARAR brochure: links download
- Deployment workflow → Hosted static site: publishes
- Hosted static site → Landing page: serves
- Hosted static site → Careers page: serves
- Hosted static site → Utility page: serves