Welcome to My Website!
I'm a Web Developer who enjoys creating order from chaos, and I've been writing code since elementary school.
This is my demo website, which I wrote to be fun and interactive. I wrote each component so I could play with (and learn) how all the website pieces worked together. While I knew this was going to be a large undertaking, I had the summer off (and this is my idea of a good time).
The Beginning
After I did some research I thought I could build a functioning "basic website" in about one week. While my estimatate was fairly accurate, like any coding project, the feature list quickly expanded.
I had originally intended "something simple":
- Loading the backend through Google Cloud
- Support loading a unique page off of an arbitrary url
- Basic CSS and JS
- Displaying some parsable text
- Supporting arbitrary HTML stuff on each page
- Could be "unique" html to the page
- Could be a "widget" that could be added to any page
The Evolution
By the time my "simple" website was ready, it took 2 weeks of development. I had a functional but empty website—which kind of felt like I had built a house with empty rooms. So I spent a week adding some content and style.
Even with the added content and style, I still thought my website just looked ok. It had all the basics of a website, but I wanted more. I wanted something unique with animation and graphics. I knew much better designers, so I hired one to help me architect my site map and create designs for each page.
The Result
The final design required a lot of changes, but in the end, I've got a cool sandbox to play in! I had a lot of fun coding the animations on this page. (Try clicking my profile picture.)
## Welcome to My Website!
I'm a Web Developer who enjoys creating order from chaos, and I've been [writing code](https://github.com/cdcline) since [elementary school](https://en.wikipedia.org/wiki/Logo_(programming_language)).
This is [my demo website](https://github.com/cdcline/demo-website), which I wrote to be fun and interactive. I wrote each component so I could play with (and learn) how all the website pieces worked together. While I knew this was going to be a [large undertaking](https://github.com/cdcline/demo-website/issues/12), I had the summer off (and this is my idea of a good time).
### The Beginning
After I did some research I thought I could build a functioning "basic website" in [about one week](https://github.com/cdcline/demo-website/issues/1). While my estimatate was fairly accurate, like any coding project, the feature list quickly expanded.
I had originally intended "something simple":
* Loading the backend through Google Cloud
* Support loading a unique page off of an arbitrary url
* Basic CSS and JS
* Displaying some _parsable text_
* **[\[click here to see unparsed text\]](#toggleParser)**
* Supporting arbitrary HTML stuff on each page
* Could be "unique" html to the page
* Could be a "widget" that could be added to any page
### The Evolution
By the time my "simple" website was ready, it took 2 weeks of development. I had a [functional but empty website](https://github.com/cdcline/demo-website/issues/12#issuecomment-1116862020)—which kind of felt like I had built a house with empty rooms. So I spent a week adding [some content and style](https://github.com/cdcline/demo-website/issues/12#issuecomment-1120445080).
Even with the added content and style, I still thought my website just looked ok. It had all the basics of a website, but I wanted more. I wanted something unique with animation and graphics. I knew much better designers, so I hired one to [help me architect my site map](https://github.com/cdcline/demo-website/issues/22#issuecomment-1133763883) and create [designs for each page](https://github.com/cdcline/demo-website/issues/65).
### The Result
The final design required [a lot of changes,](https://github.com/cdcline/demo-website/issues/83) but in [the end,](https://github.com/cdcline/demo-website/issues/105) I've got a cool sandbox to play in! I had a lot of fun coding the animations on this page. (Try clicking [my profile picture](#welcome-header-container).)
Each page has unique elements, however, there is common code across them all.
Try clicking the robot.
Can you figure out how to do this on any page?