alt="Website YouTube intro vid"
style="width:100%;
This project is my first ever webdesign project. Its a portfolio/showcase website and the intent here is to use and implement the basic coding knowlege I have gained and create an actual website. As I am a beginer when it comes to coding, the langauages used are predominantely HTML, CSS and Javascript. The website is divided into 4 main sections, which are the following:
- The Homepage: The landing page, the welcome page, the first page you'll see when you click the website link (hopefully). Embeded is my YouTube video, within a smartphone container to make it look like you're watching a YouTube short. The video is a day in the life video of a beginner (myself) learning to code.
- The Backstory: most commonly known as the "About me" section but I thought it'd be fun to call it "The Backstory". This section goes into some facts about me, why I decided to study coding and what courses I've completed in the past.
- The Journey so far... : This section explains what I'm currently doing, both in my spare time and in realtion to my coding and software development studies.
- The Goal: This section is about reasons why I would like to move into a career realted to software development. A slider made with HTML, CSS and Javascript has been icluded to easiliy scroll through 6 reasons as to why I'd like to be a siftware developer.
- The Footer: The last section, which I like the most for some reason. Its the last part of the website and has clickable links to external social websites I have like LinkedIn, GitHub, YouTube and Flickr. I enjoyed making the clickable logo links and I think the reason I like this part the most is because the links not only look nice they actually work!
- One noteable issue is in my current browser (Mozilla Firefox), my profile image appears smaller, however if the website is opened using a different browser like Microsoft Edge the image is bigger which is what I intended. I will check if this issue persists in Chrome, I'm guessing its related to different website width sizes.
- The website isnt fully responsive... yet. I intend to fix that soon hopefully.
| Date and Time | Activity |
|---|---|
| 10/08/2025(Sun) | move Backstory vid to right hand side |
| 16:51 | wrap text around vid to the left |
| Update (19:32): | There was actually are much more easier and less time consuming way to align a video to the left hand side of some text. The struggle endured during these last 2 hours was completely unnessary it would seem. |
| 13/08/2025(Wed) | Successfully mangaed to correctly link my first ever Javascript file to HTML and CSS files. |
| Update (20:28): | Trying to create a vertically scrolling image gallery that can display coding languages that I've used. |
| 16/08/2025(Sat) | 19:14 - completed slider in the Goal section |
| 17/08/2025(Sun) | To add: Back to top button, Github and LinkedIn icon links |
| 17/08/2025(Sun) 21:13 | WEBSITE COMPLETED!!!! |