Web Designs

Seamless Tiles

Vines—a horziontal pattern

Butterfly and Vines

Butterfly and Flowers

Green and Cream Abstract

Blue Abstract

Colorful Abstract

Green Abstract

Orange Abstract

Stylized Flowers

Leafy

Purple Web

Sunflower

About this Project

The original draft of this portfolio was done for Western Washington University’s Computer Science class 202. I, admittedly, had a different design in mind before I even began. One of the requirements for the classes final project is that the pages needed to be made in Bootstrap. I had never actually used Bootstrap before. At first I was determined to make my original design and edit the template in SASS.

But after a week of following various instructions from various websites of how to setup a sass theme I kept running into little finicky problems with getting my code to even compile. So I chose a Bootswatch theme that I thought would be easy change to look like my initial design (Made in Inkscape). But what I failed to understand was that in the sass code for that theme had linked two colors in such a way that a that a background tagged dark would turn green.

Later I looked at the code and began to understand why this was happening. I still hadn't a clue how to compile the code to fix it though. So I started with a new theme— Bootswatch's Lux after staring at that theme for a while I decided I liked it and decided to make changes to make it my own. I added a background image, a script font and subtle background gradients.

I am still wrestling with whether I can truly call this my design my own. Bootstrap and the Lux themes code is quite large and my actual code is not all that intense. I am used to working with Skeleton a very light weight framework which is about 400 lines.

Out of the box a Skeleton website is going to be quite boring while a Bootstrap one is going to be quite complete.