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 2015/02/25 20:35:26 UTC

svn commit: r1662296 - in /ctakes/site/new: ./ css/ images/

Author: seanfinan
Date: Wed Feb 25 19:35:25 2015
New Revision: 1662296

URL: http://svn.apache.org/r1662296
Log:
Update of Examples page
 New/Improved image of marked up text
Added Images for CPE, Web UI, -AS and i2b2
   Added Apache feather for page footers

Added:
    ctakes/site/new/css/examples.css
    ctakes/site/new/images/Coreference2.png   (with props)
    ctakes/site/new/images/I2b2_Cell.jpg   (with props)
    ctakes/site/new/images/LocationOf2.png   (with props)
    ctakes/site/new/images/MarkedText.png   (with props)
    ctakes/site/new/images/NegAndUncertain2.png   (with props)
    ctakes/site/new/images/Tlink2.png   (with props)
    ctakes/site/new/images/UIMA_AS.jpg   (with props)
    ctakes/site/new/images/UimaCPE.jpg   (with props)
    ctakes/site/new/images/WebGui.jpg   (with props)
    ctakes/site/new/images/feather_20v.png   (with props)
Modified:
    ctakes/site/new/examples.html

Added: ctakes/site/new/css/examples.css
URL: http://svn.apache.org/viewvc/ctakes/site/new/css/examples.css?rev=1662296&view=auto
==============================================================================
--- ctakes/site/new/css/examples.css (added)
+++ ctakes/site/new/css/examples.css Wed Feb 25 19:35:25 2015
@@ -0,0 +1,273 @@
+
+#neg-uncertain {
+    /* Chrome, Safari, Opera */
+    -webkit-animation-name: fadein1;
+    -webkit-animation-duration: 20s;
+    -webkit-animation-timing-function: linear;
+    -webkit-animation-delay: 0s;
+    -webkit-animation-iteration-count: infinite;
+    -webkit-animation-play-state: running;
+    /* Standard syntax */
+    animation-name: fadein1;
+    animation-duration: 20s;
+    animation-timing-function: linear;
+    animation-delay: 0s;
+    animation-iteration-count: infinite;
+    animation-play-state: running;
+}
+
+#coreference {
+    /* Chrome, Safari, Opera */
+    -webkit-animation-name: fadein2;
+    -webkit-animation-duration: 20s;
+    -webkit-animation-timing-function: linear;
+    -webkit-animation-delay: 0s;
+    -webkit-animation-iteration-count: infinite;
+    -webkit-animation-play-state: running;
+    /* Standard syntax */
+    animation-name: fadein2;
+    animation-duration: 20s;
+    animation-timing-function: linear;
+    animation-delay: 0s;
+    animation-iteration-count: infinite;
+    animation-play-state: running;
+}
+
+#locationof {
+    /* Chrome, Safari, Opera */
+    -webkit-animation-name: fadein3;
+    -webkit-animation-duration: 20s;
+    -webkit-animation-timing-function: linear;
+    -webkit-animation-delay: 0s;
+    -webkit-animation-iteration-count: infinite;
+    -webkit-animation-play-state: running;
+    /* Standard syntax */
+    animation-name: fadein3;
+    animation-duration: 20s;
+    animation-timing-function: linear;
+    animation-delay: 0s;
+    animation-iteration-count: infinite;
+    animation-play-state: running;
+}
+
+#tlink {
+    /* Chrome, Safari, Opera */
+    -webkit-animation-name: fadein4;
+    -webkit-animation-duration: 20s;
+    -webkit-animation-timing-function: linear;
+    -webkit-animation-delay: 0s;
+    -webkit-animation-iteration-count: infinite;
+    -webkit-animation-play-state: running;
+    /* Standard syntax */
+    animation-name: fadein4;
+    animation-duration: 20s;
+    animation-timing-function: linear;
+    animation-delay: 0s;
+    animation-iteration-count: infinite;
+    animation-play-state: running;
+}
+
+/* Chrome, Safari, Opera */
+@-webkit-keyframes fadein1 {
+    0%   {
+        opacity: 0.0;
+        filter: alpha(opacity=0); /* For IE8 and earlier */ }
+    5%   {
+        opacity: 1.0;
+        filter: alpha(opacity=100); /* For IE8 and earlier */ }
+    20%   {
+        opacity: 1.0;
+        filter: alpha(opacity=100); /* For IE8 and earlier */ }
+    25%  {
+         opacity: 0.0;
+         filter: alpha(opacity=0); /* For IE8 and earlier */ }
+    100% {
+           opacity: 0.0;
+           filter: alpha(opacity=0); /* For IE8 and earlier */ }
+}
+
+/* Standard syntax */
+keyframes fadein1 {
+    0%   {
+        opacity: 0.0;
+        filter: alpha(opacity=0); /* For IE8 and earlier */ }
+    5%   {
+        opacity: 1.0;
+        filter: alpha(opacity=100); /* For IE8 and earlier */ }
+    20%   {
+        opacity: 1.0;
+        filter: alpha(opacity=100); /* For IE8 and earlier */ }
+    25%  {
+         opacity: 0.0;
+         filter: alpha(opacity=0); /* For IE8 and earlier */ }
+    100% {
+           opacity: 0.0;
+           filter: alpha(opacity=0); /* For IE8 and earlier */ }
+}
+
+
+
+/* Chrome, Safari, Opera */
+@-webkit-keyframes fadein2 {
+    0%   {
+           opacity: 0.0;
+           filter: alpha(opacity=0); /* For IE8 and earlier */ }
+    25%  {
+         opacity: 0.0;
+         filter: alpha(opacity=0); /* For IE8 and earlier */ }
+    30%  {
+          opacity: 1.0;
+          filter: alpha(opacity=100); /* For IE8 and earlier */ }
+    45%  {
+          opacity: 1.0;
+          filter: alpha(opacity=100); /* For IE8 and earlier */ }
+    50% {
+           opacity: 0.0;
+           filter: alpha(opacity=0); /* For IE8 and earlier */ }
+    100% {
+           opacity: 0.0;
+           filter: alpha(opacity=0); /* For IE8 and earlier */ }
+}
+
+/* Standard syntax */
+@keyframes fadein2 {
+    0%   {
+           opacity: 0.0;
+           filter: alpha(opacity=0); /* For IE8 and earlier */ }
+    25%  {
+         opacity: 0.0;
+         filter: alpha(opacity=0); /* For IE8 and earlier */ }
+    30%  {
+          opacity: 1.0;
+          filter: alpha(opacity=100); /* For IE8 and earlier */ }
+    45%  {
+          opacity: 1.0;
+          filter: alpha(opacity=100); /* For IE8 and earlier */ }
+    50% {
+           opacity: 0.0;
+           filter: alpha(opacity=0); /* For IE8 and earlier */ }
+    100% {
+           opacity: 0.0;
+           filter: alpha(opacity=0); /* For IE8 and earlier */ }
+}
+
+
+
+/* Chrome, Safari, Opera */
+@-webkit-keyframes fadein3 {
+    0%   {
+           opacity: 0.0;
+           filter: alpha(opacity=0); /* For IE8 and earlier */ }
+    50%  {
+         opacity: 0.0;
+         filter: alpha(opacity=0); /* For IE8 and earlier */ }
+    55%  {
+          opacity: 1.0;
+          filter: alpha(opacity=100); /* For IE8 and earlier */ }
+    70%  {
+          opacity: 1.0;
+          filter: alpha(opacity=100); /* For IE8 and earlier */ }
+    75% {
+           opacity: 0.0;
+           filter: alpha(opacity=0); /* For IE8 and earlier */ }
+    100% {
+           opacity: 0.0;
+           filter: alpha(opacity=0); /* For IE8 and earlier */ }
+}
+
+/* Standard syntax */
+keyframes fadein3 {
+    0%   {
+           opacity: 0.0;
+           filter: alpha(opacity=0); /* For IE8 and earlier */ }
+    50%  {
+         opacity: 0.0;
+         filter: alpha(opacity=0); /* For IE8 and earlier */ }
+    55%  {
+          opacity: 1.0;
+          filter: alpha(opacity=100); /* For IE8 and earlier */ }
+    70%  {
+          opacity: 1.0;
+          filter: alpha(opacity=100); /* For IE8 and earlier */ }
+    75% {
+           opacity: 0.0;
+           filter: alpha(opacity=0); /* For IE8 and earlier */ }
+    100% {
+           opacity: 0.0;
+           filter: alpha(opacity=0); /* For IE8 and earlier */ }
+}
+
+
+
+/* Chrome, Safari, Opera */
+@-webkit-keyframes fadein4 {
+    0%   {
+           opacity: 0.0;
+           filter: alpha(opacity=0); /* For IE8 and earlier */ }
+    75%  {
+         opacity: 0.0;
+         filter: alpha(opacity=0); /* For IE8 and earlier */ }
+    80%  {
+          opacity: 1.0;
+          filter: alpha(opacity=100); /* For IE8 and earlier */ }
+    95%  {
+          opacity: 1.0;
+          filter: alpha(opacity=100); /* For IE8 and earlier */ }
+    100% {
+           opacity: 0.0;
+           filter: alpha(opacity=0); /* For IE8 and earlier */ }
+}
+
+/* Standard syntax */
+@keyframes fadein4 {
+    0%   {
+           opacity: 0.0;
+           filter: alpha(opacity=0); /* For IE8 and earlier */ }
+    75%  {
+         opacity: 0.0;
+         filter: alpha(opacity=0); /* For IE8 and earlier */ }
+    80%  {
+          opacity: 1.0;
+          filter: alpha(opacity=100); /* For IE8 and earlier */ }
+    95%  {
+          opacity: 1.0;
+          filter: alpha(opacity=100); /* For IE8 and earlier */ }
+    100% {
+           opacity: 0.0;
+           filter: alpha(opacity=0); /* For IE8 and earlier */ }
+}
+
+
+
+
+/* Chrome, Safari, Opera */
+@-webkit-keyframes fadein {
+    0%   {
+        opacity: 0.0;
+        filter: alpha(opacity=0); /* For IE8 and earlier */ }
+    25%  {
+         opacity: 1.0;
+         filter: alpha(opacity=100); /* For IE8 and earlier */ }
+    75%  {
+          opacity: 1.0;
+          filter: alpha(opacity=100); /* For IE8 and earlier */ }
+    100% {
+           opacity: 0.0;
+           filter: alpha(opacity=0); /* For IE8 and earlier */ }
+}
+
+/* Standard syntax */
+@keyframes fadein {
+    0%   {
+           opacity: 0.0;
+           filter: alpha(opacity=0); /* For IE8 and earlier */ }
+    25%  {
+         opacity: 1.0;
+         filter: alpha(opacity=100); /* For IE8 and earlier */ }
+    75%  {
+          opacity: 1.0;
+          filter: alpha(opacity=100); /* For IE8 and earlier */ }
+    100% {
+           opacity: 0.0;
+           filter: alpha(opacity=0); /* For IE8 and earlier */ }
+}

