====== SandwichBoard Themes ====== Themes are what power the look-and-feel of restaurant's web sites on SandwichBoard. A theme is a ZIP files that holds a collection of files and folders with [[Liquid templates]], image files, Cascading Style Sheets, JavaScript source files, and a [[http://en.wikipedia.org/wiki/YAML|YAML]] file that describes the theme. Images reside under the ''images'' web site folder and CSS and JavaScript files are referenced using the ''stylesheet'' and ''javascript'' Liquid [[filters]]. When you create a restaurant in SandwichBoard, we automatically load your account with our {{theme_pack.zip|theme pack}}. You not only can use any one of the themes out-of-the-box, you can customize each or use them to build your own. (If at any point you accidentally lose or render one of the standard themes unusable, you can download the theme pack and re-upload the ZIP file for the theme you want to fix. But you cannot upload the entire theme pack to SandwichBoard at once. The themes must be uploaded individually.) ===== Theme Contents ===== The following folders and files should exist in every SandwichBoard theme. Detailed information about each [[liquid templates|Liquid template]] is also available. about.yml # => a YAML file with information about the theme itself images/ # => images for use in the theme's templates preview.png # => a screenshot of the theme in use javascripts/ # => JavaScripts for use in the theme's templates that aren't already hosted on SandwichBoard stylesheets/ site.css # => site-wide Cascading Style Sheet. The styles defined here are NOT loaded in the news, events, or pages editor. page.css # => page-wide Cascading Style Sheet. The styles defined here are loaded in the news, events, and pages editor. Users can style their content using styles defined in this style sheet. print.css # => site-wide Cascading Style Sheet to make your site printer-friendly templates/ album.liquid # => layout template used for each photo album albums.liquid # => layout for a list of all photo albums error.liquid # => displays error messages to users, like a 404 or 500 server error page on other sites image.liquid # => layout template used for each photo in an album layout.liquid # => the overall site layout template. All other templates and pages are rendered inside it. location.liquid # => layout template used for each restaurant location and its hours locations.liquid # => layout for a list of all restaurant locations menu.liquid # => menu layout template used for each menu and its enclosing sections and items