ctakes-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From seanfi...@apache.org
Subject svn commit: r1664130 - in /ctakes/site/new: css/examples4.css examples4.html examples5.html images/CPEthumb.jpg images/CvdThumb.jpg images/TimeLanesThumb.jpg images/ctakesguiThumb.jpg
Date Wed, 04 Mar 2015 20:05:02 GMT
Author: seanfinan
Date: Wed Mar  4 20:05:02 2015
New Revision: 1664130

URL: http://svn.apache.org/r1664130
Log:
Two more examples approaches

Added:
    ctakes/site/new/css/examples4.css
    ctakes/site/new/examples4.html
      - copied, changed from r1663457, ctakes/site/new/template.html
    ctakes/site/new/examples5.html
    ctakes/site/new/images/CPEthumb.jpg   (with props)
    ctakes/site/new/images/CvdThumb.jpg   (with props)
    ctakes/site/new/images/TimeLanesThumb.jpg   (with props)
    ctakes/site/new/images/ctakesguiThumb.jpg   (with props)

Added: ctakes/site/new/css/examples4.css
URL: http://svn.apache.org/viewvc/ctakes/site/new/css/examples4.css?rev=1664130&view=auto
==============================================================================
--- ctakes/site/new/css/examples4.css (added)
+++ ctakes/site/new/css/examples4.css Wed Mar  4 20:05:02 2015
@@ -0,0 +1,78 @@
+
+/*.thumbnail {
+   -webkit-transform: translateY( -180px ) scale(0.25);
+   transform: translateY( -180px ) scale(0.25);
+}*/
+
+.thumbnail2:hover {
+   -webkit-transform: scale(1);
+   transform: scale(1);
+      -webkit-transition: all 0.5s;
+      transition: all 0.5s;
+}
+
+.cvd-img {
+/*     -webkit-transform: translate( -100px, -100px ) scale(0.5);
+     transform: translate( -100px, -100px ) scale(0.5); */
+       -webkit-transform: translate( -10em, -10em ) scale(0.5);
+       transform: translate( -10em, -10em ) scale(0.5);
+}
+
+.cpe-img {
+/*  -webkit-transform: translate( 150px, -105px ) scale(0.5);
+  transform: translate( 150px, -105px ) scale(0.5);*/
+    -webkit-transform: translate( 4em, -10em ) scale(0.5);
+    transform: translate( 4em, -10em ) scale(0.5);
+}
+
+.boing-tile-bar {
+ 	background-color: #eef6fd;
+ 	/* top right bottom left */
+ 	padding: 20px 10px 10px 10px;
+ 	margin-bottom: 20px;
+}
+
+.boing-tile {
+   height: 175px;
+   text-align: center;
+   position: relative;
+}
+
+.boing-button {
+  width: 100%;
+  transition: all 0.5s;
+}
+
+.boing-button:hover {
+  transform: scale(1.1);
+  transition: all 0.5s;
+}
+
+.boing-title {
+   width: 100%;
+   position: absolute;
+   bottom: 0;
+   text-align: center;
+}
+
+.boing-info {
+   display: none;
+   text-align: center;
+}
+
+.boing-main-image {
+ 	background-color: #eef6fd;
+  	/* top right bottom left */
+  	padding: 20px 10px 20px 10px;
+   text-align: center;
+   max-height: 650px;
+}
+
+.boing {
+   display: none;
+}
+
+.boing-image {
+   width: 100%;
+   max-height: 600px;
+}

Copied: ctakes/site/new/examples4.html (from r1663457, ctakes/site/new/template.html)
URL: http://svn.apache.org/viewvc/ctakes/site/new/examples4.html?p2=ctakes/site/new/examples4.html&p1=ctakes/site/new/template.html&r1=1663457&r2=1664130&rev=1664130&view=diff
==============================================================================
--- ctakes/site/new/template.html (original)
+++ ctakes/site/new/examples4.html Wed Mar  4 20:05:02 2015
@@ -22,6 +22,7 @@
    <link href="css/main.css" rel="stylesheet">
    <link href="css/apache.css" rel="stylesheet">
    <!-- TODO: Add any additional css that might be necessary -->
+   <link href="css/examples4.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); })();	
@@ -108,10 +109,65 @@
 
 <div class="container">
    <div class="row">
-      <h1> Title of the page </h1>
+      <h1>Examples</h1>
+      <p></p>
+   </div>
+
 
