{% extends 'blog/partials/base.html' %} {% block content %}
{% load static %}
{% load i18n %}
<link rel="stylesheet" href="{% static 'css/home.css' %}">
<div id="welcome" class="mtctitem">
  {% url 'blog:user_activity' 'bobby' as bobby_profile_url %}
  {% url 'blog:register' as register_url %}
  {% blocktrans %}
  <p>
    Welcome to the home of <b>Shifoo</b> (previously <i>That Computer Scientist</i>). My name is <a href="{{ bobby_profile_url }}">@bobby</a>, and this is my personal
    website. I aim to build a retro looking personal website, where I share my thoughts, ideas, and experiences through articles, and will showcase some cool nostalgic features and tools.
  </p>
  <p>
  Please note that I am continuously working on this site, and it is still under construction. So, not all features are available yet, and some features may not work as intended.
  </p>
  <p>
    There's also a some of <a href="#fun-stuff">fun stuff</a> you can find in the sidebar, that you can play around with. I will be adding more in the not so distant future.
    Also, To participate around various sections of the site, you will need to <a href="{{ register_url }}">register</a> for an account. I hope you enjoy your stay here.
  </p>
  {% endblocktrans %}
  <div id="chatbox">
    <div id="messages"></div>
    <textarea id="chatbox-input" placeholder="Type your message here... (⏎ to send)"></textarea>
  </div>
</div>
<img src="{% static 'images/gifs/construction.gif' %}" id="uc">
<div id="announcements">
  <img src = "{% static 'images/gifs/update.gif' %}" style="height: 14px;" id="update-gif">
  {% if announcements is not None %}
  <marquee behavior="scroll" direction="up" scrollamount="2" scrolldelay="20" onmouseover="this.stop()" onmouseout="this.start()">
    <ul>
      {% for announcement in announcements %}
      <li>
        <span>
          {% if announcement.is_new %}
            <img class="ac" src="{% static 'images/gifs/new_announcement.gif' %}"/>
          {% else %}
            <img class="ac2" src="{% static 'images/gifs/hand.gif' %}"/>
          {% endif %}
        </span>
        <span>
          <b>{{ announcement.created_at | date:"M d, Y" }}</b>: {{ announcement.content | safe }}
        </span>
      </li>
      <br><br>
      {% endfor %}
    </ul>
  </marquee>
  {% endif %}
</div>
<div id="fake-banner-ad" class="mtctitem">
  {% load ad %}
  <img src="{{'banner'|ad }}" alt="Ad" id="adfs" border="0"/>
</div>
{% if posts %}
<div id="recent-posts" class="mtctitem">
  <h2>Recent Posts</h2>
  {% include 'blog/partials/post_list.html' %}
</div>
{% endif %}
{% endblock %}

{% block scripts %}
{% include 'blog/partials/mathjax.html' %}
<script type="text/javascript">
  var username = "{{ user.username }}" ? "{{ user.username }}" : "Anonymous";
</script>
<script src="{% static 'js/chat.js' %}"></script>
{% endblock %}