Us-detail layout structure

Author: Xaviju

README.md

@@ -8,12 +8,26 @@ Setup initial environment
 
 Install requirements:
 
+**Ruby / Sass**
+
+You can install Ruby through the apt package manager, rbenv, or rvm.
+Install Sass through your **Terminal or Command Prompt**.
+
+```bash
+    gem install sass
+    sass -v // should return Sass 3.3.8 (Maptastic Maple)
+```
+
+> Complete process for all OS at: http://sass-lang.com/install
+
+**Node + Bower + Gulp**
+
 ```bash
-sudo npm install -g gulp
-npm install
-sudo npm install -g bower
-bower install
-gulp
+    sudo npm install -g gulp
+    npm install
+    sudo npm install -g bower
+    bower install
+    gulp
 ```
 
 And go in your browser to: http://localhost:8080/

app/fonts/taiga.eot

@@ -45,6 +45,7 @@
         @extend %large;
         bottom: .2rem;
         color: $postit-hover;
+        cursor: move;
         display: none;
         position: absolute;
         &:hover {

app/fonts/taiga.svg

@@ -115,62 +115,80 @@ a:visited {
 }
 
 .icon-backlog:before {
-    content: 'a';
+  content: 'a';
 }
 .icon-issues:before {
-    content: 'b';
+  content: 'b';
 }
 .icon-kanban:before {
-    content: 'c';
+  content: 'c';
 }
 .icon-search:before {
-    content: 'd';
+  content: 'd';
 }
 .icon-video:before {
-    content: 'e';
+  content: 'e';
 }
 .icon-wiki:before {
-    content: 'f';
+  content: 'f';
 }
 .icon-settings:before {
-    content: 'g';
+  content: 'g';
 }
 .icon-move:before {
-    content: 'i';
+  content: 'i';
 }
 .icon-filter:before {
-    content: 'j';
+  content: 'j';
 }
 .icon-tag:before {
-    content: 'k';
+  content: 'k';
 }
 .icon-bulk:before {
-    content: 'l';
+  content: 'l';
 }
 .icon-arrow-up:before {
-    content: 'h';
+  content: 'h';
 }
 .icon-arrow-right:before {
-    content: 'm';
+  content: 'm';
 }
 .icon-arrow-left:before {
-    content: 'n';
+  content: 'n';
 }
 .icon-arrow-bottom:before {
-    content: 'o';
+  content: 'o';
 }
 .icon-edit:before {
-    content: 'p';
+  content: 'p';
 }
 .icon-delete:before {
-    content: 'q';
+  content: 'q';
 }
 .icon-iocaine:before {
-    content: 'r';
+  content: 'r';
 }
 .icon-drag-h:before {
-    content: 's';
+  content: 's';
 }
 .icon-drag-v:before {
-    content: 't';
+  content: 't';
+}
+.icon-fontawesome-webfont:before {
+  content: 'u';
+}
+.icon-fontawesome-webfont-1:before {
+  content: 'v';
+}
+.icon-clipboard-notes:before {
+  content: 'w';
+}
+.icon-male:before {
+  content: 'x';
+}
+.icon-plus:before {
+  content: 'y';
+}
+.icon-attachment:before {
+  content: 'A';
 }

app/fonts/taiga.ttf

@@ -21,6 +21,7 @@ body {
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: flex-start;
+    min-height: 100%;
     padding-left: 90px;
 }
 

app/fonts/taiga.woff

@@ -0,0 +1,31 @@
+extends layout
+
+block head
+    title Taiga  Project management web application with scrum in mind!
+
+block content
+    div.main.us-detail
+        header
+            h1
+                span ProjectName
+                span.green User Story
+            a.button.button-green(href="", title="Edit") Edit
+        section.us-story-main-data
+            h2.us-title
+                span.us-number 125
+                span-us-name Tagear contenido dentro de las catas privadas
+            div.user-story-tags
+                - for(var y = 0; y < 6; y++)
+                    include views/components/tag
+                input(type="text", placeholder="Add Tag")
+            div.us-description
+                p Hay que cambiar el texto "Hola NombreDelUsuario" por "Nivel de conexion al XX%"
+                p La propuesta que esperábamos de UX debía incluir nombre y nivel de conexión. Esperamos nueva propuesta corregida donde aparezca tanto el nombre como el % de conexión
+                p <strong>Test de aceptación</strong>
+                ul
+                    li Entro en la aplicación
+                    li Compruebo que el indicador crece
+                p <strong>Prototipos</strong><br /><a href="">share.axure.com/lalala</a>
+                p <strong>Prototipos</strong><br /><a href="">share.axure.com/lalala</a>
+        include views/modules/attachments
+    sidebar.menu-secondary.sidebar