Added tags to templates to know the features of each one

CouscousPHP · Dec 7, 2014 · 62fcc29 · 62fcc29
1 parent 445bc25
commit 62fcc29
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 0 deletions.
diff --git a/website/less/main.less b/website/less/main.less
@@ -5,6 +5,7 @@
 @import "timeline";
 @import "portfolio";
 @import "sidebar";
+@import "templates";
 
 // Global Components
 

diff --git a/website/less/templates.less b/website/less/templates.less
@@ -0,0 +1,10 @@
+#templates.portfolio .portfolio-item {
+  .template-features {
+    .label {
+      font-size: 75%;
+      font-weight: normal;
+      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+      font-style: normal;
+    }
+  }
+}
diff --git a/website/templates.twig b/website/templates.twig
@@ -28,6 +28,10 @@
                     <div class="portfolio-caption">
                         <h4>Couscous Light</h4>
                         <p class="text-muted">The default template.</p>
+                        <p class="template-features">
+                            <span class="label label-default">optional menu</span>
+                            <span class="label label-default">syntax highlighting</span>
+                        </p>
                     </div>
                 </div>
 
@@ -43,6 +47,11 @@
                     <div class="portfolio-caption">
                         <h4>Couscous Dark</h4>
                         <p class="text-muted">A dark template.</p>
+                        <p class="template-features">
+                            <span class="label label-default">optional menu</span>
+                            <span class="label label-default">sections</span>
+                            <span class="label label-default">syntax highlighting</span>
+                        </p>
                     </div>
                 </div>
 
@@ -58,6 +67,9 @@
                     <div class="portfolio-caption">
                         <h4>Basic template</h4>
                         <p class="text-muted">A basic template example.</p>
+                        <p class="template-features">
+                            <span class="label label-default">syntax highlighting</span>
+                        </p>
                     </div>
                 </div>