danirus / dcx-comp-html Goto Github PK

Create the look and feel of a page with an article and the comment form underneath. Just that.
Call it article-colonies-001.html.

Add the quotes and articles html pages.

Once the header of the page is styled, including the dropdown select, the index.html page has to get styled in two blocks, with an article and an aside semantic elements, and the aside element has to have a list of comments. Style the comments in a separate file. It's required to reduced the amount of elements and classes when styling the comments.

Add a vertical line with CSS that will finish at the button to send a reply to the comment. This should be display for all comments that can receive nested comments.

Create the look and feel of a page with an article, a couple of comments, and the comment form at the bottom, all in that order.
Call it article-colonies-002.html.

Preview a comment has two cases:

• The comment being previewed is at the top level, so it's not a reply to another comment.
• The comment being previewed is a reply to another comment.

In the second case the parent comment has to be displayed as well.

Write the mockup to show how it should look the reaction.html template of django-comments-xtd v3.0.

Create the look and feel of a page with an article, a nested structure of comments, and the comment form at the bottom, all in that order. The nested structured does not have to be in a tree form (as it is right now in django-comments-xtd v2). It should rather use an indention of some sort, that will be applied easily depending on the attribute level of the comment. This makes retrieving comments easier as the come in a list. The actual solution retrieves a tree structure which doesn't allow pagination and requires computing the tree in the backend.

Vertical lines to delimit comment threads start to early. The lines start before the user avatar. Fix it in CSS.

Show a reply form below all the nested replies of a comment at level 0.

The first of the must be considered a valid choice instead of an empty to display when no other has been selected. If not has the selected attribute, the first must be considered the selected option.

Comments in a level that is not the maximum thread level allow users to post replies. Where do I want to display the reply form? I believe right after the last reply to the comment.
Write a mockup to show the case.