Portfolio Site

Coming back to FCC means redoing the challenges and this time I’ve tried to push myself where I can.

This is my compulsory portfolio page: https://codepen.io/JammyPiece/pen/pwVrog

It’ll be nice to finally get some projects on it.

Next stop on the journey is basic javascript so here’s where I need to hunker down from the beginning to get a good grasp for the hard bits. Allons-y!



I’m still here! Or rather, my computer is still here and I’ve been hiding in a corner not touching it for a long while- the depression having put a kabosh on any motivation I had. So, I’m about to relaunch into making my own private portfolio site. I’d started it but then abandoned it. I think I was trying to do too much too soon and burnt out. But that way, I’ll never succeed.

So, I’ve gone to Dev.to for some uplifting reads, watched some ChristheFreelancer videos on youtube and am minutes away from jumping back on the horse, if only I could remember which way round the horse should face…

Slow but steady

1960's female computer scientist

I’ve been working through my Sam’s textbook at a steady rate. It’s good as there’s not too little, nor too much code to copy. I continue to develop my website- it’s really basic and chunky and horrible at the moment. But I know I’ll get to jazz it up with bootstrap once I get back on Free Code Camp. What a knowledge of html or css won’t help with is the poor quality photo- note to self: take a better one in work clothes…


I’ve had 2 major learning points since I last wrote. The first was -webkit/-moz pre-fixes alongside the column lines. I love the simplicity of the wording. Also, I was having difficulties with the headings inside the column wandering off to sit where they wanted. However, I eventually discovered that the ‘page-break-inside:always’ did the trick.

I had to create a table to position my projects-to-be gallery. Allegedly, you shouldn’t be using tables for positioning things but at the moment that’s all I know so it’ll have to do. I’m itching to get creating now and see what you can actually do with javaScript. At the moment, everything’s quite static with html/css.


I was meant to be doing more on JavaScript this evening- which I did for a bit- until I developed the irrational notion that I had to jazz up my clock project beyond the bit I copied  learned from the book. So, behold the wonderous borders. Be amazed at the use of a box shadow and blinded by central alignment of my text here. It took me 2 bloody hours of going round in circles losing my alignments and chasing the rectangles around. It won’t win any design awards but it’s as done as I can think to make it right now. I did also learn about wrappers/containers and how to overlap text on a shape so it was a good exercise in itself. However. No more excuses and back to DOMs tomorrow.

HTML and CSS finished!

Well, the basics are at least. I’ve been learning about making checkboxes and radial buttons as well as how to override css. I’ve started making notes of each new point in my super-duper new notebook which will be my friend during freeCodeCamp.  The next section is on using Bootstrap (?!)

I had a peek at someone else’s ‘tribute’ page. This is a beginners’ task I’ve yet to reach. It was a really cool page on the glories of the sloth. The second beginners’ task is to start a portfolio of work.

FreeCodeCamp has an interesting magazine style news site at https://medium.freecodecamp.com

My favourite was this. I love travel and I love the concept of being able to go abroad for a few weeks at a time while working but getting to explore more of local life than you would on a 1 week beach holiday.

Anyway, lots of ideas and motivation today even if the output has yet to match it all…