Liz Lorena Berberena
Home ◆ Projects ◆ Resume ◆ About ◆ Contact
Former Links Page and Current Portfolio
Developed August 2018 – April 2021
In 2018 this page used to only be a simple replacement for the linktr.ee service as a page of my most important website links, but in 2020 I realized it could be a good minimalist portfolio website. My favorite additions to this version of my portfolio are the flippable project cards and the automatic dark theme.
Visit lizlorena.com/2020/ • View Source Code
Change History
Version 1 was a simple colorful links page with a short bio that showed up on top on desktop and below on mobile. The link buttons were in a vertical list on mobile and a two-row grid on desktop. I went overboard and put eight links in this first version, including one to my portfolio site at the time (https://lizlorena.com/2020/).
Version 2 had better code, better colors, a new logo, and a legend that explained what each link color meant.
Version 3 saw many changes. This was when I decided to convert my links page into my current portfolio site. It had a better layout and logo and saw the inclusion of my gallery of projects which flipped over to reveal a brief summary. Some projects link to their website and some have their own article that provides more information. On mobile the project images would not flip and instead the brief summary would now display below the image. I also added an about page and a CV page.
For Version 3.5 I made the gallery two columns instead of three so the images would be clearer.
The Current Version saw even more changes. I finally added a dark mode that enables with your computer's color settings. The website's elements now adjust better when the browser window is at half width. I created a proper landing page which highlights only my current projects because having to scroll through all my projects on the home page is just not good practice. I have also now added a footer and a proper navigation menu for the pages on the website, including my email address. I reduced the number of links down to six and moved my LinkedIn and résumé links to the CV page. Finally, I bothered to get my SEO, Accessability, Performance, and Best Practices scores in the green using Lighthouse.
