diff --git a/week-2/.DS_Store b/week-2/.DS_Store new file mode 100644 index 0000000..a380be6 Binary files /dev/null and b/week-2/.DS_Store differ diff --git a/week-2/css/main.css b/week-2/css/main.css index c1316d4..062d363 100644 --- a/week-2/css/main.css +++ b/week-2/css/main.css @@ -12,9 +12,11 @@ ========================================================================== */ html { - color: #222; + color: white; + background: #131516; font-size: 1em; line-height: 1.4; + font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; } /* @@ -263,3 +265,85 @@ textarea { } } +header { + width: 100%; + background-color: #212121; +} +.wrapper { + display: flex; + flex-direction: column; + justify-content: space-around; + align-items: center; + background-color: #212121; + color: white; + min-height: 84px; + font-size: 24px; + text-transform: uppercase; + font-weight: 900; + max-width: 960px; + margin: 0 auto; + padding: 0 12px; +} + +header a { + text-decoration: none; +} + +nav { + display: flex; + width: 100%; + justify-content: space-around; +} +a, a:visited { + color: white; +} + +#me { + width: 180px; + border-radius: 24px; +} + +main { + max-width: 960px; + margin: 0 auto; + margin-top: 20px; + padding: 12px; +} + +.hero { + max-width: 960px; + display: flex; + flex-direction: column; + margin: 0 auto; + margin-top: 12px; + align-items: center; + justify-content: space-around; +} + +footer { + display: flex; + align-items: center; + justify-content: center; + width: 100%; + height: 48px; + background-color: #030506; +} +@media only screen and (min-width: 768px) { + main { + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-template-rows: repeat(2, 1fr); + grid-column-gap: 12px; + grid-row-gap: 12px; + } + #summary { + grid-area: 1 / 1 / 2 / 3; + } + .wrapper { + flex-direction: row; + justify-content: space-between; + } + nav { + width: 50%; + } +} \ No newline at end of file diff --git a/week-2/img/me.jpg b/week-2/img/me.jpg new file mode 100644 index 0000000..062ff8c Binary files /dev/null and b/week-2/img/me.jpg differ diff --git a/week-2/index.html b/week-2/index.html index cbbcb03..edfdd7f 100644 --- a/week-2/index.html +++ b/week-2/index.html @@ -2,40 +2,82 @@ - - - - + + Week 2 Assignment + + - - - + + + - - + + - + + + + - - -

Hello world! This is HTML5 Boilerplate.

- - - - - - - - - + +
+
+ About Alex + +
+
+
+ Alex Mueller +

Hi! I'm Alex Mueller.

+
+
+
+

About Me

+

I'm a student at the University of Connecticut majoring in Digital Media and + Design, with a concentration in Web and Interactive Media Design. After I graduate I hope to get work as + a front-end developer/designer, preferably for a startup, as I enjoy the startup culture. I've enjoyed + doing design and development since I was a teenager and I'm very glad that I'm able to take a hobby I've + had for a while and turn it into something I can actually pursue as a career.

+
+
+

My Interests

+ +
+
+

My Favorite Websites

+ +
+
+ + + - + \ No newline at end of file diff --git a/week-2/udacity.png b/week-2/udacity.png new file mode 100644 index 0000000..87edf26 Binary files /dev/null and b/week-2/udacity.png differ