Adds activity feed, adds fixes for segment, menu, missing demo images

Former-commit-id: 063b5cc825 Former-commit-id: b24230d22d
12 years ago · a54b13859f
30 changed files with 654 additions and 156 deletions
--- a/build/minified/collections/menu.min.css
+++ b/build/minified/collections/menu.min.css
--- a/build/minified/elements/segment.min.css
+++ b/build/minified/elements/segment.min.css
@ -1 +1 @@
-.ui.segment{position:relative;background-color:#FFF;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1);margin:1em 0;padding:1.3em 1em;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.ui.vertical.segment{margin:0;padding-left:0;padding-right:0;background-color:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.1);-moz-box-shadow:0 -1px 0 rgba(0,0,0,.1);box-shadow:0 -1px 0 rgba(0,0,0,.1)}.ui.horizontal.segment{margin:0;padding-top:0;padding-bottom:0;background-color:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:1px 0 0 rgba(0,0,0,.1),-1px 0 0 rgba(0,0,0,.1);-moz-box-shadow:1px 0 0 rgba(0,0,0,.1),-1px 0 0 rgba(0,0,0,.1);box-shadow:1px 0 0 rgba(0,0,0,.1),-1px 0 0 rgba(0,0,0,.1)}.ui.segment>:first-child{margin-top:0}.ui.segment>:last-child{margin-bottom:0}.ui.segment>:only-child{margin:0}.ui.segment>.attached.label:first-child+*{margin-top:2em}.ui.segment>.bottom.attached.label:first-child+*{margin-top:0}.ui.disabled.segment{opacity:.8;color:#DDD}.ui.basic.segment{position:relative;background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.blue.segment{border-top:.2em solid #6ECFF5}.ui.green.segment{border-top:.2em solid #A1CF64}.ui.red.segment{border-top:.2em solid #EF4D6D}.ui.purple.segment{border-top:.2em solid #564F8A}.ui.teal.segment{border-top:.2em solid #00B5AD}.ui.inverted.black.segment{background-color:#5C6166!important;color:#FFF!important}.ui.inverted.blue.segment{background-color:#6ECFF5!important;color:#FFF!important}.ui.inverted.green.segment{background-color:#A1CF64!important;color:#FFF!important}.ui.inverted.red.segment{background-color:#EF4D6D!important;color:#FFF!important}.ui.inverted.purple.segment{background-color:#564F8A!important;color:#FFF!important}.ui.inverted.teal.segment{background-color:#00B5AD!important;color:#FFF!important}.ui.left.aligned.segment{text-align:left}.ui.right.aligned.segment{text-align:right}.ui.center.aligned.segment{text-align:center}.ui.floated.segment,.ui.left.floated.segment{float:left}.ui.right.floated.segment{float:right}.ui.stacked.segment{padding-bottom:1.7em}.ui.stacked.segment:after,.ui.stacked.segment:before{content:'';position:absolute;bottom:-3px;left:0;border-top:1px solid rgba(0,0,0,.1);background-color:rgba(0,0,0,.1);width:100%;height:5px}.ui.stacked.segment:before{bottom:0}.ui.stacked.inverted.segment:after,.ui.stacked.inverted.segment:before{background-color:rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.35)}.ui.raised.segment{-webkit-box-shadow:0 1px 2px 1px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px 1px rgba(0,0,0,.1);box-shadow:0 1px 2px 1px rgba(0,0,0,.1)}.ui.inverted.segment{border-top:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.inverted.segment,.ui.primary.inverted.segment{background-color:#555;color:#FFF}.ui.primary.segment{background-color:#FFF;color:#555}.ui.secondary.segment{background-color:#F5F5F5;color:#777}.ui.tertiary.segment{background-color:#EBEBEB;color:#B0B0B0}.ui.secondary.inverted.segment{background-color:#555;background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.3)),to(rgba(255,255,255,.3)));background-image:-webkit-linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);background-image:-moz-linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);background-image:-o-linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);background-image:linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);color:#FAFAFA}.ui.tertiary.inverted.segment{background-color:#555;background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.6)),to(rgba(255,255,255,.6)));background-image:-webkit-linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);background-image:-moz-linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);background-image:-o-linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);background-image:linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);color:#EEE}.ui.segment.attached{top:-1px;bottom:-1px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;margin:0;-moz-box-shadow:0 0 0 1px #DDD;-webkit-box-shadow:0 0 0 1px #DDD;box-shadow:0 0 0 1px #DDD}.ui.top.attached.segment{top:0;bottom:-1px;margin-top:0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.ui.segment.bottom.attached{top:-1px;bottom:0;margin-bottom:0;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}
+.ui.segment{position:relative;background-color:#FFF;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1);margin:1em 0;padding:1.3em 1em;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.ui.vertical.segment{margin:0;padding-left:0;padding-right:0;background-color:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.1);-moz-box-shadow:0 -1px 0 rgba(0,0,0,.1);box-shadow:0 -1px 0 rgba(0,0,0,.1)}.ui.horizontal.segment{margin:0;padding-top:0;padding-bottom:0;background-color:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:1px 0 0 rgba(0,0,0,.1),-1px 0 0 rgba(0,0,0,.1);-moz-box-shadow:1px 0 0 rgba(0,0,0,.1),-1px 0 0 rgba(0,0,0,.1);box-shadow:1px 0 0 rgba(0,0,0,.1),-1px 0 0 rgba(0,0,0,.1)}.ui.segment>:first-child{margin-top:0}.ui.segment>:last-child{margin-bottom:0}.ui.segment>:only-child{margin:0}.ui.segment>.attached.label:first-child+*{margin-top:2em}.ui.segment>.bottom.attached.label:first-child+*{margin-top:0}.ui.disabled.segment{opacity:.8;color:#DDD}.ui.basic.segment{position:relative;background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.fitted.segment{padding:0}.ui.blue.segment{border-top:.2em solid #6ECFF5}.ui.green.segment{border-top:.2em solid #A1CF64}.ui.red.segment{border-top:.2em solid #EF4D6D}.ui.purple.segment{border-top:.2em solid #564F8A}.ui.teal.segment{border-top:.2em solid #00B5AD}.ui.inverted.black.segment{background-color:#5C6166!important;color:#FFF!important}.ui.inverted.blue.segment{background-color:#6ECFF5!important;color:#FFF!important}.ui.inverted.green.segment{background-color:#A1CF64!important;color:#FFF!important}.ui.inverted.red.segment{background-color:#EF4D6D!important;color:#FFF!important}.ui.inverted.purple.segment{background-color:#564F8A!important;color:#FFF!important}.ui.inverted.teal.segment{background-color:#00B5AD!important;color:#FFF!important}.ui.left.aligned.segment{text-align:left}.ui.right.aligned.segment{text-align:right}.ui.center.aligned.segment{text-align:center}.ui.floated.segment,.ui.left.floated.segment{float:left}.ui.right.floated.segment{float:right}.ui.stacked.segment{padding-bottom:1.7em}.ui.stacked.segment:after,.ui.stacked.segment:before{content:'';position:absolute;bottom:-3px;left:0;border-top:1px solid rgba(0,0,0,.1);background-color:rgba(0,0,0,.02);width:100%;height:5px}.ui.stacked.segment:before{bottom:0}.ui.stacked.inverted.segment:after,.ui.stacked.inverted.segment:before{background-color:rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.35)}.ui.raised.segment{-webkit-box-shadow:0 1px 2px 1px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px 1px rgba(0,0,0,.1);box-shadow:0 1px 2px 1px rgba(0,0,0,.1)}.ui.inverted.segment{border-top:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.inverted.segment,.ui.primary.inverted.segment{background-color:#555;color:#FFF}.ui.primary.segment{background-color:#FFF;color:#555}.ui.secondary.segment{background-color:#F5F5F5;color:#777}.ui.tertiary.segment{background-color:#EBEBEB;color:#B0B0B0}.ui.secondary.inverted.segment{background-color:#555;background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.3)),to(rgba(255,255,255,.3)));background-image:-webkit-linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);background-image:-moz-linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);background-image:-o-linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);background-image:linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);color:#FAFAFA}.ui.tertiary.inverted.segment{background-color:#555;background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.6)),to(rgba(255,255,255,.6)));background-image:-webkit-linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);background-image:-moz-linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);background-image:-o-linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);background-image:linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);color:#EEE}.ui.segment.attached{top:-1px;bottom:-1px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;margin:0;-moz-box-shadow:0 0 0 1px #DDD;-webkit-box-shadow:0 0 0 1px #DDD;box-shadow:0 0 0 1px #DDD}.ui.top.attached.segment{top:0;bottom:-1px;margin-top:0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.ui.segment.bottom.attached{top:-1px;bottom:0;margin-bottom:0;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}
--- a/build/minified/views/activity-feed.min.css
+++ b/build/minified/views/activity-feed.min.css
@ -1 +1 @@
-.ui.feed .event{overflow:hidden;border-top:1px solid #D9D9D9;padding:11px 9px}.ui.feed .event:first-child{border-top:0}.ui.feed .event .who{float:left;width:35px;height:35px;background:#efefef url(../images/placeholder-tiny.png) no-repeat center center;-webkit-box-shadow:-1px -1px 0 #f0f0f0 inset;-moz-box-shadow:-1px -1px 0 #f0f0f0 inset;box-shadow:-1px -1px 0 #f0f0f0 inset}.ui.feed .event .who img{display:block;width:35px}.ui.feed .event .what{margin-left:50px;font-size:12px;line-height:1.33;color:#555}.ui.feed .event .what p{margin:0;padding:0}.ui.feed .event .what a{font-weight:700}.ui.feed .event .what img{max-width:100%}.ui.feed .event .what blockquote{display:block;overflow:hidden;margin:8px 0;background-color:#F6FAFC;border:1px solid #E8F2F7;line-height:1.6;padding:6px 9px;color:#666;text-shadow:0 1px 0 rgba(255,255,255,.8)}.ui.feed .event .what blockquote.grey{background-color:#FAFAFA;border:1px solid #EAEAEA;font-weight:700}.ui.feed .event blockquote img{float:left;width:75px;margin-right:20px}.ui.feed .event .what blockquote p{margin:0 0 10px}.ui.feed .event .what .attached{overflow:hidden;margin:8px 0 0}.ui.feed .event .what .attached img{float:left;margin:0 5px 0 0}.ui.feed .event .what .attached a img{border:1px solid #B2B2B2}.ui.feed .event .what .attached a:hover img{border:1px solid #999}.ui.feed .event .when{float:right;font-size:11px;text-align:right;color:#A1A1A1}.ui.large.feed .who{width:auto;height:auto}.ui.large.feed .who img{width:auto}.ui.large.feed .what{margin-left:70px;font-size:14px;line-height:1.33}.ui.large.feed .what blockquote{color:#555}.ui.large.feed .what img{display:block;width:auto}.ui.large.feed .when{font-size:12px}
+.ui.feed .event{overflow:hidden;border-top:1px solid #D9D9D9;padding:11px 9px}.ui.feed .event:first-child{border-top:0}.ui.feed .event .who{float:left;width:35px;height:35px;background:#efefef url(../images/placeholder-tiny.png) no-repeat center center;-webkit-box-shadow:-1px -1px 0 #f0f0f0 inset;-moz-box-shadow:-1px -1px 0 #f0f0f0 inset;box-shadow:-1px -1px 0 #f0f0f0 inset}.ui.feed .event .who img{display:block;width:35px}.ui.feed .event .what{margin-left:50px;font-size:12px;line-height:1.33;color:#555}.ui.feed .event .what p{margin:0;padding:0}.ui.feed .event .what a{font-weight:700}.ui.feed .event .what img{max-width:100%}.ui.feed .event .what .summary{display:block;overflow:hidden;margin:8px 0;background-color:#F6FAFC;border:1px solid #E8F2F7;line-height:1.6;padding:6px 9px;color:#666;text-shadow:0 1px 0 rgba(255,255,255,.8)}.ui.feed .event .what .summary.grey{background-color:#FAFAFA;border:1px solid #EAEAEA;font-weight:700}.ui.feed .event .summary img{float:left;width:75px;margin-right:20px}.ui.feed .event .what .summary p{margin:0 0 10px}.ui.feed .event .what .attached{overflow:hidden;margin:8px 0 0}.ui.feed .event .what .attached img{float:left;margin:0 5px 0 0}.ui.feed .event .what .attached a img{border:1px solid #B2B2B2}.ui.feed .event .what .attached a:hover img{border:1px solid #999}.ui.feed .event .when{float:right;font-size:11px;text-align:right;color:#A1A1A1}.ui.large.feed .who{width:auto;height:auto}.ui.large.feed .who img{width:auto}.ui.large.feed .what{margin-left:70px;font-size:14px;line-height:1.33}.ui.large.feed .what .summary{color:#555}.ui.large.feed .what img{display:block;width:auto}.ui.large.feed .when{font-size:12px}
--- a/build/minified/views/feed.min.css
+++ b/build/minified/views/feed.min.css
@ -0,0 +1 @@
+.ui.feed a{cursor:pointer}.ui.feed .event{width:100%;display:table;border-top:1px dotted rgba(0,0,0,.1);padding:1em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.feed .event:first-child{border-top:0}.ui.feed .label{width:3em;display:table-cell;vertical-align:top;text-align:left}.ui.feed .label .icon{font-size:1.75em;margin:0}.ui.feed .label img{width:3.25em;padding:.25em;margin:0;border-radius:50em}.ui.feed .content{display:table-cell;vertical-align:top;text-align:left;padding:1em 1em 0}.ui.feed .content .date{float:right;color:rgba(0,0,0,.4)}.ui.feed .content .summary{color:rgba(0,0,0,.75)}.ui.feed .content .summary img{display:inline-block;margin-right:.25em;width:4em;border-radius:500px}.ui.feed .content .extra{margin:1em 0 0;padding:.5em 0 0;color:rgba(0,0,0,.5)}.ui.feed .content .extra.images img{display:inline-block;margin-right:1em;width:9em}.ui.feed .content .extra.text{padding:.5em 1em;border-left:.2em solid rgba(0,0,0,.1)}
--- a/build/packaged/semantic.min.css.REMOVED.git-id
+++ b/build/packaged/semantic.min.css.REMOVED.git-id
@ -1 +1 @@
-997cedeadb5b36b9c049d6a5431594ee9df88cd0
+1b2b2a611ea798ab9f7d09fcc613d2954ef4872a
--- a/build/uncompressed/collections/menu.css
+++ b/build/uncompressed/collections/menu.css
@ -231,7 +231,7 @@
 ---------------*/
 .ui.menu .item > .label,
 .ui.menu .item > a > .label {
-  font-size: 0.875em;
+  font-size: 0.9em;
  margin: -0.3em 0em -0.3em 0.3em;
  padding: 0.1em 0.5em;
  vertical-align: baseline;
@ -708,6 +708,25 @@
  -moz-box-shadow: none;
  box-shadow: none;
 }
+/* colors */
+.ui.green.text.menu .active.item {
+  color: #A1CF64;
+}
+.ui.red.text.menu .active.item {
+  color: #EF4D6D;
+}
+.ui.blue.text.menu .active.item {
+  color: #6ECFF5;
+}
+.ui.purple.text.menu .active.item {
+  color: #564F8A;
+}
+.ui.orange.text.menu .active.item {
+  color: #F05940;
+}
+.ui.teal.text.menu .active.item {
+  color: #00B5AD;
+}
 /*--------------
   Secondary
 ---------------*/
--- a/build/uncompressed/elements/segment.css
+++ b/build/uncompressed/elements/segment.css
@ -93,6 +93,12 @@
  -moz-box-shadow: none;
  box-shadow: none;
 }
+/*-------------------
+       Fittted
+--------------------*/
+.ui.fitted.segment {
+  padding: 0em;
+}
 /*-------------------
       Colors
 --------------------*/
@ -173,7 +179,7 @@
  bottom: -3px;
  left: 0%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
-  background-color: rgba(0, 0, 0, 0.1);
+  background-color: rgba(0, 0, 0, 0.02);
  width: 100%;
  height: 5px;
 }
--- a/build/uncompressed/views/activity-feed.css
+++ b/build/uncompressed/views/activity-feed.css
@ -40,7 +40,7 @@
 .ui.feed .event .what img {
  max-width: 100%;
 }
-.ui.feed .event .what blockquote {
+.ui.feed .event .what .summary {
  display: block;
  overflow: hidden;
  margin: 8px 0px;
@ -51,17 +51,17 @@
  color: #666666;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
 }
-.ui.feed .event .what blockquote.grey {
+.ui.feed .event .what .summary.grey {
  background-color: #FAFAFA;
  border: 1px solid #EAEAEA;
  font-weight: bold;
 }
-.ui.feed .event blockquote img {
+.ui.feed .event .summary img {
  float: left;
  width: 75px;
  margin-right: 20px;
 }
-.ui.feed .event .what blockquote p {
+.ui.feed .event .what .summary p {
  margin: 0px 0px 10px;
 }
 .ui.feed .event .what .attached {
@ -98,7 +98,7 @@
  font-size: 14px;
  line-height: 1.33;
 }
-.ui.large.feed .what blockquote {
+.ui.large.feed .what .summary {
  color: #555555;
 }
 .ui.large.feed .what img {
--- a/build/uncompressed/views/feed.css
+++ b/build/uncompressed/views/feed.css
@ -0,0 +1,88 @@
+/*
+ * # Activity Feed View
+ * http://github.com/quirkyinc/semantic
+ *
+ *
+ * Copyright 2013 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ * Released: May 22, 2013
+ */
+/*******************************
+         Activity Feed
+*******************************/
+.ui.feed a {
+  cursor: pointer;
+}
+/*******************************
+            Content
+*******************************/
+/* Event */
+.ui.feed .event {
+  width: 100%;
+  display: table;
+  border-top: 1px dotted rgba(0, 0, 0, 0.1);
+  padding: 1em;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.ui.feed .event:first-child {
+  border-top: 0px;
+}
+/* Event Label */
+.ui.feed .label {
+  width: 3em;
+  display: table-cell;
+  vertical-align: top;
+  text-align: left;
+}
+.ui.feed .label .icon {
+  font-size: 1.75em;
+  margin: 0em;
+}
+.ui.feed .label img {
+  width: 3.25em;
+  padding: 0.25em;
+  margin: 0em;
+  border-radius: 50em;
+}
+/* Content */
+.ui.feed .content {
+  display: table-cell;
+  vertical-align: top;
+  text-align: left;
+  padding: 1em 1em 0em;
+}
+/* Date */
+.ui.feed .content .date {
+  float: right;
+  color: rgba(0, 0, 0, 0.4);
+}
+/* Summary */
+.ui.feed .content .summary {
+  color: rgba(0, 0, 0, 0.75);
+}
+.ui.feed .content .summary img {
+  display: inline-block;
+  margin-right: 0.25em;
+  width: 4em;
+  border-radius: 500px;
+}
+/* Additional Information */
+.ui.feed .content .extra {
+  margin: 1em 0em 0em;
+  padding: 0.5em 0em 0em;
+  color: rgba(0, 0, 0, 0.5);
+}
+.ui.feed .content .extra.images img {
+  display: inline-block;
+  margin-right: 1em;
+  width: 9em;
+}
+.ui.feed .content .extra.text {
+  padding: 0.5em 1em;
+  border-left: 0.2em solid rgba(0, 0, 0, 0.1);
+}
--- a/node/npm-debug.log
+++ b/node/npm-debug.log
@ -0,0 +1,85 @@
+0 info it worked if it ends with ok
+1 verbose cli [ 'node',
+1 verbose cli   '/usr/bin/npm',
+1 verbose cli   'install',
+1 verbose cli   'grunt-bower-installer',
+1 verbose cli   '--save-dev' ]
+2 info using npm@1.2.21
+3 info using node@v0.10.5
+4 verbose node symlink /usr/bin/node
+5 verbose read json /home/jack/quirky/semantic/node/package.json
+6 verbose read json /home/jack/quirky/semantic/node/node_modules/bal-util/package.json
+7 verbose read json /home/jack/quirky/semantic/node/node_modules/docpad/package.json
+8 verbose read json /home/jack/quirky/semantic/node/node_modules/docpad-plugin-coffeescript/package.json
+9 verbose read json /home/jack/quirky/semantic/node/node_modules/docpad-plugin-eco/package.json
+10 verbose read json /home/jack/quirky/semantic/node/node_modules/docpad-plugin-ghpages/package.json
+11 verbose read json /home/jack/quirky/semantic/node/node_modules/docpad-plugin-handlebars/package.json
+12 verbose read json /home/jack/quirky/semantic/node/node_modules/docpad-plugin-html2coffee/package.json
+13 verbose read json /home/jack/quirky/semantic/node/node_modules/docpad-plugin-jade/package.json
+14 verbose read json /home/jack/quirky/semantic/node/node_modules/docpad-plugin-livereload/package.json
+15 verbose read json /home/jack/quirky/semantic/node/node_modules/docpad-plugin-marked/package.json
+16 verbose read json /home/jack/quirky/semantic/node/node_modules/docpad-plugin-paged/package.json
+17 verbose read json /home/jack/quirky/semantic/node/node_modules/docpad-plugin-partials/package.json
+18 verbose read json /home/jack/quirky/semantic/node/node_modules/docpad-plugin-stylus/package.json
+19 verbose read json /home/jack/quirky/semantic/node/node_modules/docpad-plugin-text/package.json
+20 verbose read json /home/jack/quirky/semantic/node/node_modules/grunt/package.json
+21 verbose read json /home/jack/quirky/semantic/node/node_modules/grunt-bower-task/package.json
+22 verbose read json /home/jack/quirky/semantic/node/node_modules/grunt-contrib-clean/package.json
+23 verbose read json /home/jack/quirky/semantic/node/node_modules/grunt-contrib-copy/package.json
+24 verbose read json /home/jack/quirky/semantic/node/node_modules/grunt-contrib-cssmin/package.json
+25 verbose read json /home/jack/quirky/semantic/node/node_modules/grunt-contrib-less/package.json
+26 verbose read json /home/jack/quirky/semantic/node/node_modules/grunt-contrib-uglify/package.json
+27 verbose read json /home/jack/quirky/semantic/node/node_modules/grunt-contrib-watch/package.json
+28 verbose read json /home/jack/quirky/semantic/node/node_modules/grunt-css/package.json
+29 verbose read json /home/jack/quirky/semantic/node/node_modules/underscore/package.json
+30 verbose from cache /home/jack/quirky/semantic/node/package.json
+31 verbose readDependencies using package.json deps
+32 verbose cache add [ 'grunt-bower-installer', null ]
+33 verbose cache add name=undefined spec="grunt-bower-installer" args=["grunt-bower-installer",null]
+34 verbose parsed url { protocol: null,
+34 verbose parsed url   slashes: null,
+34 verbose parsed url   auth: null,
+34 verbose parsed url   host: null,
+34 verbose parsed url   port: null,
+34 verbose parsed url   hostname: null,
+34 verbose parsed url   hash: null,
+34 verbose parsed url   search: null,
+34 verbose parsed url   query: null,
+34 verbose parsed url   pathname: 'grunt-bower-installer',
+34 verbose parsed url   path: 'grunt-bower-installer',
+34 verbose parsed url   href: 'grunt-bower-installer' }
+35 silly lockFile 8289328e-grunt-bower-installer grunt-bower-installer
+36 verbose lock grunt-bower-installer /home/jack/.npm/8289328e-grunt-bower-installer.lock
+37 silly lockFile 8289328e-grunt-bower-installer grunt-bower-installer
+38 silly lockFile 8289328e-grunt-bower-installer grunt-bower-installer
+39 verbose addNamed [ 'grunt-bower-installer', '' ]
+40 verbose addNamed [ null, '' ]
+41 silly lockFile 550a3685-grunt-bower-installer grunt-bower-installer@
+42 verbose lock grunt-bower-installer@ /home/jack/.npm/550a3685-grunt-bower-installer.lock
+43 silly addNameRange { name: 'grunt-bower-installer', range: '', hasData: false }
+44 verbose url raw grunt-bower-installer
+45 verbose url resolving [ 'https://registry.npmjs.org/', './grunt-bower-installer' ]
+46 verbose url resolved https://registry.npmjs.org/grunt-bower-installer
+47 info trying registry request attempt 1 at 12:22:55
+48 http GET https://registry.npmjs.org/grunt-bower-installer
+49 http 404 https://registry.npmjs.org/grunt-bower-installer
+50 silly registry.get cb [ 404,
+50 silly registry.get   { server: 'CouchDB/1.3.0 (Erlang OTP/R15B03)',
+50 silly registry.get     date: 'Thu, 23 May 2013 16:22:40 GMT',
+50 silly registry.get     'content-type': 'application/json',
+50 silly registry.get     'content-length': '52',
+50 silly registry.get     'cache-control': 'must-revalidate' } ]
+51 silly lockFile 550a3685-grunt-bower-installer grunt-bower-installer@
+52 silly lockFile 550a3685-grunt-bower-installer grunt-bower-installer@
+53 error 404 'grunt-bower-installer' is not in the npm registry.
+53 error 404 You should bug the author to publish it
+53 error 404
+53 error 404 Note that you can also install from a
+53 error 404 tarball, folder, or http url, or git url.
+54 error System Linux 3.0.0-17-generic
+55 error command "node" "/usr/bin/npm" "install" "grunt-bower-installer" "--save-dev"
+56 error cwd /home/jack/quirky/semantic/node
+57 error node -v v0.10.5
+58 error npm -v 1.2.21
+59 error code E404
+60 verbose exit [ 1, true ]
--- a/node/src/documents/modules/shape.html
+++ b/node/src/documents/modules/shape.html
@ -29,7 +29,7 @@ type   : 'UI Module'
  <div class="ui info message">The module uses 3D transformations which are currently only supported in modern versions of Chrome, Safari, and Firefox.</div>

  <div class="shown example">
-    <h4 class="ui header">Check Box</h4>
+    <h4 class="ui header">Shape</h4>
    <p>A shape has multiple sides of arbitrary content. Only one is visible</p>
    
    <div class="ui shape">
@ -41,7 +41,6 @@ type   : 'UI Module'
    </div>
  </div>
  
-  <p>Shapes makes creating 3D tweens easier by taking care of the dirty business of calculating translations based on content sizing, which can be a confusing, frustrating task.</p>

  <h2 class="ui dividing header">Examples</h2>
  
--- a/node/src/documents/views/feed.html
+++ b/node/src/documents/views/feed.html
@ -0,0 +1,171 @@
+---
+layout : 'default'
+css    : 'feed'
+
+title  : 'Feed'
+type   : 'UI View'
+---
+<div class="segment">
+  <div class="container">
+  <h1 class="ui dividing header">Feed</h1>
+  <p>An item view is a generic list of site content, and can be useful for displaying a wide variety of named image content.</p>
+  </div>
+</div>
+<div class="main container">
+
+  <div class="peek">
+    <div class="ui vertical pointing menu">
+      <a class="active item">Standard</a>
+      <a class="item">Content</a>
+      <a class="item">Variations</a>
+    </div>
+  </div>
+
+  <h2 class="ui dividing header">Standard</h2>
+
+  <div class="example">
+    <h4 class="ui header">Feed</h4>
+    <div class="ui fitted feed segment">
+
+      <div class="event">
+        <div class="label">
+          <img src="/images/demo/avatar2.jpg">
+        </div>
+        <div class="content">
+          <div class="date">
+            Just moments ago
+          </div>
+          <div class="summary">
+             <a>Sally Poodle</a> added you as a friend
+          </div>
+        </div>
+      </div>
+      <div class="event">
+        <div class="label">
+          <i class="icon circular idea"></i>
+        </div>
+        <div class="content">
+          <div class="date">
+            3 days ago
+          </div>
+          <div class="summary">
+            You submitted a new post to the page
+          </div>
+          <div class="extra text">
+            I am a dog and I do not know how to make a post
+          </div>
+        </div>
+      </div>
+      <div class="event">
+        <div class="label">
+          <i class="icon circular photos"></i>
+        </div>
+        <div class="content">
+          <div class="date">
+            3 days ago
+          </div>
+          <div class="summary">
+            <a>Sally Poodle</a> added <a>2 new photos</a> of you
+          </div>
+          <div class="extra images">
+            <img src="/images/demo/item1.jpg">
+            <img src="/images/demo/item2.jpg">
+          </div>
+        </div>
+      </div>
+      <div class="event">
+        <div class="label">
+          <img src="/images/demo/avatar.jpg">
+        </div>
+        <div class="content">
+          <div class="date">
+            Just moments ago
+          </div>
+          <div class="summary">
+            <a>James Doggington</a> added you as a friend
+          </div>
+        </div>
+      </div>
+      <div class="event">
+        <div class="label">
+          <i class="icon circular idea"></i>
+        </div>
+        <div class="content">
+          <div class="date">
+            3 days ago
+          </div>
+          <div class="summary">
+            You submitted a new post to the page
+          </div>
+          <div class="extra text">
+            I am a dog and I do not know how to make a post
+          </div>
+        </div>
+      </div>
+      <div class="event">
+        <div class="label">
+          <i class="icon circular photo"></i>
+        </div>
+        <div class="content">
+          <div class="date">
+            3 days ago
+          </div>
+          <div class="summary">
+            <a>Sally Poodle</a> added <a>a new photos</a> of you
+          </div>
+          <div class="extra images">
+            <img src="/images/demo/item1.jpg">
+          </div>
+        </div>
+      </div>
+      <div class="event">
+        <div class="label">
+          <i class="icon circular add user"></i>
+        </div>
+        <div class="content">
+          <div class="date">
+            Just moments ago
+          </div>
+          <div class="summary">
+            <a>Sally Poodle</a> added you as a friend
+          </div>
+        </div>
+      </div>
+      <div class="event">
+        <div class="label">
+          <i class="icon circular idea"></i>
+        </div>
+        <div class="content">
+          <div class="date">
+            3 days ago
+          </div>
+          <div class="summary">
+            You submitted a new post to the page
+          </div>
+          <div class="extra text">
+            I am a dog and I do not know how to make a post
+          </div>
+        </div>
+      </div>
+      <div class="event">
+        <div class="label">
+          <i class="icon circular photos"></i>
+        </div>
+        <div class="content">
+          <div class="date">
+            3 days ago
+          </div>
+          <div class="summary">
+            <a>Sally Poodle</a> added <a>2 new photos</a> of you
+          </div>
+          <div class="extra images">
+            <img src="/images/demo/item1.jpg">
+            <img src="/images/demo/item2.jpg">
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+
+</div>
--- a/node/src/files/components/semantic/collections/menu.css
+++ b/node/src/files/components/semantic/collections/menu.css
@ -231,7 +231,7 @@
 ---------------*/
 .ui.menu .item > .label,
 .ui.menu .item > a > .label {
-  font-size: 0.875em;
+  font-size: 0.9em;
  margin: -0.3em 0em -0.3em 0.3em;
  padding: 0.1em 0.5em;
  vertical-align: baseline;
@ -708,6 +708,25 @@
  -moz-box-shadow: none;
  box-shadow: none;
 }
+/* colors */
+.ui.green.text.menu .active.item {
+  color: #A1CF64;
+}
+.ui.red.text.menu .active.item {
+  color: #EF4D6D;
+}
+.ui.blue.text.menu .active.item {
+  color: #6ECFF5;
+}
+.ui.purple.text.menu .active.item {
+  color: #564F8A;
+}
+.ui.orange.text.menu .active.item {
+  color: #F05940;
+}
+.ui.teal.text.menu .active.item {
+  color: #00B5AD;
+}
 /*--------------
   Secondary
 ---------------*/
--- a/node/src/files/components/semantic/elements/segment.css
+++ b/node/src/files/components/semantic/elements/segment.css
@ -93,6 +93,12 @@
  -moz-box-shadow: none;
  box-shadow: none;
 }
+/*-------------------
+       Fittted
+--------------------*/
+.ui.fitted.segment {
+  padding: 0em;
+}
 /*-------------------
       Colors
 --------------------*/
@ -173,7 +179,7 @@
  bottom: -3px;
  left: 0%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
-  background-color: rgba(0, 0, 0, 0.1);
+  background-color: rgba(0, 0, 0, 0.02);
  width: 100%;
  height: 5px;
 }
--- a/node/src/files/components/semantic/views/activity-feed.css
+++ b/node/src/files/components/semantic/views/activity-feed.css
@ -40,7 +40,7 @@
 .ui.feed .event .what img {
  max-width: 100%;
 }
-.ui.feed .event .what blockquote {
+.ui.feed .event .what .summary {
  display: block;
  overflow: hidden;
  margin: 8px 0px;
@ -51,17 +51,17 @@
  color: #666666;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
 }
-.ui.feed .event .what blockquote.grey {
+.ui.feed .event .what .summary.grey {
  background-color: #FAFAFA;
  border: 1px solid #EAEAEA;
  font-weight: bold;
 }
-.ui.feed .event blockquote img {
+.ui.feed .event .summary img {
  float: left;
  width: 75px;
  margin-right: 20px;
 }
-.ui.feed .event .what blockquote p {
+.ui.feed .event .what .summary p {
  margin: 0px 0px 10px;
 }
 .ui.feed .event .what .attached {
@ -98,7 +98,7 @@
  font-size: 14px;
  line-height: 1.33;
 }
-.ui.large.feed .what blockquote {
+.ui.large.feed .what .summary {
  color: #555555;
 }
 .ui.large.feed .what img {
--- a/node/src/files/components/semantic/views/feed.css
+++ b/node/src/files/components/semantic/views/feed.css
@ -0,0 +1,88 @@
+/*
+ * # Activity Feed View
+ * http://github.com/quirkyinc/semantic
+ *
+ *
+ * Copyright 2013 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ * Released: May 22, 2013
+ */
+/*******************************
+         Activity Feed
+*******************************/
+.ui.feed a {
+  cursor: pointer;
+}
+/*******************************
+            Content
+*******************************/
+/* Event */
+.ui.feed .event {
+  width: 100%;
+  display: table;
+  border-top: 1px dotted rgba(0, 0, 0, 0.1);
+  padding: 1em;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.ui.feed .event:first-child {
+  border-top: 0px;
+}
+/* Event Label */
+.ui.feed .label {
+  width: 3em;
+  display: table-cell;
+  vertical-align: top;
+  text-align: left;
+}
+.ui.feed .label .icon {
+  font-size: 1.75em;
+  margin: 0em;
+}
+.ui.feed .label img {
+  width: 3.25em;
+  padding: 0.25em;
+  margin: 0em;
+  border-radius: 50em;
+}
+/* Content */
+.ui.feed .content {
+  display: table-cell;
+  vertical-align: top;
+  text-align: left;
+  padding: 1em 1em 0em;
+}
+/* Date */
+.ui.feed .content .date {
+  float: right;
+  color: rgba(0, 0, 0, 0.4);
+}
+/* Summary */
+.ui.feed .content .summary {
+  color: rgba(0, 0, 0, 0.75);
+}
+.ui.feed .content .summary img {
+  display: inline-block;
+  margin-right: 0.25em;
+  width: 4em;
+  border-radius: 500px;
+}
+/* Additional Information */
+.ui.feed .content .extra {
+  margin: 1em 0em 0em;
+  padding: 0.5em 0em 0em;
+  color: rgba(0, 0, 0, 0.5);
+}
+.ui.feed .content .extra.images img {
+  display: inline-block;
+  margin-right: 1em;
+  width: 9em;
+}
+.ui.feed .content .extra.text {
+  padding: 0.5em 1em;
+  border-left: 0.2em solid rgba(0, 0, 0, 0.1);
+}
--- a/node/src/files/images/demo/avatar.jpg
+++ b/node/src/files/images/demo/avatar.jpg
--- a/node/src/files/images/demo/avatar2.jpg
+++ b/node/src/files/images/demo/avatar2.jpg
--- a/node/src/files/images/demo/item1.jpg.REMOVED.git-id
+++ b/node/src/files/images/demo/item1.jpg.REMOVED.git-id
@ -0,0 +1 @@
+30a6fd65b5784d6430e6959392bd986b31dcb250
--- a/node/src/files/images/demo/item2.jpg.REMOVED.git-id
+++ b/node/src/files/images/demo/item2.jpg.REMOVED.git-id
@ -0,0 +1 @@
+8bb958da18be6ecf2dd282642aeb4821786e0501
--- a/node/src/files/images/demo/item3.jpg.REMOVED.git-id
+++ b/node/src/files/images/demo/item3.jpg.REMOVED.git-id
@ -0,0 +1 @@
+4fde445f967f302b25a85ca79e93e38ceeff853a
--- a/node/src/files/images/demo/item4.jpg.REMOVED.git-id
+++ b/node/src/files/images/demo/item4.jpg.REMOVED.git-id
@ -0,0 +1 @@
+149745c6672081e39c088ae739865b745fe47d7d
--- a/node/src/files/images/demo/item5.jpg.REMOVED.git-id
+++ b/node/src/files/images/demo/item5.jpg.REMOVED.git-id
@ -0,0 +1 @@
+6679aed1652bad4de1b7cf9a7a16de84d0a12c4f
--- a/node/src/files/javascript/semantic.js
+++ b/node/src/files/javascript/semantic.js
@ -91,7 +91,6 @@ semantic.ready = function() {
    },

    developerMode: function() {
-      console.log('dev mode');
      $developer.addClass('active');
      $designer.removeClass('active');
      $example
@ -101,7 +100,6 @@ semantic.ready = function() {
      ;
    },
    designerMode: function() {
-      console.log('design mode');
      $designer.addClass('active');
      $developer.removeClass('active');
      $example
@ -334,7 +332,6 @@ semantic.ready = function() {
            subDirectory = href.split('/')[3],
            newLink      = href.replace(subDirectory, theme)
          ;
-          console.log(theme, newLink);
          $(this)
            .attr('href', newLink)
          ;
@ -349,7 +346,6 @@ semantic.ready = function() {
      .tablesort()
    ;
  }
-  console.log($waypoints);
  $waypoints
    .waypoint({
      continuous : false,
--- a/node/src/files/javascript/shape.js
+++ b/node/src/files/javascript/shape.js
@ -77,16 +77,16 @@ semantic.shape.ready = function() {
  setInterval(function() {
    $dogDemo
      .filter('.one')
-        .shape('flip.down')
+        .shape('flip.over')
        .end()
      .filter('.two')
-        .shape('flip.up')
+        .shape('flip.left')
        .end()
      .filter('.three')
-        .shape('flip.up')
+        .shape('flip.right')
        .end()
    ;
-  }, 3500);
+  }, 4000);
  
 };

--- a/node/src/layouts/default.html.eco
+++ b/node/src/layouts/default.html.eco
@ -41,6 +41,7 @@
  <link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/collections/table.css">
    
  <link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/views/comment.css">
+  <link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/views/feed.css">
  <link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/views/items.css">
    
  <link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/modules/checkbox.css">
--- a/src/collections/menu.less
+++ b/src/collections/menu.less
@ -315,7 +315,7 @@

 .ui.menu .item > .label,
 .ui.menu .item > a > .label {
-  font-size: 0.875em;
+  font-size: 0.9em;
  margin: -0.3em 0em -0.3em 0.3em;
  padding: 0.1em 0.5em;
  vertical-align: baseline;
@ -941,6 +941,27 @@
  box-shadow: none;
 }

+/* colors */
+.ui.green.text.menu .active.item {
+  color: #A1CF64;
+}
+.ui.red.text.menu .active.item {
+  color: #EF4D6D;
+}
+.ui.blue.text.menu .active.item {
+  color: #6ECFF5;
+}
+.ui.purple.text.menu .active.item {
+  color: #564F8A;
+}
+.ui.orange.text.menu .active.item {
+  color: #F05940;
+}
+.ui.teal.text.menu .active.item {
+  color: #00B5AD;
+}
+
+


 /*--------------
--- a/src/elements/segment.less
+++ b/src/elements/segment.less
@ -118,7 +118,6 @@
 }


-
 /*******************************
           Variations
 *******************************/
@ -138,6 +137,15 @@
 }


+/*-------------------
+       Fittted
+--------------------*/
+
+.ui.fitted.segment {
+  padding: 0em;
+}
+
+
 /*-------------------
       Colors
 --------------------*/
@ -229,7 +237,7 @@
  left: 0%;

  border-top: 1px solid rgba(0, 0, 0, 0.1);
-  background-color: rgba(0, 0, 0, 0.1);
+  background-color: rgba(0, 0, 0, 0.02);

  width: 100%;
  height: 5px;
--- a/src/views/activity-feed.less
+++ b/src/views/activity-feed.less
@ -1,125 +0,0 @@
-
-/*******************************
-         Activity Feed
-*******************************/
-
-/* Who */
-.ui.feed .event {
-  overflow: hidden;
-  border-top: 1px solid #D9D9D9;
-  padding: 11px 9px;
-}
-.ui.feed .event:first-child {
-  border-top: none;
-}
-.ui.feed .event .who {
-  float: left;
-  width: 35px;
-  height: 35px;
-  
-  background: #EFEFEF url(../images/placeholder-tiny.png) no-repeat center center;
-
-  -webkit-box-shadow: -1px -1px 0 #F0F0F0 inset;
-  -moz-box-shadow: -1px -1px 0 #F0F0F0 inset;
-  box-shadow: -1px -1px 0 #F0F0F0 inset;
-}
-.ui.feed .event .who img {
-  display: block;
-  width: 35px;
-}
-
-/* What */
-.ui.feed .event .what {
-  margin-left: 50px;
-
-  font-size: 12px;
-  line-height: 1.33;
-  color: #555555;
-}
-.ui.feed .event .what p {
-  margin: 0px;
-  padding: 0px;
-}
-.ui.feed .event .what a {
-  font-weight: bold;
-}
-.ui.feed .event .what img {
-  max-width: 100%;
-}
-
-.ui.feed .event .what blockquote {
-  display: block;
-  overflow: hidden;
-
-  margin: 8px 0px;
-  background-color: #F6FAFC;
-  border: 1px solid #E8F2F7;
-  line-height: 1.6;
-  padding: 6px 9px;
-
-  color: #666666;
-  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
-}
-.ui.feed .event .what blockquote.grey {
-  background-color: #FAFAFA;
-  border: 1px solid #EAEAEA;
-  font-weight: bold;
-}
-.ui.feed .event blockquote img {
-  float: left;
-  width: 75px;
-  margin-right: 20px;
-}
-.ui.feed .event .what blockquote p {
-  margin: 0px 0px 10px;
-}
-
-
-.ui.feed .event .what .attached {
-  overflow: hidden;
-  margin: 8px 0px 0px;
-}
-.ui.feed .event .what .attached img {
-  float: left;
-  margin: 0px 5px 0px 0px;
-}
-.ui.feed .event .what .attached a img {
-  border: 1px solid #B2B2B2;
-}
-.ui.feed .event .what .attached a:hover img {
-  border: 1px solid #999999;  
-}
-
-/* When */
-.ui.feed .event .when {
-  float: right;
-
-  font-size: 11px;
-  text-align: right;
-  color: #A1A1A1;
-}
-
-
-/* Expanded Style */
-.ui.large.feed .who {
-  width: auto;
-  height: auto;
-}
-.ui.large.feed .who img {
-  width: auto;
-}
-.ui.large.feed .what {
-  margin-left: 70px;
-  font-size: 14px;
-  line-height: 1.33;
-}
-.ui.large.feed .what blockquote {
-  color: #555555;
-}
-.ui.large.feed .what img {
-  display: block;
-  width: auto;
-}
-.ui.large.feed .when {
-  font-size: 12px;
-}
--- a/src/views/feed.less
+++ b/src/views/feed.less
@ -0,0 +1,110 @@
+/*
+ * # Activity Feed View
+ * http://github.com/quirkyinc/semantic
+ *
+ *
+ * Copyright 2013 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ * Released: May 22, 2013
+ */
+
+
+/*******************************
+         Activity Feed
+*******************************/
+
+.ui.feed {
+
+}
+
+.ui.feed a {
+  cursor: pointer;
+}
+
+
+/*******************************
+            Content
+*******************************/
+
+/* Event */
+.ui.feed .event {
+  width: 100%;
+  display: table;
+  border-top: 1px dotted rgba(0, 0, 0, 0.1);
+  padding: 1em;
+
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.ui.feed .event:first-child {
+  border-top: 0px;
+}
+
+/* Event Label */
+.ui.feed .label {
+  width: 3em;
+  display: table-cell;
+  vertical-align: top;
+  text-align: left;
+}
+.ui.feed .label .icon {
+  font-size: 1.75em;
+  margin: 0em;
+}
+.ui.feed .label img {
+  width: 3.25em;
+  padding: 0.25em;
+  margin: 0em;
+  border-radius: 50em;
+}
+
+/* Content */
+.ui.feed .content {
+  display: table-cell;
+  vertical-align: top;
+  text-align: left;
+  padding: 1em 1em 0em;
+}
+
+/* Date */
+.ui.feed .content .date {
+  float: right;
+  color: rgba(0, 0, 0, 0.4);
+}
+
+/* Summary */
+.ui.feed .content .summary {
+  color: rgba(0, 0, 0, 0.75);
+}
+.ui.feed .content .summary img {
+  display: inline-block;
+  margin-right: 0.25em;
+  width: 4em;
+  border-radius: 500px;
+}
+
+/* Additional Information */
+.ui.feed .content .extra {
+  margin: 1em 0em 0em;
+  padding: 0.5em 0em 0em;
+  color: rgba(0, 0, 0, 0.5);
+}
+
+
+.ui.feed .content .extra.images {
+
+}
+.ui.feed .content .extra.images img {
+  display: inline-block;
+  margin-right: 1em;
+  width: 9em;
+}
+
+.ui.feed .content .extra.text {
+  padding: 0.5em 1em;
+  border-left: 0.2em solid rgba(0, 0, 0, 0.1);
+}