daily pastebin goal
54%
SHARE
TWEET

Untitled

a guest Jul 12th, 2018 58 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5.     <title>Slides</title>
  6.     <style>
  7.         @font-face {
  8.             font-family: SourceSans;
  9.             src: url('./reveal/lib/font/source-sans-pro/source-sans-pro-regular.ttf');
  10.         }
  11.  
  12.         body {
  13.             background-color: #2f2f2f;
  14.         }
  15.  
  16.         .container {
  17.             text-align: center;
  18.             margin: 0 auto;
  19.         }
  20.  
  21.         .header h1 {
  22.             font-family: SourceSans;
  23.             font-size: 4em;
  24.             color: #fafafa;
  25.             padding: 0px;
  26.             margin-bottom: 0px;
  27.             /* color: #52d1dc; */
  28.         }
  29.  
  30.         .header p {
  31.             font-family: SourceSans;
  32.             color: #fafafa;
  33.         }
  34.  
  35.         #links {
  36.             width: 400px;
  37.         }
  38.  
  39.         ul {
  40.             list-style-type: none;
  41.             margin: 0;
  42.             padding: 0;
  43.             /* vertical-align: center; */
  44.             /* display: table; */
  45.         }
  46.  
  47.         li {
  48.             font: 200 20px/1.5 Helvetica, Verdana, sans-serif;
  49.             border-bottom: 1px solid #ccc;
  50.         }
  51.  
  52.         li:last-child {
  53.             border: none;
  54.         }
  55.  
  56.         li a {
  57.             text-decoration: none;
  58.             color: #52d1dc;
  59.  
  60.             -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
  61.             -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
  62.             -o-transition: font-size 0.3s ease, background-color 0.3s ease;
  63.             -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
  64.             transition: font-size 0.3s ease, background-color 0.3s ease;
  65.             display: inline-block;
  66.             width: 400px;
  67.             padding: 10px;
  68.         }
  69.  
  70.         li a:hover {
  71.             font-size: 30px;
  72.         }
  73.     </style>
  74. </head>
  75.  
  76. <body>
  77.     <div class="container">
  78.         <div class="header">
  79.             <h1>Slides</h1>
  80.             <p>Enjoy.</p>
  81.         </div>
  82.         <ul id="links">
  83.         </ul>
  84.     </div>
  85.  
  86. </body>
  87. <script>
  88.     String.prototype.format = function () {
  89.         a = this;
  90.         for (k in arguments) {
  91.             while (a.indexOf('{' + k + '}') !== -1)
  92.                 a = a.replace('{' + k + '}', arguments[k]);
  93.         }
  94.         return a;
  95.     }
  96.  
  97.     const presentations = ["Boilerplate", "Example"
  98.     ];
  99.  
  100.     presentations.forEach((pName, i) => {
  101.         let pElement = '<li><a href="{0}">{0}</a></li>'.format(pName);
  102.         document.getElementById('links').innerHTML += pElement;
  103.     });
  104. </script>
  105.  
  106. </html>
RAW Paste Data
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
 
Top