-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
117 lines (111 loc) · 6.82 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-S3ZRGKSGBF"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-S3ZRGKSGBF');
</script>
<title>Data Contract Playground</title>
<!-- Recommended meta tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<script src="https://www.unpkg.com/ace-builds@latest/src-noconflict/ace.js"></script>
<script src="https://www.unpkg.com/ace-builds@latest/src-noconflict/ext-language_tools.js"></script>
<script src="https://www.unpkg.com/ace-builds@latest/src-noconflict/mode-yaml.js"></script>
<script src="https://www.unpkg.com/ace-builds@latest/src-noconflict/theme-chrome.js"></script>
<script src="https://cdn.jsdelivr.net/npm/ace-linters"></script>
<link rel="icon" href="./image/data_catering_transparent.svg"/>
<link rel="stylesheet" href="./src/css/main.css" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta name="description" content="Validate data contracts to different formats. Formats include Open Data Contract Standard (ODCS), Data Contract Specification and Data Product Specification.">
<meta property="description" content="Validate data contracts to different formats. Formats include Open Data Contract Standard (ODCS), Data Contract Specification and Data Product Specification.">
<meta property="og:type" content="website">
<meta property="og:title" content="Data Contract Playground">
<meta property="og:description" content="Validate data contracts to different formats. Formats include Open Data Contract Standard (ODCS), Data Contract Specification and Data Product Specification.">
<meta property="og:image" content="https://data-catering.github.io/data-contract-playground/image/social/data-contract-playground-validate.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:title" content="Data Contract Playground">
<meta property="twitter:description" content="Validate data contracts to different formats. Formats include Open Data Contract Standard (ODCS), Data Contract Specification and Data Product Specification.">
<meta property="twitter:image" content="https://data-catering.github.io/data-contract-playground/image/social/data-contract-playground-validate.png">
</head>
<body>
<div class="top-banner">
<span>
<div class="logo-title">
<a href="https://data.catering/"><img class="logo" src="./image/data_catering_transparent.svg" alt="logo"/></a>
<b>Data Contract Playground</b>
</div>
</span>
<a class="github-button" href="https://github.com/data-catering/data-contract-playground"
data-color-scheme="no-preference: light; light: light; dark: dark;" data-icon="octicon-star" data-size="large"
data-show-count="true" aria-label="Star data-catering/data-contract-playground on GitHub">Star</a>
</div>
<nav class="topnav">
<a href="create.html">Create</a>
<a href="export.html">Export</a>
<a href="index.html">Validate</a>
</nav>
<div class="data-contract-type-container">
<label for="data-contract-type">Choose type:</label>
<select name="data-contract-type" id="data-contract-type">
<option value="dataContractSpecification">Data Contract Specification</option>
<option value="dataProductSpecification">Data Product Specification</option>
<option value="odcs" selected>Open Data Contract Standard v2 (ODCS)</option>
<option value="odcs-v3" selected>Open Data Contract Standard v3 (ODCS)</option>
</select>
<div id="github-links" class="github-links-container">
<div id="odcs-github-link" class="github-link">
<a class="github-button" href="https://github.com/bitol-io/open-data-contract-standard"
data-color-scheme="no-preference: light; light: light; dark: dark;" data-icon="octicon-star"
data-size="large" data-show-count="true" data-hello="world" aria-description="odcs"
aria-label="Star bitol-io/open-data-contract-standard on GitHub">Star</a>
</div>
<div id="odcs-v3-github-link" class="github-link">
<a class="github-button" href="https://github.com/bitol-io/open-data-contract-standard"
data-color-scheme="no-preference: light; light: light; dark: dark;" data-icon="octicon-star"
data-size="large" data-show-count="true" data-hello="world" aria-description="odcs"
aria-label="Star bitol-io/open-data-contract-standard on GitHub">Star</a>
</div>
<div id="dataContractSpecification-github-link" class="github-link">
<a class="github-button" href="https://github.com/datacontract/datacontract-specification"
data-color-scheme="no-preference: light; light: light; dark: dark;" data-icon="octicon-star"
data-size="large" data-show-count="true"
aria-label="Star datacontract/datacontract-specification on GitHub">Star</a>
</div>
<div id="dataProductSpecification-github-link" class="github-link">
<a class="github-button" href="https://github.com/datamesh-architecture/dataproduct-specification"
data-color-scheme="no-preference: light; light: light; dark: dark;" data-icon="octicon-star"
data-size="large" data-show-count="true"
aria-label="Star datamesh-architecture/dataproduct-specification on GitHub">Star</a>
</div>
</div>
</div>
<div id="yaml-container">
<div class="code" id="base-yaml"></div>
</div>
<footer>
<div class="footer-container">
<a class="link footer-left" href="index.html">Data Contract Playground</a>
<div class="footer-icons">
<ul>
<li><a href="https://github.com/data-catering/data-contract-playground" target="_blank"><i
class="fa fa-github fa-2x"></i></a></li>
<li><a href="https://www.linkedin.com/in/peter-flook/" target="_blank"><i
class="fa fa-linkedin fa-2x"></i></a></li>
<li><a href="https://medium.com/@pflooky" target="_blank"><i class="fa fa-medium fa-2x"></i></a></li>
</ul>
</div>
<a class="link footer-right" href="https://data.catering/about/#contact" target="_blank">contact</a>
</div>
</footer>
<script type="module" src="src/js/index.js"></script>
<script async defer src="https://buttons.github.io/buttons.js"></script>
</body>
</html>