Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>Slides</title>
- <style>
- @font-face {
- font-family: SourceSans;
- src: url('./reveal/lib/font/source-sans-pro/source-sans-pro-regular.ttf');
- }
- body {
- background-color: #2f2f2f;
- }
- .container {
- text-align: center;
- margin: 0 auto;
- }
- .header h1 {
- font-family: SourceSans;
- font-size: 4em;
- color: #fafafa;
- padding: 0px;
- margin-bottom: 0px;
- /* color: #52d1dc; */
- }
- .header p {
- font-family: SourceSans;
- color: #fafafa;
- }
- #links {
- width: 400px;
- }
- ul {
- list-style-type: none;
- margin: 0;
- padding: 0;
- /* vertical-align: center; */
- /* display: table; */
- }
- li {
- font: 200 20px/1.5 Helvetica, Verdana, sans-serif;
- border-bottom: 1px solid #ccc;
- }
- li:last-child {
- border: none;
- }
- li a {
- text-decoration: none;
- color: #52d1dc;
- -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
- -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
- -o-transition: font-size 0.3s ease, background-color 0.3s ease;
- -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
- transition: font-size 0.3s ease, background-color 0.3s ease;
- display: inline-block;
- width: 400px;
- padding: 10px;
- }
- li a:hover {
- font-size: 30px;
- }
- </style>
- </head>
- <body>
- <div class="container">
- <div class="header">
- <h1>Slides</h1>
- <p>Enjoy.</p>
- </div>
- <ul id="links">
- </ul>
- </div>
- </body>
- <script>
- String.prototype.format = function () {
- a = this;
- for (k in arguments) {
- while (a.indexOf('{' + k + '}') !== -1)
- a = a.replace('{' + k + '}', arguments[k]);
- }
- return a;
- }
- const presentations = ["Boilerplate", "Example"
- ];
- presentations.forEach((pName, i) => {
- let pElement = '<li><a href="{0}">{0}</a></li>'.format(pName);
- document.getElementById('links').innerHTML += pElement;
- });
- </script>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement