New module layout for status

config.json

@@ -1,13 +1,10 @@
 {
-    "width": 1000,
     "title": "Status",
-    "rotate": "no",
     "modules": [
 	{
-	    "name": "trello",
-	    "desc": "Project Manager",
-	    "key": "d82fd533350a70b9e229403e9b8d4648",
-	    "oauth_token": "2856d7465a39808f35877f735fb91fcfcf6488d2d1e67aa54916426eb41314ca",
+	    "name":"meta",
+	    "class":"full-size meta",
+	    "update":0
 	}
     ]
 }

config.json~

@@ -0,0 +1,34 @@
+{
+    "title": "Status",
+    "modules": [
+	{
+	    "name":"meta",
+	    "class":"full-size meta",
+	    "update":0
+	},
+	{
+	    "name":"tickets",
+	    "desc":"Open Tickets",
+	    "class":"left",
+	    "update":15,
+	    "args": {
+		"title-header":"OPEN TICKETS"
+	    }
+	},
+	{
+	    "name":"jdigiclock",
+	    "desc":"Android Clock widget",
+	    "class":"right",
+	    "update":3600
+	},
+	{
+	    "name":"twitter-timeline",
+	    "desc": "ticker of user tweets",
+	    "class":"full-size",
+	    "update":3600,
+	    "args" : {
+	    	"username" : "nastechdept"
+	    }
+	}
+    ]
+}

default.css → css/default.css

@@ -4,43 +4,42 @@ body {
 	color:#494949;
 }
 
-#wrap > div { overflow:hidden; } 
+#board {margin: 0 auto;}
+#board > div { overflow:hidden; } 
 
-h1 { margin:0; padding:0; font-size:40px; }
-
-/* ===== Data =====*/
+.module {
+   width: 49%;
+}
 
-#data {
-/*	margin-bottom:40px;*/
+.left {
+    float:left;
 }
 
-#tickets {
-	width:49%;
-    background-color: #494949;
-    color: #f3f3f3;
-    text-align: center;
-	float:left;
-    border-radius:15px;
-    -moz-border-radius:15px;
-    -webkit-border-radius:15px;
+.right {
+    float: right;
 }
 
-#tickets h1 {
-    background-color: #000046;
+.full-size {
     width: 100%;
-    border-top-right-radius: 15px;
-    border-top-left-radius: 15px;
-    -moz-border-radius-topright: 15px;
-    -moz-border-radius-topleft: 15px;
-    -webkit-border-top-right-radius: 15px;
-    -webkit-border-top-left-radius: 15px;
+    overflow:hidden;
 }
 
-#tickets p {
-    margin:0px;
-    font-size: 825%;
+h1 { margin:0; padding:0; font-size:40px; }
+
+meta {
+    background-color: #dedede;
+    font-size: 20pt;
 }
 
+/*############## OLD #################*/
+/* ===== Data =====*/
+
+#data {
+/*	margin-bottom:40px;*/
+}
+
+
+
 #tooltip {
 	position:absolute;
 	display:none;
@@ -101,13 +100,6 @@ h1 { margin:0; padding:0; font-size:40px; }
 	font-style:italic;
 }
 
-
-/* ==== digiclock ==== */
-#digiclock {
-	width: 49%;
-	float: right;
-}
-
 /* ===== visitors ===== */
 
 #sitestats {
@@ -146,7 +138,7 @@ h1 { margin:0; padding:0; font-size:40px; }
 }
 #projects td {
 	padding:2px;
-	background-color:#494949;
+	background-color:#494949;
     color: #f3f3f3;
 	border-radius:5px;
 	-moz-border-radius:5px;
@@ -160,32 +152,5 @@ h1 { margin:0; padding:0; font-size:40px; }
 	vertical-align:middle;
 }
 
