Vitol Foundation

Prototype pages

• Project Map
  Individual project markers with single-panel detail view
• Border Examples
  Static, rotating, scrolling, and @property animated gradient borders
• Our History
  Timeline with GSAP animated counters and word-by-word text reveal

Appendix / Others

• Why We Do It
  Image + text card with parallax scroll and gradient border examples
• Regional Map
  Regional markers with two-panel drill-down (country → project)
• Coord Picker Tool
  Click on the map to get x/y coordinates for marker placement