Add code editor UI and AJAX preparations

I added the code editor code I created on CodePen a few days ago and split the index into 3 files which I will then combine with AJAX.

Signed-off-by: Patrick Kontschak <patrick.kontschak@gmail.com>
Add code editor styling

I'm just recycling code from this CodePen I made a few days ago: http://codepen.io/paddykontschak/pen/csHIg

Signed-off-by: Patrick Kontschak <patrick.kontschak@gmail.com>
Ajax Load info and contact files into index.html

I can't test Ajax locally due to Chrome's security measurements. Not a big deal though. Just means I have to test in on my server.

Signed-off-by: Patrick Kontschak <patrick.kontschak@gmail.com>
Add overflow: scroll to #textfield

I had to add an overflow: scroll to the #textfield div. Otherwise the ajax'd files won't look any good.

Signed-off-by: Patrick Kontschak <patrick.kontschak@gmail.com>
Fix missing prism.js functionality

The 2 html files that use prism.js didn't have prism.js added to them. Only the index.html which doesn't use it itself.

Signed-off-by: Patrick Kontschak <patrick.kontschak@gmail.com>
Fix link to stylesheet

My @import method isn't liked much by Ajax as it seems. Surely, a simple link should do the trick, right?

Signed-off-by: Patrick Kontschak <patrick.kontschak@gmail.com>
(hopefully) Fix reference to JS file

Well, good news is that the link to the CSS file was accepted. Bad news: Javascript still isn't (thus rendering the prims.css useless without the prism.js adding all kinds of classes to the DOM),

Let's see if this fixes it.

Signed-off-by: Patrick Kontschak <patrick.kontschak@gmail.com>
Use GitHub Gist for index

Let's try something else. It looks like loading a file that is heavily dependent on document ready is not happy about being called via Ajax - or so I think, at 3:27am.

Maybe a Gist could have some use.

Signed-off-by: Patrick Kontschak <patrick.kontschak@gmail.com>
Revert Gist

The gist thing might make too much trouble in the end. I'll have to figure out what to do with prism.js and Ajax loading though.

Signed-off-by: Patrick Kontschak <patrick.kontschak@gmail.com>
Separation of information

To visualize what I know about the various languages and preprocessors I devided my information into Markdown, HAML, CSS, CoffeeScript and Ruby.

I also decided to add the ANSII goat to a separate file as a little gimmick.

Signed-off-by: Patrick Kontschak <patrick.kontschak@gmail.com>
Add Highlight.js for syntax coloring

I'm not sure if this works with Ajax either. But I have to try.

Signed-off-by: Patrick Kontschak <patrick.kontschak@gmail.com>
Load Highlight.js through Ajax

I found out that I could call javascript files through jQuery's getScript method. Let's see if this works.

Signed-off-by: Patrick Kontschak <patrick.kontschak@gmail.com>
Replace Highlight.js with prism.js

Maybe the ajax has to be loaded with a local file? Highlight.js didn't seem to get added.

Signed-off-by: Patrick Kontschak <patrick.kontschak@gmail.com>
Add prism.js to info.html

I think I've gone down this road before and neither the CSS nor the JS wanted to be loaded. Let's just see if it works now - because magic, that's why.

Signed-off-by: Patrick Kontschak <patrick.kontschak@gmail.com>
Add prism.js to skills.html

Well, I knew it. No CSS and no JS. This commit will at least add the CSS and I think using HAML for HTML syntax highlighting might not work with prism.js, that's why I added it to the CSS. We'll see if this works.

Signed-off-by: Patrick Kontschak <patrick.kontschak@gmail.com>
Desperate attempt to understand Ajax

Alright, this is probably not gonna work. I'm trying to ajax load the prism.js file while using ajax to load the skills.html. Talk about Xzibit memeing my code.

Signed-off-by: Patrick Kontschak <patrick.kontschak@gmail.com>
Create custom CSS based syntax highlighting

I decided to just use default CSS for my syntax highlighting. Or at least for now, to get the colors correct. I might eventually try to figure out how RegEx works and let JS find e.g. the string "%h1" and wrap it around a span.

But for now I have to make at least some progress.

Signed-off-by: Patrick Kontschak <patrick.kontschak@gmail.com>
Remove Bootstrap

I don't see a reason to keep it, I don't use anything from its code.

Signed-off-by: Patrick Kontschak <patrick.kontschak@gmail.com>
Remove head from info.html and fix li's CSS

info.html's head isn't necessary since it's already being called in the index.

I also fixed the misbehavior of those li's.

Signed-off-by: Patrick Kontschak <patrick.kontschak@gmail.com>
Fix floating of .view's children

Not everything has to float inside the view div. Just other divs.

Signed-off-by: Patrick Kontschak <patrick.kontschak@gmail.com>