Merge pull request #25 from Netcentric/development-circle

Add development circle posts

Author: quicoto

data/homepage.yml

@@ -36,7 +36,14 @@ blog:
   subtitle : "Updates and milestones of our open source projects"
   # blog post comes from 'content/blog'
 
-################################ Blog ###################################
+######################### Development Circle ##############################
+developmentcircle:
+  enable : true
+  title : "Development Circle"
+  subtitle : ""
+  url: "https://www.netcentric.biz/insights/jcr:content.blogposts.developer-circle.json"
+
+################################ Careers ###################################
 careers:
   enable : true
   title : "Careers"

themes/influencer-hugo/assets/scss/templates/_blog.scss

@@ -85,4 +85,11 @@
 	.page-item:last-child .page-link {
 		border-radius: 0;
 	}
+}
+
+#developmentcircle {
+	.card-footer {
+		border-style: none;
+		background-color: transparent;
+	}
 }

themes/influencer-hugo/layouts/_default/post.html

@@ -21,7 +21,7 @@
         </span>
       </span>
     </div>
-    <h3 class="h4 mt-2 mb-3"><a href="{{ .Permalink }}">{{ .Title | markdownify }}</a></h3>
+    <h3 class="h4 mt-2 mb-3"><a href="{{ .Permalink }}" title="{{ .Title | markdownify }}">{{ .Title | markdownify }}</a></h3>
     <div class="d-block font-italic mb-4">
       {{ .Summary }}..
     </div>

themes/influencer-hugo/layouts/_default/single.html

@@ -38,4 +38,8 @@
   </div>
 </section>
 
+{{ if .Site.Data.homepage.developmentcircle.enable }}
+  {{- partial "development-circle.html" . -}}
+{{ end }}
+
 {{ end }}

themes/influencer-hugo/layouts/index.html

@@ -108,7 +108,6 @@ <h3 class="h4 card-title repo-title">
 {{ end }}
 {{ end }}
 
-
 {{ if .Site.Data.homepage.blog.enable }}
 <section class="section blog-home border-top" id="blog">
   <div class="container">
@@ -123,7 +122,7 @@ <h2 class="text-lg mb-3">{{ .title | markdownify }}</h2>
     </div>
     {{ end }}
     <div class="row">
-      {{ range first 3 (where .Site.RegularPages "Type" "post")}}
+      {{ range first 3 (where .Site.RegularPages "Type" "post") }}
         <div class="col-xl-4">
           {{ .Scratch.Set "blog" false }}
           {{ .Render "post" }}
@@ -137,4 +136,8 @@ <h2 class="text-lg mb-3">{{ .title | markdownify }}</h2>
 </section>
 {{ end }}
 
+{{ if .Site.Data.homepage.developmentcircle.enable }}
+  {{- partial "development-circle.html" . -}}
+{{ end }}
+
 {{ end }}

themes/influencer-hugo/layouts/partials/development-circle.html

@@ -0,0 +1,42 @@
+<section class="section blog-home border-top" id="developmentcircle">
+  <div class="container">
+    {{ with .Site.Data.homepage.developmentcircle }}
+      <div class="row justify-content-center">
+        <div class="col-lg-6">
+          <div class="section-heading text-center">
+            <h2 class="text-lg mb-3">{{ .title | markdownify }}</h2>
+            <p>{{ .subtitle | markdownify }}</p>
+          </div>
+        </div>
+      </div>
+
+      <div class="card-deck">
+        {{ $repo := (getJSON .url) }}
+        {{ range first 3 $repo }}
+          <div class="blog-item card mb-4 border-0">
+            {{ if .image }}
+              <a href="{{ .url }}" title="{{ .title | markdownify }}"><img src="{{ .image | relURL }}" alt="{{ .title | markdownify }}" class="img-fluid w-100" rel="nofollow"></a>
+            {{ end }}
+            <div class="blog-item-content p-4">
+              <div class="blog-meta mb-2 small">
+                <span class="d-flex align-items-center text-black mr-4">
+                  <img class="icon mr-2" alt="Clock icon" src="/images/icons/clock.svg" />
+                  <span class="d-inline-block">{{ (time .date).Format "January 02, 2006" }}</span>
+                </span>
+
+                <span class="d-flex align-items-center text-black mr-3">
+                  <img class="icon mr-2" alt="Person icon" src="/images/icons/person.svg" />
+                  <span class="d-inline-block">by {{ .authors }}</span>
+                </span>
+              </div>
+              <h3 class="h4 mt-2 mb-3"><a href="{{ .url }}" title="{{ .title | markdownify }}">{{ .title | markdownify }}</a></h3>
+              <div class="d-block font-italic mb-4">
+                {{ .excerpt | plainify | truncate 100 }}
+              </div>
+            </div>
+          </div>
+        {{ end }}
+      {{ end }}
+    </div>
+  </div>
+</section>