ctakes-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From seanfi...@apache.org
Subject svn commit: r1646037 - /ctakes/site/new/index.html
Date Tue, 16 Dec 2014 18:18:01 GMT
Author: seanfinan
Date: Tue Dec 16 18:18:01 2014
New Revision: 1646037

URL: http://svn.apache.org/r1646037
Log:
Moved primary info to central panel
Added "Capability Example" button(s)
Moved vertical feature list to rows
Added row items
Added glyphicons to row titles
Changed some wording, placement

Modified:
    ctakes/site/new/index.html

Modified: ctakes/site/new/index.html
URL: http://svn.apache.org/viewvc/ctakes/site/new/index.html?rev=1646037&r1=1646036&r2=1646037&view=diff
==============================================================================
--- ctakes/site/new/index.html (original)
+++ ctakes/site/new/index.html Tue Dec 16 18:18:01 2014
@@ -1,30 +1,29 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <meta charset="utf-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-  <title>
-     Apache cTAKES&trade; - clinical Text Analysis Knowledge Extraction System
-    
-  </title>
-
-  
-
-  <!-- Bootstrap core CSS -->
-  <link href="css/cerulean.min.css" rel="stylesheet">
-  <link href="css/custom.css" rel="stylesheet">
+   <meta charset="utf-8">
+   <meta http-equiv="X-UA-Compatible" content="IE=edge">
+   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-<script type="text/javascript">
+   <title>
+      Apache cTAKES&trade; - clinical Text Analysis Knowledge Extraction System
+   </title>
+
+
+   <!-- 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); })();	
-</script>
+   </script>
 
-  <!-- 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]-->
+   <!-- 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>
@@ -37,243 +36,260 @@
 <div class="container" style="max-width: 1200px;">
 
 <div class="masthead">
-  
-    <p class="lead">
+   <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;"></a><span
class="tagline">
-          clinical Text Analysis Knowledge Extraction System
-      </span>
-    </p>
-  
+         <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">clinical Text Analysis 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 -->
+   <!-- 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 class="row">
-  <div class="col-md-3 col-md-push-9">
-    <div class="news" style="margin-bottom: 20px;">
-      <h5>Latest News </h5>
-      <ul class="list-unstyled">
-          <li><a href="news.html">cTAKES 3.2.1 released</a>
-          <span class="small">(Dec 10, 2014)</span></li>
+   <div class="col-md-3 col-md-push-9">
+      <div class="news" style="margin-bottom: 20px;">
+         <h5>Latest News </h5>
+         <ul class="list-unstyled">
+            <li><a href="news.html">cTAKES 3.2.1 released</a>
+               <span class="small">(Dec 10, 2014)</span></li>
+         </ul>
+         <p class="small" style="text-align: right;"><a href="/news/index.html">Archive</a></p>
+      </div>
+      <div class="hidden-xs hidden-sm">
+         <!-- Button to page with interactive example of cTakes extraction capabilities
-->
+         <a href="example.html" class="btn btn-success 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;">
+            Download cTAKES
+         </a>
+         <p style="font-size: 16px; font-weight: 500; color: #555;">
+            Key Features:
+         </p>
+         <ul class="list-narrow">
+            <li><a href="components.html#">Syntax and Sematic Parsing</a></li>
+            <li><a href="components.html#">Assertion (Negation, Subject, History)</a></li>
+            <li><a href="components.html#">UMLS Normalization</a></li>
+            <li><a href="components.html#">Temporal (Time) Relations</a></li>
+         </ul>
+      </div>
+   </div>
+
+   <div class="col-md-9 col-md-pull-3">
+      <div class="jumbotron">
+         <h2>Create actionable knowledge from medical plain text.</h2>
+         <p>Apache clinical Text Analysis and Knowledge Extraction System (cTAKES&trade;)
is an open-source natural language
+            processing system for information extraction from electronic medical record clinical
free-text. </p>
+         <img src="images/example.jpg" style="margin-top: 15px; width: 100%; max-width:
619px;" />
+         <div class="caption" style="min-width: 272px;">Rich Semantics Unlocked</div>
+      </div>
+   </div>
+
+</div>
+<!-- end row with center panel and right navigator -->
+
+<!-- The following are glyphicons that might be useful ... -->
+<!--<span class="glyphicon glyphicon-thumbs-up"></span>-->
+<!--<span class="glyphicon glyphicon-time"></span>       clock: -->
+<!--<span class="glyphicon glyphicon-cog"></span>        gear: modular? -->
+<!--<span class="glyphicon glyphicon-wrench"></span>     wrench: configurable?
-->
+<!--<span class="glyphicon glyphicon-stats"></span>      bar chart: speed
/ performance? -->
+<!--<span class="glyphicon glyphicon-dashboard"></span>  spedometer: speed
/ performance? -->
+<!--<span class="glyphicon glyphicon-ok"></span>         checkmark: -->
+<!--<span class="glyphicon glyphicon-list"></span>       bullet list: extractables?
-->
+<!--<span class="glyphicon glyphicon-globe"></span>      globe: community
-->
+<!--<span class="glyphicon glyphicon-file"></span>       file/doc: -->
+<!--<span class="glyphicon glyphicon-usd"></span>        dollar sign: open-source?
-->
+<!--<span class="glyphicon glyphicon-download-alt"></span>-->
+<!--<div style="width: 100%; max-width: 272px; display: inline-block; text-align: center;">-->
+<!--<img src="images/components.png" style="margin-top: 15px; width: 100%; max-width:
296px;"/>-->
+<!--<div style="width: 100%; max-width: 272px; display: inline-block; text-align: center;">-->
+<!--<img src="images/partners.jpg" style="width: 100%; max-width: 296px;"/>-->
+
+<!--Start Triple-section "It's what we do" -->
+
+<!-- ROW 1 -->
+<div class="row">
+
+   <div class="col-md-4 col-padded">
+      <h3><span class="glyphicon glyphicon-thumbs-up"></span>Powerful</h3>
+      <p>Unlock the 80% of patient knowledge hidden within clinical plain text documents:</p>
+      <ul class="list-narrow">
+         <li>Entity Codes: Snomed-CT, RxNorm, UMLS ...</li>
+         <li>Entity Properties: Negation, Uncertainty ...</li>
+         <li>Entity Relations: Location, Severity ...</li>
+         <li>Temporal: Events, Times, Relations ...</li>
+         <li>and much more ...</li>
       </ul>
