Skip to content

Instantly share code, notes, and snippets.

@rajkram
rajkram / index.html
Created Apr 14, 2019
PubNub Google Maps Tutorial - Live Flight Path
View index.html
<html>
<body>
<div class="container">
<h1>PubNub Google Maps Tutorial - Live Flight Path</h1>
<div id="map-canvas" style="width:600px;height:400px"></div>
</div>
<script>
window.lat = 37.7850;
window.lng = -122.4383;
View index.html
<header>
<strong>VibsDemo LED</strong>
<span id="output">0</span>
<div class="pubnub"></div>
</header>
<section class="preference">
<div>
<div class="caption red">Red</div>
@rajkram
rajkram / index.html
Created Apr 14, 2019
PubNub Keyboard
View index.html
<html >
<head>
<meta charset="UTF-8">
<title>PubNub Keyboard</title>
<link href="https://fonts.googleapis.com/css?family=Condiment" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link rel="stylesheet" href="css/style.css">
@rajkram
rajkram / index.html
Created Apr 13, 2019
PubNub Clarifai Image Analysis UI
View index.html
<!doctype html>
<html>
<head>
<script src="https://cdn.pubnub.com/sdk/javascript/pubnub.4.5.0.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
<script src="https://cdn.pubnub.com/sdk/pubnub-angular/pubnub-angular-4.0.2.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
</head>
@rajkram
rajkram / index.html
Created Apr 13, 2019
PubNub Text Translation UI with IBM Watson
View index.html
<!doctype html>
<html>
<head>
<script src="https://cdn.pubnub.com/sdk/javascript/pubnub.4.5.0.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
<script src="https://cdn.pubnub.com/sdk/pubnub-angular/pubnub-angular-4.0.2.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
</head>
View collaborative-stickies.markdown
@rajkram
rajkram / index.html
Created Apr 13, 2019
PubNub JS SDK V4 Chat Demo
View index.html
<header>
<h1>Simple Chat Demo w/ JS SDK v4</h1>
<h2>Powered by PubNub</h2>
</header>
<section id="main" role="main">
<div class="chat">
<i class="avatar" class="face12"></i>
<input type="text" placeholder="Type your message...">
<button>Send</button>
@rajkram
rajkram / index.html
Created Apr 13, 2019
Live Location Publish - Google Maps/PubNub Tutorial (JavaScript)
View index.html
<!doctype html>
<html>
<head>
<title>Google Maps Example</title>
<script src="https://cdn.pubnub.com/sdk/javascript/pubnub.4.19.0.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" />
</head>
<body>
<div class="container">
@rajkram
rajkram / index.html
Created Apr 13, 2019
Live Map Markers - Google Maps/PubNub Tutorial (JavaScript)
View index.html
<!doctype html>
<html>
<head>
<title>Google Maps Example</title>
<script src="https://cdn.pubnub.com/sdk/javascript/pubnub.4.19.0.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" />
</head>
<body>
<div class="container">
You can’t perform that action at this time.