-
-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
148 lines (132 loc) · 6.94 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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="css/sticky-footer-navbar.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Ladda/1.0.6/ladda-themeless.min.css" integrity="sha256-4E9F1QhvHIiZ9l+3Dev+wZFyP3GQJXmXqR+TY0hJNDM=" crossorigin="anonymous" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.11/ace.js" integrity="sha256-Kr5Mbwq/xwJYw6XU4NR519/iosGvECYMyMU8IZ/rQok=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Ladda/1.0.6/spin.min.js" integrity="sha256-oNtUmAZAsXy3Pg53xwfYE1YYgfdktOImDPd57g6Ldek=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Ladda/1.0.6/ladda.min.js" integrity="sha256-xqr6dAl11yzo9ssVFuVopsFNB/WWyFPb9sNOolhq43Q=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/URI.js/1.19.2/URI.min.js" integrity="sha256-4G6Z1Q3FCGF8hoYV4zb54OENwcZkuE0NnvblFsJTg7s=" crossorigin="anonymous"></script>
<script src="libraries/csl-validator.js"></script>
<style>
#source-code {
height: 400px;
}
li.inserted {
padding-top: 5px;
padding-bottom: 5px;
}
nav {
background-color: #2D98E0;
}
.btn {
white-space: nowrap;
}
</style>
<link rel="icon" type="image/png" href="images/favicon-32x32.png">
<title>CSL Validator</title>
</head>
<body class="d-flex flex-column h-100">
<header>
<!-- Fixed navbar -->
<nav class="navbar navbar-expand-md navbar-dark">
<a class="navbar-brand mb-0 h1" href="https://validator.citationstyles.org/"><img src="images/logo.svg" width="30" height="30" class="d-inline-block align-middle mr-2" alt="">CSL Style and Locale Validator</a>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="https://citationstyles.org/" target="_blank">CitationStyles.org</a>
</li>
</ul>
</div>
</nav>
</header>
<!-- Begin page content -->
<main role="main" class="flex-shrink-0">
<div class="container-fluid">
<form autocomplete="off">
<div class="form-group row my-3" title="The version of the CSL schema to validate against.">
<label for="schema-version" class="col-sm-2 col-form-label text-right">CSL schema version</label>
<div class="col-auto">
<select class="form-control" id="schema-version">
<option value="1.0.2" selected>1.0.2 (current)</option>
<option value="1.0.2_strict">1.0.2 strict (for CSL repository)</option>
<option value="1.0.1">1.0.1</option>
<option value="0.8.1">0.8.1 (for styles only)</option>
</select>
</div>
</div>
<div class="form-group row my-3" title="The CSL document to validate.">
<div class="col-sm-2">
<div class="container">
<div class="row justify-content-end">
<div class="col-auto">
<select class="form-control" id="source-method">
<option value="url" selected>URL</option>
<option value="file-upload">File Upload</option>
<option value="textarea">Text Field</option>
</select>
</div>
</div>
</div>
</div>
<div class="col-sm-9">
<input id="source-url" type="url" class="form-control source-input">
</div>
</div>
<div class="form-group row my-3" title="Click to validate">
<div class="col-sm-2"></div>
<div class="col-sm-9">
<button id="validate" type="button" class="btn btn-primary btn-lg ladda-button" data-style="expand-left"><span class="ladda-label">Validate</span></button>
</div>
</div>
</form>
<div class="row my-3">
<div class="col-sm-9 offset-sm-2">
<div id="alert"></div>
</div>
</div>
<div class="row my-3">
<div class="col-sm-9 offset-sm-2">
<div id="errors">
<ol id="error-list"></ol>
</div>
</div>
</div>
<div class="row my-3">
<div class="col-sm-9 offset-sm-2">
<div id="source"></div>
</div>
</div>
<div class="row my-3">
<div class="col-md-6 offset-md-1">
<hr>
<h4>About CSL Style and Locale Validator</h4>
<p>The CSL Style and Locale Validator checks <a href="https://citationstyles.org/" target="_blank">Citation Style Language (CSL)</a> styles and locale files against the
<a href="https://github.com/citation-style-language/schema/" target="_blank">CSL schema</a> and can be used to prepare your file for
<a href="https://github.com/citation-style-language/styles/blob/master/CONTRIBUTING.md#guide-to-submitting-csl-styles-and-csl-locales" target="_blank">submission</a> to our
<a href="https://github.com/citation-style-language/styles/" target="_blank">style repository</a> or <a href="https://github.com/citation-style-language/locales/" target="_blank">locale repository</a>.
For style submissions, once your CSL style validates without errors, please run your style through our <a href="https://formatter.citationstyles.org/" target="_blank">CSL Style Formatter</a>.</p>
</div>
</div>
</div>
</main>
<footer class="footer mt-auto py-3">
<div class="container-fluid">
<span class="text-muted">Created by <a href="https://rintze.zelle.me/" target="_blank">Rintze M. Zelle</a> (<a href="https://twitter.com/rintzezelle/" target="_blank"><img src="images/Twitter_Logo_Blue.svg" alt="Twitter Profile" width="25"
height="25" /></a>).
Powered by <a href="https://validator.w3.org/nu/">Nu HTML Checker</a> and GitHub Pages. <a href="https://github.com/citation-style-language/csl-validator">Code</a> on GitHub.</span>
</div>
</footer>
<script>
$().ready(function() {
CSLValidator.init();
});
</script>
</body>
</html>