My Work-Version 1

My Work-Version 2- What I handed in.

There was a sentence going through my mind while I was working on this.

I’m hooked.

I’m hooked now. There’s no turning back.

I am becoming a coder now.

Version 1 – is my version which I consider complete.

Version 2 is what I handed in because it kept giving me error messages about the chimney.

It forced me to remove the transparency on my chimeny which would have hidden that grey portion. Finally, I just gave in.

Personally, I think the way the chimney looks in the correct version, somebody’s going to die in that house.

I wouldn’t sleep in that house unless I had lost the will to live and didn’t want to wake up in the morning but that’s just me.

Anyway, here’s what we practiced.

1. Gradient type 1: to split the body into blue background and green 4 ground 50%
2. Another gradient to do the lattice on the roof. I discovered this by accident while looking up the other gradient in Mozilla Developer Network. MDN is my new best friend. If I hadn’t seen that repeat style gradient and done a left lattice one direction an a right lattice one direction, I would have put each one of those pieces in one by one at an angle.
3. Absolute positioning. Stayed up late doing this but enjoyed it because I couldn’t believe I actually learned how to do something like this. I can’t believe this entire house is made out of css code. I had to draw up on a lot of what I learned from the previous workshop where we made the cat face through positioning.