-      <p class="small" style="text-align: right;"><a href="/news/index.html">Archive</a></p>
-    </div>
-    <div class="hidden-xs hidden-sm">
-      <a href="downloads.html" class="btn btn-success btn-lg btn-block" style="margin-bottom:
30px;">
-        Download cTAKES
-      </a>
-      <p style="font-size: 16px; font-weight: 500; color: #555;">
-        Key Features:
-      </p>
+   </div>
+
+   <div class="col-md-4 col-padded">
+      <h3><span class="glyphicon glyphicon-dashboard"></span>Fast</h3>
+      <p>Individual documents at sub-second near real time performance.</p>
+      <p>Database- or file-stored batches at 10,000 clinical notes per hour on each
pipeline.
+         cTAKES is Scalable through:</p>
       <ul class="list-narrow">
-        <li><a href="components.html#">Syntax and Sematic Parsing</a></li>
-        <li><a href="components.html#">Assertion (Negation, Subject, History)</a></li>
-        <li><a href="components.html#">UMLS Normalization</a></li>
-        <li><a href="components.html#">Temporal (Time) Relations</a></li>
	
+         <li><a href="http://uima.apache.org/doc-uimaas-what.html">UIMA-AS framework</a></li>
+         <li><a href="http://bigtop.apache.org/">BigTop</a> / <a href="http://spark.apache.org/">Spark</a></li>
+         <li><a href="http://bigtop.apache.org/">BigTop</a> / <a href="http://hadoop.apache.org/">Hadoop</a></li>
       </ul>
-    </div>
-  </div>
+   </div>
 
-  <div class="col-md-9 col-md-pull-3">
-    <div class="jumbotron">
-  <b>Apache cTAKES&trade;</b> create actionable knowledge from medical plain
text.
-</div>
+   <div class="col-md-4 col-padded">
+      <h3><span class="glyphicon glyphicon-cog"></span>Modular</h3>
+      <p>cTAKES is built as a collection of <a href="uima.apache.org">Apache
UIMA</a> Annotators.
+         Use only the components you need.  Add or Remove extraction of:</p>
+      <ul class="list-narrow">
+         <li>Coreferences</li>
+         <li>Temporal Data</li>
+         <li>Drug Properties</li>
+         <li>Lexical Variants</li>
+         <li>and much more ...</li>
+      </ul>
+   </div>
 