Modified: ctakes/site/new/examples.html
URL: http://svn.apache.org/viewvc/ctakes/site/new/examples.html?rev=1662296&r1=1662295&r2=1662296&view=diff
==============================================================================
--- ctakes/site/new/examples.html (original)
+++ ctakes/site/new/examples.html Wed Feb 25 19:35:25 2015
@@ -1,21 +1,32 @@
+<!-- Use this page as a template guide for making new pages on the site. 
+     Main edits can be made to line 23, 55, 103 -->
+
 <!DOCTYPE html>
-      <!-- This does not use the latest available versions of bootstrap, jquery, etc. -->
-<html>
-<head lang="en">
-   <meta charset="UTF-8">
+<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">
-   <title>Apache cTAKES Examples</title>
+   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+   <title>
+      Apache cTAKES&trade; - clinical Text Analysis Knowledge Extraction System
+   </title>
    <link rel="icon" type="image/png" href="images/apache_logo.png"/>
 
-   <!-- 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">
 
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
    <link href="css/main.css" rel="stylesheet">
+   <!-- TODO: Add any additional css that might be necessary -->
+   <!-- css for marked text animation -->
+   <link href="css/examples.css" rel="stylesheet">
+
+   <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>
 
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
@@ -25,88 +36,87 @@
 </head>
 
 <body>
