My assignment.html page for linking to assignment items described in Assignment and Report Specifications

This page is the marking guide to your website that your tutor will use to find your elements. Do not name this page anything other than assignment.html (all lower case) or else we may not be able to find and mark your assignment elements.  How to use this page:

• upload this assignment.html file in your website directory during part 2.2.2 of Lab 1
• later, link this page to your website's index.html page
• over time, link each assignment task listed below to its location in your website as soon as you have started it
• replace the "notes" paragraph with your notes or delete if you have no notes - your notes will help us understand and mark your site so you should explain things. Maybe you did a task differently from the way we specified it, either because your way is better (tell us) or minimally or not at all to fit in with your site's look and feel (tell us) or ... (also tell us). So, for example, a video might spoil the look and feel. What you do is make one anyway, link to it from this assessment.html page and explain in the Notes why it's not linked to from your public version of your web site. You can style this page as your like, so long as you keep the links to the assignment tasks.
• provide details for your best student forums posts where indicated
• provide the date you attended the continuous improvement session where indicated
• provide link to report where indicated
• delete these instructions when you are ready

1.0 Part 1 Tasks

1.2 Your Me and My Passion

Notes: My website is a portfolio about myself and my work.

1.3 CSS

Notes: Two separate CSS files. Lot's of CSS.

1.4 Site Map

Notes: Sitemap is in the footer of the website.

1.5 Source Log

Notes: Image sources and inspiration sources.

1.6 Feedback Form

Notes: Not working, needs some Javascript. Did not want to publish my email to the web.

1.7 This Assessment Page

Notes:

1.8 Student Forum Participation

• Piazza post about pictures (lab 1). Look for Fabian Hoeltke
• Piazza post explaining text underline
• Piazza post asking whether a sitemap in the footer is alright.

2.0 Part 2 Tasks

2.1 Image Map

Notes: Links lead to the people's facebook pages.

2.2 Photo Gallery

Notes: Changed initial CSS of the gallery so it blends better in with the website's white background. Click the "i" for the caption.

2.3 Storyboard for Video

Notes: Since creating a fixed storyboard for a road trip is quite hard I made it just more like a guide to refer to

2.4 Video

• Embedded video on my website
• Same video on YouTube

I know the video is a bit long. If it's too long for you just watch the first 5min. I had to go trough 3 weeks of pictures and movies for this clip.

2.5 Student Forum Participation

• Piazza post explaining how to get coordinated in a picture without photo shop
• Piazza post asking if video can be longer than 5min. Still not sure why the heck I would like to upload a whole video to partch

3.0 Part 3 Tasks

3.1 Reflections

3.2 Alternative CSS

Notes: Press "Dark Mode" button on the top right under the hero image

3.3 Social Networking Button(s)

Notes: Social media, especially Facebook (Instagram) track users on your page if you include their provided buttons in your website (proof).
I respect the privacy of my page's visitors and therefore will not include such malicious tracking behavior in my site.

3.4 Social Networking Feed(s)

Notes: Part of "Something Original".

3.5 CSS and HTML Validation

Notes:

• Main Page: Ascii Art uses special character "<", which can't be removed due to the occurring formating issue
• Travel Page: Galleria image gallery was changed with custom css. Causes warnings, but can't be removed without destroying current Galleria design
• Chuck Norris Page: Developers of the social feed did not even think about providing valid CSS
• Assignment HTML: Needs to be updated by YOU
• Every Page: Using external fonts in my webpage. Validator gives always a CSS warning.

3.6 Something Original

Notes: This site is meant to be an Easter Egg, which can be reached by clicking on "Copyright Fabian Hoeltke" on the Main Page.
It uses a HTTP-GET request to provide you the best and newest facts about Chuck Norris. Because why not?

Other

Continuous Improvement Session

21.05.2019

Report