-<div class="row row-padded">
-  <div class="col-md-7 col-sm-7">
-    <h2>Powerful</h2>
-    <p class="lead">
-      Unlock 80% of knowledge hidden within clinical plain text documents where the majority
of information is unstructured or not codified.
-    </p>
-	<img src="images/example.jpg" style="margin-top: 15px; width: 100%; max-width: 619px;"
/>
-      <div class="caption" style="min-width: 272px;">Rich Semantics Unlocked</div>
-    <p>
-  </div>
-  <div class="col-md-5 col-sm-5 col-padded-top col-center">
-    <div style="width: 100%; max-width: 272px; display: inline-block; text-align: center;">
-	<p class="lead">
-	Apache clinical Text Analysis and Knowledge Extraction System (cTAKES) is an open-source
natural language processing system for information extraction from electronic medical record
clinical free-text.     </p>	
-	</p>
-    </div>
-  </div>
 </div>
+<!-- end row -->
 
-<div class="row row-padded">
-  <div class="col-md-7 col-sm-7">
-    <h2>Fast</h2>
-
-    <p class="lead">
-      Sub-second near real time performance.
-    </p>
-
-    <p>
-      The latest version of cTAKES is incredibly fast!
-	  It can process up to 10,000 average sized clinical notes per hour on each pipeline.
-    </p>
-  </div>
-  <div class="col-md-5 col-sm-5 col-padded-top col-center">
-    <div style="text-align: left; display: inline-block;">
-		<img src="images/speed.jpg" style="margin-top: 15px; width: 100%; max-width: 296px;"
/>
-      <div class="caption">Speed Performance Improvements</div>
-    </div>
 
-  </div>
-</div>
+<!-- ROW 2 -->
+<div class="row">
 
-<div class="row row-padded">
-  <div class="col-md-7 col-sm-7">
-    <h2>Modular</h2>
-
-    <p class="lead">
-      Use only the components you need.
-    </p>
-
-    <p>
-      cTAKES is built as a collection of UIMA Annotators.
-      You can embed these libraries seamlessly into your application.
-    </p>
-  </div>
-  <div class="col-md-5 col-sm-5 col-padded-top col-center">
-    <div style="width: 100%; max-width: 272px; display: inline-block; text-align: center;">
-		<img src="images/components.png" style="margin-top: 15px; width: 100%; max-width: 296px;"
/>
-      <div class="caption" style="min-width: 272px;">UIMA Based Annotators</div>
-    </div>
-  </div>
-</div>
+   <div class="col-md-4 col-padded">
+      <h3><span class="glyphicon glyphicon-ok"></span>Portable</h3>
+      <p>Embed cTAKES in any application or run it alone with included GUI Tools.
+         Run anywhere:</p>
+      <ul class="list-narrow">
+         <li>Standalone Machines: Linux, Windows, Apple</li>
+         <li>Queue Systems: LSF, PBS/Torque</li>
+         <li>Cloud Computing: Amazon Web Services</li>
+      </ul>
+   </div>
 
-<div class="row row-padded" style="margin-bottom: 15px;">
-  <div class="col-md-7 col-sm-7">
-    <h2>Runs Everywhere</h2>
-
-    <p class="lead">
-      cTAKES is written in JAVA and can run on commodity hardware.
-    </p>
-
-    <p>
-      You can run cTAKES easily on any platform.  Embed it into your existing application.
 Deploy it anywhere.
-    </p>
-  </div>
-  <div class="col-md-5 col-sm-5 col-padded-top col-center">
-    <img src="images/partners.jpg" style="width: 100%; max-width: 296px;" />
-  </div>
-</div>
+   <div class="col-md-4 col-padded">
+      <h3><span class="glyphicon glyphicon-thumbs-up"></span>Technology
Standards</h3>
+      <p>cTAKES is built upon the Apache UIMA framework and uses established libraries
such as:</p>
+      <ul class="list-narrow">
+         <li><a href="http://opennlp.apache.org/">Apache OpenNLP</a></li>
+         <li><a href="https://code.google.com/p/cleartk/">ClearTK</a></li>
+         <li><a href="http://www.nlm.nih.gov/research/umls/new_users/online_learning/LEX_004.htm">NLM's
LVG</a></li>
+      </ul>
+   </div>
 
+   <div class="col-md-4 col-padded">
+      <h3><span class="glyphicon glyphicon-usd"></span>Open-source</h3>
+      <p>cTAKES is 100% open-source.
+         <a href="howtocontrib.html#">Contributions</a> are possible by any and
all interested and approved parties.
+         A requested bug fix or enhancement may be downloadable the same day.</p>
+   </div>
 
-  </div>
 </div>
