-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathview-example.html
109 lines (96 loc) · 4.51 KB
/
view-example.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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Independent Learning Project | Manly Campus | Northern Beaches Secondary College">
<title>ILP Website by Kaelan Carlos and Oscar Pritchard | ILP | Manly Selective Campus</title>
<!-- Icons -->
<link rel="shortcut icon" href="https://dev.oggyp.com/resources/favicons/favicon.ico" type="image/x-icon">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined"
rel="stylesheet">
<!-- Stylesheets -->
<link rel="stylesheet" href="https://dev.oggyp.com/ilp/resources/stylesheets/css/main.css">
<link rel="stylesheet" href="https://dev.oggyp.com/ilp/resources/stylesheets/css/simplified_nav.css">
<!-- Fonts -->
<link rel="stylesheet" href="https://cdn.oggyp.com/fonts/Google.css">
<!-- Scripts -->
<script src="https://dev.oggyp.com/ilp/resources/scripts/javascript/nav.js" defer></script>
</head>
<body>
<nav>
<div id='main-nav'>
<a class="aria-only focusable" id="skip-main-nav-button" href="#main">Skip to main content</a>
<button
id='main-nav-button'
aria-label='Open Navigation Button'
onclick='toggleNav()'
>
<span class="material-icons-outlined open-button" role="presentation">close</span>
<span class="material-icons-outlined close-button" role="presentation">menu</span>
</button>
<nav class='collapsing' id='main-menu' aria-label='Main Menu'>
<ul>
<li>
<h2>
<span class="material-icons-outlined" role="presentation">article</span>
Pages
</h2>
<nav class='submenu' aria-label='Pages Submenu'>
<ul>
<li>
<a href='https://ilp.oggyp.com'>
<span class="material-icons-outlined" role="presentation">home</span>
Home
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</div>
</nav>
<main id="main">
<article>
<h1 class="title">ILP Website</h1>
<span class="subtitle">web, website, ilp, cool</span>
<div class="authors">
by Kaelan Carlos and Oscar Pritchard
</div>
<div class="paper">
<span class="question">How can modern web technologies be used to create a sleek, accessible project-sharing platform?</span>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse
mollis nunc suscipit sollicitudin auctor. Nullam ipsum tellus, finibus
vel mi in, consectetur bibendum erat. Sed vestibulum urna suscipit,
aliquam tortor molestie, viverra dui. Nam quis bibendum tortor. Curabitur
lacinia congue rutrum. Sed egestas ultricies mattis. Curabitur posuere
maximus tellus, eget pharetra enim luctus eu. Aliquam purus libero,
tristique quis consequat sit amet, interdum vel nibh. Vestibulum gravida,
arcu eu tincidunt finibus, metus magna faucibus sapien, at scelerisque
odio ipsum vitae ligula. Duis faucibus eros eu neque dapibus, et euismod
purus viverra. Integer ornare est vel urna venenatis, vitae suscipit
enim ullamcorper. Vestibulum quis gravida elit. Sed luctus, est dapibus
maximus congue, massa eros rutrum dui, et posuere ligula odio a odio.
Pellentesque rutrum mauris sed quam egestas, varius pellentesque libero efficitur.
</p>
<p>
Praesent rhoncus magna non urna interdum, et tincidunt metus
faucibus. Proin porta lacinia libero nec pretium. Nunc pellentesque
sollicitudin neque sit amet egestas. In eu est fringilla, sodales orci
ut, interdum odio. Vestibulum nec dui nibh. Morbi venenatis mi
nibh, sed consequat nibh consectetur eget. Morbi quis nibh
tempus, auctor purus quis, vulputate massa. Etiam placerat tortor
a cursus pulvinar. Pellentesque at urna rutrum, efficitur arcu id,
vestibulum eros. Aliquam non condimentum risus. Pellentesque
sed turpis venenatis, egestas velit et, pharetra justo. Mauris maximus
aliquet varius. Curabitur purus lorem, pretium sit amet ipsum a,
porttitor dapibus nisl. Cras enim ligula, interdum pharetra justo et, condimentum
</p>
</div>
</article>
</main>
</body>
</html>