fixing minor visual erroes

themes/whiteclub/layouts/projects/project.html

@@ -84,7 +84,7 @@
                           <div class="card-body tab-pane fade {{- if eq $index 0 }} show active {{ end }}" id="{{ .Params.id }}" role="tabpanel" aria-labelledby="{{ .Params.id }}-tab">
                             <h5 class="card-title"> {{ .Title }}</h5>
                             <p class="card-text"> {{ .Params.subtitle }}</p>
-                            <a href="{{ .Params.demo }}" class="btn btn-primary">See more</a>
+                            <a href="{{ .Params.demo }}" class="btn btn-primary">Show more</a>
                           </div>
                         {{ end }}
                       {{ end }}
@@ -96,7 +96,7 @@
                       <div class="card-body text-center">
                         <h5 class="card-title"> {{ .Title }}</h5>
                         <p class="card-text"> {{ .Params.subtitle }}</p>
-                        <a href=" {{ .Params.demo }}" class="btn btn-primary">See more</a>
+                        <a href=" {{ .Params.demo }}" class="btn btn-primary">Show more</a>
                       </div>
                     </div>
                   {{ end }}
@@ -109,73 +109,61 @@
           {{ .Content }}
         </div>
 
-        <!--
-
-        {{ range where .Site.Pages "File.BaseFileName" "ewetasker" }}
-          {{ .Title }}
-
-          {{ printf "%#v" .File.BaseFileName }}
-        {{ end }}
-      -->
-
-      <!-- Si es una herramienta, poner las demos -->
-
-      <div class="related">
-      {{ $relatedPages := slice }}
-      {{ if .Params.related }}
-        <h3>Related projects</h3>
-        <div class="row">
-  	        {{ range .Params.related }}
-                {{ range where $.Site.Pages "File.BaseFileName" . }}
-                  {{ $relatedPages = $relatedPages | append . }}
-                <div class="col-auto mb-3" style="width: 18rem;">
-                  <div class="card">
-                    {{ if .Params.logo }}
-                    <a href="{{ .RelPermalink }}">{{ with .Params.logo }}<img class="card-img-top" src="{{ . }}" alt="Card image cap">{{ end }}</a>
-                    {{ end }}
-                    <div class="card-body">
-                      <a href="{{ .RelPermalink }}"><h5 class="card-title">{{ .Title }}</h5></a>
-
-                      {{ if .Params.subtitle }}
-                      {{ with .Params.subtitle }}<p class="card-text">{{ . }}</p> {{ end }}
+        <div class="related">
+        {{ $relatedPages := slice }}
+        {{ if .Params.related }}
+          <h3>Related projects</h3>
+          <div class="row">
+    	        {{ range .Params.related }}
+                  {{ range where $.Site.Pages "File.BaseFileName" . }}
+                    {{ $relatedPages = $relatedPages | append . }}
+                  <div class="col-auto mb-3" style="width: 18rem;">
+                    <div class="card">
+                      {{ if .Params.logo }}
+                      <a href="{{ .RelPermalink }}">{{ with .Params.logo }}<img class="card-img-top" src="{{ . }}" alt="Card image cap">{{ end }}</a>
                       {{ end }}
+                      <div class="card-body">
+                        <a href="{{ .RelPermalink }}"><h5 class="card-title">{{ .Title }}</h5></a>
+
+                        {{ if .Params.subtitle }}
+                        {{ with .Params.subtitle }}<p class="card-text">{{ . }}</p> {{ end }}
+                        {{ end }}
+                      </div>
                     </div>
                   </div>
-                </div>
+                  {{ end }}
+    	       {{ end }}
+          </div>
+          {{ end }}
+
+          <!-- Proyectos similares (con la misma categoria o las mismas tags) -->
+          {{ $related := (where .Site.RegularPages "Section" "projects").RelatedIndices . "categories" "tags" | first 5 }}
+          {{ $related := $related | complement $relatedPages }} <!-- Delete posts that are on .Params.related -->
+          {{ with $related }}
+          <h3>See also</h3>
+          <div class="row">
+    	       {{ range . }}
+             <div class="col-auto mb-3" style="width: 18rem;">
+              <div class="card">
+                {{ if .Params.logo }}
+                <a href="{{ .RelPermalink }}">{{ with .Params.logo }}<img class="card-img-top" src="{{ . }}" alt="Card image cap">{{ end }}</a>
                 {{ end }}
-  	       {{ end }}
-        </div>
-      {{ end }}
-
-      <!-- Proyectos similares (con la misma categoria o las mismas tags) -->
-      {{ $related := (where .Site.RegularPages "Section" "projects").RelatedIndices . "categories" "tags" | first 5 }}
-      {{ $related := $related | complement $relatedPages }} <!-- Delete posts that are on .Params.related -->
-      {{ with $related }}
-      <h3>See also</h3>
-      <div class="row">
-	       {{ range . }}
-         <div class="col-auto mb-3" style="width: 18rem;">
-          <div class="card">
-            {{ if .Params.logo }}
-            <a href="{{ .RelPermalink }}">{{ with .Params.logo }}<img class="card-img-top" src="{{ . }}" alt="Card image cap">{{ end }}</a>
-            {{ end }}
-            <div class="card-body">
-              <a href="{{ .RelPermalink }}"><h5 class="card-title">{{ .Title }}</h5></a>
+                <div class="card-body">
+                  <a href="{{ .RelPermalink }}"><h5 class="card-title">{{ .Title }}</h5></a>
 
-              {{ if .Params.subtitle }}
-              {{ with .Params.subtitle }}<p class="card-text">{{ . }}</p> {{ end }}
-              {{ end }}
+                  {{ if .Params.subtitle }}
+                  {{ with .Params.subtitle }}<p class="card-text">{{ . }}</p> {{ end }}
+                  {{ end }}
 
 
+                </div>
+              </div>
             </div>
+    	      {{ end }}
           </div>
+          {{ end }}
         </div>
-	       {{ end }}
       </div>
-      {{ end }}
-    </div>
-
-    </div>
     </article>
   </div>
 {{ end }}

themes/whiteclub/static/css/custom.css

+h1 {
+  color: #00629b;
+}
+
 .header-site {
   margin-bottom: 40px;
 }
@@ -115,6 +119,13 @@
     font-size: 16px;
 }
 
+.page-header {
+  padding-bottom: 9px;
+  margin: 40px 0 20px;
+  margin-top: 40px;
+  border-bottom: 1px solid #eee;
+}
+
 /* Estilo para centrar el botón en los divs principales */
 .jumbotron.main-box button{
   justify-content: center