+<!-- end row -->
 
-
-  
+<!-- ROW 3 -->
 <div class="row">
-  <div class="col-md-4 col-padded">
-    <h3>Community</h3>
 
-    <p>
-      cTAKES is used at a wide range of <a href="usedby.html">organizations</a>
to process large datasets.
-    </p>
-
-    <p>
-      There are many ways to reach the community:
-    </p>
-    <ul class="list-narrow">
-      <li>Use the <a href="/community.html#mailing-lists">mailing lists</a>
to ask questions.</li>
-      <li>In-person events include the <a href="http://www.meetup.com/cTAKES">Boston
cTAKES meetup</a> </li>
-      <li>We use <a href="https://issues.apache.org/jira/browse/CTAKES">JIRA</a>
for issue tracking.</li>
-    </ul>
-  </div>
-
-  <div class="col-md-4 col-padded">
-    <h3>Contributors</h3>
-
-    <p>
-      Apache cTAKES is built by a wide set of developers.
-      <a href="https://www.openhub.net/p/apache-ctakes"><img src="images/activity.jpg"
style="width: 100%; max-width: 64px;" /></a>	
-	</p>
-    <p>
-      The project's
-      <a href="#">committers</a> come from over 10 organizations.
-    </p>
-    <p>
-      If you'd like to participate in cTAKES, or contribute to the libraries on top of it,
learn
-      <a href="#">how to
-        contribute</a>.
-    </p>
-  </div>
-
-  <div class="col-md-4 col-padded">
-    <h3>Getting Started</h3>
-
-    <p>Learning cTAKES is easy whether you come from a Java background:</p>
-    <ul class="list-narrow">
-      <li><a href="downloads.html">Download</a> the latest release &mdash;
you can run cTAKES locally on your laptop.</li>
-      <li>Read the <a href="/docs/latest/quick-start.html">quick start guide</a>.</li>
-      <li>
-        Videos and Tutorials <a href="#">training videos and exercises</a>.
-      </li>
-    </ul>
-  </div>
+   <div class="col-md-4 col-padded">
+      <h3><span class="glyphicon glyphicon-globe"></span>Community</h3>
+      <p>A large, global and diverse group uses and supports cTAKES software and workflows:</p>
+      <ul class="list-narrow">
+         <li>Use the <a href="/community.html#mailing-lists">mailing lists</a>
to ask questions</li>
+         <li>In-person events include the <a href="http://www.meetup.com/cTAKES">Boston
cTAKES meetup</a></li>
+         <li>We use <a href="https://issues.apache.org/jira/browse/CTAKES">JIRA</a>
for issue tracking</li>
+      </ul>
+   </div>
+
+   <div class="col-md-4 col-padded">
+      <h3><span class="glyphicon glyphicon-user"></span>Contributors</h3>
+      <p>cTAKES is built and maintained by acadedmics and professionals of many affiliations:</p>
+      <ul class="list-narrow">
+         <li>Natural Language Processing researchers</li>
+         <li>BioMedical reseachers</li>
+         <li>Professional Organizations</li>
+      </ul>
+   </div>
+
+   <div class="col-md-4 col-padded">
+      <h3><span class="glyphicon glyphicon-play"></span>Get Started</h3>
+      <p>Anyone can use cTAKES with a simple installation:</p>
+      <ul class="list-narrow">
+         <li><a href="downloads.html">Download</a> the latest release &mdash;
you can run cTAKES locally on your laptop
+         </li>
+         <li>Read the <a href="/docs/latest/quick-start.html">quick start guide</a>.</li>
+         <li>Videos and Tutorials <a href="#">training videos and exercises</a></li>
+      </ul>
+   </div>
+
 </div>
+<!-- end row -->
 
 <div class="row">
-  <div class="col-sm-12 col-center">
-    <a href="downloads.html" class="btn btn-success btn-lg" style="width: 262px;">Download
cTAKES</a>
-  </div>
+   <div class="col-md-3">
+      <a href="example.html" class="btn btn-success btn-lg" style="width: 262px; margin-bottom:
15px;">Capabilities
+         Example</a>
+      <a href="downloads.html" class="btn btn-success btn-lg" style="width: 262px;">Download
cTAKES</a>
+   </div>
+   <div class="col-md-6">
+   </div>
+   <div class="col-md-3">
+      <img src="images/partners.jpg" style="width: 100%; max-width: 296px;"/>
+   </div>
 </div>
 
 
-
-
 <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>.
+   <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>



Mime
View raw message