-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
59 lines (53 loc) · 5.62 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-size: 16px;
padding: 0;
margin: 0
}
#fillerama {
margin: 1rem 2rem 3rem;
background: #f9f9f9;
}
</style>
<!-- Polyfill loader -->
<script src="https://unpkg.com/@webcomponents/[email protected]/webcomponents-bundle.js"></script>
<!-- Import components here -->
<script type="module" src="./dist/top-bar/top-bar.mjs"></script>
<script nomodule src="./dist/top-bar/top-bar.js"></script>
</head>
<body>
<uwds-top-bar role="toolbar" app-name="UW IT Design System" app-url="https://uw-madison-doit.github.io/uw-it-design-system">
<button slot="myuw-navigation">MENU</button>
<span slot="uwds-notifications">10</span>
</uwds-top-bar>
<main id="fillerama">
<h1>Eaque ipsa quae ab illo inventore veritatis et quasi.</h1>
<p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam. Duis aute irure dolor in reprehenderit in voluptate velit.</p>
<p>Facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. <strong> Facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.</strong> <em> Laboris nisi ut aliquip ex ea commodo consequat.</em> Nihil molestiae consequatur, vel illum qui dolorem eum.</p>
<h2>Do eiusmod tempor incididunt ut labore et dolore magna aliqua.</h2>
<p>Totam rem aperiam. Facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<ol>
<li>Cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia.</li><li>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam.</li><li>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat.</li>
</ol>
<h3>At vero eos et accusamus.</h3>
<p>Inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p>
<ul>
<li>Inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</li><li>Excepteur sint occaecat cupidatat non proident, sunt in culpa.</li><li>Fugiat quo voluptas nulla pariatur?</li>
</ul>
<p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit. At vero eos et accusamus. Et harum quidem rerum facilis est et expedita distinctio. Do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>At vero eos et accusamus. Ut enim ad minim veniam, quis nostrud exercitation ullamco. Architecto beatae vitae dicta sunt explicabo. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat.</p>
<p>Facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Totam rem aperiam. Architecto beatae vitae dicta sunt explicabo. Cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia.</p>
<p>Nihil molestiae consequatur, vel illum qui dolorem eum. Nihil molestiae consequatur, vel illum qui dolorem eum. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit. Et harum quidem rerum facilis est et expedita distinctio.</p>
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa. Cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia. At vero eos et accusamus. Accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo.</p>
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa. Non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Animi, id est laborum et dolorum fuga. Quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
<p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat. Cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia. Quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
<p>Inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia. Qui officia deserunt mollit anim id est laborum.</p>
<p>Quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Duis aute irure dolor in reprehenderit in voluptate velit. Et harum quidem rerum facilis est et expedita distinctio. Non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
<p>At vero eos et accusamus. Excepteur sint occaecat cupidatat non proident, sunt in culpa. Inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.</p>
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit. Totam rem aperiam. Facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Fugiat quo voluptas nulla pariatur?</p>
</main>
</body>
</html>