-   <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
-      <div class="navbar-inner">
-         <div class="container" id="navbar-container">
-      <!-- Brand and toggle get grouped for better mobile display -->
+<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
+   <div class="navbar-inner">
+      <div class="container" id="navbar-container">
+         <!-- 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">
-                 <span class="sr-only">Toggle Navigation</span>
-                 <span class="icon-bar"></span>
-                 <span class="icon-bar"></span>
-                 <span class="icon-bar"></span>
-             </button>
+            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+               <span class="sr-only">Toggle Navigation</span>
+               <span class="icon-bar"></span>
+               <span class="icon-bar"></span>
+               <span class="icon-bar"></span>
+            </button>
             <a class="navbar-brand" href="index.html"> <img src="images/ctakes_logo.png" />
-         </a>
-         </div>        
-
+            </a>
+         </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 navbar-right">
-              <li class="dropdown">
+         <!-- Collect the nav links, forms, and other content for toggling -->
+         <div class="collapse navbar-collapse" id="navbar-collapse-1">
+            <!-- TODO: Be sure to add the appropriate link to the page. -->
+            <ul class="nav navbar-nav navbar-right">
+               <li class="dropdown">
                   <a href="whycTAKES.html">Why cTAKES?</a>
                </li>
-              <li class="dropdown">
-                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-                    Get Started <b class="caret"></b>
-                 </a>
-                 <ul class="dropdown-menu">
-                    <li><a href="downloads.html">Download cTAKES</a></li>
-                    <li><a href="examples.html">Examples</a></li>
-                    <li><a href="tutorials.html">Tutorials</a></li>
-
-                 </ul>
-              </li>
-
-              <li class="dropdown">
-                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-                    Community <b class="caret"></b>
-                 </a>
-                 <ul class="dropdown-menu">
-                    <li><a href="community.html">Get Involved</a></li>
-                    <li><a href="history.html">Project History</a></li>
-                    <li><a href="usedby.html">Who's Using cTAKES</a></li>
-                    <li><a href="people.html">People</a></li>
-                    <li><a href="https://www.apache.org/security">Security</li>
-                    <li><a href="https://www.apache.org/licenses/">License</li>
-                    <li><a href="https://issues.apache.org/jira/browse/ctakes">Issue Tracker</a></li>
-                 </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Resources
-                  <b class="caret"></b>
-                </a>
-                <ul class="dropdown-menu"> 
-                   <li><a href="faq.html">FAQ</a></li>
-                   <li><a href="mailing.html">Mailing Lists</a></li>
-                   <li><a href="https://www.apache.org/foundation/sponsorship.html">Sponsorship</a></li>
-                   <li><a href="https://www.apache.org/foundation/thanks.html">Thanks</a></li>
-                </ul>
-              </li>
-
-           </ul>
-        </div>
-        <!-- /.navbar-collapse -->
-      </div> <!-- End container -->
+               <li class="dropdown">
+                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+                     Get Started <b class="caret"></b>
+                  </a>
+                  <ul class="dropdown-menu">
+                     <li><a href="downloads.html">Download cTAKES</a></li>
+                     <li><a href="examples.html">Examples</a></li>
+                     <li><a href="tutorials.html">Tutorials</a></li>
+
+                  </ul>
+               </li>
+
+               <li class="dropdown">
+                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+                     Community <b class="caret"></b>
+                  </a>
+                  <ul class="dropdown-menu">
+                     <li><a href="community.html">Get Involved</a></li>
+                     <li><a href="history.html">Project History</a></li>
+                     <li><a href="usedby.html">Who's Using cTAKES</a></li>
+                     <li><a href="people.html">People</a></li>
+                     <li><a href="https://www.apache.org/security">Security</a></li>
+                     <li><a href="https://www.apache.org/licenses/">License</a></li>
+                     <li><a href="https://issues.apache.org/jira/browse/ctakes">Issue Tracker</a></li>
+                  </ul>
+               </li>
+               <li class="dropdown">
+                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Resources
+                     <b class="caret"></b>
+                  </a>
+                  <ul class="dropdown-menu">
+                     <li><a href="faq.html">FAQ</a></li>
+                     <li><a href="mailing.html">Mailing Lists</a></li>
+                     <li><a href="https://www.apache.org/foundation/sponsorship.html">Sponsorship</a></li>
+                     <li><a href="https://www.apache.org/foundation/thanks.html">Thanks</a></li>
+                  </ul>
+               </li>
+
+            </ul>
+         </div>
+         <!-- /.navbar-collapse -->
+      </div> <!-- End navbar container -->
    </div>
