You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ctakes.apache.org by se...@apache.org on 2014/12/17 05:52:08 UTC
svn commit: r1646157 - in /ctakes/site/new: examples.html index.html
Author: seanfinan
Date: Wed Dec 17 04:52:07 2014
New Revision: 1646157
URL: http://svn.apache.org/r1646157
Log:
Adding "Examples" page. Has a carousel to circum gui tools and a main interactive panel (placeholder)
Added:
ctakes/site/new/examples.html
Modified:
ctakes/site/new/index.html
Added: ctakes/site/new/examples.html
URL: http://svn.apache.org/viewvc/ctakes/site/new/examples.html?rev=1646157&view=auto
==============================================================================
--- ctakes/site/new/examples.html (added)
+++ ctakes/site/new/examples.html Wed Dec 17 04:52:07 2014
@@ -0,0 +1,241 @@
+<!DOCTYPE html>
+ <!-- This does not use the latest available versions of bootstrap, jquery, etc. -->
+<html>
+<head lang="en">
+ <meta charset="UTF-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Apache cTAKES Examples</title>
+
+ <!-- Bootstrap -->
+ <!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">-->
+ <!-- Bootstrap core CSS -->
+ <link href="css/cerulean.min.css" rel="stylesheet">
+ <link href="css/custom.css" rel="stylesheet">
+
+ <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
+ <!--[if lt IE 9]>
+ <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+ <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
+ <![endif]-->
+</head>
+
+<body>
+ <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+ <!-- Include all compiled plugins (below), or include individual files as needed -->
+ <script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
+ <!--<script src="js/lang-tabs.js"></script>-->
+ <script type="text/javascript">
+ $(document).ready(function(){
+ $('.carousel').carousel();
+ });
+ </script>
+
+
+ <div class="container" style="max-width: 1200px;">
+
+ <div class="masthead">
+ <p class="lead">
+ <a href="/">
+ <img src="http://ctakes.apache.org/images/ctakes_logo.jpg"
+ style="height:100px; width:auto; vertical-align: bottom; margin-top: 15px; PADDING-RIGHT: 50px"></a>
+ <span class="tagline" style="margin-bottom: 10px;">clinical Text Analysis and Knowledge Extraction System</span>
+ </p>
+ </div>
+
+ <nav class="navbar navbar-default" role="navigation">
+ <!-- Brand and toggle get grouped for better mobile display -->
+ <div class="navbar-header">
+ <button type="button" class="navbar-toggle" data-toggle="collapse"
+ data-target="#navbar-collapse-1">
+ <span class="sr-only">Toggle navigation</span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </button>
+ </div>
+ <!-- Collect the nav links, forms, and other content for toggling -->
+ <div class="collapse navbar-collapse" id="navbar-collapse-1">
+ <ul class="nav navbar-nav">
+ <li><a href="downloads.html">Download</a></li>
+ <li class="dropdown">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ Documentation <b class="caret"></b>
+ </a>
+ <ul class="dropdown-menu">
+ <li><a href="https://cwiki.apache.org/confluence/display/CTAKES/cTAKES+3.2+User+Install+Guide">User
+ Install Guide</a></li>
+ <li><a href="https://cwiki.apache.org/confluence/display/CTAKES/cTAKES+3.2+Developer+Install+Guide">Developer
+ Install Guide</a></li>
+ </ul>
+ </li>
+ <li><a href="/examples.html">Examples</a></li>
+ <li class="dropdown">
+ <a href="/community.html" class="dropdown-toggle" data-toggle="dropdown">
+ Community <b class="caret"></b>
+ </a>
+ <ul class="dropdown-menu">
+ <li><a href="community.html">Mailing Lists</a></li>
+ <li><a href="community.html#history">Project History</a></li>
+ <li><a href="usedby.html">Who's Using cTAKES</a></li>
+ <li><a href="comitters.html">Project Committers</a></li>
+ <li><a href="https://issues.apache.org/jira/browse/ctakes">Issue Tracker</a></li>
+ </ul>
+ </li>
+ <li><a href="/resources.html">Resources</a></li>
+ <li><a href="/blog.html">Blog</a></li>
+ <li><a href="/faq.html">FAQ</a></li>
+ </ul>
+ </div>
+ <!-- /.navbar-collapse -->
+ </nav>
+
+
+ <div id="guiCarousel" class="carousel slide" data-interval="3000" style="width: 100%; height: 300px;">
+ <!-- Slides -->
+ <div class="carousel-inner">
+ <!-- Slide 1 -->
+ <div class="item active">
+ <div class="row">
+ <div class="col-lg-8 col-md-7 col-sm-6 hidden-xs col-padded">
+ <h2>Process Single-Note Text with the C.V.D.</h2>
+ </div>
+ <div class="col-xs-4 hidden-lg hidden-md hidden-sm col-padded">
+ <h2>Single- Note C.V.D.</h2>
+ </div>
+ <div class="col-lg-4 col-md-5 col-sm-6 col-xs-8 col-padded">
+ <a href="https://uima.apache.org/downloads/releaseDocs/2.2.2-incubating/docs/html/tools/tools.html#cvd.mainDisplayArea">
+ <img src="images/CvdScreen.jpg" style="width: 100%; max-height: 250px;">
+ </a>
+ </div>
+ </div>
+ </div>
+ <!-- Slide 2 -->
+ <div class="item">
+ <div class="row">
+ <div class="col-lg-8 col-md-7 col-sm-6 hidden-xs col-padded">
+ <h2>Process a multi-document Batch with the C.P.E.</h2>
+ </div>
+ <div class="col-xs-4 hidden-lg hidden-md hidden-sm col-padded">
+ <h2>Multi- Note C.P.E.</h2>
+ </div>
+ <div class="col-lg-4 col-md-5 col-sm-6 col-xs-8 col-padded">
+ <h3><a href="http://uima.apache.org/downloads/releaseDocs/2.3.0-incubating/docs/html/tutorials_and_users_guides/tutorials_and_users_guides.html#ugr.tug.cpe.configurator_and_viewer">
+ CPE Screenshot
+ </a></h3>
+ </div>
+ </div>
+ </div>
+ <!-- Slide 3 -->
+ <div class="item">
+ <div class="row">
+ <div class="col-lg-8 col-md-7 col-sm-6 hidden-xs col-padded">
+ <h2>View Single-Note Extracted Information with TimeLanes</h2>
+ </div>
+ <div class="col-xs-4 hidden-lg hidden-md hidden-sm col-padded">
+ <h2>Single- Note TimeLanes</h2>
+ </div>
+ <div class="col-lg-4 col-md-5 col-sm-6 col-xs-8 col-padded">
+ <a href="https://uima.apache.org/downloads/releaseDocs/2.2.2-incubating/docs/html/tools/tools.html#cvd.mainDisplayArea">
+ <img src="images/TimeVizScreen.jpg" style="width: 100%; max-height: 250px;">
+ </a>
+ </div>
+ </div>
+ </div>
+ <!-- Slide 4 -->
+ <div class="item">
+ <div class="row">
+ <div class="col-lg-8 col-md-7 col-sm-6 hidden-xs col-padded">
+ <h2>Process Single-Note Text with a Web Interface</h2>
+ </div>
+ <div class="col-xs-4 hidden-lg hidden-md hidden-sm col-padded">
+ <h2>Single- Note Web UI</h2>
+ </div>
+ <div class="col-lg-4 col-md-5 col-sm-6 col-xs-8 col-padded">
+ <h3><a href="https://community.i2b2.org/wiki/display/NLPCTAKES/Home">
+ Web GUI Screenshot
+ </a></h3>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+
+ <div class="jumbotron">
+ <div class="row">
+ <!-- radio buttons -->
+ <div class="col-sm-1">
+ <div class="btn-group btn-group-xs" role="group" aria-label="...">
+ <button type="button" class="btn btn-default" style="width: 100%;">Sentence</button>
+ <button type="button" class="btn btn-default" style="width: 100%;">Token</button>
+ <button type="button" class="btn btn-default" style="width: 100%;">Lex. Variant</button>
+ <button type="button" class="btn btn-default" style="width: 100%;">Part of Speech</button>
+ <button type="button" class="btn btn-default" style="width: 100%;">Shallow Parse</button>
+ <button type="button" class="btn btn-default" style="width: 100%;">Entity</button>
+ <button type="button" class="btn btn-default" style="width: 100%;">Event</button>
+ <button type="button" class="btn btn-default" style="width: 100%;">Time</button>
+ <button type="button" class="btn btn-default" style="width: 100%;">Time Relation</button>
+ </div>
+ </div>
+ <div class="col-sm-1">
+ <div class="btn-group btn-group-xs" role="group" aria-label="...">
+ <button type="button" class="btn btn-default" style="width: 100%;">Sentence</button>
+ <button type="button" class="btn btn-default" style="width: 100%;">Token</button>
+ <button type="button" class="btn btn-default" style="width: 100%;">Lex. Variant</button>
+ <button type="button" class="btn btn-default" style="width: 100%;">Part of Speech</button>
+ <button type="button" class="btn btn-default" style="width: 100%;">Shallow Parse</button>
+ <button type="button" class="btn btn-default" style="width: 100%;">Entity</button>
+ <button type="button" class="btn btn-default" style="width: 100%;">Event</button>
+ <button type="button" class="btn btn-default" style="width: 100%;">Time</button>
+ <button type="button" class="btn btn-default" style="width: 100%;">Time Relation</button>
+ </div>
+ </div>
+ <!-- text panel -->
+ <div class="col-sm-10">
+ <div class="panel panel-default">
+ <div class="panel-body" style="text-align: left">
+ The patient has a history of psoriatic arthritis.
+ For this he has taken initially nonsteroidal anti-inflammatory drugs but, for the last 10 years,
+ he has been on methotrexate 50 mg per week with good control of his arthritis,
+ but with minimal control of his psoriasis.
+ For this, he has undergone tar treatments,
+ and currently uses intermittently topical steroid-containing creams.<br>
+
+ He also has a history of thyroid insufficiency, and has been on Synthroid for the last 25 years.<br>
+
+ Surgical history includes tonsils and adenoids resection at age 8,
+ a torn meniscus at age 18, which was partially removed,
+ and a torn left Achilles tendon, surgically repaired when he was 25 years old.
+ </div>
+ </div>
+ </div>
+
+ </div>
+ <!-- end buttons and text row -->
+
+ <!--<div class="panel panel-default">-->
+ <!--<!– Default panel contents –>-->
+ <!--<!–<div class="panel-heading">Legend</div>–>-->
+ <!--<div class="panel-body">-->
+ <!--<p>[Type1] [Type2] [Type3] [etc...]</p>-->
+ <!--</div>-->
+ <!--</div>-->
+
+ </div>
+ <!-- end jumbotron -->
+
+
+ <footer class="small">
+ <hr>
+ Apache cTAKES, cTAKES, Apache, and the cTAKES logo are trademarks of
+ <a href="http://www.apache.org">The Apache Software Foundation</a>.
+ </footer>
+
+ </div>
+<!-- end main container -->
+
+</body>
+
+</html>
\ No newline at end of file
Modified: ctakes/site/new/index.html
URL: http://svn.apache.org/viewvc/ctakes/site/new/index.html?rev=1646157&r1=1646156&r2=1646157&view=diff
==============================================================================
--- ctakes/site/new/index.html (original)
+++ ctakes/site/new/index.html Wed Dec 17 04:52:07 2014
@@ -13,7 +13,7 @@
<!-- Bootstrap core CSS -->
<link href="css/cerulean.min.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
- <!--<link href="css/index.css" rel="stylesheet" type="text/css">-->
+
<script type="text/javascript">
var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-41673085-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })();
@@ -39,8 +39,8 @@
<p class="lead">
<a href="/">
<img src="http://ctakes.apache.org/images/ctakes_logo.jpg"
- style="height:100px; width:auto; vertical-align: bottom; margin-top: 15px; PADDING-RIGHT: 50px">
- </a><span class="tagline" style="margin-bottom: 10px;">clinical Text Analysis and Knowledge Extraction System</span>
+ style="height:100px; width:auto; vertical-align: bottom; margin-top: 15px; PADDING-RIGHT: 50px"></a>
+ <span class="tagline" style="margin-bottom: 10px;">clinical Text Analysis and Knowledge Extraction System</span>
</p>
</div>
@@ -55,7 +55,6 @@
<span class="icon-bar"></span>
</button>
</div>
-
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbar-collapse-1">
<ul class="nav navbar-nav">
@@ -90,7 +89,6 @@
</ul>
</div>
<!-- /.navbar-collapse -->
-
</nav>
@@ -106,7 +104,7 @@
</div>
<div class="hidden-xs hidden-sm">
<!-- Button to page with interactive example of cTakes extraction capabilities -->
- <a href="example.html" class="btn btn-info btn-lg btn-block" style="margin-bottom: 15px;">
+ <a href="examples.html" class="btn btn-info btn-lg btn-block" style="margin-bottom: 15px;">
Capabilities Example
</a>
<a href="downloads.html" class="btn btn-success btn-lg btn-block" style="margin-bottom: 30px;">
@@ -160,6 +158,7 @@
<!--Start Triple-section "It's what we do" -->
+
<!-- ROW 1 -->
<div class="row">
@@ -215,12 +214,10 @@
<!-- ROW 3 -->
<div class="row">
-
- <div class="col-md-1 col-padded">
+ <div class="col-md-1 hidden-xs hidden-sm col-padded">
</div>
<div class="col-md-4 col-padded">
- <!--<div class="col-xs-6 col-padded">-->
<h3><span class="glyphicon glyphicon-globe" style="margin-right: 20px;"></span>Community</h3>
<p>A large, global and diverse group develops, uses and supports cTAKES software and workflows.</p>
<ul class="list-narrow">
@@ -231,11 +228,10 @@
</ul>
</div>
- <div class="col-md-2 col-padded">
+ <div class="col-md-1 hidden-xs hidden-sm col-padded">
</div>
<div class="col-md-4 col-padded">
- <!--<div class="col-xs-6 col-padded">-->
<h3><span class="glyphicon glyphicon-play" style="margin-right: 20px;"></span>Get Started</h3>
<p>Anyone can use cTAKES out-of-the-box.</p>
<ul class="list-narrow">
@@ -245,15 +241,16 @@
</ul>
</div>
- <div class="col-md-1 col-padded">
+ <div class="col-md-2 hidden-xs hidden-sm col-padded">
</div>
</div>
<!-- end row -->
+
<div class="row" >
<div class="col-md-3 hidden-xs hidden-sm">
- <a href="example.html" class="btn btn-info btn-lg" style="width: 262px; margin-top: 30px; margin-bottom: 15px;">Capabilities
+ <a href="examples.html" class="btn btn-info btn-lg" style="width: 262px; margin-top: 30px; margin-bottom: 15px;">Capabilities
Example</a>
<a href="downloads.html" class="btn btn-success btn-lg" style="width: 262px;">Download cTAKES</a>
</div>
@@ -272,6 +269,7 @@
</footer>
</div>
+<!-- end main container -->
</body>
</html>