2014-11-23 22:13:05 +00:00
|
|
|
<div class="container">
|
|
|
|
<form id="regexp_form">
|
|
|
|
<textarea id="regexp-input" autofocus="autofocus" placeholder="Enter JavaScript-style regular expression to display"></textarea>
|
|
|
|
<button type="submit">Display</button>
|
|
|
|
|
|
|
|
<ul class="inline-list">
|
|
|
|
<li><a href="#" class="oi with-text" data-glyph="data-transfer-download">Download</a></li>
|
|
|
|
<li><a href="#" class="oi with-text" data-glyph="link-intact">Permalink</a></li>
|
|
|
|
</ul>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="results">
|
|
|
|
<div id="loading">
|
|
|
|
<div class="spinner">
|
|
|
|
<div></div>
|
|
|
|
<div></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="error"></div>
|
|
|
|
|
2014-11-30 15:48:33 +00:00
|
|
|
<div id="regexp-render">
|
2014-11-30 18:14:31 +00:00
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
|
|
|
|
<style type="text/css">
|
|
|
|
text {
|
|
|
|
font: 12px Arial;
|
|
|
|
dominant-baseline: text-after-edge;
|
|
|
|
}
|
|
|
|
|
2014-11-30 20:36:53 +00:00
|
|
|
circle.anchor {
|
|
|
|
fill: #6b6659;
|
|
|
|
stroke-width: 2px;
|
|
|
|
stroke: #000;
|
|
|
|
}
|
|
|
|
|
2014-11-30 18:14:31 +00:00
|
|
|
.placeholder text {
|
|
|
|
fill: #fff;
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
|
|
|
.placeholder rect {
|
|
|
|
fill: #f00;
|
|
|
|
}
|
|
|
|
|
|
|
|
rect.bounding-box {
|
|
|
|
fill: transparent;
|
|
|
|
stroke: #000;
|
|
|
|
stroke-dasharray: 5,2;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</svg>
|
2014-11-30 15:48:33 +00:00
|
|
|
</div>
|
2014-11-23 22:13:05 +00:00
|
|
|
</div>
|