CINXE.COM
{{data.basic.title}} - Demos - Cognitive Computation Group
<!DOCTYPE html> <html lang="en" ng-app="getDemoView" ng-controller="getDemoViewController"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <title>{{data.basic.title}} - Demos - Cognitive Computation Group</title> <link href="../../bootstrap-3.1.1-dist/css/bootstrap.css" rel="stylesheet"> <link href="../../css/global.css" rel="stylesheet"> <link ng-href="../../demo_files/{{data.basic.nickname}}.css" rel="stylesheet"> <link rel="shortcut icon" type="image/x-icon" href="../../images/ccg.ico" /> <style> /* Side notes for calling out things -------------------------------------------------- */ /* Base styles (regardless of theme) */ .bs-callout { margin: 20px 0; padding: 15px 30px 15px 15px; border-left: 5px solid #eee; background:white; } .bs-callout h4 { margin-top: 0; } .bs-callout p:last-child { margin-bottom: 0; } .bs-callout code, .bs-callout .highlight { background-color: #fff; } /* Themes for different contexts */ .bs-callout-danger { background-color: #fcf2f2; border-color: #dFb5b4; } .bs-callout-warning { background-color: #fefbed; border-color: #f1e7bc; } .bs-callout-info { background-color: #f0f7fd; border-color: #d0e3f0; } </style> </head> <body ng-cloak> <script src="../../js/jquery.js"></script> <script src="../../bootstrap-3.1.1-dist/js/bootstrap.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.17/angular.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.17/angular-route.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.17/angular-sanitize.js"></script> <script src="../../nav/nav-controller.js"></script> <script src="../demos/view-controller.js"></script> <script src="../../js/global.js"></script> <div ng-include="'../../chunks/navigation-top.html'"></div> <div> <div class="header-container"> <div class="inline" ng-include="'../../chunks/page-header-new.html'"></div> <div class="navigation-container inline" ng-include="'../../chunks/navigation-side-new.html'"></div> </div> <div> <h2>Demo</h2> <div class="col-lg-10 col-lg-offset-1 col-md-10 col-sm-12 col-xs-12"> <div id="article"> <!-- Button trigger modal --> <button class="btn btn-primary btn-md pull-right" style="margin-left:10px;" data-toggle="modal" data-target="#myModal" > About This Demo </button> <a class="btn btn-default btn-md pull-right" style="margin-left:10px;" ng-if="hasSoftware" ng-href="{{softwareUrl}}" > Download Software </a> <!-- Modal --> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"> <span aria-hidden="true">×</span> <span class="sr-only">Close</span></button> <h4 class="modal-title" id="myModalLabel"> About {{data.basic.title}} </h4> </div> <div class="modal-body" ng-bind-html="data.basic.long_desc"> </div> </div> </div> </div> <h3>{{data.basic.title}} Demo</h3> <h4>{{data.basic.views | number:0}} views</h4> <!-- if there are links in the database --> <p ng-show="data.publications"> If you wish to cite this work, please cite the following publication<span ng-if="data.publications.length>1">s</span>: <span ng-repeat="pub in data.publications"> <i>({{$index+1}}) <a href="../publication_view/{{pub.id}}">{{pub.title}}</a></i><span ng-if="!$last">,</span><span ng-if="$last">.</span> </span> </p> <!-- If data.run is empty, that means it's a retired demo, so show the description and the deprecated text --> <div ng-show="!data.run"> <div data-ng-bind-html="data.basic.long_desc"></div> <!-- <p>This demo is not currently supported. For more information, please consult the publication cited above.</p> --> </div> <!-- if there aren't links, check for a key_publication --> <p ng-if="data.basic.key_publication>0 && !data.publications"> If you wish to cite this work, please cite <a href="../publication_view/{{data.basic.key_publication}}">this publication</a>. </p> <p ng-show="data.basic.video"> <a href="{{data.basic.video}}">Click here</a> to see a video of the {{data.basic.title}} in action. </p> <hr/ ng-show="!data.basic.iframe_url"> <div ng-show="data.basic.iframe_url"> <center> <iframe ng-src="{{trustSrc(data.basic.iframe_url+'/')}}" style="border:1px;height:8192px;width:100%;"></iframe> </center> </div> <!-- INCLUDE INPUT TEMPLATE --> <div ng-include="'../../demo_files/' + data.basic.nickname + '.html'" ng-hide="!data.run"></div> <hr/ ng-show="!data.basic.iframe_url"> <ol class="breadcrumb"> <li><a href="../../">Home</a></li> <li><a href="../demos/">Demos</a></li> <li class="active">{{data.basic.title}}</li> </ol> <div class="alert alert-warning text-center" role="alert"> <p> Having problems? Send us <a href='mailto:sheffiel@seas.upenn.edu?subject=Demo%20issue:'>email</a>! <br/> <small> Group members can restart demos from <a href="https://cogcomp.seas.upenn.edu/dc4049">here</a>. <!-- Group members can restart annotator demos from <a href="https://cogcomp.org/cgi-secure/private/connect_to_server_monitor.pl?smPort=8001">here</a>, comparator/other demos from <a href="https://cogcomp.org/cgi-secure/private/connect_to_server_monitor.pl?smPort=5001">here</a>. <br/> <span ng-if="data.run.sm_key"> This demo is <span ng-if="data.run.type==1">an <b>annotator</b> with</span> <span ng-if="data.run.type==2">a <b>comparator</b> with</span> <span ng-if="data.run.type==null">an <b>other demo</b> with</span> key <b>{{data.run.sm_key}}</b>. </span>--> </small> </p> </div> <div ng-include="'../../chunks/page-footer.html'"></div> </div> </div> </div> </div> </div> </body> </html>