-      <p> [modify the text here].</p>
+   <div class="row">
+      <!--  CVD  -->
+            <a href="https://uima.apache.org/downloads/releaseDocs/2.2.2-incubating/docs/html/tools/tools.html#cvd.mainDisplayArea">
+               <img class="thumbnail2 cvd-img" src="images/CvdMain1.jpg">
+            </a>
+      <!--  CPE  -->
+      <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 class="thumbnail2 cpe-img" src="images/CPEimage006.jpg">
+      </a>
+</div>
+   <div class="row">
+   <div class="example-title">
+               <h4>Cas Visual Debugger (CVD)<br>
+                  <small>Process raw text and view NLP metadata</small>
+               </h4>
+            </div>
+
+            <div class="example-title">
+               <h4>Collection Processing Engine (CPE)<br>
+                  <small>Process a multiple document batch</small>
+               </h4>
+      </div>
    </div>
+   <!-- end row 1 -->
+
+   <div class="row">
+      <img id="boing-cvd" src="images/CvdMain1.jpg">
+   </div>
+
+
+   <div class="row">
+
+      <div class="col-xs-3">
+         <a href="https://community.i2b2.org/wiki/display/NLPCTAKES/Home">
+            <img class="thumbnail" src="images/WebGui.jpg">
+         </a>
+      </div>
+         <div class="col-xs-3">
+
+         <img id="boing-button" src="images/TimeVizScreen.jpg">
+      </div>
+            <div class="col-xs-3">
+         <h4 class="thumbnail">cTAKES Web Interface<br>
+            <small>Process raw text in a browser</small>
+         </h4>
+      </div>
+               <div class="col-xs-3">
+         <h4>TimeLanes<br>
+            <small>View extracted UMLS and Temporal information</small>
+         </h4>
+      </div>
+      </div>
+
+
 
 </div>
 
@@ -124,6 +180,23 @@
 <script src="https://code.jquery.com/jquery.js"></script>
 <script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
 
+<!-- show enlarged image -->
+<script type="text/javascript">
+var hiddenBox = $( "#boing-cvd" );
+$( "#boing-button" ).on( "click", function( event ) {
+  hiddenBox.show( "slow" );
+});
+
+
+</script>
+
+<!--$('.boing-button').mouseover(function() {-->
+<!--hiddenBox.show();-->
+<!--});-->
+
+<!--$('.carousel-tile').mouseout(function(){-->
+<!--hiddenBox.hide( 1000 );-->
+<!--});-->
 
 </body>
 </html>

