Skip to content

Instantly share code, notes, and snippets.

@fabianschwarzfritz

fabianschwarzfritz/app.css

Last active August 29, 2015 14:07
Show Gist options
  • Save fabianschwarzfritz/4e590285620378ea210f to your computer and use it in GitHub Desktop.
Save fabianschwarzfritz/4e590285620378ea210f to your computer and use it in GitHub Desktop.
Download ZIP
Review Ninja Dashboard
Raw
app.css
body {
text-align: center;
}
h1, h2, h3, h4, h5 {
font-weight: 200;
margin: 0;
}
.jumbotron {
margin: 0;
padding: 10px 20px;
color: #F5F5F5;
position: relative;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
background: #4393B9;
height: 800px;
}
Raw
app.js
'use strict';
console.log("hello world");
angular.module('reviewninjadashboard', ['ngAnimate']).controller("MainCtrl", function ($scope, $http, $timeout, socket) {
$scope.messages = [];
$scope.addMessage = function(message) {
if($scope.messages.length >= 8) {
$scope.messages = [];
$timeout(function() {
$scope.messages.push(message);
}, 3000);
return;
}
$scope.messages.push(message);
}
console.log("asdfasdf");
});
Raw
index.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<base href="/">
<title>review.ninja.dashboard</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.1.0/animate.min.css">
<link rel="stylesheet" href="https://rawgit.com/fabianschwarzfritz/4e590285620378ea210f/raw/e31c00b61cb98a0a4b879cd3e03b3bc13f12de71/app.css">
</head>
<body ng-app="reviewninjadashboard" style="overflow:hidden;">
<div ng-controller="MainCtrl">
<div class="jumbotron">
<img src="{{ repo.owner.avatar_url }}" />
<div ng-show="latestBuild.status_message==='Broken'" class="row" style="position:absolute; left:50%; bottom:60px;">
<div class="col-lg-12" style="left:-50%;">
<h2>{{ latestBuild.committer_name }} broke the build</h2>
<h3><i class="fa fa-code-fork"></i> {{ latestBuild.branch }}</h3>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<ul class="list-inline text-left" style="margin:10px 20px;">
<li id="#test" ng-repeat="message in messages" class="animated bounceInRight" style="padding:0 10px;">
<img class="img-circle img-thumbnail" src="{{ message.avatar }}" width="200px" /><br />
<p class="lead text-center" style="width:200px; font-size:20px; margin:0; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;">
{{ message.text }}
</p>
</li>
</ul>
</div>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/0.9.16/socket.io.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular-animate.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script src="https://gist.githubusercontent.com/dtornow/823893b3320001b7f56c/raw/112009cb7c714dabb54a458c65c9743177ee997c/pubnub.js"></script>
<script src="https://rawgit.com/fabianschwarzfritz/4e590285620378ea210f/raw/554d00a0a8ee0414921c76bb782420cc26de63d5/app.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment