Check out the Live Demo
Sarus is a minimalistic front-end framework for when you need a SEO-friendly continuous scroll across a lot of content. Sarus implements a UX similar to Quartz, and allows for bringing in new content seamlessly on scroll instead of tap/click. Couple that with context-based URL switching, and you got yourself a SEO winner! Sarus is perfect for your blog and any scenario where a continuous flow of content is needed.
Made with love by @adityaraj, @fotuzlab and @ray1claw
Sarus loads data incrementally as you scroll, hence speed to load any post is equal to loading the first post.
Sarus is completely independent of the way data is stored in the back-end. It uses an API or RSS feeds to fetch the posts providing complete abstraction between front-end and back-end. This also makes it compatible with apps that use mobile-native/content management/proprietary solutions to store data.
Sarus comes with extensive inline documentation to help you integrate it into your system with ease. HTML partials are easy to identify and maintain.
Along infinite scroll, Sarus maintains URL paths of posts for the browser. This allows search engines to index your content without hiccups.
Being based on AngularJS, Sarus allows any level of customization in design and functionality. It is as easy to customize as it is to set up.
Sarus uses the Sass version of Zurb Foundation, and comes responsive out of the box. You can easily either extend it or replace the whole styling component to make it look and feel like you want.
It maintains users' browser history using HTML5 History API. Bookmark and find your visited articles with ease.
Sharethis comes bundled with it to allow easy sharing across social media.
Minimum requirement is following tags in feed XML:
<title></title>
<link></link>
<description></description>
For an API call, following urls are required:
/:count
/offset/:slug/:count
/slugs/:offset/:count
These urls are defined in the RSS server script in the bundle. See below.
Sarus uses the data that you expose it via an API or RSS feed.
A NodeJS script to convert RSS feeds into required format comes in the bundle.
-
Replace line 22 with feed url at server/RSS/app.js.
-
Modify the endpoint to Node server's path on line 9 at js/controllers.js e.g. http://localhost:3000
Sarus can be used with custom API. This API should return content in JSON with minimum of following keys:
title
link
description
- Modify the endpoint to the address of API calls on line 9 at js/controllers.js e.g. http://example.com. Do not add trailing slash.
Follow us on Twitter for updates
Developed by @adityaraj @fotuzlab @ray1claw