add wide screen configuration (#157)

add wide screen configuration by adding a `max_width` config in `_config.yml`

_config.yml

@@ -24,6 +24,10 @@ last_updated: false # set to true if you want to display last updated in the foo
 
 navbar_fixed: true
 footer_fixed: true
+
+# Dimensions
+max_width: 800px  
+
 # TODO: add layout settings (single page vs. multi-page)
 
 # -----------------------------------------------------------------------------

_sass/_variables.scss

@@ -3,9 +3,7 @@
  * To adjust anything, simply edit the variables below and rebuild the theme.
  ******************************************************************************/
 
-// Dimensions
 
-$max-content-width: 800px;
 
 // Colors
 $red-color:           #FF3636 !default;

assets/css/main.scss

@@ -3,6 +3,9 @@
 ---
 @charset "utf-8";
 
+// Dimensions
+$max-content-width: {{site.max_width}};
+
 @import
   "variables",
   "themes",