You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@annotator.apache.org by bi...@apache.org on 2018/06/12 17:10:55 UTC
[incubator-annotator-website] branch asf-site updated: Tweaked the
demo page/nav a bit
This is an automated email from the ASF dual-hosted git repository.
bigbluehat pushed a commit to branch asf-site
in repository https://gitbox.apache.org/repos/asf/incubator-annotator-website.git
The following commit(s) were added to refs/heads/asf-site by this push:
new f13aed9 Tweaked the demo page/nav a bit
f13aed9 is described below
commit f13aed962fa9233fb95b4f98f513a7ebc86b77ee
Author: Benjamin Young <by...@wiley.com>
AuthorDate: Tue Jun 12 13:10:39 2018 -0400
Tweaked the demo page/nav a bit
---
content/demo/index.html | 31 ++++++++++++-------------------
content/index.html | 13 +++++--------
2 files changed, 17 insertions(+), 27 deletions(-)
diff --git a/content/demo/index.html b/content/demo/index.html
index 12ea452..0bbc358 100644
--- a/content/demo/index.html
+++ b/content/demo/index.html
@@ -15,7 +15,6 @@
outline: 0.1px solid rgba(255, 100, 0, 0.8);
}
#debug {
- width: 20rem;
color: #666;
background: #f8f8f8;
padding: 2em;
@@ -28,8 +27,6 @@
}
#selectable, #corpus {
display: inline-block;
- width: 20rem;
- height: 15em;
padding: 1em;
line-height: 1.4em;
font-size: 18px;
@@ -45,17 +42,17 @@
</head>
<body>
- <div class="ui borderless top attached main menu">
+ <div class="ui borderless stackable top attached main menu">
<div class="ui container">
<h2 class="header item">
Apache Annotator <em style="font-size: 14px; margin-left: 1em">(incubating)</em>
</h2>
<div class="right menu">
- <a class="item" href="https://github.com/apache?q=annotator#org-repositories">Code<span></span></a>
- <a class="active item" href="demo">Demo<span></span></a>
- <a class="item" href="https://github.com/apache/incubator-annotator/issues">Issues<span></span></a>
- <a class="item" href="https://github.com/apache/incubator-annotator/wiki">Wiki<span></span></a>
+ <a class="active item" href="demo"><span class="ui positive button">Demo!</span></a>
+ <a class="item" href="https://github.com/apache?q=annotator#org-repositories">Code</a>
+ <a class="item" href="https://github.com/apache/incubator-annotator/issues">Issues</a>
+ <a class="item" href="https://github.com/apache/incubator-annotator/wiki">Wiki</a>
<a class="item" href="https://mail-archives.apache.org/mod_mbox/incubator-annotator-dev/">Mailing List</a>
</div>
</div>
@@ -63,7 +60,7 @@
<div class="ui basic segment container">
<p>
- Hi! Let's play with some annotator tools! This page demonstrates
+ This page demonstrates
<a href="https://www.w3.org/TR/2017/REC-annotation-model-20170223/#selectors"
target="_blank">Selectors</a>.
Try selecting some text in the first paragraph below! In the second paragraph, the selector is 'anchored',
@@ -71,22 +68,18 @@
</p>
</div>
- <div class="ui four column doubling stackable grid container">
- <div class="column">
+ <div class="ui doubling stackable grid container">
+ <div class="four wide column">
<h4>Select text here</h4>
- <p id="selectable">
- Hello, annotated world! To annotate, or not to annotate, that is the question.
- </p>
+ <p id="selectable">Hello, annotated world! To annotate, or not to annotate, that is the question.</p>
</div>
- <div class="column">
+ <div class="four wide column">
<h4>Text is found here</h4>
- <p id="corpus">
- Hello, annotated world! To annotate, or not to annotate, that is the question.
- </p>
+ <p id="corpus">Hello, annotated world! To annotate, or not to annotate, that is the question.</p>
</div>
- <div class="column">
+ <div class="eight wide column">
<h4>JSON output</h4>
<pre id="debug"></pre>
</div>
diff --git a/content/index.html b/content/index.html
index 83b1193..5c3a3fb 100644
--- a/content/index.html
+++ b/content/index.html
@@ -43,11 +43,10 @@
font-size: 75%
}
</style>
- <!-- <script src="/demo.js"></script> -->
</head>
<body>
- <div class="ui borderless top attached main menu">
+ <div class="ui borderless stackable top attached main menu">
<div class="ui container">
<h2 class="header item">
<a href="/" style="color: rgba(0,0,0,.87);">
@@ -56,10 +55,10 @@
</h2>
<div class="right menu">
- <a class="item" href="https://github.com/apache?q=annotator#org-repositories">Code<span></span></a>
- <a class="item" href="demo">Demo<span></span></a>
- <a class="item" href="https://github.com/apache/incubator-annotator/issues">Issues<span></span></a>
- <a class="item" href="https://github.com/apache/incubator-annotator/wiki">Wiki<span></span></a>
+ <a class="item" href="demo"><span class="ui positive button">Demo!</span></a>
+ <a class="item" href="https://github.com/apache?q=annotator#org-repositories">Code</a>
+ <a class="item" href="https://github.com/apache/incubator-annotator/issues">Issues</a>
+ <a class="item" href="https://github.com/apache/incubator-annotator/wiki">Wiki</a>
<a class="item" href="https://mail-archives.apache.org/mod_mbox/incubator-annotator-dev/">Mailing List</a>
</div>
</div>
@@ -81,8 +80,6 @@
<li>Enabling Web Annotation in Web browsers, Web Publication readers, and the servers that serve them</li>
</ul>
- <a href="demo" class="ui button secondary">Demo</a>
-
<div class="ui divider"></div>
<div class="ui stackable grid">
--
To stop receiving notification emails like this one, please contact
bigbluehat@apache.org.