Digital Legos
CM Assignment 4
For this assignment I wanted to try to make my own portfolio site. The site I have now is on Wix and I refuse to pay their prices for hosting with a custom domain, so I thought it was worth a shot to create something similar. After examing a bunch of different libraries I decided to try bootstrap since it is so common. I also used W3W to help me understand some of the things in bootstrap along with good ole Google.
I’m not sure what exactly I was missing but when I kept trying to download the code from boot strap and open the files they looked nothing like the ‘examples’, it didn’t seem to be rendering properly. I didn’t change anything and then it magically worked with one of the downloads, i’m not sure why.
I used the ‘album’ example so that it would already have some cards and a toolbar etc. I had to adjust a few things, I think having a lot of code that I didn’t put in actually made it harder when I was trying to edit it, because I wasnt really sure what they were doing. I had a hard time getting the thumbnail images to link to actual images that I uploaded. It was origianlly a svg tag but I changed it to a img tag and then it worked, but the text overlay dropped below the photo. I also struggled with the photo uploaded below the cards. If i made it responsive it smashed it into the same width as the cards above it, but didn’t adjust the height of the photo properly so it was very distorted. I could not figure out how to fix it, while keeping it responsive. So I just set it to the correct size for desktop view, but it will be cut off in smaller screens, i wasn’t sure how to fix this. I also could not figure out why the button at the top navigation bar was not dropping down when clicked.
I did successfully figure out how to link the view buttons on the cards to another page of the site. I wasnt exactly sure how to do this at first, but then I found the “oneclick” function. I’m not sure if that is the best way to do that, but it worked. I eventually want to fill those pages with my work, but for this project I was just focusing on the landing home page.
It’s a pretty simple site right now but it’s a start, and I did learn the basics of bootstrap!
Github link:
