Skip to content
Snippets Groups Projects
Commit 05032bc8 authored by AB0410's avatar AB0410
Browse files

upload documentation

parent 837d866d
No related branches found
No related tags found
No related merge requests found
Pipeline #649175 passed
...@@ -8,7 +8,7 @@ There was not that much challenge in the tech. I used Bootstrap in the backgroun ...@@ -8,7 +8,7 @@ There was not that much challenge in the tech. I used Bootstrap in the backgroun
## Visual elements ## Visual elements
I used general fonts in the project which should be compatible 100% and that was important to me. I thought about Google material design buttons and wanted something similar for my site. I am happy with the way the site looks and changes when scaling to different screen sizes. I included some svgs for the *about page* just to have them in the project. I used general fonts in the project which should be compatible 100% and that was important to me. I thought about Google material design buttons and wanted something similar for my site. I am happy with the way the site looks and changes when scaling to different screen sizes. I included some svgs for the *about page* just to have them in the project. There are animations for page swiping and for button hovers, which I think were implemented well. I used Firefox and Chrome to test the page and it worked well in both.
### Here are the sites I took inspiration from ### Here are the sites I took inspiration from
<https://pollpapa.com/> for buttons <https://pollpapa.com/> for buttons
...@@ -19,7 +19,7 @@ I used general fonts in the project which should be compatible 100% and that was ...@@ -19,7 +19,7 @@ I used general fonts in the project which should be compatible 100% and that was
## Performance ## Performance
Performance is good. Performance is good. Even my old mobile phone loads up the page quickly. Only negative I come up with is the portrait picture on the *home page* because it is quite a large file and I just scaled it down using css.
PageSpeed Insights on desktop PageSpeed Insights on desktop
![PageSpeed Insights desktop](desktopspeed.png) ![PageSpeed Insights desktop](desktopspeed.png)
...@@ -29,4 +29,4 @@ PageSpeed Insights on mobile ...@@ -29,4 +29,4 @@ PageSpeed Insights on mobile
## Grading ## Grading
I think the technologies I used were quite challenging and I think the basics are quite well done even though I didn't have time and energy to finalize everything due to my fever. For this reason I would give myself a grade 4 for this project. I think I nailed the basics when it comes to the topics of the course. Scaling works well enough, typography is acceptable, animations are used and the page is accessible. There are definitely things to improve on and to implement in order to achieve a higher grade. I am fine with the current outcome and **would give myself a grade of 4**.
\ No newline at end of file \ No newline at end of file
# Technologies
## Bootstrap
I used Bootstrap as my CSS-framework. It gave the basis for all elements and made them up to the standards of modern sites. From there I modified them to my liking.
## SCSS
For CSS pre-processing I used SCSS and I used it from the get-go. I made good use of the modularity and variables it allows. Using scss also helped me comment reminders alongside the code when developing.
## Git
All the source code is stored in this repository.
\ No newline at end of file
# Worktimes
## General
I would say I spent around 24 hours developing this project, looking at the commit history. I knew some simple HTML and CSS before the course and it helped me to get started a bit faster.
I did not mark development time accurately because I had breaks for multiple days at some points. However, the project was done in the span of ~2 weeks.
### 1st week
~20 hours of work - Basically the whole structure of the site.
### 2nd week
~4 hours of work - Finishing the project after feedback from mid-return, adjusting scaling and minor additions. Documenting.
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment