Update posts section in Homepage - Most things look good now

9 files changed, 54 insertions, 70 deletions

diff --git a/static/css/styles.css b/static/css/styles.css
index 23051301..3df5c61e 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -20,6 +20,7 @@ body {
     min-width: 100%;
     min-height: 100%;
     z-index: -1;
+    object-fit: cover;
 }
 
 #overlay {
@@ -147,11 +148,6 @@ blockquote {
     font-size: 11px;
 }
 
-/* #posts tr {
-    border-bottom: solid 1px #dddddd;
-} */
-
-
 /* Pagination Table */
 #pagination {
     margin: 20px auto;
@@ -248,20 +244,6 @@ blockquote {
     padding: 0px;
 }
 
-.ql-mathjax-block img,
-.ql-mathjax-inline img {
-    float: none !important;
-}
-
-.ql-mathjax-block img {
-    margin-bottom: 15px;
-    padding: 0px !important;
-}
-
-.ql-mathjax-inline img {
-    padding: 0px !important;
-}
-
 .highlight {
     background: none !important;
     text-align: left !important;
@@ -274,6 +256,8 @@ blockquote {
 
 .comment .highlight {
     width: 630px;
+    word-wrap: break-word;
+    overflow-x: auto;
 }
 
 .comment pre {
@@ -323,21 +307,6 @@ blockquote {
     display: block;
 }
 
-#recent-posts h1 {
-    margin: 0px;
-    padding: 0px;
-    font-size: 16px;
-    font-weight: bold;
-}
-
-#recent-posts a {
-    color: #91b3ee;
-}
-
-#recent-posts h1 a {
-    color: #56a6a1;
-}
-
 #article-body,
 #editor-container {
     font-size: 11px;
diff --git a/static/images/backgrounds/announcements_border.png b/static/images/backgrounds/announcements_border.png
index b758c1b7..6a626e5a 100644
--- a/static/images/backgrounds/announcements_border.png
+++ b/static/images/backgrounds/announcements_border.png
diff --git a/templates/blog/archives.html b/templates/blog/archives.html
index 69cc0529..09ec4963 100644
--- a/templates/blog/archives.html
+++ b/templates/blog/archives.html
@@ -1,9 +1,9 @@
 {% extends 'blog/partials/base.html' %} {% block content %}
-<h2 style="margin-top:0px;">Archives</h2>
+<h2 style="margin-top:15px;">Archives</h2>
 {% load static %}
 {% if archives %}
 <div id="archives-area">
-    <ul>
+    <ul style="border-radius: 8px;">
         {% for archive in archives %}
         <li>
             <span>
diff --git a/templates/blog/articles.html b/templates/blog/articles.html
index ec4cf710..7c3d9958 100644
--- a/templates/blog/articles.html
+++ b/templates/blog/articles.html
@@ -1,11 +1,10 @@
 {% extends 'blog/partials/base.html' %} {% block content %}
-
 {% if type == 'articles' %}
-<h2 style="margin-top:0px;"> All Posts</h2>
+<h2 style="margin-top:15px;"> All Posts</h2>
 {% elif type == 'articles-archive' %}
-<h2 style="margin-top:0px;"> Posts made in {{ date }}</h2>
+<h2 style="margin-top:15px;"> Posts made in {{ date }}</h2>
 {% elif type == 'articles-category' %}
-<h2 style="margin-top:0px;"> Posts made in Category: {{ category }}</h2>
+<h2 style="margin-top:15px;"> Posts made in Category: {{ category }}</h2>
 {% endif %}
 
 
@@ -34,8 +33,7 @@
     <span>&nbsp;&nbsp;</span>
     <input type="submit" value="Apply" class="button button-special" />
 </form>
-<div id="recent-posts" class="mtctitem">
-    <br>
+<div style="margin-top: -10px;">
     {% include 'blog/partials/post_list.html' %}
 </div>
 <div>
diff --git a/templates/blog/categories.html b/templates/blog/categories.html
index 6708f3d8..b95403ea 100644
--- a/templates/blog/categories.html
+++ b/templates/blog/categories.html
@@ -1,9 +1,9 @@
 {% extends 'blog/partials/base.html' %} {% block content %}
-<h2 style="margin-top:0px;">Categories</h2>
+<h2 style="margin-top:15px;">Categories</h2>
 {% load static %}
 {% if categories %}
 <div id="categories-area">
-    <ul>
+    <ul style="border-radius: 8px;">
         {% for category in categories %}
         <li>
             <span>
diff --git a/templates/blog/home.html b/templates/blog/home.html
index 391c510e..a0fe6b47 100644
--- a/templates/blog/home.html
+++ b/templates/blog/home.html
@@ -49,7 +49,7 @@
 </div>
 {% if posts %}
 <div id="recent-posts" class="mtctitem">
-  <h2>Recent Posts</h2>
+  <h2 style="margin-bottom: -20px;">Recent Posts</h2>
   {% include 'blog/partials/post_list.html' %}
 </div>
 {% endif %}
diff --git a/templates/blog/partials/base.html b/templates/blog/partials/base.html
index af1f4da1..81ba98e1 100644
--- a/templates/blog/partials/base.html
+++ b/templates/blog/partials/base.html
@@ -64,7 +64,6 @@
       playsinline
       loop
       preload="auto"
-      poster="{% static 'images/backgrounds/poster.png' %}"
     >
       <source
         src="{% static 'videos/background.mp4' %}#t=0.1"
diff --git a/templates/blog/partials/post_list.html b/templates/blog/partials/post_list.html
index 566cd9ef..b6b0ae53 100644
--- a/templates/blog/partials/post_list.html
+++ b/templates/blog/partials/post_list.html
@@ -1,27 +1,45 @@
 {% load tz %}
