'The Ashford Catalyst' Magazine

In this session, I finalised the website, adding the logo, reformatting it, a small introduction to the site and more.
Now the site has a better gradient. You have the main gradient but as you scroll down, the yellow becomes more present. This was a bit hard to code, but I did get it done.
I also created a dark mode, as most websites do this. I did snuggle with making all the text etc fit with the dark mode and the gradient of the yellow still work, however, it does look very good and I am very happy. I hope to make this a toggle in the future, however, I am unsure on how to do this and so I will wait.
I also replaced the text in the top right of the main website with the actual logo and with much effort to adjust the sizing, I got is practically perfect. Along with this, I adjusted the width of the card on the page as they looked very cramped and were getting weird when set in a mobile type window size. I fixed this and it looks a lot better now.
I also made an entrance screen. When you load the site, it shows the main logo, pretty big on the yellow gradient background for around 1.5 seconds. I have used this on a couple of my sites before and I think it worked really well this time and actually looked really good once complete.
Not only this, I added the ability to link websites to creators. So basically, in members.js, you can now type a link which will automatically open when you select that user. At the moment, this only works for me (Jacob N) and links to my personal website.
I also added a feature so the members come forward when you hover your mouse cursor over them.
I also added a basic footer containing credit to me and a couple emojis.
I also added glow behind the names on the main text of the page. While it isn’t really obvious it is good and subtle enough not to be overwhelming but distinguish between the different people!
In the end, this website was practically finished, with automatic gradients, adapting to new members and editions and various features to make this feel to be one of my best websites ever.
Below are some pictures with what the site looks like in the various modes.

My initial design!
So basically, I took the main site and split the pages into main sections and began to add all the different parts of site, like users and then (using a bit of AI) created the JS files and some of the logic for all the members. I copied some of the design from previous websites of mine and started on the design for the logo etc etc. I also hid all of my friends names and the schools name for safety reasons. Sadly, I won’t be able to actually post the magazine until the school approves it for digital use.
I also worked on how the layout will work, changing up the animations and specifically how I would lead the users through the site. I also considered using different html files for different pages, but I though for something as small as this, it may be useful to not use something as big.
Not only this, I added the button logic to move around and some of the download logic, but it is a bit buggy.
I need to also work on the spacing when you actually click on an edition as it looks really weird, and I need to completely rework it. I am also conciderign adding banners to editions, although I haven’t decided on this yet!
I hosted the site on vercel, and began writing my README. I have created plans for the future of the site, including an actually functioning search menu and a footer to credit me, but also to give the search bar space when there are no results.
While the site looks pretty good, I needs more refining and work to make it run smoother and also to just look generally better, in preparation for the end of Flavortown and the release of the second edition soon (hopefully next week??)