runu
Version:
NodePlusAngularJS
122 lines (111 loc) • 5.06 kB
HTML
<!--[if IE 9]><html class="lt-ie10" lang="en"> <![endif]-->
<html class="no-js" lang="en" >
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Runu- Giving Eyes To Machine</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.3/css/normalize.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.3/css/foundation.min.css">
<link href='http://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css' rel='stylesheet' type='text/css'>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-sanitize.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<script src="js/todo.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
</head>
<body ng-app="website" >
<div class="row">
<div class="large-12 columns">
<nav class="top-bar" data-topbar>
<ul class="title-area">
<li class="name">
<h1><a href="#"><strong>Runu</strong> - Giving vision to machine</a></h1>
</li>
<li class="toggle-topbar menu-icon">
<a href="#"><span>menu</span></a>
</li>
</ul>
</nav>
</div>
</div>
<div class="row">
<div class="large-12 columns">
<div class="orbit-container">
<ul class="example-orbit" data-orbit>
<li>
<img src="http://www.paulbuckler.com/wp-content/uploads/2014/07/CherryBlossoms410063-2-1000x400.jpg" alt="Image Detection" />
<div class="orbit-caption">
Tell me more about this image. Give me some topics associated to this.
</div>
</li>
<li>
<img src="http://assets.rebelcircus.com/blog/wp-content/uploads/2014/07/high-waisted-shorts-all.jpg" alt="Logo Detection" />
<div class="orbit-caption">
Tell me if there are any logos in this picture.
</div>
</li>
<li>
<img src="http://theworld100.com/wp-content/uploads/et_temp/ucl-banner-499844_1000x400.jpg" alt="Landmark Detection" />
<div class="orbit-caption">
Tell me more about the landmark in this image. Where am I?
</div>
</li>
<li>
<img src="http://beautifulimagellc.com/wp-content/uploads/2015/02/hero3.jpg" alt="Emotion detection" />
<div class="orbit-caption">
Tell me how many faces are there in this image
</div>
</li>
</uL>
</div>
</div>
<!-- Bullets -->
<ol class="orbit-bullets">
<li data-orbit-slide-number="1"></li>
<li data-orbit-slide-number="2" class="active"></li>
<li data-orbit-slide-number="3"></li>
</ol>
<br>
</div>
<div class="row" >
<div class="large-12 columns">
<div class="row" ng-controller="MainCtrl">
<div class="large-3 small-6 columns">
<button ng-click="setRoute('imagedetection')">Image Detection</button>
</div>
<div class="large-3 small-6 columns">
<button ng-click="setRoute('logodetection')">Logo Detection</button>
</div>
<div class="large-3 small-6 columns">
<button ng-click="setRoute('facedetection')">Face Detection</button>
</div>
<div class="large-3 small-6 columns">
<button ng-click="setRoute('locationdetection')">Location Detection</button>
</div>
</div>
</div>
</div>
<div class="row">
<div ng-view></div>
</div>
<footer class="row">
<div class="large-12 columns">
<hr>
<div class="row">
<div class="large-6 columns">
<p>Copyright © 2016 Free Software License.</p>
</div>
</div>
</div>
</footer>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.3/js/foundation.min.js"></script>
<script src="js/ng-flow/dist/ng-flow.min.js"></script>
<script src="js/flow.js/dist/flow.min.js"></script>
<script>
$(document).foundation();
</script>
</body>
</html>