-/* ===== twitter ===== */
-#twitter {
-	background-color: #ededed;
-	width: 100%;
-}
-#twitter > div {
-	overflow:hidden;
-	font-size:20px;
-}
-
-#twitter ul {
-	list-style-type:none;
-	width:5000px;
-	position:relative;
-}
-#twitter li {
-	float:left;
-	margin-right:10px;
-}
-#twitter img {
-	vertical-align:center;
-	margin-right:10px;
-	border:0;
-	height:20px;
-	width:20px;
-}
-
 
 

css/default.css~

@@ -0,0 +1,150 @@
+body {
+	background-color: #000000;
+	font:bold 25px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; /* 960.gs*/
+	color:#494949;
+}
+
+#board {margin: 0 auto;}
+#board > div { overflow:hidden; } 
+
+.module {
+   width: 49%;
+}
+
+.left {
+    float:left;
+}
+
+.right {
+    float: right;
+}
+
+.full-size {
+    width: 100%;
+    overflow:hidden;
+}
+
+h1 { margin:0; padding:0; font-size:40px; }
+
+/* ===== Data =====*/
+
+#data {
+/*	margin-bottom:40px;*/
+}
+
+
+
+#tooltip {
+	position:absolute;
+	display:none;
+	padding:2px 5px;
+	background-color:#494949;
+	color:#fefefe;
+	border-radius:15px;
+	-moz-border-radius:15px;
+	-webkit-border-radius:15px;
+}
+
+#schedule {
+	width:50%;
+	float: right;
+	background-color:#494949;
+	color:#f3f3f3;
+	overflow:hidden;
+	border-radius:15px;
+	-moz-border-radius:15px;
+	-webkit-border-radius:15px;
+}
+
+#schedule h1 {
+    text-align: center;
+    background-color: #000046;
+    width: 100%;
+    border-top-right-radius: 15px;
+    border-top-left-radius: 15px;
+    -moz-border-radius-topright: 15px;
+    -moz-border-radius-topleft: 15px;
+    -webkit-border-top-right-radius: 15px;
+    -webkit-border-top-left-radius: 15px;
+}
+#schedule ul {
+	list-style-type:none;
+	margin:0;
+	padding:4%;
+}
+#schedule li {
+	margin-bottom:5px;
+	width:1000px;
+}
+#schedule em {
+	font-style:normal;
+	background-color:#000046;
+	margin-right:10px;
+	display:inline-block;
+	width:50px;
+	padding:0 10px;
+	border-radius:15px;
+	-moz-border-radius:15px;
+	-webkit-border-radius:15px;
+	font-size: 20px;
+}
+#schedule small {
+	font-size:20px;
+	color:#bababa;
+	font-style:italic;
+}
+
+/* ===== visitors ===== */
+
+#sitestats {
+	margin-top: 40px;	
+	width: 50%;
+	float: left;
+	background-color: #000000;
+	color: #ffffff;
+	border-radius:15px;
+	-moz-border-radius: 15px;
+	-webkit-border-radius: 15px;
+	font-size: 19pt;
+}
+
+/*#sitestats h1 {
+	background-color: #000046;
+	width: 100%;
+	border-top-right-radius: 15px;
+	border-top-left-radius: 15px;
+	-moz-border-radius-topright: 15px;
+	-moz-border-radius-topleft: 15px;
+	-webkit-border-top-right-radius: 15px;
+	-webkit-border-top-left-radius: 15px;
+}*/
+
+
+/* ===== projects ===== */
+
+#projects {
+	margin-top: 30px;
+}
+
+#projects table {
+	width:100%;
+	border-spacing:10px;
+}
+#projects td {
+	padding:2px;
+	background-color:#494949;
+    color: #f3f3f3;
+	border-radius:5px;
+	-moz-border-radius:5px;
+	-webkit-border-radius:5px;
+	font-size: 180%;
+}
+#projects td:not(:last-child) {
+	text-align:center;
+}
+#projects img {
+	vertical-align:middle;
+}
+
+
+