updated css for mobile

_layouts/shade.html

@@ -168,7 +168,7 @@
                 .menu
                 {
                     display:grid;
-                    grid-template-columns: 500px 1fr 1fr;                    
+                    grid-template-columns: 2fr 0fr 1fr;                    
                     align-items: center;
                 }
             </style>

_site/GemFile

@@ -0,0 +1,8 @@
+source 'https://rubygems.org'
+gem 'github-pages', group: :jekyll_plugins
+
+# group :jekyll_plugins do
+#     gem 'jekyll-sitemap'
+#     gem 'jekyll-feed'
+#     gem 'jekyll-seo-tag'
+#   end

_site/README.md

@@ -0,0 +1,36 @@
+# [30-Days-of-Shade](https://willstall.github.io/30-days-of-shade/)
+An interactive demo of my 30 days of shaders in GLSL using GLSLCanvas. Yes, I know there are 31 days in January =)
+
+## [Watch and Edit Here](https://willstall.github.io/30-days-of-shade/)
+
+- All the shaders: [/assets/shaders](https://github.com/willstall/30-days-of-shade/tree/master/assets/shaders)
+- All the videos: [/assets/videos](https://github.com/willstall/30-days-of-shade/tree/master/assets/videos)
+
+### Resources to get started on your own
+- [the book of shaders](http://thebookofshaders.com)
+- [iq articles](http://iquilezles.org/www/index.htm)
+- [alan zucconi tutorials](https://www.alanzucconi.com/tutorials/)
+- [ronja's tutorials](https://www.ronja-tutorials.com)
+
+### Shader Tools
+- [glslEditor](https://github.com/patriciogonzalezvivo/glslEditor)
+- [glslViewer](https://github.com/patriciogonzalezvivo/glslViewer)
+- [shadertoy](http://www.shadertoy.com)
+- [kodelife](https://hexler.net/software/kodelife/)
+
+### Math Tools
+- [Math as Code](https://github.com/Jam3/math-as-code)
+- [Desmos Graphic Calculator](https://www.desmos.com/calculator)
+- [Shader Shop by Tobyschachman](http://tobyschachman.com/Shadershop/editor/)
+- [iq Graph Toy](http://www.iquilezles.org/apps/graphtoy/)
+
+
+## Recording your own shaders
+I use a combination of [FFMPEG](https://ffmpeg.org) and [glslViewer](https://github.com/patriciogonzalezvivo/glslViewer) in order to create my looping videos for both [instagram](https://www.instagram.com/willstall/) and [twitter](https://twitter.com/willstall). A sequence of images is created with glslViewer and then turned into a video using FFMPEG. To make things even easier I created a very basic shell script to automate all of this. Here it is!
+
+Usage:
+  record.sh fileName duractionInSeconds folderName
+Example:
+  record.sh exampleFile.frag 5 exampleFolder
+
+- [My Automated Video Shell Script](https://github.com/willstall/30-days-of-shade/tree/master/assets/shaders/record.sh)