Webring

July 2025 - Access at webring.thomasnewman.ca

In this project, I tried recreating a relic of the internet, the WebRing (WB) using a combination of HTML, CSS and JavaScript. I wanted to capture the essence of the original WebRing concept, which was to connect like-minded websites in a circular structure, allowing users to easily navigate between them. This project was a fun exploration of web development and the nostalgia of early internet culture. If possible, I'd like to apply this to my school, specifically for showcasing student projects and fostering a sense of community.

Profile Picture
An example of the webring

Features

  • Simple dark theme layout with CSS animations
  • Member data is retrieved from a master CSV file for easy addition of new members
  • Maximum 10 members per page on the list, with stylized buttons for easy navigation
  • Easily sort and search for specific members on the WebRing
  • Simple and easy widget for finding the next member in the list

Code

Download 
Loading code...

Requirements

Hardware

  • Laptop - Used to access the website

Software

  • Visual Studio Code(recommended) - Used to run and edit code on the website