<!DOCTYPE html> <html lang="en"> {% include appscms/head/bloghead.html %} <style> .author-page { margin-top: 50px; } .left-sidebar { background-color: #f8f9fa; width: 100%; /* height: 100vh; */ padding: 50px; } .right-sidebar { background-color: #fff; padding: 50px; } .articles-label { border-bottom: 2px solid; font-weight: 600; font-size: 20px; display: inline-block; margin-bottom: 40px !important; } .contributors-articles-label { width: 250px; border-bottom: 2px solid; font-weight: 600; font-size: 28px; } .author-detials { width: 100%; text-align: center; } .author-detials .author-image { border-radius: 100%; width: 160px; height: 160px; } .author-detials .author-name { font-weight: 500; font-size: 20px; } .about_heading { font-weight: 900; font-size: 30px; margin: 30px 0 20px; width: 90px; border-bottom: 2px solid; } .bio-desc { margin: 0 0 34px; font-size: 17px; color: var(--mid-gray); } .website-label, .follow-label, .landing-page-heading { font-size: 20px; font-weight: 500; } .website-name { font-size: 12px; } .website-name a { opacity: .7; color: #6a6a6a; font-size: 15px; } .social-icons .list-of-icons { display: flex; flex-direction: column; width: 100%; } .list-of-icons li { font-size: 20px; padding: 5px 0px; } .list-of-icons li a { color: #6a6a6a; } .list-of-icons li a span, .contributor-name, .feature-name { font-size: 15px; opacity: .7; color: #6a6a6a; ; } .website-name a:hover, .list-of-icons li a span:hover, .feature-name:hover { text-decoration: underline !important; color: blue; } .card-title { font-size: 19px; margin: 0 0 15px; font-weight: 600; text-transform: capitalize; } .card-title:hover { text-decoration: underline; } .blog-desc { font-size: 14px; } .contributor-image { width: 40px; border-radius: 100%; } .contributors-count { background: rgba(175, 184, 193, 0.2); padding: 5px; font-size: 15px; border-radius: 100%; } .feature_lists { padding: 1rem 0; font-size: 16px; position: relative; left: 20px; } </style> <body> {%- include appscms/navbars/navbar.html -%} {%- include appscms/navbars/toolbar.html -%} <section class="author-page"> <div class="container-fluid"> <div class="row"> <div class="col-md-4 left-sidebar"> <div class="author-bio-data"> {% assign posts = site.posts | where_exp:"post","post.url != page.url" %} {%- assign pageAuthorName = page.authorName | split: " " -%} {%- assign pageAuthorNameFirst = pageAuthorName.first | downcase -%} {%- assign collectionData = [pageAuthorNameFirst] -%} {%- for item in collectionData -%} {%- if forloop.index == 1 -%} {%- assign a = item -%} {%- endif -%} {%- if forloop.index == 2 -%} {%- assign authorPick = item -%} {%- endif -%} {%- if forloop.index == 3 -%} {%- assign authorAbout = item -%} {%- endif -%} {%- if forloop.index == 4 -%} {%- assign authorTwitter = item -%} {%- endif -%} {%- endfor -%} {%- if a -%} <div class="author-detials"> <img class="author-image" loading="lazy" src="{{authorPick}}" alt="{{ a }}"> <h1 class="author-name mt-4">{{a}}</h1> </div> {%- endif -%} {%- if site.name -%} <div class="websiteName mt-5 ml-5"> <h3 class="website-label">Website</h3> <p class="website-name"><a href="{{site.url}}">{{site.url}}</a></p> </div> {%- endif -%} {%- if site.data.blog.share -%} <div class="social-icons mt-5 ml-5"> <ul class="list-of-icons list-unstyled"> <h3 class="follow-label">Follow Me</h3> {% capture title %}{{ page.title }}{% endcapture %} {% assign url = page.url | relative_url | prepend: site.url %} {% for share in site.data.blog.share.platforms %} {% assign link = share.link | replace: 'TITLE', title | replace: 'URL', url %} <li> <a href=" {{ link }}" data-toggle="tooltip" onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;" data-placement="top" title="{{ share.type }}" aria-label="{{ share.type }}"> <i class="fa-fw {{ share.icon }}"></i> <span>{{share.type}}</span> </a> </li> {% endfor %} </span> </ul> </div> {%- endif -%} <div class="websiteName mt-5 ml-5"> <h3 class="website-label">List of All Authors</h3> <br> <p class="website-name"><a href="/authors">Our Authors</a></p> </div> <!-- Contributor Feature show --> {% assign already_run = false %} {% assign already_run2 = false %} {% assign folder_path = '' %} <ol class="authored-content-detials p-0 ml-5 mt-5"> {% for file in site.pages %} {% if file.path contains folder_path %} {% assign pageData = file | parse_yaml %} {% assign lang = pageData.lang %} {% assign foldername = pageData.folderName %} {% assign filename = pageData.fileName %} {% assign permalink = pageData.permalink %} {% assign json_data= site.data[foldername][lang][filename] | json %} {%- assign seocontentAuthor = json_data.author | downcase -%} {%- assign pageAuthorName = page.label | downcase -%} {%- if permalink contains '/' -%} {%- assign my_url_with_slash = permalink -%} {%- else -%} {% assign my_url_with_slash = "/" | append: permalink %} {%- endif -%} {%- if seocontentAuthor contains pageAuthorName and already_run == false -%} <h3 class="landing-page-heading">Authored content for features</h3> <li class="feature_lists"> <a class="feature-name" href="{{my_url_with_slash}}">{{permalink | replace: '-', ' '| replace: '/', ' ' | capitalize }}</a> </li> {% assign already_run = true %} {%- elsif seocontentAuthor contains pageAuthorName -%} <li class="feature_lists"> <a class="feature-name" href="{{my_url_with_slash}}">{{permalink | replace: '-', ' '| replace: '/', ' ' | capitalize }}</a> </li> {%- endif -%} {% endif %} {% endfor %} </ol> <ol class="contributed-content-detials p-0 ml-5 mt-5"> {% for file in site.pages %} {% if file.path contains folder_path %} {% assign pageData = file | parse_yaml %} {% assign lang = pageData.lang %} {% assign foldername = pageData.folderName %} {% assign filename = pageData.fileName %} {% assign permalink = pageData.permalink %} {% assign json_data= site.data[foldername][lang][filename] | json %} {%- assign seocontentAuthor = json_data.author | downcase -%} {%- assign pageAuthorName = page.label | downcase -%} {%- if permalink contains '/' -%} {%- assign my_url_with_slash = permalink -%} {%- else -%} {% assign my_url_with_slash = "/" | append: permalink %} {%- endif -%} {%- for item in json_data.contributors -%} {%- assign contributeAuthor = item.name | downcase -%} {%- if contributeAuthor contains pageAuthorName and already_run2 == false -%} <h3 class="landing-page-heading mb-4">Contributed content for features</h3> <li class="feature_lists"> <a class="feature-name" href="{{my_url_with_slash}}">{{permalink | replace: '-', ' '| replace: '/', ' ' | capitalize }}</a> </li> {% assign already_run2 = true %} {%- elsif contributeAuthor contains pageAuthorName -%} <li class="feature_lists"> <a class=" feature-name" href="{{my_url_with_slash}}">{{permalink | replace: '-', ' '| replace: '/', ' ' | capitalize }}</a> </li> {%- endif -%} {%- endfor -%} {% endif %} {% endfor %} </ol> </div> </div> <div class="col-md-8 right-sidebar"> <div class="author-content"> {%- if authorAbout -%} <div class="desc"> <h2 class="bio-desc">{{authorAbout}}</h2> </div> {%- endif -%} {% assign author_posts = site.posts | where: 'author', page.label %} {% if author_posts.size > 0 %} <h3 class="mb-4 articles-label">Authored Articles</h3> {%- endif -%} <div class="row"> {% assign posts = site.posts | where_exp:"post","post.url != page.url" %} {% for post in posts %} {%- include /authors/authors.html -%} {%- assign postAuthor = post.author | downcase -%} {%- assign pageLabel = page.label | downcase -%} {%- if postAuthor contains pageLabel -%} <div class="col-md-6 mb-5"> <div class="card h-100 appscms-blog-cards"> <a href="{{ post.url }}"> <img src="{{ post.image }}" class="card-img-top" height="215px" width="100%" loading="lazy" alt="{{post.title}}"> </a> <div class="card-body"> <a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link"> <h4 class="card-title mb-4 text-left">{{ post.title }}</h4> <p class="blog-desc">{{post.description}}</p> </a> </div> <div class="card-footer"> <div class="wrapfooter"> {% if post.author %} <a href="/authors/{{authorName | downcase | replace: ' ' , '-' }}" class="meta-footer-thumb"> <img class="author-thumb" loading="lazy" src="{{image}}" alt="{{ authorName }}"> </a> {% endif %} <div class="author-meta"> <span class="post-name"> <a target="_blank" href="/authors/{{authorName | downcase | replace: ' ' , '-' }}">{{authorName | capitalize }}</a> </span><br> <span class="post-date">{{post.date | date_to_string }}</span> </div> </div> </div> </div> </div> {%- endif -%} {% endfor %} </div> {% for post in posts %} {%- for item in post.contributors -%} {%- assign pageAuthorName = pageAuthorName | downcase -%} {%- assign contributorAuthor = item | downcase -%} {%- if pageAuthorName contains contributorAuthor -%} {%- if post.contributors.size > 0 -%} {%- assign all_Contributors = post.contributors -%} {%- assign boolean = true -%} {%- endif -%} {%- endif -%} {% endfor %} {% endfor %} {%- if boolean == true -%} <h3 class="mb-4 mt-5 contributors-articles-label">Contributed Articles</h3> {%- endif -%} <div class="row"> {% assign posts = site.posts | where_exp:"post","post.url != page.url" %} {% for post in posts %} {%- include /authors/authors.html -%} {%- for item in post.contributors -%} {%- assign pageAuthorName = pageAuthorName | downcase -%} {%- assign contributorAuthor = item | downcase -%} {%- if pageAuthorName contains contributorAuthor -%} <div class="col-md-6 mb-4 card-group"> <div class="card h-100"> <a href="{{ post.url }}"> <img src="{{ post.image }}" class="card-img-top" height="215px" width="100%" loading="lazy" alt="{{post.title}}"> </a> <div class="card-body"> <a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link" aria-label="{{post.url}}"> <h4 class="card-title mb-4 text-left">{{ post.title }}</h4> <p class="blog-desc">{{post.description}}</p> </a> </div> <div class="card-footer"> <div class="wrapfooter"> {% if post.author %} <a href="/authors/{{authorName | downcase | replace: ' ' , '-' }}" class="meta-footer-thumb" aria-label="{{post.author}}"> <img class="author-thumb" loading="lazy" src="{{image}}" alt="{{ authorName }}"> </a> {% endif %} <div class="author-meta"> <span class="post-name"> <a target="_blank" href="/authors/{{authorName | downcase | replace: ' ' , '-' }}">{{authorName | capitalize }}</a> </span><br> <span class="post-date">{{post.date | date_to_string }}</span> </div> </div> </div> </div> </div> {%- endif -%} {% endfor %} {% endfor %} </div> </div> </div> </div> </div> </section> {%- include appscms/scripts/script.html -%} {%- include appscms/footer/static-footer.html -%} </body> </html>