Added: ctakes/site/new/examples5.html
URL: http://svn.apache.org/viewvc/ctakes/site/new/examples5.html?rev=1664130&view=auto
==============================================================================
--- ctakes/site/new/examples5.html (added)
+++ ctakes/site/new/examples5.html Wed Mar  4 20:05:02 2015
@@ -0,0 +1,290 @@
+<!-- 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>
+<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>
+   <link rel="icon" type="image/png" href="images/apache_logo.png"/>
+
+
+   <!-- 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">
+   <link href="css/apache.css" rel="stylesheet">
+   <!-- TODO: Add any additional css that might be necessary -->
+   <link href="css/examples4.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]>
+   <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>
+<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>
+            <a class="navbar-brand" href="index.html"> <img src="images/ctakes_logo.png"/>
+            </a>
+         </div>
+
+
+         <!-- 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.cgi">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 container -->
+   </div>
+</nav>
+
+<div class="container">
+   <div class="row">
+      <h1>Examples</h1>
+      <p>Select a thumbnail above to view a larger image. Click larger image to open
a page with additional information.</p>
+   </div>
+
+
+   <div class="row boing-tile-bar">
+      <div class="col-xs-3 col-md-2">
+         <div class="boing-tile">
+            <img id="cvd-button" class="boing-button" src="images/CvdThumb.jpg">
+
+            <div class="boing-title">
+               <h4>UIMA&trade; CVD</h4>
+            </div>
+         </div>
+      </div>
+      <div class="col-xs-3 col-md-2">
+         <div class="boing-tile">
+            <img id="cpe-button" class="boing-button" src="images/CPEthumb.jpg">
+
+            <div class="boing-title">
+               <h4>UIMA&trade; CPE</h4>
+            </div>
+         </div>
+      </div>
+      <div class="col-xs-3 col-md-2">
+         <div class="boing-tile">
+            <img id="webui-button" class="boing-button" src="images/ctakesguiThumb.jpg">
+
+            <div class="boing-title">
+               <h4>cTAKES&trade; GUI</h4>
+            </div>
+         </div>
+      </div>
+      <div class="col-xs-3 col-md-2">
+         <div class="boing-tile">
+            <img id="timelanes-button" class="boing-button" src="images/TimeLanesThumb.jpg">
+
+            <div class="boing-title">
+               <h4>TimeLanes</h4>
+            </div>
+         </div>
+      </div>
+      <!--  INFO and TITLE PANEL  -->
+      <div class="col-md-4 col-xs-12">
+         <div id="cvd-info" class="boing-info">
+            <h4>Apache <abbr title="Unstructured Information Management applications">UIMA&trade;</abbr>
+               Cas Visual Debugger (CVD)<br>
+               <small>Process raw text and view <abbr title="Natural Language Processing">NLP</abbr>
metadata</small>
+            </h4>
+         </div>
+         <div id="cpe-info" class="boing-info">
+            <h4>Apache <abbr title="Unstructured Information Management applications">UIMA&trade;</abbr>
+               Collection Processing Engine configurator (CPE)<br>
+               <small>Process a multiple document batch</small>
+            </h4>
+         </div>
+         <div id="webui-info" class="boing-info">
+            <h4>cTAKES <abbr title="Graphical User Interface">GUI</abbr><br>
+               <small>Process raw text in a web browser</small>
+            </h4>
+         </div>
+         <div id="timelanes-info" class="boing-info">
+            <h4>TimeLanes<br>
+               <small>View extracted UMLS and Temporal information</small>
+            </h4>
+         </div>
+      </div>
+   </div>
+
+
+   <div class="row boing-main-image">
+      <div class="col-xs-12">
+         <div id="boing-cvd" class="boing">
+            <a href="https://uima.apache.org/downloads/releaseDocs/2.2.2-incubating/docs/html/tools/tools.html#cvd.mainDisplayArea">
+               <img class="boing-image" src="images/CvdMain1.jpg">
+            </a>
+         </div>
+         <div id="boing-cpe" class="boing">
+            <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 class="boing-image" src="images/CPEimage006.jpg">
+            </a>
+         </div>
+         <div id="boing-webui" class="boing">
+            <a href="https://community.i2b2.org/wiki/display/NLPCTAKES/Home">
+               <img class="boing-image" src="images/ctakesguijoin.jpg">
+            </a>
+         </div>
+         <div id="boing-timelanes" class="boing">
+            <a href="#">
+               <img class="boing-image" src="images/TimeLanesBig.jpg">
+            </a>
+         </div>
+      </div>
+   </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>.
+   <a href="http://www.apache.org"><img class="little-feather" src="images/feather_20v.png"></a>
+</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>
+
+<!-- show enlarged image -->
+<script type="text/javascript">
+var boingCvd = $( "#boing-cvd" );
+var boingCpe = $( "#boing-cpe" );
+var boingWebui = $( "#boing-webui" );
+var boingTimeLanes = $( "#boing-timelanes" );
+var infoCvd = $( "#cvd-info" );
+var infoCpe = $( "#cpe-info" );
+var infoWebui = $( "#webui-info" );
+var infoTimeLanes = $( "#timelanes-info" );
+var boingSpeed = 500;
+
+infoCvd.show();
+boingCvd.show();
+
+$('#cvd-button').mouseover(function() {
+   infoCpe.hide();
+   infoWebui.hide();
+   infoTimeLanes.hide();
+   infoCvd.show();
+});
+$('#cpe-button').mouseover(function() {
+   infoCvd.hide();
+   infoWebui.hide();
+   infoTimeLanes.hide();
+   infoCpe.show();
+});
+$('#webui-button').mouseover(function() {
+   infoCvd.hide();
+   infoCpe.hide();
+   infoTimeLanes.hide();
+   infoWebui.show();
+});
+$('#timelanes-button').mouseover(function() {
+   infoCvd.hide();
+   infoCpe.hide();
+   infoWebui.hide();
+   infoTimeLanes.show();
+});
+
+$( "#cvd-button" ).on( "click", function( event ) {
+   boingCpe.hide( boingSpeed );
+   boingWebui.hide( boingSpeed );
+   boingTimeLanes.hide( boingSpeed );
+   boingCvd.show( boingSpeed );
+});
+$( "#cpe-button" ).on( "click", function( event ) {
+   boingCvd.hide( boingSpeed );
+   boingWebui.hide( boingSpeed );
+   boingTimeLanes.hide( boingSpeed );
+   boingCpe.show( boingSpeed );
+});
+$( "#webui-button" ).on( "click", function( event ) {
+   boingCvd.hide( boingSpeed );
+   boingCpe.hide( boingSpeed );
+   boingTimeLanes.hide( boingSpeed );
+   boingWebui.show( boingSpeed );
+});
+$( "#timelanes-button" ).on( "click", function( event ) {
+   boingCvd.hide( boingSpeed );
+   boingCpe.hide( boingSpeed );
+   boingWebui.hide( boingSpeed );
+   boingTimeLanes.show( boingSpeed );
+});
+
+
+</script>
+
+</body>
+</html>

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

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

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

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

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

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

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

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



Mime
View raw message