-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.htm
41 lines (41 loc) · 1.44 KB
/
index.htm
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
<!DOCTYPE html>
<html>
<head>
<title>Demo - neon effect</title>
<link href="/css/basic.css" rel="stylesheet">
<link href="/css/colors.css" rel="stylesheet">
<link href="/css/demo.css" rel="stylesheet">
<link href="css/neon.css" rel="stylesheet">
<script type="text/javascript" src="js/atom.js"></script>
<script type="text/javascript" src="js/libcanvas.js"></script>
<script type="text/javascript" src="js/neonCanvas.js"></script>
</head>
<body onload="atom.dom(function() {atom.dom().initNeon()})">
<header>
<p class="preface">This is the demo of <a href="https://github.com/extempl/neon-canvas">Neon font libCanvas plugin</a></p>
</header>
<fieldset class="main-block">
<legend>Source</legend>
<h1 data-neon>Neon Light</h1>
</fieldset>
<fieldset class="main-block">
<legend>Basic</legend>
<h1 data-neon="basic">Neon Light</h1>
</fieldset>
<fieldset class="main-block">
<legend>Basic with blinking</legend>
<h1 data-neon="basic" data-neon-params="blinks">Neon Light</h1>
</fieldset>
<fieldset class="main-block">
<legend>Custom</legend>
<h1 data-neon="custom">
<span style="color:#f00" data-neon-params="blinks">N</span><span style="color:#f00;">eon</span>
<span style="color:#00f;">Li</span><span style="color:#0f0">g</span><span style="color:#00f;">ht</span>
</h1>
</fieldset>
<fieldset class="main-block">
<legend>Auto generates</legend>
<h1 data-neon="auto">Neon Light</h1>
</fieldset>
</body>
</html>