Kismet Arts Tangent

In my second session of coding, I smoothed out the mobile layout. I was wondering where the nav bar would go (it’s placed with absolute positioning, so earlier in the iteration process, it was blocking some text in the mobile div. So, I created a secret class that only shows up on mobile and I put a little bio in it.

Because the lack of screen space and the way websites are broken up to fit mobile, the website needs to sum itself up early on in the mobile version.

I also put in the gif I mentioned in the last post. It is a hover activated image and looks like this (see below) when hovered upon. I think it’s fun.

 

 

I worked on my resume page and found that I wanted to expand on the composition of the home page. (Think similar but different.) I played around with a few different backgrounds…

 

 

I liked this composition the best. My education, skills and work experience feel like they’ve been building on each other and I wanted to reflect that visually.

 

Next tasks: I want to make the project images more convincing. I love the process and I want to high light more of the process in some cool collage/overlay texture on the homepage.

 

Katarina Countiss (visit it and tell me what you think!)
 (Earlier Post Relating to This Project)

 

Today, I worked on my portfolio. I really want to get into the game industry I realized. I was watching one of my friends play God of Light – Android Apps on Google Play and I thought to myself: that’s the coolest thing.

 

Wes Anderson Palettes. I might have chosen the least joyous of these color palettes for this website. I’m pondering changing it in the next session.

I gathered my senses and decided to use the tiles I originally made to pattern (I didn’t really apply myself with those patterns, anyways) as icons. For the background, I wanted to tie in the colors without being too distracting. I thought color blocking might be fun. I started with this “German flag” svg in the background and it did something really cool. It made it look like they were woven together, so I kept it!

CSS transitions for the images (they turn to colors when you hover over it). I’m thinking I want to put an easter egg somewhere. A fun glowing gem gif behind one of the divs so that when you hover over it, it pops out. I’ll  think about it some more.

I’d say I’m about half way through. I still have to further style the text and change all the other pages to match.

Katarina Countiss (visit it and tell me what you think!)
 (Earlier Post Relating to This Project)

 

I kept forgetting what I am doing this week. Thought this would help. It was fun to make, anyways. Let’s see if it helps.

Sometimes, your greatest tools aren’t all that complicated.
Calendar.

Other simple tools in the series:

To Do List.
Clipboard.