dsc-iem / blog Goto Github PK
View Code? Open in Web Editor NEWBlogs from DSC-IEM
Home Page: https://blog.dsciem.tech/
Blogs from DSC-IEM
Home Page: https://blog.dsciem.tech/
index.html
pageblogsGrid.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).
(You don't need to know Django or Javascript for this)
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.
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.
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 in
pages/blocks` directory.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.