-
Notifications
You must be signed in to change notification settings - Fork 23
/
Copy pathindex.html
110 lines (95 loc) · 6.21 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
<!DOCTYPE html>
<html class="no-js" itemscope="itemscope" itemtype="http://schema.org/WebPage" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Oracle Font APEX</title>
<meta name="title" itemprop="name" content="Oracle Font APEX" />
<meta name="description" itemprop="description" content="Font APEX is an open source icon library from the Oracle APEX team." />
<meta name="keywords" content="Oracle, Font, Font Apex, Apex" />
<meta name="version" content="22" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="oracleapex" />
<meta name="twitter:title" content="Oracle Font APEX" />
<meta name="twitter:description" content="Font APEX is an open source icon library from the Oracle APEX team." />
<meta property="og:type" content="article" />
<meta property="og:title" content="Oracle Font APEX" />
<meta property="og:description" content="Font APEX is an open source icon library from the Oracle APEX team." />
<meta property="og:site_name" content="Oracle Font APEX" />
<link rel="mask-icon" sizes="all" href="docs/pinned-icon.svg" color="#0572CE" />
<link rel="shortcut icon" type="image/ico" href="docs/favicon.ico" />
<link rel="apple-touch-icon" sizes="192x192" href="docs/icon.png" />
<meta name="theme-color" content="#0572CE" />
<link rel="stylesheet" href="docs/ui.css?v=2.2" type="text/css" />
<link rel="stylesheet" href="https://static.oracle.com/cdn/fnd/gallery/2004.1.0/OracleFont/OracleFont.min.css" type="text/css">
<link rel="stylesheet" href="css/font-apex.min.css?v=2.2" type="text/css" />
</head>
<body id="top">
<header class="dm-Header">
<div class="dm-Container">
<a class="dm-Header-logoLink" href="index.html">
<svg class="dm-Header-logoIcon" role="img" aria-label="Oracle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 24">
<title id="dm-Header-logoText">Oracle</title>
<path d="M24.6 0C30.9 0 36 5.4 36 12s-5.1 12-11.4 12H11.4C5.1 24 0 18.6 0 12S5.1 0 11.4 0h13.2zm-.3 4H11.7c-4.1 0-7.4 3.6-7.4 8s3.3 8 7.4 8h12.6c4.1 0 7.4-3.6 7.4-8s-3.3-8-7.4-8z" fill-rule="evenodd" clip-rule="evenodd"></path>
</svg>
<span class="dm-Header-logoLabel">
Font APEX
</span>
</a>
<ul class="dm-HeaderNav">
<li>
<a class="dm-HeaderNav-link" href="https://github.com/oracle/font-apex">
<svg class="dm-HeaderNav-icon" aria-hidden="true" viewBox="0 0 16 16">
<path d="M8 1.172a7.002 7.002 0 0 0-2.215 13.644c.355.065.483-.154.483-.336 0-.165-.009-.72-.009-1.304 0 0-1.951.419-2.361-.829 0 0-.32-.812-.775-1.022 0 0-.638-.437.046-.428 0 0 .693.054 1.076.72.611 1.075 1.632.765 2.032.583.064-.456.246-.756.446-.939-1.559-.173-3.19-.775-3.19-3.453 0-.767.273-1.395.72-1.878-.073-.183-.31-.894.064-1.86.593-.182 1.933.72 1.933.72a6.626 6.626 0 0 1 3.5 0s1.34-.902 1.923-.72c.383.966.145 1.677.072 1.86a2.69 2.69 0 0 1 .72 1.878c0 2.688-1.64 3.281-3.199 3.453.255.219.474.638.474 1.294v1.924c0 .182.119.401.474.336A7.002 7.002 0 0 0 8 1.172z"/>
</svg>
<span class="dm-HeaderNav-label">View on GitHub</span>
</a>
</li>
<li>
<a class="dm-HeaderNav-link" href="docs/about.html">
<span class="dm-HeaderNav-icon fa fa-info-circle-o" aria-hidden="true"></span>
<span class="dm-HeaderNav-label">About</span>
</a>
</li>
</ul>
</div>
</header>
<main class="dm-Body">
<div class="dm-Container">
<div class="dm-Intro">
<div class="dm-Intro-icon">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M7.124 11.626L.311 4.813a1.061 1.061 0 0 1 0-1.5L3.313.311a1.059 1.059 0 0 1 1.5 0l6.813 6.813-.75.75-1.219-1.219-1.506 1.507-.563-.561 1.507-1.508-1.156-1.157-1.507 1.507-.563-.563 1.506-1.507-1.156-1.156-1.507 1.507-.562-.563 1.507-1.508L4.064 1.06 1.061 4.063l6.813 6.813-.75.75zm9.752.747l6.814 6.813a1.061 1.061 0 0 1 0 1.5l-3.003 3.003a1.065 1.065 0 0 1-1.502 0l-6.813-6.813.75-.75 6.813 6.813 3.003-3.003-1.593-1.593-1.507 1.507-.563-.563 1.507-1.507-1.157-1.157-1.506 1.507-.563-.561 1.507-1.508-1.156-1.157-1.507 1.507-.563-.563 1.507-1.507-1.218-1.218.75-.75zM23.03.965c-.489-.488-1.148-.72-1.816-.72a2.9 2.9 0 0 0-2.038.83L3.985 16.266a5.31 5.31 0 0 0-1.039 1.472l-2.207 4.64c-.222.467.143.95.595.95a.668.668 0 0 0 .288-.067l4.64-2.207a5.31 5.31 0 0 0 1.472-1.039L23.096 4.654c1.036-1.036.971-2.653-.066-3.689zm-4.209 1.964l2.25 2.25-1.177 1.177-2.25-2.25 1.177-1.177zM2.177 21.823l1.726-3.629c.029-.061.07-.115.102-.175l1.976 1.976c-.06.032-.113.073-.175.102l-3.629 1.726zm4.807-2.557c-.039.039-.086.069-.126.106l-2.23-2.23c.037-.041.067-.087.106-.126L17.081 4.669l2.25 2.25L6.984 19.266zM22.346 3.904l-.712.712-2.25-2.25.541-.541a1.854 1.854 0 0 1 1.289-.519c.423 0 .801.146 1.067.41.322.321.5.731.5 1.155 0 .273-.075.673-.435 1.033z"/>
</svg>
</div>
<h1>Font APEX</h1>
<p>Brought to you by the <a href="https://apex.oracle.com" target="_blank">Oracle APEX</a> Team</p>
</div>
<div class="dm-SearchBox">
<label class="dm-AccessibleHidden" for="search">Search</label>
<div class="dm-SearchBox-wrap">
<span class="dm-SearchBox-icon fa fa-search" aria-hidden="true"></span>
<input id="search" class="dm-SearchBox-input" type="search" placeholder="Search icons..." aria-controls="icons" />
</div>
<div class="dm-SearchBox-settings">
<div class="dm-RadioPillSet dm-RadioPillSet--large" role="group" aria-label="Icon Size">
<div class="dm-RadioPillSet-option"><input type="radio" id="icon_size_small" name="icon_size" value="SMALL"><label for="icon_size_small">Small</label></div>
<div class="dm-RadioPillSet-option"><input type="radio" id="icon_size_large" name="icon_size" value="LARGE"><label for="icon_size_large">Large</label></div>
</div>
</div>
</div>
<div id="icons" class="dm-Search" role="region" aria-live="polite">
<!-- The Icons -->
</div>
</div>
</main>
<footer class="dm-Footer">
<div class="dm-Container">
<p>© Oracle</p>
</div>
</footer>
<script src="docs/icons.js"></script>
<script src="docs/doc.js"></script>
</body>
</html>