59 lines
No EOL
2 KiB
HTML
59 lines
No EOL
2 KiB
HTML
<html>
|
|
<style>
|
|
body {
|
|
max-width: fit-content;
|
|
}
|
|
form {
|
|
display: flexbox;
|
|
}
|
|
input, textarea {
|
|
margin-bottom: 0.75rem;
|
|
}
|
|
input[type="submit"] {
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
hr {
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.red {
|
|
color: red;
|
|
}
|
|
textarea[readonly] {
|
|
background-color: #eeeeee;
|
|
margin-bottom: 0px;
|
|
}
|
|
#error {
|
|
color: red;
|
|
}
|
|
</style>
|
|
<body>
|
|
<script src="popup.js"></script>
|
|
<h1>new sharefeed entry</h1>
|
|
<p>Required fields are in <b>bold</b> with a red asterisk. <span class="red">*</span></p>
|
|
<form id="sharefeed">
|
|
<label for="url"><b>url</b><span class="red">*</span></label>
|
|
<input id="url" name="url" type="url" size="50"/>
|
|
<br/>
|
|
<label for="title"><b>title</b><span class="red">*</span></label>
|
|
<input id="title" name="title" type="text" size="50"/>
|
|
<br/>
|
|
<label for="author">author</label>
|
|
<input id="author" name="author" type="text"/>
|
|
<br/>
|
|
<label for="publishedDate">date published</label>
|
|
<input id="publishedDate" name="publishedDate" type="datetime-local" step="1"/>
|
|
<br/>
|
|
<label for="accessedDate"><b>date accessed</b><span class="red">*</span></label>
|
|
<input id="accessedDate" name="accessedDate" type="datetime-local" step="1"/>
|
|
<br/>
|
|
<label for="note"><b>note</b><span class="red">*</span></label>
|
|
<textarea form="sharefeed" id="note" name="note" rows="4" cols="50"></textarea>
|
|
<br/>
|
|
<button id="submit" name="submit" type="submit">generate</button>
|
|
</form>
|
|
<p id="error"></p>
|
|
<hr/>
|
|
<label for="generated">generated JSON</label>
|
|
<textarea id="generated" name="generated" rows="8" cols="50" readonly aria-readonly></textarea>
|
|
</body>
|
|
</html> |