This hub page collects all the mini-websites created during the semester in the 'hyper-link' course. In this course, we learned and applied the basics of HTML and CSS by creating these small websites. Additionally, the use of JavaScript was strictly prohibited in the course.

Design and code by Maike Schafrinski
19.04.2024

Website-01


Take a picture at 14:00 and create a website around it.
(without css, just using html)



Concept


At 2:00 PM, I took a photo of one of the many piles of dishes at the university and designed this first website around that photo and the numerous notes asking to clear away the cups.



go to Website
29.04.2024

Website-02


Make a website in three acts.
Use three random photos from your mobile phone that don't have anything to do with each other and make a story.
(with very basic css)



Concept


The three randomly selected photos I picked immediately seemed to fit into a murder mystery story, so I made the website to resemble a true crime website.



go to Website
03.05.2024

Website-03


Take one object from your room and design a website around it. Make the website in some way 3Dish or incorporate a 3Dish element.
(with basic css)



Concept


I chose my last surviving houseplants for this website. Since I somehow manage to kill all the other greenery in my room, I wanted to highlight them here. I took photos from various angles to create the illusion of 3D.



go to Website
17.05.2024

Website-04


Use media queries and screen responsiveness to build two websites in one. Work with opposites.



Concept


I wanted to take advantage of the ability to change the website's content with the screen width, so I created a website with a animation that the user can control by resizing the viewport.



go to Website
31.05.2024

Website-05


Make a Website that collects people.
implement a submission system based on the mailto:scheme.



Concept


My goal with this website is to allow users to submit songs on various themes and gradually creating playlists that are organized by themes,memories or emotions rather than by music style.



go to Website