<!DOCTYPE html>
<html lang="en">
{% include wordgames/authorpagehead/authorpagehead.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 {
    width: 300px;
    border-bottom: 2px solid;
    font-weight: 900;
    font-size: 28px;
  }

  .contributors-articles-label {
    width: 250px;
    border-bottom: 2px solid;
    font-weight: 900;
    font-size: 28px;
  }

  .author-detials {
    width: 100%;
    text-align: center;
  }

  .author-detials .author-image {
    border-radius: 100%;
    width: 200px;
    height: 200px;
  }

  .author-detials .author-name {
    font-weight: 900;
    font-size: 26px;
  }

  .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: 20px;
  }

  .website-label,
  .follow-label,
  .landing-page-heading {
    font-size: 20px;
    font-weight: 900;
  }

  .website-name {
    font-size: 14px;
  }

  .website-name a {
    opacity: .7;
    color: #6a6a6a;
    font-size: 18px;
  }


  .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: 18px;
    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: 22px;
    margin: 0 0 15px;
    font-weight: 900;
    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 wordgames/header/header.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="https://{{site.name}}">{{site.name}}</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 }}">
                    <img style="width:18px;" src=" {{ share.icon }}"></img>
                    <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>



            {% 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 -%}

            <!-- <h3 class="mb-4 articles-label">Authored Articles</h3> -->
            <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-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">
                      <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
                      <p class="blog-desc">{{post.description}}</p>
                    </a>
                  </div>
                  <div class="card-footer bg-white">
                    <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.name | 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.name | 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">
                      <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
                      <p class="blog-desc">{{post.description}}</p>
                    </a>
                  </div>
                  <div class="card-footer bg-white">
                    <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 %}
              {% endfor %}
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <script defer src="/assets/js/theme.js"></script>
  {%- include wordgames/scripts/scripts.html -%}
</body>

</html>