Personal website
TLDR
Languages: Javascript, Liquid, html, scss
Tools: VScode, jekyll
Description: Personal webpage for displaying my projects
The current website you are on. I created it to display and present my projects.
This website was built using Jekyll
static site generator. The benefit of choosing Jekyll is the close integration with Github Pages
, which offers free web hosting. Additionally, Jekyll allows me to create a static website that is fast to load and easy to maintain and update.
To add a new project, I only have to make a new markdown
file, and Jekyll generates a new static HTML document with all the layout and style specified by the theme.
Making my projects interactive with javascript
Each project is showcased as a card on the “home” and “projects” pages. Hovering the mouse over a card will play a brief demo video of the project. Additionally, the cards can be filtered by their tags. Clicking the “Java” filter button will hide all other unrelated projects.
Projects with available downloads feature a download panel. Only the download link available to a specific operating system is displayed. For example, a Windows user will only see the Windows versions. Here is a demo download-panel:
Javascript is used to detect the operating system of the user and automatically serve the correct download link. Furthermore, javascript enables switching between OS download versions.
Building an resume with json
Another perk of using Jekyll is that it works well with JSON
files. Through Liquid templating language I turn data into a complete resume.
Here is an example of the JSON data for one entry in my resume:
{
"start":"Aug 2018",
"end":"Jun 2021",
"title":"Media graphics artist",
"description":"Consulting customers | Designing and developing motions graphics, and visual effects | Editing photos and other graphics-related tasks",
"vacancy":"Part-time",
"company":"Falkeblikk AS",
"company_logo_webp":"/assets/images/resume/resume_logo_falkeblikk.webp",
"company_logo_png":"/assets/images/resume/resume_logo_falkeblikk.png",
"industry":"Media-production"
}
Resulting in the following resume panel:
University of Bergen
Scientific Assistant
Part-time Jan 2023 - May 2023
- INF101 - Object oriented programming
- Teach and organize group sessions
- Grading of student assignements