-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathbadges-criterias.html
49 lines (44 loc) · 3.35 KB
/
badges-criterias.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Open Badges Easy Tutorial | Badges Criterias</title>
<meta name="description" content="Open Badges Tutorial | Badges Criterias">
<meta name="author" content="Jonathan Rivalan">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="canonical" href="https://jonriv.github.io/openbadges-easy-tutorial/badges-criterias.html">
</head>
<body>
<div class="container">
<header>
<h1><a href="https://jonriv.github.io/openbadges-easy-tutorial/">Open Badges Easy Tutorial</a> | Badges Criterias</h1>
</header>
<p>The table below holds the criterias for the badges you want to issue. This HTML page is one of the requirements expected to satisfy the <a href="https://openbadgespec.org/">Open Badges specification</a>.</p>
<table>
<tr>
<th>Badge Class</th>
<th>Criterias</th>
<th>Issuer</th>
<th>Badge Image</th>
</tr>
<tr>
<td><a href="json/openbadges-easy-badge-class.json">Open Badges Easy Badge Class</a></td>
<td>
<ol>
<li>Follow the steps described in the <a href="https://github.com/JonRiv/openbadges-easy-tutorial#how-to-create-and-deliver-an-open-badge--the-definitive-quick-and-easy-open-badge-tutorial">tutorial</a></li>
<li>Open an issue with your mail or add a PR</a></li>
</ol>
</td>
<td><a href="json/openbadges-easy-badge-issuer.json">Open Badges Easy Badge Issuer</a></td>
<td><img src="img/openbadges-easy-badge-image.png"></td>
</tr>
</table>
</div>
<footer>
<p>with ♥ by <a href="https://github.com/JonRiv">JonRiv</a></p>
</footer>
<style type="text/css">
/* Minimal CSS minimalcss.com */ /* Reset */ * { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Layout */ body { background-color: #fff; color: #333; font: 16px/22px "HelveticaNeue-Light", "HelveticaNeue", Helvetica, Arial, sans-serif; } header { width: 100%; margin: 0 auto; position: relative; padding: 20px 0; border-bottom: 1px solid #ddd; margin-bottom: 20px; } .container { position: relative; text-align: left; width: 960px; max-width: 90%; margin: 0 auto; } footer { border-top:1px solid #ccc; font-size:11px; line-height:26px; color:#999; } footer a { color:#999999; } footer a:hover { color:#105CB6; } /* Typography */ a { color: #105CB6; text-decoration: none; } a:hover, a:focus { color: #105CB6; text-decoration: underline; } a:active { color: #105CB6; } h1 { font-size: 30px; line-height: 36px; margin-bottom: 20px; } h2 { font-size: 24px; line-height: 20px; margin-bottom: 20px; } h3 { font-size: 20px; line-height: 20px; margin-bottom: 10px; } h4 { font-size: 16px; line-height: 20px; margin-bottom: 10px; } h5 { font-size: 14px; line-height: 20px; margin-bottom: 20px; } h6 { font-size: 12px; line-height: 20px; margin-bottom: 20px; } h1,h2,h3,h4,h5,h6 { color: #333; } p { margin-bottom: 20px; } /* List */ ul { margin-bottom: 20px; list-style-position:inside; } ol { margin-bottom: 20px; list-style-position:inside; } ul ul, ol ol { margin-bottom:0; } /* Table */ table { margin-bottom: 20px; width: 100%;} tr {} th { font-weight: bold; width: 20%; padding-left: 1%;background-color: silver;} td { text-align: left; font-size:12px; width: 20%; padding: 1% 0 0 1%; vertical-align: top} tfoot { font-style: italic; } /* Image */ img {width:40%;}
</style>
</body>
</html>