User profile modifications

yadc/assets/css/base-types.scss

@@ -237,75 +237,76 @@ label {
             }
         }
     }
-    .tag-container {
+}
-        display: flex;
+.tag-container {
-        flex-flow: row wrap;
+    display: flex;
+    flex-flow: row wrap;
 
-        // &:not(:empty) {
+    // &:not(:empty) {
-        //     padding: .2em;
+    //     padding: .2em;
-        // }
+    // }
-        &:empty {
+    &:empty {
-            display: none;
+        display: none;
-        }
+    }
 
-        > a {
+    > a {
-            display: flex;
+        display: flex;
-            justify-content: space-between;
+        justify-content: space-between;
-            overflow: hidden;
+        overflow: hidden;
-            // align-items: center;
+        // align-items: center;
-            align-items: baseline;
+        align-items: baseline;
-
-            .content {
-                margin: 0 .4em;
-                flex-grow: 1;
-                flex-basis: 100%;
-
-                // foookin compatibility
-                word-break: break-word; //chromium
-                overflow-wrap: anywhere; //just new ff
-            }
 
-            .tag-icon, .tag-right {
+        .content {
-                align-self: center;
+            margin: 0 .4em;
-            }
+            flex-grow: 1;
-            .count {
+            flex-basis: 100%;
-                font-size: .8em;
 
-                margin-right: .4em;
+            // foookin compatibility
-            }
+            word-break: break-word; //chromium
+            overflow-wrap: anywhere; //just new ff
+        }
 
+        .tag-icon, .tag-right {
+            align-self: center;
+        }
+        .count {
+            font-size: .8em;
 
-            margin: .2em;
+            margin-right: .4em;
-            // padding: .4em .75em;
+        }
-            padding: .35em .6em;
 
-            border-radius: 4px;
-            background-color: #121212ff;
 
-            cursor: pointer;
+        margin: .2em;
-            > * { pointer-events: none; }
+        // padding: .4em .75em;
+        padding: .35em .6em;
 
-            &:not(:hover) {
+        border-radius: 4px;
-                span.close {
+        background-color: #121212ff;
-                    // display: none;
-                    opacity: 0;
-                }
-                span.plus {
-                    // display: none;
-                    opacity: 0;
-                }
-            }
 
-            &.tagselected {
+        cursor: pointer;
-                background-color: #400808ff;
+        > * { pointer-events: none; }
+
+        &:not(:hover) {
+            span.close {
+                // display: none;
+                opacity: 0;
             }
-            &.tag_hide {
+            span.plus {
-                display: none;
+                // display: none;
+                opacity: 0;
             }
         }
+
+        &.tagselected {
+            background-color: #400808ff;
+        }
+        &.tag_hide {
+            display: none;
+        }
     }
 }
 
+
 .comment-container {
     padding: 0 10px;
     max-width: 500px;

yadc/templates/layout/settings.html

@@ -2,7 +2,7 @@
 
 {% block sidebar %}
 <article class="sidenav">
-    <a href="{{ url_for('user.settings') }}">Settings</a>
+    <a href="{{ url_for('user.settings') }}">Profile settings</a>
     {% if current_user.is_author or current_user.is_moderator -%}
     <a href="{{ url_for('manage.manage_posts') }}">Post management</a>
     {%- endif %}

yadc/templates/user/profile.html

@@ -6,5 +6,29 @@
 {% endblock %}#}
 
 {% block content %}
-<p class="bio">{{ user.biography }}</p>
+<section class="user-profile">
+    <h1 class="username">{{ user.username }}</h1>
+    <div class="joindate">Joined: {{ user.created.date() }}</div>
+    <div class="status">User level: {{ user.op_level.name.capitalize() }}</div>
+    <p class="bio">{{ user.biography }}</p>
+
+    <div class="blacklist">
+        <div class="tag-container">
+            {% for tag in user.tag_blacklist %}
+            <a class="tagsimple" data-tagname="{{ tag.content }}" href="{{ utils.tag_endpoint(tag.content) }}">
+                <span class="tag-icon">
+                    <span class="fa fa-tag"></span>
+                </span>
+                <span class="content">{{ tag.content_deser }}</span>
+                <span class="tag-right">
+                    <span class="fa fa-plus plus"></span>
+                    {#<span class="fa fa-close close"></span>#}
+                </span>
+                {#<span class="post_ids">{{ tag.post_ids }}</span>#}
+            </a>
+            {% endfor %}
+        </div>
+    </div>
+
+</section>
 {% endblock %}

yadc/utils.py

@@ -38,7 +38,7 @@ def tag_reference(tag=None):
 def tag_endpoint(tag):
     return query_replace(
         dict(**session_rating(), tags=tag_reference(tag)),
-        url_for('.posts')
+        url_for('post.posts')
     )
 
 from flask import request, url_for