dsc-iem / blog Goto Github PK

After reload and sign in with the same credential it let us logged in successfully.
Error Image

Skills required

• HTML
• Django (templates)

References

• index.html page

What to do

blogsGrid.html component renders a grid with given blog items in a parent page.
Add blogsGrid.html, which lives in dscblog/pages/blocks/ dir, to blog.html, the blog
template at the end.
This should act as More blogs suggestions at shows up at the end of an article.
Take a look at the index page rendering, this should act the same way, you can use the same
function Blog.top25() to get the blogs or something similar (maybe a variant with 10 no of blogs instead).

Files to work with

• pages/blocks/blogsGrid.html
• pages/blog.html
• models.py
• paths.py

Skills required

(You don't need to know Django or Javascript for this)

• HTML
• CSS

What to do

When writing a blog, a code block is declared in markdown as

```javascript
function fancyAlert(arg) {
  if(arg) {
    $.facebox({div:'#foo'})
  }
}
 ` ``

when rendered, it takes form as:

<pre>
<code>
<span class="kd">function</span> 
<span class="nx">fancyAlert</span>
<span class="p">(</span>
...
</code>
</pre>

Your main work is to update dscblog/static/styles/emacs.css file,
change the colors and other attributes to make it look better.
It's up to you what colors to pick, just don't make it look too clumsy or too dull.
You will find codes like,

[data-theme="dark"] code .hll { color: #ffffc4 }

These codes are the optimized versions for Dark mode,
You need to make sure, it looks good in both modes.

Skills required

• Javascript
• HTML, CSS

What to do

The current blog editor only contains the editor,
but we need a header on top of the actual editor showing its title and a Done button.
The done button will resave the file and when done go to the blog page.
The design of the header is up to you, just make sure it matches with the rest of the site.
postion should be fixed.

Files to work with

• pages/blogEditor.html
• static/styles/blogEditor.css

Skills required

• html, css
• Django

What to do

You need to build a page which will show all the current user's followers.
This should be like any others pages in the site, like index', blog, only visible to logged in users. Use the function get_followers()of the user object. The URL should be/followersBuild a generic user list view inpages/blocks` directory.

Files to work with

• paths.py
• urls.py
• pages/followers.py (new)
• pages//blocks/usersList.html (new)