+{% load static %}
 {% for post in posts %}
     <div class="post" style="clear: both;">
-    <span>
-        <img src="{% url 'ignis:post_image' '320' post.id %}.gif" alt="Cover image for {{ post.title }}" style="float: left; width: 320px; margin: 0 11px 11px 0;">
-    </span>
-    <h1 style="margin-top: 0px; margin-bottom: 0px;">
-        <a href="{% url 'blog:post' post.slug %}">{{ post.title }}</a>
-    </h1>
-    <br>
-        <span style="font-size: 11px">Posted on <em><u>{% localtime on %}{{ post.date | date:"M d, Y" }}{% endlocaltime %}</u></em> by <em><a href="{% url 'blog:user_activity' post.author %}">{{ post.author }}</a> in <a href="{% url 'blog:categories' %}/{{ post.category.slug }}">{{ post.category }}</a></em></span>
-    <br><br>
-    <span style="font-size: 11px">Tags: </span>
-    {% for tag in post.tags.all %}
-        <a href="#" class="tag">{{ tag.name|title }}</a>{% if not forloop.last %},{% endif %}
-    {% endfor %}
-    <br><br>
-    <hr>
-    <div style="text-align: justify; margin-bottom: 0px;">
-        {{ post.excerpt | safe }}
-    </div>
-    <div class="post-actions" style="clear: both;">
-        <a href="{% url 'blog:post' post.slug %}">Continue Reading</a> | <a href="{% url 'blog:post' post.slug %}#comments">{{ post.num_comments }} Comments</a>
-    </div>
-    <br>
+        <div style="float:none;text-align: justify; margin-bottom: 0px; line-height: 15px;">
+            <div class="post-header">
+                <h1 style="margin: 30px 0px 0px 0px; text-align: left; font-size: 18px; font-weight: bold;">
+                    <a style="color: #f4ebff;" href="{% url 'blog:post' post.slug %}">{{ post.title }}</a>
+                </h1>
+                <div style="margin: 15px 0px 0px 20px; display: inline-block;">
+                    {% with post.author.userprofile_set.first as userprofile %}
+                        <div style="height: 20px; width: 20px; display: inline-block; margin-right: 4px; border-radius: 10px; background-image: url('{% static 'images/avatars/' %}{{ userprofile.avatar_url }}.gif'); background-size: cover; background-position: center;"></div>
+                    {% endwith %}
+                    <div style="display: inline-block; vertical-align: top;">
+                        <a href="{% url 'blog:user_activity' post.author %}" style="font-weight: bold; font-size: 11px; position: relative; top: 2.5px;">
+                            {{ post.author.first_name }} {{ post.author.last_name }}
+                        </a>
+                        <span style="position: relative; top: 2.5px;">posted in</span>
+                        <a href="{% url 'blog:categories' %}/{{ post.category.slug }}" style="position: relative; top: 2.5px;">
+                            {{ post.category }}
+                        </a>
+                        <span style="position: relative; top: 2.5px; margin-left: 4px;"><b>|</b></span>
+                        <span style="position: relative; top: 2.5px; margin-left: 4px;">{% localtime on %}{{ post.date | date:"M d, Y" }}{% endlocaltime %}</span>
+                    </div>
+                </div>
+            </div>
+            <div class="post-body">
+                <img style="{% if forloop.counter|divisibleby:2 %}float:right; margin-left: 11px;{% else %}float:left; margin-right: 11px;{% endif %} width: 350px; height: 233px; border-radius: 8px;" src="{% url 'ignis:post_image' '350' post.id %}.gif">
+                {{ post.excerpt | safe }}
+            </div>
+            {% comment %} <h1 style="margin-top: 0px; margin-bottom: 0px;">
+            <a href="{% url 'blog:post' post.slug %}">{{ post.title }}</a>
+            </h1>
+            <span style="font-size: 11px">Posted on <em><u>{% localtime on %}{{ post.date | date:"M d, Y" }}{% endlocaltime %}</u></em> by <em><a href="{% url 'blog:user_activity' post.author %}">{{ post.author }}</a> in <a href="{% url 'blog:categories' %}/{{ post.category.slug }}">{{ post.category }}</a></em></span>
+            <span style="font-size: 11px">Tags: </span>
+            {% for tag in post.tags.all %}
+            <a href="#" class="tag">{{ tag.name|title }}</a>{% if not forloop.last %},{% endif %}
+            {% endfor %}
+            {{ post.excerpt | safe }} {% endcomment %}
+        </div>
+        <div class="post-actions" style="clear: both;">
+            <a href="{% url 'blog:post' post.slug %}">Continue Reading</a> | <a href="{% url 'blog:post' post.slug %}#comments">{{ post.num_comments }} Comments</a>
+        </div>
     </div>
 {% endfor %}
\ No newline at end of file
diff --git a/templates/blog/partials/sidebar.html b/templates/blog/partials/sidebar.html
index f8181715..b0c7b59b 100644
--- a/templates/blog/partials/sidebar.html
+++ b/templates/blog/partials/sidebar.html
@@ -119,7 +119,7 @@
                 </a>
             </span>
         </li>
-        <li>
+        {% comment %} <li>
             <span>
                 <img src="{% static 'images/site/icons/issues.gif' %}" alt="Tags" border="0">
             </span>
@@ -128,7 +128,7 @@
                     Tags
                 </a>
             </span>
-        </li>
+        </li> {% endcomment %}
         <li>
             <span>
                 <img src="{% static 'images/site/icons/setup.gif' %}" alt="Source Code" border="0">