Welcome to my webpage!

HTML

HTML is the base for web development. HTML is used to define the visual objects in a website via elements.

Here are some neat elements HTML supports natively without requiring any CSS or JavaScript!

HTML Audio Player:

Wow! HTML has native marquees??

And with touch of JavaScript, HTML can host incredible creations!

CSS
CSS is a powerful tool which drives a plethora of styles and animations!
If you can imagine it, you can use CSS to style it.
JavaScript
Soup Recipe
My Favorite Bugs
Secret Folder
Onion Soup

3 Large Onions

1 oz. Butter

1 quart White Stock

1 Clove

1 Bay Leaf

1 Blade Mace

1 oz. Flour

1/4 pint Milk

Salt & Pepper

Rosy Maple Moth

Image of a Rosy Maple Moth

Dryocampa rubicunda, the rosy maple moth, is a small North American moth in the family Saturniidae, also known as the great silk moths. It was first described by Johan Christian Fabricius in 1793. The species is known for its wooly body and pink and yellow coloration, which varies from cream or white to bright pink or yellow. Males have bushier antennae than females, which allow them to sense female pheromones for mating.

Jumping Spiders!

Image of a Phidippus Audax Male

Jumping spiders are a group of spiders that constitute the family Salticidae. As of 2019, this family contained over 600 described genera and over 6,000 described species,[1] making it the largest family of spiders – comprising 13% of spider species. Jumping spiders have some of the best vision among arthropods — being capable of stereoptic color vision — and use sight in courtship, hunting, and navigation. Although they normally move unobtrusively and fairly slowly, most species are capable of very agile jumps, notably when hunting, but sometimes in response to sudden threats or crossing long gaps. Both their book lungs and tracheal system are well-developed, and they use both systems (bimodal breathing). Jumping spiders are generally recognized by their eye pattern. All jumping spiders have four pairs of eyes, with the anterior median pair (the two front middle eyes) being particularly large.

HTML Expandable web components are typically made by using a Details element and a Summary element, however, this Expandable component isn't actually a summary at all! Due to poor CSS support of the Details and Summary HTML elements, I opted to crafted this Expandable element from heavily modified HTML Checkbox, Label, and division elements.

Add some JavaScript, and you can create styled, interactible web components from HTML elements!