-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
36 lines (33 loc) · 5.55 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="theme-color" content="#017AD5" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="manifest" href="manifest.json">
<link rel="stylesheet" href="styles/wcop.css"></head>
<script src="scripts/app.js"></script>
<title>Window Controls Overlay Playground</title>
</head>
<body>
<div class="myTitlebar">
<span class="titlebarContainer"><p class="titlebarItem">File</p><p class="titlebarItem">Edit</p></span>
<p>This is <em>web</em> content!</p>
<span>
<img class="titlebarItem" src="images/profile-icon.svg" alt="profile"/>
<img class="titlebarItem" src="images/settings-icon.svg" alt="settings"/>
</span>
</div>
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Arcu ac tortor dignissim convallis aenean et tortor. Ornare arcu dui vivamus arcu felis bibendum ut. Nec tincidunt praesent semper feugiat nibh sed pulvinar proin. Amet risus nullam eget felis. Mauris augue neque gravida in fermentum et. Pellentesque nec nam aliquam sem et tortor consequat id. Turpis nunc eget lorem dolor sed viverra ipsum. Facilisis magna etiam tempor orci eu lobortis. Vitae proin sagittis nisl rhoncus mattis rhoncus urna.</p>
<p>Quisque id diam vel quam elementum pulvinar. Sit amet risus nullam eget. Interdum velit euismod in pellentesque massa placerat duis. Quis risus sed vulputate odio ut enim. Iaculis eu non diam phasellus vestibulum. Bibendum ut tristique et egestas quis ipsum suspendisse ultrices. Velit scelerisque in dictum non consectetur a erat. Tellus mauris a diam maecenas sed enim ut sem. Nulla malesuada pellentesque elit eget gravida cum sociis. Nibh mauris cursus mattis molestie a. In nibh mauris cursus mattis molestie. Consequat ac felis donec et odio pellentesque diam volutpat. Tempus egestas sed sed risus pretium quam vulputate dignissim.</p>
<p>Neque sodales ut etiam sit amet nisl purus. Id porta nibh venenatis cras sed. Sit amet consectetur adipiscing elit pellentesque habitant morbi tristique. Pellentesque dignissim enim sit amet venenatis urna. Mattis nunc sed blandit libero volutpat sed cras ornare. Arcu non sodales neque sodales ut etiam sit. Posuere lorem ipsum dolor sit amet consectetur adipiscing elit duis. Non quam lacus suspendisse faucibus interdum posuere lorem ipsum. Ornare suspendisse sed nisi lacus sed viverra. Nec sagittis aliquam malesuada bibendum arcu vitae elementum. Pellentesque habitant morbi tristique senectus et netus et malesuada. Libero id faucibus nisl tincidunt. Enim sed faucibus turpis in eu mi bibendum. Elementum tempus egestas sed sed risus pretium quam. Dictum non consectetur a erat nam at lectus urna. Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc. Congue quisque egestas diam in arcu. Volutpat lacus laoreet non curabitur gravida.</p>
<p>Sollicitudin tempor id eu nisl nunc mi ipsum. Cras ornare arcu dui vivamus arcu felis bibendum ut. Praesent elementum facilisis leo vel fringilla est ullamcorper eget nulla. Ultrices in iaculis nunc sed augue. Pretium vulputate sapien nec sagittis aliquam malesuada bibendum. Ac orci phasellus egestas tellus rutrum tellus pellentesque. Sed arcu non odio euismod lacinia at. Egestas maecenas pharetra convallis posuere morbi. Enim diam vulputate ut pharetra sit amet aliquam id. Sed egestas egestas fringilla phasellus faucibus scelerisque eleifend. Sit amet volutpat consequat mauris nunc congue. Fermentum et sollicitudin ac orci phasellus egestas tellus. In cursus turpis massa tincidunt dui ut ornare lectus sit. Ullamcorper malesuada proin libero nunc consequat interdum varius. Pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum. Enim praesent elementum facilisis leo. Pharetra sit amet aliquam id diam maecenas. Vitae semper quis lectus nulla at volutpat diam ut venenatis. Elit pellentesque habitant morbi tristique senectus et netus et malesuada.</p>
<p>Odio pellentesque diam volutpat commodo sed egestas. In ornare quam viverra orci sagittis eu. Metus vulputate eu scelerisque felis imperdiet proin fermentum. Rhoncus dolor purus non enim praesent elementum. Arcu non odio euismod lacinia at quis risus sed vulputate. Luctus venenatis lectus magna fringilla urna porttitor. Aliquet eget sit amet tellus cras adipiscing enim. Ac felis donec et odio pellentesque diam. Ac turpis egestas maecenas pharetra convallis posuere morbi leo. In ante metus dictum at tempor commodo ullamcorper. Ultricies leo integer malesuada nunc vel risus. Dolor morbi non arcu risus quis. Urna cursus eget nunc scelerisque viverra mauris in aliquam sem. Donec pretium vulputate sapien nec sagittis aliquam malesuada bibendum arcu. Nisi est sit amet facilisis.</p>
<p>Velit laoreet id donec ultrices tincidunt arcu. Lacus laoreet non curabitur gravida arcu ac. Sed felis eget velit aliquet sagittis id. Diam in arcu cursus euismod. Est ante in nibh mauris cursus mattis molestie a iaculis. Iaculis nunc sed augue lacus viverra. Metus aliquam eleifend mi in nulla posuere sollicitudin aliquam. Posuere morbi leo urna molestie. Ullamcorper eget nulla facilisi etiam dignissim diam. Ultrices eros in cursus turpis massa. Elit ullamcorper dignissim cras tincidunt lobortis feugiat.</p>
</div>
</body>
</html>