forked from cory/tildefriends
Added rough SVG support. Added doctypes to all of my HTML, and tried to fix some CSS issues that happened as a result.
git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@3223 ed5197a5-7fde-0310-b194-c3ffbd925b24
This commit is contained in:
parent
25d97e5e3b
commit
0bd836e915
@ -1,3 +1,4 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Auth</title>
|
||||
|
@ -171,6 +171,19 @@ function print(terminal, data) {
|
||||
autoScroll(terminal);
|
||||
}
|
||||
|
||||
function printSvg(container, data, name, namespace) {
|
||||
var node = document.createElementNS("http://www.w3.org/2000/svg", name);
|
||||
for (var i in data.attributes) {
|
||||
node.setAttribute(i, data.attributes[i]);
|
||||
}
|
||||
if (data.children) {
|
||||
for (var i in data.children) {
|
||||
node.appendChild(printSvg(node, data.children[i], data.children[i].name));
|
||||
}
|
||||
}
|
||||
return node;
|
||||
}
|
||||
|
||||
function printStructured(container, data) {
|
||||
if (typeof data == "string") {
|
||||
container.appendChild(document.createTextNode(data));
|
||||
@ -197,6 +210,8 @@ function printStructured(container, data) {
|
||||
if (data.name) {
|
||||
node.setAttribute("id", "iframe_" + data.name);
|
||||
}
|
||||
} else if (data.svg) {
|
||||
node = printSvg(container, data.svg, "svg");
|
||||
} else if (data.image) {
|
||||
node = document.createElement("img");
|
||||
node.setAttribute("src", data.image);
|
||||
|
@ -1,3 +1,4 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Web Terminal</title>
|
||||
@ -10,18 +11,16 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link type="image/png" rel="shortcut icon" href="/terminal/favicon.png"></link>
|
||||
</head>
|
||||
<body>
|
||||
<div id="body">
|
||||
<div>
|
||||
<input type="button" id="back" name="back" value="Back" onclick="back()">
|
||||
<input type="button" id="save" name="save" value="Save" onclick="save()">
|
||||
<input type="button" id="saveAs" name="saveAs" value="Save As" onclick="saveAs()">
|
||||
<input type="checkbox" id="run" name="run" checked><label for="run">Run after Saving</label>
|
||||
<input type="button" id="revert" name="revert" value="Revert to Saved" onclick="revert()">
|
||||
<button onclick="addLicense()"><img src="/terminal/agplv3-88x31.png" width="34" height="12"> Add License Header</button>
|
||||
</div>
|
||||
<textarea id="editor" class="main">$(SOURCE)</textarea>
|
||||
<script src="/terminal/editor.js"></script>
|
||||
<body style="display: flex; flex-flow: column">
|
||||
<div class="navigation">
|
||||
<input type="button" id="back" name="back" value="Back" onclick="back()">
|
||||
<input type="button" id="save" name="save" value="Save" onclick="save()">
|
||||
<input type="button" id="saveAs" name="saveAs" value="Save As" onclick="saveAs()">
|
||||
<input type="checkbox" id="run" name="run" checked><label for="run">Run after Saving</label>
|
||||
<input type="button" id="revert" name="revert" value="Revert to Saved" onclick="revert()">
|
||||
<button onclick="addLicense()"><img src="/terminal/agplv3-88x31.png" width="34" height="12"> Add License Header</button>
|
||||
</div>
|
||||
<textarea id="editor" class="main">$(SOURCE)</textarea>
|
||||
<script src="/terminal/editor.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
@ -1,3 +1,4 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Tilde Friends</title>
|
||||
@ -6,26 +7,24 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<!--HEAD-->
|
||||
</head>
|
||||
<body>
|
||||
<div id="body">
|
||||
<div class="navigation">
|
||||
<span>~😎</span>
|
||||
<span id="title">Tilde Friends</span>
|
||||
<a href="/">home</a>
|
||||
<a href="$(EDIT_SOURCE)">edit</a>
|
||||
<a href="$(VIEW_SOURCE)">view source</a>
|
||||
<a href="/~cory/about">about</a>
|
||||
<span id="status"></span>
|
||||
<span id="update">update available! <a href="">refresh</a> to update</span>
|
||||
<span id="login"></span>
|
||||
</div>
|
||||
<div id="terminals" class="vbox"><div id="terminal_" class="terminal" style="flex: 1 1"></div></div>
|
||||
<div class="input">
|
||||
<span id="target"></span>
|
||||
<span id="prompt">></span>
|
||||
<input type='text' id='input'></input>
|
||||
</div>
|
||||
<script src="/terminal/client.js"></script>
|
||||
<body style="display: flex; flex-flow: column">
|
||||
<div class="navigation">
|
||||
<span>~😎</span>
|
||||
<span id="title">Tilde Friends</span>
|
||||
<a href="/">home</a>
|
||||
<a href="$(EDIT_SOURCE)">edit</a>
|
||||
<a href="$(VIEW_SOURCE)">view source</a>
|
||||
<a href="/~cory/about">about</a>
|
||||
<span id="status"></span>
|
||||
<span id="update">update available! <a href="">refresh</a> to update</span>
|
||||
<span id="login"></span>
|
||||
</div>
|
||||
<div id="terminals" class="vbox"><div id="terminal_" class="terminal" style="flex: 1 1"></div></div>
|
||||
<div class="input">
|
||||
<span id="target"></span>
|
||||
<span id="prompt">></span>
|
||||
<input type='text' id='input'></input>
|
||||
</div>
|
||||
<script src="/terminal/client.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
@ -1,24 +1,29 @@
|
||||
html {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: monospace;
|
||||
background-color: #002b36;
|
||||
color: #eee8d5;
|
||||
}
|
||||
|
||||
#body {
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.navigation {
|
||||
height: auto;
|
||||
width: 100%;
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
#terminals {
|
||||
flex: 1;
|
||||
flex-flow: column;
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
#logo {
|
||||
|
Loading…
Reference in New Issue
Block a user