Toussaint Louverture justaguywhocodes

hyperapp tweeter box

A Pen by Jorge Bucaran on CodePen.

License.

GSAP ScrollTrigger - Demo

A Pen by Noel Delgado on CodePen.

License.

Floating Elements GSAP

Floating Elements

A Pen by Valery Alikin on CodePen.

License.

Dora (GSAP ScrollTrigger) (Golden Ratio Grid) (Architecture Website Concept)

Golden Ratio Layout, 4 Colors and 8 Font Size Visual Hierarchy, Perfect Fifth Typographic Scale, GSAP, GSAP ScrollTrigger, Loading Animation, jQuery, Desktop and Mobile Responsive.

A Pen by Ayush Shukla on CodePen.

License.

Emotional Chatbot

An interactive, animated chatbot with low intelligence and rapid mood swings.

A Pen by 鲍壹方 on CodePen.

License.

	<div class="job">
	<div class="header">
	<div class="logo">
	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
	<path xmlns="http://www.w3.org/2000/svg" d="M512 503.5H381.7a48 48 0 01-45.3-32.1L265 268.1l-9-25.5 2.7-124.6L338.2 8.5l23.5 67.1L512 503.5z" fill="#0473ff" data-original="#28b446" />
	<path xmlns="http://www.w3.org/2000/svg" fill="#0473ff" data-original="#219b38" d="M361.7 75.6L265 268.1l-9-25.5 2.7-124.6L338.2 8.5z" />
	<path xmlns="http://www.w3.org/2000/svg" d="M338.2 8.5l-82.2 234-80.4 228.9a48 48 0 01-45.3 32.1H0l173.8-495h164.4z" fill="#0473ff" data-original="#518ef8" />
	</svg>
	Milao
	</div>

	<header>
	<div class="wrapper">
	<label>Style:</label>
	<select id="highlight-style">
	<option>background</option>
	<option>half</option>
	<option>underline</option>
	</select>
	</div>
	<div class="wrapper">

	{"text": "puppy A is happy", "metadata": "emotional state of puppy A"}
	{"text": "puppy B is sad", "metadata": "emotional state of puppy B"}