feat: Display github avatars of authors in learning path

README.md

@@ -65,6 +65,7 @@ hugo new path-name/subpath2.md
 | `sub` | Boolean | Specifies if a learning path is path or subpath | `false` |
 | `keywords` | Array | Search terms for the learning path, used by the search bar to do fuzzy search | `["python", "backend"]` |
 | `tags` | Array | Used to generate tag pages | `["python", "backend"]` |
+| `authors` | Array | github usernames of authors | `["author1", "author2"]` |
 
 ### License
 This project is licensed under [MIT License](LICENSE)

archetypes/default.md

@@ -12,10 +12,9 @@ image: images/learning-path-name/image.png
 sub: false
 keywords: ["keyword1", "keyword2"]
 tags: ["tag1", "tag2"]
+authors: ["author1","author2"]
 ---
 
-A learning path for learning {insert-tech} curated by {insert-curator-github-username}
-
 ## Why learn X ❓
 Applications of {X}.
 

content/django/index.md

@@ -7,12 +7,9 @@ image: images/django/django.jpg
 sub: false
 keywords: ["python", "django", "backend"]
 tags: ["python", "django", "backend"]
+authors: ["irenekurien"]
 ---
 
-<i> "The web framework for perfectionists with deadlines." </i> ✨
-<br><br>
-Learning path for Django curated by [Irene](https://github.com/irenekurien/)🎀
-
 ## Why learn Django ❓
 Django is a popular web framework built on top of python. It helps programmers rapidly create maintainable and flexiable web applications powered by an SQL Database. <br>
 <br>

content/frontend/index.md

@@ -7,10 +7,9 @@ image: images/frontend/fe.png
 sub: false
 keywords: ["web", "frontend", "html", "css", "javascipt"]
 tags: ["web", "frontend", "html", "css", "javascipt"]
+authors: ["akhilmhdh"]
 ---
 
-Learning path for Frontend Web Development curated by [Akhil](https://github.com/akhilmhdh/)🎀
-
 ## Install and setup stuffs 🚧
 
 For learning Web Development you need to first set up the following things

content/hacking/index.md

@@ -7,10 +7,9 @@ image: images/hacking/hacker.jpg
 sub: false
 keywords: ["hacking", "bounty"]
 tags: ["hacking", "bounty"]
+authors: ["fasalmbt"]
 ---
 
-by [Fasal](https://github.com/fasalmbt/) 🕶️
-
 ### Programming Knowledge
 
 Programming knowledge is a must obviously.

content/html-css/index.md

@@ -7,10 +7,9 @@ featured: false
 sub: false
 keywords: ["web", "frontend", "html", "css"]
 tags: ["web", "frontend", "html", "css"]
+authors: ["aka8921"]
 ---
 
-Learning path for HTML & CSS curated by [Vighnesh](https://github.com/aka8921/)🎀
-
 ## Why learn HTML & CSS ❓
 
 HTML & CSS is the backbone of layout & designing of web pages. Whatever you *SEE* in a web browser is basically HTML and CSS. Add some JavaScript with it and you'll have a pretty decent web app.

themes/tinkerhub/layouts/_default/single.html

@@ -18,7 +18,17 @@ <h1>Contents</h1>
             <div class="image" style="background-image: url({{ .Site.BaseURL }}{{ .Params.image }});"></div>
             {{ end }}
             <header>
-                <h1>{{ .Title }} {{ if eq .Params.author true }}<small>by @{{ .Params.author }}</small>{{ end }}</h1>
+                <h1>{{ .Title }}</h1>
+                <section>
+                {{if .Params.authors}}
+                <p>Curated By</p>
+                {{range $author := .Params.authors}}
+                {{$url := printf "%s" $author | printf "%s%s" "https://github.com/" | printf "%s"}}
+                {{$imageurl := printf "%s" ".png?size=48" | printf "%s%s" $url}}
+                <a href={{$url}}><img class="avatar" src={{$imageurl}} alt={{ printf "%s" $author | printf "%s%s" "Avatar of " }}></a>
+                {{end}}
+                </section>
+                {{end}}
             </header>
             <section class="content">{{ .Content }}</section>
         </article>
@@ -32,9 +42,6 @@ <h1>Related</h1>
                     <li>
                         <a href="{{ .RelPermalink }}">
                           <span class="name">{{ .Title }}</span>
-                            {{ if eq .Params.author true }}
-                            <span class="author">by @{{ .Params.author }}</span>
-                            {{ end }}
                         </a>
                     </li>
                     {{ end }}

themes/tinkerhub/less/layouts/single.less

@@ -133,9 +133,7 @@
 
     article {
         header {
-            padding-bottom: 40px;
-            border-bottom: 2px solid #EFF0F2;
-            margin-bottom: 32px;
+            margin-bottom: 1em;
 
             h1 {
                 font-size: 32px;
@@ -321,6 +319,11 @@
         margin-bottom: 24px;
     }
 }
+.avatar
+{
+    border-radius: 50%;
+    padding: 1em;
+}
 
 //
 // chroma

themes/tinkerhub/static/index.css

@@ -221,9 +221,7 @@ body {
   display: none;
 }
 .single article header {
-  padding-bottom: 40px;
-  border-bottom: 2px solid #EFF0F2;
-  margin-bottom: 32px;
+  margin-bottom: 1em;
 }
 .single article header h1 {
   font-size: 32px;
@@ -381,6 +379,10 @@ body {
 .content dd {
   margin-bottom: 24px;
 }
+.avatar {
+  border-radius: 50%;
+  padding: 1em;
+}
 .language-diff .gd,
 .language-patch .gd {
   color: #ff4164;