afb-client/bower_components/tether/examples/pin/index.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <meta charset="utf-8">
   5         <meta http-equiv="X-UA-Compatible" content="chrome=1">
   6         <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
   7         <link rel="stylesheet" href="../resources/css/base.css" />
   8         <link rel="stylesheet" href="../common/css/style.css" />
   9     </head>
  10     <body>
  11         <div class="instructions">Resize the screen to see the tethered element stick to the edges of the screen when it's resized.</div>
  12
  13         <div class="element"></div>
  14         <div class="target"></div>
  15
  16         <script src="../../tether.js"></script>
  17         <script>
  18             new Tether({
  19                 element: '.element',
  20                 target: '.target',
  21                 attachment: 'top left',
  22                 targetAttachment: 'top right',
  23                 constraints: [{
  24                     to: 'window',
  25                     pin: true
  26                 }]
  27             });
  28         </script>
  29     </body>
  30 </html>