API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 6th, 2015
189
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.28 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2.  
  3. <html lang="en">
  4.  
  5.   <head>
  6.  
  7.     <meta charset="utf-8">
  8.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  9.     <title></title>
  10.     <meta name="description" content="">
  11.     <meta name="viewport" content="width=device-width, initial-scale=1">
  12.  
  13.     <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
  14.     <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  15.  
  16.     <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
  17.     <script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
  18.     <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
  19.  
  20.     <style>
  21.  
  22.       /* Screen Media Type */
  23.       @media screen {
  24.  
  25.         section {
  26.           text-align: center;
  27.         }
  28.  
  29.         section > div {
  30.           max-width: 3.5in;
  31.           margin: 0 auto;
  32.         }
  33.  
  34.         .home {
  35.           display: none;
  36.         }
  37.  
  38.       /* Menu Body */
  39.       .menu-body {
  40.  
  41.       }
  42.  
  43.       /* Category Elements */
  44.       .cat_block {
  45.         margin-bottom: 10px;
  46.       }
  47.  
  48.       .cat_title {
  49.         text-size: 1.2em;
  50.         text-decoration: underline;
  51.         font-weight: bold;
  52.       }
  53.  
  54.       .cat_description {
  55.         color: #444;
  56.       }
  57.  
  58.       /* Item Elements */
  59.       .item_block {
  60.         margin-bottom: 20px;
  61.       }
  62.  
  63.       .item_title {
  64.         text-size: 1.2em;
  65.       }
  66.  
  67.       .item_description {
  68.         text-size: 0.9em;
  69.         color: #444;
  70.       }
  71.  
  72.       /* Note Elements */
  73.       .note {
  74.  
  75.       }
  76.  
  77.       /* Section Break Elements */
  78.       .break {
  79.  
  80.       }
  81.  
  82.       /* Print Classes */
  83.       }
  84.       @media print {
  85.         @page {
  86.           size: 4in 8.5in;
  87.         }
  88.         section {
  89.           text-align: center;
  90.         }
  91.  
  92.         section > div {
  93.           max-width: 3.5in;
  94.           margin: 0 auto;
  95.         }
  96.  
  97.         .home {
  98.           text-align: center;
  99.           margin: 3in auto !important;
  100.           page-break-after: always;
  101.         }
  102.  
  103.         /*
  104.         .home h4 {
  105.           display: inline-block !important;
  106.         }
  107.         */
  108.       /* Menu Body */
  109.       .menu-body {
  110.  
  111.       }
  112.  
  113.       /* Category Elements */
  114.       .cat_block {
  115.         margin-bottom: 10px;
  116.       }
  117.  
  118.       .cat_title {
  119.         text-size: 1.2em;
  120.         text-decoration: underline;
  121.         font-weight: bold;
  122.       }
  123.  
  124.       .cat_description {
  125.         color: #444;
  126.       }
  127.  
  128.       /* Item Elements */
  129.       .item_block {
  130.         margin-bottom: 20px;
  131.       }
  132.  
  133.       .item_title {
  134.         text-size: 1.2em;
  135.       }
  136.  
  137.       .item_description {
  138.         text-size: 0.9em;
  139.         color: #444;
  140.       }
  141.  
  142.       /* Note Elements */
  143.       .note {
  144.  
  145.       }
  146.  
  147.       /* Section Break Elements */
  148.       .break {
  149.  
  150.       }
  151.  
  152.  
  153.       }
  154.  
  155.  
  156.  
  157.     </style>
  158.  
  159.   </head>
  160.  
  161.   <body class="container-fluid menu-body">
  162.   <div class="home">
  163.     <h4>Menu Header: {{event.menu_header}}</h2>
  164.     <h5>Date: {{event.date}}</h4>
  165.   </div>
  166.   <div class="page-break">
  167.   </div>
  168.  
  169.     {{#each menus}}
  170.       <section>
  171.         <div id="fragment-{{@index}}">
  172.        
  173.         {{#each rows}}
  174.          
  175.           {{#if category}}
  176.             <div class="cat_block row">
  177.               <div class="cat_title">{{value}}</div>
  178.               {{#if choice}}<div class="cat_choice_desc">{{choice.description}}</div>{{/if}}
  179.               {{#if description}}<div class="cat_desc">{{description}}</div>{{/if}}
  180.             </div>
  181.           {{/if}}
  182.  
  183.           {{#if item}}
  184.             <div class="item_block row">
  185.               <div class="item_title">{{name}}</div>  
  186.               {{#if description}}<div class="item_desc">{{description}}</div>{{/if}}
  187.             </div>
  188.           {{/if}}
  189.  
  190.           {{#if note}}
  191.             <div class="note">
  192.               <span class="note">{{note}}</span>
  193.             </div>
  194.           {{/if}}
  195.  
  196.           {{#if sectionBreak}}
  197.             <div class="break"></div>
  198.           {{/if}}
  199.        
  200.         {{/each}}     <!-- Row End -->
  201.        
  202.         </div>        <!-- Nav Index -->
  203.       </section>      <!-- Section End -->
  204.     {{/each}}         <!-- Menu End -->
  205.    
  206.  
  207.   </body>           <!-- Container Fluid End -->
  208. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!