-   </nav>
+</nav>
 
 <div class="container">
 
-
-      <div id="guiCarousel" class="carousel slide" data-interval="3000" style="width: 100%; height: 300px;">
+   <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>
+                  <h2>UIMA Cas Visual Debugger (CVD)<br><small>Process raw text and view NLP metadata</small></h2>
                </div>
                <div class="col-xs-4 hidden-lg hidden-md hidden-sm col-padded">
-                  <h2>Single- Note C.V.D.</h2>
+                  <h3>UIMA C.V.D.<br><small>Process raw text</small></h3>
                </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">
@@ -119,15 +129,15 @@
          <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>
+                  <h2>UIMA Collection Processing Engine (CPE)<br><small>Process a multiple document batch</small></h2>
                </div>
                <div class="col-xs-4 hidden-lg hidden-md hidden-sm col-padded">
-                  <h2>Multi- Note C.P.E.</h2>
+                  <h3>UIMA C.P.E.<br><small>Process a batch of notes</small></h3>
                </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>
+                  <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">
+                     <img src="images/UimaCPE.jpg" style="width: 100%; max-height: 250px;">
+                  </a>
                </div>
             </div>
          </div>
@@ -135,10 +145,10 @@
          <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>
+                  <h2>TimeLanes<br><small>View extracted UMLS and Temporal information</small></h2>
                </div>
                <div class="col-xs-4 hidden-lg hidden-md hidden-sm col-padded">
