Dan McLaughlin

Music Website

This was my first project. The purpose was to create a basic, responsive profile site for a professional musician (me, at the time). GitHub Repo

Music Website, Revised

Remake of Music Website. I incorporated newer things I learned, and addressed a few challenges a friend made. GitHub Repo

• HTML: tables and forms (no backend function), built-in video and audio (w/Mediaelement.js), SVG sprite map
• CSS: Incorporation of normalize.css, complementary color use (via Adobe color wheel), formatting without floats [didn't quite get that header cleaned up], em and % instead of px, non-default font

Layout Methods Project

Having fallen off the wagon for a long time, I made yet another basic website but this time attempting to make the same page with different layouts: columns with block and inline-block, columns with floats, and flexbox. GitHub Repo

Random Color Buttons

One of the Team Treehouse courses had a lesson in which a button assigns a color based on form input. I took it and added buttons that assign color based on randomly generated rgb and hexadecimal values. GitHub Repo

Headline Generator

My first JavaScript project from scratch. The goal was to create a clickbait headline text output. I wanted a user to be able to select an optional exclamatory prefix from an options menu, combine that with two form inputs, and have the results printed in one of three randomly selected headline templates. GitHub Repo

Headline Generator 2

Another project remake but this time using jQuery syntax when possible. I also took this opportunity to practice usage of CSS attribute selectors, pseudo-class selectors, and combinators. I learned it's better to start a jQuery project from scratch than to translate syntax. GitHub Repo