-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
26 lines (25 loc) · 1.15 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
<!doctype html>
<html>
<head>
<title>Web Components in Action</title>
<link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.css">
</head>
<body>
<div style="max-width: 500px; margin: 0 auto;">
<h1 class="page-header">Web Components in Action</h1>
<h2><a href="/deck/index.html">Presentation Slides</a></h2>
<h2>Examples</h2>
<ol>
<li><a href="/examples/html-imports/content.html">HTML Imports: Simple import and insert.</a></li>
<li><a href="/examples/shadow-dom/clean-highlight.html">Shadow DOM: Clean syntax highlighting with highlight.js</a></li>
<li><a href="/examples/custom-elements/github-user.html">Custom Elements: A GitHub user card without any custom JS</a></li>
</ol>
<h2>Exercises</h2>
<ol>
<li><a href="/exercises/01-shadow-dismissable">Shadow Dismissable: Shadow DOM and Template Tag</a></li>
<li><a href="/exercises/02-markdown-element">Markdown Element: Rendering Markdown in a Custom Element</a></li>
<li><a href="/exercises/03-scratch">Scratch: Offline notes in Markdown</a></li>
</ol>
</div>
</body>
</html>