{% extends "base_sidebar.html" %}


{% block seo %}
  <link rel="canonical" href="https://www.pythoncheatsheet.org/author/{{ user.username }}">
  <meta property="og:url" content="https://www.pythoncheatsheet.org/author/{{ user.username }}">
  <meta name="description" content="{{ user.username }} - {{ g.md(about_me) }}">
  <meta property="og:description" content="{{ user.username }} - {{ g.md(about_me) }}">
  <meta name="twitter:description" content="{{ user.username }} - {{ g.md(about_me) }}" />
{% endblock seo %}

{% block stylesheet %}
  <link rel="stylesheet" href="{{ url_for( "static", filename="css/carbon-blog.min.css" ) }}">
{% endblock stylesheet %}


{% block main_column %}
<!-- avatar -->
<section class="is-centered">

  <!-- avatar -->
  <nav class="level">
    <p class="level-item has-text-centered">
      <img style="border-radius:50%" src="{{ user.avatar(180) }}" alt="" style="height: 180px;">
    </p>
  </nav>

  <!-- social media -->
  <div class="container column is-3">
    <nav class="level is-mobile">
      <!-- website -->
      {% if user.website %}
        <a href="{{ user.website }}" class="level-item">
          <span class="icon is-medium ">
            <i class="fas fa-link fa-lg "></i>
          </span>
        </a>
      {% endif %}

      <!-- github -->
      {% if user.github %}
        <a href="{{ user.github }}" class="level-item ">
          <span class="icon is-medium ">
            <i class="fab fa-github fa-lg"></i>
          </span>
        </a>
      {% endif %}

      <!-- twitter -->
      {% if user.twitter %}
        <a href="{{ user.twitter }}" class="level-item">
          <span class="icon is-medium ">
            <i class="fab fa-twitter fa-lg"></i>
          </span>
        </a>
      {% endif %}
    </nav>
  </div>

  <!-- username or screen name -->
  <div>
    {% if user.screen_name %}
      <h1 class="subtitle is-3 level-item is-size-4-mobile">About {{ user.screen_name }}</h1>
    {% else %}
      <h1 class="title level-item">About {{ user.username }}</h1>
    {% endif %}
  </div>

  <!-- resumé -->
  <section class="content">
    {% if user.about_me %}
      <p>{{ g.md(about_me)|safe }}</p>
    {% endif %}
    <!--  -->
    {% if user == current_user %}
      <div class="has-text-right">
        <a class="tag is-warning" href="{{ url_for('dashboard.edit_profile', username=current_user.username) }}" aria-current="page">Edit Profile</a>
      </div>
    {% endif %}
  </section>
  <br>

  <!-- blog posts -->
  <div>
    <h2 class="subtitle is-3 level-item is-size-4-mobile">Blog Posts by {{ user.username }}</h2>
    <ul style="list-style-type:disc">
      {% for post in my_posts %}
        <li>
          <a href="{{ url_for('main.article', url=post.url) }}">{{ post.title }}</a>
        </li>
      {% endfor %}
    </ul>
  </div>

</section>
{% endblock main_column %}

{% block side_column %}
  {% include 'main/_default_sidebar.html' %}
{% endblock side_column %}