-                  <h2>Single- Note TimeLanes</h2>
+                  <h3>TimeLanes<br><small>View property markups</small></h3>
                </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">
@@ -151,104 +161,85 @@
          <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>
+                  <h2>cTAKES Web Interface<br><small>Process raw text in a browser</small></h2>
                </div>
                <div class="col-xs-4 hidden-lg hidden-md hidden-sm col-padded">
-                  <h2>Single- Note Web UI</h2>
+                  <h3>Web UI<br><small>Process text online</small></h3>
                </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>
+                  <a href="https://community.i2b2.org/wiki/display/NLPCTAKES/Home">
+                     <img src="images/WebGui.jpg" style="width: 100%; max-height: 250px;">
+                  </a>
                </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.
+         <!-- Slide 5 -->
+         <div class="item">
+            <div class="row">
+               <div class="col-lg-8 col-md-7 col-sm-6 hidden-xs col-padded">
+                  <h2>UIMA Asynchronous Scaleout (AS)<br><small>Process a document batch on multiple machines</small></h2>
+               </div>
+               <div class="col-xs-4 hidden-lg hidden-md hidden-sm col-padded">
+                  <h3>UIMA -AS<br><small>Process on multiple machines</small></h3>
+               </div>
+               <div class="col-lg-4 col-md-5 col-sm-6 col-xs-8 col-padded">
+                  <a href="http://uima.apache.org/doc-uimaas-what.html">
+                     <img src="images/UIMA_AS.jpg" style="max-height: 250px; float: right;">
+                  </a>
                </div>
             </div>
          </div>
-
+         <!-- Slide 6 -->
+         <div class="item">
+            <div class="row">
+               <div class="col-lg-8 col-md-7 col-sm-6 hidden-xs col-padded">
+                  <h2>cTAKES i2b2 Cell<br><small>Process a documents in the i2b2 system</small></h2>
+               </div>
+               <div class="col-xs-4 hidden-lg hidden-md hidden-sm col-padded">
+                  <h3>cTAKES i2b2<br><small>Process in i2b2</small></h3>
+               </div>
+               <div class="col-lg-4 col-md-5 col-sm-6 col-xs-8 col-padded">
+                  <a href="https://www.i2b2.org">
+                     <img src="images/I2b2_Cell.jpg" style="max-height: 250px; float: right;">
+                  </a>
+               </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 -->
+   </div>
+   <!-- End Carousel -->
 
