git.roojs.org Git - ratchet/blob - test/components/modals.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <meta charset="utf-8">
   5     <title>Modal slideup</title>
   6
   7     <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
   8
   9     <link rel="stylesheet" href="../../lib/css/base.css">
  10     <link rel="stylesheet" href="../../lib/css/bars.css">
  11     <link rel="stylesheet" href="../../lib/css/lists.css">
  12     <link rel="stylesheet" href="../../lib/css/forms.css">
  13     <link rel="stylesheet" href="../../lib/css/buttons.css">
  14     <link rel="stylesheet" href="../../lib/css/chevrons.css">
  15     <link rel="stylesheet" href="../../lib/css/counts.css">
  16     <link rel="stylesheet" href="../../lib/css/segmented-controllers.css">
  17     <link rel="stylesheet" href="../../lib/css/popovers.css">
  18     <link rel="stylesheet" href="../../lib/css/modals.css">
  19     <link rel="stylesheet" href="../../lib/css/sliders.css">
  20     <link rel="stylesheet" href="../../lib/css/toggles.css">
  21     <link rel="stylesheet" href="../../lib/css/push.css">
  22     <script src="../../lib/js/push.js"></script>
  23     <script src="../../lib/js/toggles.js"></script>
  24     <script src="../../lib/js/sliders.js"></script>
  25     <script src="../../lib/js/popovers.js"></script>
  26     <script src="../../lib/js/modals.js"></script>
  27     <script src="../../lib/js/segmented-controllers.js"></script>
  28   </head>
  29   <body>
  30
  31   <header class="bar-title">
  32     <h1 class="title">Modal slideup</h1>
  33   </header>
  34
  35   <div class="content content-padded">
  36     <a href="#myModal" class="button">Open modal</a>
  37   </div>
  38
  39   <div id="myModal" class="modal">
  40     <header class="bar-title">
  41       <h1 class="title">Modal</h1>
  42       <a class="button" href="#myModal">
  43         Close
  44       </a>
  45     </header>
  46
  47     <div class="content content-padded">
  48       <p>Honey, check it out, you got me mesmerized
  49       With your black hair and fat-ass thighs
  50       Street poetry is my everyday
  51       But yo, I gotta stop when you trot my way
  52       If I was workin at the club you would not pay
  53       Aiyyo, my man phife diggy, he got somthin to say</p>
  54
  55       <p>I like em brown, yellow, puero rican or hatian
  56       Name is phife dawg from the zulu nation
  57       Told you in the jam that we can get down
  58       Now lets knock the boots like the group h-town
  59       You got bbd all on your bedroom wall
  60       But Im above the rim and this is how I ball
  61       A pretty little somethin on the new york street
  62       This is how I represent over this here beat</p>
  63       <p>Talkin bout you</p>
  64
  65       <p>Yo, I took you out</p>
  66       <p>But sex was on my mind for the whole damn route
  67       My mind was in a frenzy and a horny state
  68       But I couldnt drop dimes cause *you couldnt relate*</p>
  69     </div>
  70   </div>
  71
  72   </body>
  73 </html>