I redid my portfolio site for the third time, this year alone!

Sdu - Feb 22 '19 - - Dev Community

The last quarter of 2018 was the year dev.to was most influential in my career. More so great because I was doing my last year in varsity. I was inspired to start a project and actually finish it while following advice for projects to show off on my portfolio.

From Vue.js to a Jekyll generated 'noscript' site

I entered a year with a portfolio that had some fun animations powered by Vue.js, but as part of my resolutions this year, I wanted to start blogging. I took down my site, recreated it now with Jekyll and its default theme. No javascript whatsoever.

From default minima theme to more custom design

Ok, I think it is great that Jekyll provides minima as their entry theme, not too heavy and not too complicated to customize. I changed the home page to something I felt represented me the most. At some point, my portfolio site was opened on one job interview that I was in on a projector

Now this!

I created a new branch just for the redesign. I deleted everything on my repo and started with a new index.html file and worked my way up from there. And being unemployed 🤣, I've been in front of my laptop for more than 10 hours updating my site, and now writing this post minutes after pushing the changes.

View my incomplete portfolio here and tell me what you think. Of course, it's not complete yet, I need to add a section for my projects and a link to my resume. I also have to redesign pages for my blog posts. I would use any Jekyll theme but I feel that takes away my personality from the site.

What makes this even more fun is that I'm doing this while learning vim. People really need to check this article out, for beginners like me who were lowkey scared of taking that leap because of the "Exiting vim" jokes, exiting vim is actually wayyy easier than I thought 😳

I almost forgot to mention the logo!

I made it with gimp. using material colors of course. Do you guys know about this material color picker? I use it all the time! Even with my portfolio design and graphics. I then exported my logo as a big .bmp file to trace with Inkscape for a smaller SVG.

Links

  • I use Forestry.io to build my site automatically when I push to origin. I initially used it as my CMS but I needed more flexibility.

  • I use jekyll-manager as my GUI for creating and editing posts. The rest I edit in vscode.

  • Badges on the bottom of the page, I got from simpleicons.org. They have EVERYTHING! OK maybe they don't but I didn't check.

. . . . . . . . . . . . . . . . . .
Terabox Video Player