This README is for my application website for Founders and Coders!
Update 9/6/21: Which got me an interview and now I'm starting next week!!! I'll archive this repository and continue working on the life app in a seperate one.
I'll try to put some of my ideas for my website here broken down into different sections.
I'm going for an old school computer-y look. Everything will be green and black with "scanlines" on top of everything. Something like this:
I've created a card for my stream using Photoshop in this style and I want to recreate that look using CSS:
All images displayed on the page will be green and black. I can use CSS to achieve this.
I wanted to go for a vertical menu bar similar to that found in Alien: Isolation where selecting the menu item on the left changes the content on the right:
The content on the right will be scrollable so that you always have the menu bar and border fixed on screen.
I'll design for mobile first so that by default the menu bar will be at the bottom of the screen flowing left to right with the content view above. If you are viewing on a large screen (by width) or rotate your mobile screen, it will switch to the menu bar on the left flowing top to bottom with content view on the right.
There will be 4 pages: a landing/home page, a bit about me and why I want to apply, a MTG life total app and a image carousel for my cats, Felt 
and Noodle 
.
I'd like the menu to work so that when you click on a menu item it changes what is in the content view but without changing the URL. This W3Schools How TO should help me achieve this.
This will be a basic life counter for Magic: The Gathering that I should be able to use when I play to track life totals of up to 4 players.
I'd like to be able to start by selecting how many players and then have separate life totals displayed on the page and then select the starting life total.
You'll be able to increase and decrease the life of each player in increments of 1 or 5.
This will be a slideshow of pictures of my cats! It will automatically cycle through the images and there will be controls to stop the slideshow and progress backwards and forwards.
I can use this W3Schools How TO and Gregor's recent live coding session to help me build this.
Here's a list of stuff I need to do!
- Create the HTML, CSS and JS files
- Import and adapt my HTML and CSS from this repo where I was working on it before
- Build the menu system
- Put the menu along the bottom
- Put the menu along the left side when viewed on desktop
- Add JS to reset the scroll bar when switching pages
- Import MTG life counter code from this repo where I was working on it before
- Add more counters for more players
- Add ability to choose the number of players to display the corresponding number of life counters
- Add reset game option
- Write the Home and About pages and format the text
- Change link styling
- Remove image hotlinking
- Build image carousel
- Style button hover
- Style the life counter elements
- Add winner message
- Add img filter and glow
- Add option to turn off img filter/glow