-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
184 lines (171 loc) · 9.39 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
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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="bundle.css">
<link rel="stylesheet" href="css/common.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono:100,700" rel="stylesheet">
<link rel="apple-touch-icon" sizes="57x57" href="favicon/">
<link rel="apple-touch-icon" sizes="60x60" href="favicon//apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="favicon//apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="favicon//apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="favicon//apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="favicon//apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="favicon//apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="favicon//apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="favicon//apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="favicon/">
<link rel="icon" type="image/png" sizes="32x32" href="favicon/">
<link rel="icon" type="image/png" sizes="96x96" href="favicon//favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon//favicon-16x16.png">
<title>Tool Hub</title>
</head>
<body>
<header class="mdc-top-app-bar mdc-top-app-bar--short">
<div class="mdc-top-app-bar__row">
<section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
<button class="material-icons mdc-top-app-bar__navigation-icon menu-button" onclick="toggleMenu()">
menu
</button>
<span class="mdc-top-app-bar__title">openScope Tool Hub</span>
</section>
<section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
<a href="https://github.com/jakcharvat" target="_blank" class="mdc-top-app-bar__action-item git-button" aria-label="My Github" alt="My Github">
<img src="imgs/github--black.png" style="width: 100%;">
</a>
</section>
</div>
</header>
<div class="menu">
<button class="mdc-icon-button material-icons back-button" onclick="toggleMenu()">arrow_back</button>
<div class="menu-content">
<div class="jakcharvat-logo">
<img src="imgs/jakcharvat-logo--black.svg" alt="jakcharvat">
</div>
<ul class="mdc-list">
<a class="mdc-list-item mdc-typography--overline item1" href="https://github.com/jakcharvat/" onclick="toggleMenu()" traget="_blank">
<p class="item">My Projects on Github</p>
<i class="material-icons mdc-list-item__meta">open_in_new</i>
</a>
<a class="mdc-list-item mdc-typography--overline item2" href="https://github.com/jakcharvat/centrelineGenerator/" onclick="toggleMenu()" traget="_blank">
<p class="item">This Project on Github</p>
<i class="material-icons mdc-list-item__meta">open_in_new</i>
</a>
<a class="mdc-list-item mdc-typography--overline item3" href="https://openscope.co" onclick="toggleMenu()" traget="_blank">
<p class="item">OpenScope</p>
<i class="material-icons mdc-list-item__meta">open_in_new</i>
</a>
<a class="mdc-list-item mdc-typography--overline item4" href="https://github.com/openscope/openscope/" onclick="toggleMenu()" traget="_blank">
<p class="item">OpenScope on Github</p>
<i class="material-icons mdc-list-item__meta">open_in_new</i>
</a>
</ul>
</div>
</div>
<div class="menu--not" onclick="toggleMenu()"></div>
<div class="scroller--container">
<div class="scroller"></div>
</div>
<div class="overlay noShow"></div>
<div class="content">
<div class="mdc-layout-grid">
<div class="mdc-layout-grid__inner">
<div class="mdc-layout-grid__cell">
<div class="mdc-card mdc-card--outlined polyconv">
<div class="mdc-card__media mdc-card__media--16-9 polyconv__media">
<div class="mdc-card__media-content polyconv__content">
<p class="mdc-card__title mdc-typography--overline polyconv__title">
Polygon Converter
</p>
</div>
</div>
<!-- ... content ... -->
<div class="mdc-vertical-divider polyconv__vertical-divider hide"></div>
<div class="mdc-card__content polyconv__text">
<p class="mdc-card__title-open mdc-typography--overline hide polyconv__title-open">Polygon Converter</p>
<p class="mdc-card__closed--info polyconv__creator mdc-typography--overline first">
<span class="bold">Creator: </span>
jakcharvat
</p>
<p class="mdc-card__closed--info polyconv__type mdc-typography--overline">
<span class="bold">Type: </span>
Web App
</p>
<div class="polyconv__description float--right margin-top--10 overflow--auto hide">
<div class="mdc-divider"></div>
<p class="mdc-card__closed-info mdc-typography--overline padding-top--5 text-align--justify overflow--auto">Polygon Converter is a tool designed to help converting between openScope airspace polygon format and the
<span class="italics">POLYGON(())</span> key required for the QGis airport.csv file. </p>
</div>
</div>
<div class="mdc-card__actions polyconv__actions">
<div class="mdc-card__action-buttons">
<a href="http://bit.ly/polyConv" target="_blank" class="mdc-button mdc-button--outlined mdc-card__action mdc-card__action--button polyconv__visit">Visit</a>
<button onclick="expandCard('polyconv')" class="mdc-button mdc-card__action mdc-card__action--button polyconv__more-info">More Info</button>
</div>
</div>
</div>
</div>
<div class="mdc-layout-grid__cell">
<div class="mdc-card mdc-card--outlined mdc-ripple-upgraded centreline">
<div class="mdc-card__media mdc-card__media--16-9 centreline__media">
<div class="mdc-card__media-content centreline__content">
<p class="mdc-card__title mdc-typography--overline centreline__title">
Centreline Generator
</p>
</div>
</div>
<!-- ... content ... -->
<div class="mdc-vertical-divider centreline__vertical-divider hide"></div>
<div class="mdc-card__content centreline__text">
<p class="mdc-card__title-open mdc-typography--overline hide centreline__title-open">Centreline Generator</p>
<p class="mdc-card__closed--info centreline__creator mdc-typography--overline first">
<span class="bold">Creator: </span>
jakcharvat
</p>
<p class="mdc-card__closed--info centreline__type mdc-typography--overline">
<span class="bold">Type: </span>
Web App
</p>
<div class="centreline__description float--right margin-top--10 overflow--auto hide">
<div class="mdc-divider"></div>
<p class="mdc-card__closed-info mdc-typography--overline padding-top--5 text-align--justif overflow--autoy">Centreline Generator is a tool for generating coordinate for extended centrelines, based on the ends of the runway. The tool calculates the exact magnetic bearing between the two points, and uses that to generate a 25NM dashed centreline with dashes 0.5NM each, and a perpendicular dash every 10 dashes to indicate 5NM.</p>
</div>
</div>
<div class="mdc-card__actions centreline__actions">
<div class="mdc-card__action-buttons">
<a href="http://bit.ly/centreline" target="_blank" class="mdc-button mdc-button--outlined mdc-card__action mdc-card__action--button centreline__visit">Visit</a>
<button onclick="expandCard('centreline')" class="mdc-button mdc-card__action mdc-card__action--button centreline__more-info">More Info</button>
</div>
</div>
</div>
</div>
<div class="mdc-layout-grid__cell">
<div class="mdc-card mdc-card--outlined add">
<div class="mdc-card__media mdc-card__media--16-9 add__media">
<div class="mdc-card__media-content add__content">
<p class="mdc-card__title mdc-typography--overline add__title">
Request Addition
</p>
</div>
</div>
<!-- ... content ... -->
<div class="mdc-card__content">
<p class="mdc-card__closed--info add__info mdc-typography--overline first">
Request the addition of a tool to this hub.
</p>
</div>
<div class="mdc-card__actions add__actions">
<div class="mdc-card__action-buttons">
<a href="https://goo.gl/forms/cPnR5pJ6IxQOApcs2" target="_blank" class="mdc-button mdc-button--outlined mdc-card__action mdc-card__action-button add__request">Request</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="bundle.js" async></script>
<script src="js/window.js"></script>
</body>
</html>