short-news-viewer

A small news viewer and a separated news page

Online demo here.

Preview

on Edge, Windows 10:

• index.html:

• news.html:

Installation

A small HTML snippet, you can copy-paste, or edit the code easily.

Note: When you want to open index.html or news.html on local browser with the directory looks like

file:///your/directory/here/index.html

, don't open in any Chromium-based browsers.

Note

• Kinds of news are saved in news.json.

• News format in news.json:

{
  "date": <string>,
  "txt": <string>
},

• Be careful to change the name of all *news_pad* elements in index.html and news.html!

• RECOMMENDED: Define your elements (in index.html and news.html) after

<!-- define other elements here --->

line.

New feature

• Show events in news pad (events are scheduled in Google Calendar)