Add test sheet

[m1]

NB. I made it so the instagram pictures are in /ref just incase instagram remove the pictures from the cssgram account or the person developing the filter has no internet access

[una]

Thanks for doing this!

Format for using CSSgram is as follows:

<figure class="<class">
  <img src="..." alt="...">
</figure>

The class goes on the figure (this is important because <img> elements can't have pseudo elements and I noticed some of the styling was absent because of this.

[m1]

Ah I did wonder why some looked a bit off.

[una]

This is an awesome addition to the project. A couple of things:

• I'd like to keep the source/ folder clean -- only having the product (aka the .scss or .css code in there) for when people use bower or other package managers to consume this
• the twig files can go within site/ and there can simply be a test.html in there
• On that note, it would be good to refactor index.html to use a templating engine since this adds one anyway (this is more me thinking out loud than asking it to be a part of this PR)
• I'd like to .gitignore any test files until necessary for local testing
• Making some comments on the markup 😄

You rock, by the way! 🎸

[una]

maybe this should be in source/ and be test.twig

[m1]

All fair points.

I'd like to keep the source/ folder clean -- only having the product (aka the .scss or .css code in there) for when people use bower or other package managers to consume this

Should source/scss/demo-site.scss be moved then?

On that note, it would be good to refactor index.html to use a templating engine since this adds one anyway (this is more me thinking out loud than asking it to be a part of this PR)

I can do this in another pr, just want to make this pr for the test sheet only rn.

I'd like to .gitignore any test files until necessary for local testing

What do you mean by this?

Making some comments on the markup

Haha yeah, it was very quickly hacked up 😆

[una]

Excellent point that demo-site.scss would ideally only live in site/css and would import the library within it (going to submit a PR for this)

[una]

Check out #89 -- this should also make it easier to have a test page

[una]

I submitted a PR on your repo @m1 in which I move the test page as a part of the site

[m1]

Don't merge this yet, just making a few other changes

[una]

No problem -- I don't have Internet right now but I plan to refactor the site to use twig in another PR later today so don't worry about thay

[m1]

Okay that should be everything I think?

[una]

Nice work Miles 👍