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/03/04 21:05:02 UTC
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
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™ - 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™ 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™ 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™ 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™</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™</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