+   <!-- Example Text and markup -->
+   <div class="container-fluid">
+      <div class="row" style="position: relative;">
+         <img class="img-responsive" src="images/MarkedText.png">
+         <img id="neg-uncertain" class="img-responsive" src="images/NegAndUncertain2.png" style="position: absolute; top: 19.3%">
+         <img id="coreference" class="img-responsive" src="images/Coreference2.png" style="position: absolute; top: 62%">
+         <img id="locationof" class="img-responsive" src="images/LocationOf2.png" style="position: absolute; top: 50.7%">
+         <img id="tlink" class="img-responsive" src="images/Tlink2.png" style="position: absolute; top: 70.5%">
+      </div>
    </div>
-<!-- end main container -->
-      <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>
-
-   <!-- 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">
+
+
+</div>
+<!-- End main container -->
+
+<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>.
+   <img src="images/feather_20v.png" style="max-height: 20px; float: right; margin-right: 20px;">
+</footer>
+
+<script src="https://code.jquery.com/jquery.js"></script>
+<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
+<!-- runs the carousel animation -->
+<script type="text/javascript">
        $(document).ready(function(){
            $('.carousel').carousel();
        });
    </script>
-</body>
 
-</html>
\ No newline at end of file
+
+</body>
+</html>

Added: ctakes/site/new/images/Coreference2.png
URL: http://svn.apache.org/viewvc/ctakes/site/new/images/Coreference2.png?rev=1662296&view=auto
==============================================================================
Binary file - no diff available.

Propchange: ctakes/site/new/images/Coreference2.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: ctakes/site/new/images/I2b2_Cell.jpg
URL: http://svn.apache.org/viewvc/ctakes/site/new/images/I2b2_Cell.jpg?rev=1662296&view=auto
==============================================================================
Binary file - no diff available.

Propchange: ctakes/site/new/images/I2b2_Cell.jpg
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: ctakes/site/new/images/LocationOf2.png
URL: http://svn.apache.org/viewvc/ctakes/site/new/images/LocationOf2.png?rev=1662296&view=auto
==============================================================================
Binary file - no diff available.

Propchange: ctakes/site/new/images/LocationOf2.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: ctakes/site/new/images/MarkedText.png
URL: http://svn.apache.org/viewvc/ctakes/site/new/images/MarkedText.png?rev=1662296&view=auto
==============================================================================
Binary file - no diff available.

Propchange: ctakes/site/new/images/MarkedText.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: ctakes/site/new/images/NegAndUncertain2.png
URL: http://svn.apache.org/viewvc/ctakes/site/new/images/NegAndUncertain2.png?rev=1662296&view=auto
==============================================================================
Binary file - no diff available.

Propchange: ctakes/site/new/images/NegAndUncertain2.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: ctakes/site/new/images/Tlink2.png
URL: http://svn.apache.org/viewvc/ctakes/site/new/images/Tlink2.png?rev=1662296&view=auto
==============================================================================
Binary file - no diff available.

Propchange: ctakes/site/new/images/Tlink2.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: ctakes/site/new/images/UIMA_AS.jpg
URL: http://svn.apache.org/viewvc/ctakes/site/new/images/UIMA_AS.jpg?rev=1662296&view=auto
==============================================================================
Binary file - no diff available.

Propchange: ctakes/site/new/images/UIMA_AS.jpg
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: ctakes/site/new/images/UimaCPE.jpg
URL: http://svn.apache.org/viewvc/ctakes/site/new/images/UimaCPE.jpg?rev=1662296&view=auto
==============================================================================
Binary file - no diff available.

Propchange: ctakes/site/new/images/UimaCPE.jpg
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: ctakes/site/new/images/WebGui.jpg
URL: http://svn.apache.org/viewvc/ctakes/site/new/images/WebGui.jpg?rev=1662296&view=auto
==============================================================================
Binary file - no diff available.

Propchange: ctakes/site/new/images/WebGui.jpg
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: ctakes/site/new/images/feather_20v.png
URL: http://svn.apache.org/viewvc/ctakes/site/new/images/feather_20v.png?rev=1662296&view=auto
==============================================================================
Binary file - no diff available.

Propchange: ctakes/site/new/images/feather_20v.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream