project view

3 files changed, 63 insertions, 6 deletions

diff --git a/public/assets/javascripts/ui/site/ProjectList.js b/public/assets/javascripts/ui/site/ProjectList.js
index 959aa43..ee1b89f 100644
--- a/public/assets/javascripts/ui/site/ProjectList.js
+++ b/public/assets/javascripts/ui/site/ProjectList.js
@@ -24,4 +24,3 @@ var ProjectList = View.extend({
 	}
 
 })
-
diff --git a/public/assets/javascripts/ui/site/StaffView.js b/public/assets/javascripts/ui/site/StaffView.js
new file mode 100644
index 0000000..115d417
--- /dev/null
+++ b/public/assets/javascripts/ui/site/StaffView.js
@@ -0,0 +1,14 @@
+var StaffView = View.extend({
+
+	initialize: function() {
+	},
+
+	load: function() {
+		$(".json").each(function(){
+      $(this).JSONView( this.innerText )
+    })
+
+		this.projectList = new ProjectList ()
+	}
+
+})
diff --git a/public/assets/stylesheets/staff.css b/public/assets/stylesheets/staff.css
index 2d1f802..9b9226f 100644
--- a/public/assets/stylesheets/staff.css
+++ b/public/assets/stylesheets/staff.css
@@ -13,21 +13,24 @@ td, th {
   text-align: left;
   padding: 2px 5px;
 }
-.staff .body {
+.page {
   text-align: left;
 }
-.staff h1 {
+.footer {
+  text-align: center;
+}
+h1 {
   text-align: left;
   display: inline-block;
 }
-.staff nav {
+nav {
   display: inline-block;
   text-align: left;
 }
-.staff nav a {
+nav a {
   padding-left: 20px;
 }
-.staff hr {
+hr {
   border: 1px solid #bbb;
   margin: 5px auto 10px;
 }
@@ -35,12 +38,53 @@ td, th {
   width: 80%;
   margin: 0 auto;
 }
+.jsonview {
+  border: 1px solid #ddd;
+  background: rgba(238,238,238,0.5);
+  padding: 4px;
+  margin: 0 auto;
+  max-width: 100%;
+  overflow-x: auto;
+  margin-bottom: 20px;
+  max-height: 60vh;
+}
 .jsonview * {
   font-family: monospace !important;
+  font-size: 12px;
+}
+.jsonview .collapser {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
 }
 .staff {
   font-size: 15px;
 }
 .staff .editLinks a {
   color: #00f;
+}
+#iframe-embed, #iframe-embed tr, #iframe-embed td {
+  width: 79vw;
+}
+#iframe-embed td {
+  padding: 0;
+}
+h2 {
+  margin: 20px auto;
+}
+.avatar {
+  height: 40px;
+  width: 40px;
+  display: inline-block;
+  background-size: cover;
+}
+iframe.embed {
+  position: static;
+  width: 100%;
+  height: 44vw;
+  border: 1px solid black;
+}
+.page table.projectList,
+.page table.projectList td.border {
+  border: 0;
 }
\ No newline at end of file