Permalink
Browse files

pretty shit

  • Loading branch information...
1 parent 34f456d commit 068565ff840f2e745cae7e37a15cac9246e1fc93 @idiot idiot committed Jun 29, 2012
Showing with 51 additions and 10 deletions.
  1. +21 −2 public/assets/css/saif.css
  2. +22 −2 public/assets/partials/service.html
  3. +2 −2 public/assets/partials/services.html
  4. +6 −4 public/index.html
View
23 public/assets/css/saif.css
@@ -16,8 +16,8 @@ body {
width: 980px;
margin: 50px auto;
}
- body.error { background: #c6423b; }
- body.success { background: #7bbe2c; }
+ body.error, .status.false { background: #c6423b; }
+ body.success, .status.true { background: #7bbe2c; }
h1 {
font-size: 40px;
@@ -129,6 +129,25 @@ select.instances {
display: block;
font-size: 13px;
}
+ .services li small span {
+ padding-left: 20px;
+ }
+
+dl {
+ position: relative;
+ overflow: hidden;
+}
+
+.status {
+ position: relative;
+ top: -4px;
+ display: inline-block;
+ width: 8px;
+ height: 8px;
+ border-radius: 4px;
+
+ background: #e8cb7d;
+}
footer {
opacity: .3;
View
24 public/assets/partials/service.html
@@ -1,8 +1,28 @@
<header>
- <h1 ng-model="service.name"></h1>
+ <h1 ng-model="service.name">Service name <span class="status"></span></h1>
</header>
-<p ng-model="service.description"></p>
+<p ng-model="service.description">This is but a mere description for our service. It describes very well.</p>
+
+<dl>
+ <dt>Tags</dt>
+ <dd>
+ <span>ruby</span>, <span>1.9.3</span>
+ </dd>
+
+ <dt>Profile</dt>
+ <dd>
+ key => value<br>
+ key => value<br>
+ whatever
+ </dd>
+
+ <dt>Repository URL</dt>
+ <dd><a href="http://visualidiot.com">http://visualidiot.com</a></dd>
+
+ <dt>Directory URL</dt>
+ <dd><a href="http://visualidiot.com">http://visualidiot.com/lolcookies.html</a></dd>
+</dl>
<h4>Tags</h4>
<p>tag, tag, tag</p>
View
4 public/assets/partials/services.html
@@ -13,10 +13,10 @@
<ul class="services">
<li ng-repeat="service in services | filter:search | orderBy:'name'">
<a href="#/service/{{service.name}}">
- <h2>{{service.name}}</h2>
+ <h2>{{service.name}} <span class="status {{service.active}}" title="Check whether the service is up. If it's green, it's up."></span></h2>
<p>{{service.description}}</p>
- <small><b>Used on:</b>
+ <small><b>Tags:</b>
<span class="tag" ng-repeat="tag in service.tags">{{tag}}</span>
</small>
</a>
View
10 public/index.html
@@ -3,11 +3,13 @@
<head>
<meta charset="utf-8">
<title>Seif</title>
+
<script src="http://code.angularjs.org/angular-1.0.1.min.js"></script>
- <script src="http://code.angularjs.org/angular-resource-1.0.1.min.js"></script>
- <script src="/assets/js/seif.js"></script>
- <script src="/assets/js/modules/Service.js"></script>
- <script src="/assets/js/modules/Instance.js"></script>
+ <script src="http://code.angularjs.org/angular-resource-1.0.1.min.js"></script>
+ <script src="/assets/js/seif.js"></script>
+ <script src="/assets/js/modules/Service.js"></script>
+ <script src="/assets/js/modules/Instance.js"></script>
+
<link rel="stylesheet" href="assets/css/saif.css">
</head>
<body class="login" ng-app="seif">

0 comments on commit 068565f

Please sign in to comment.