ctakes-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From seanfi...@apache.org
Subject svn commit: r1646157 - in /ctakes/site/new: examples.html index.html
Date Wed, 17 Dec 2014 04:52:08 GMT
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">-->
+            <!--&lt;!&ndash; Default panel contents &ndash;&gt;-->
+            <!--&lt;!&ndash;<div class="panel-heading">Legend</div>&ndash;&gt;-->
+            <!--<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>



Mime
View raw message