||11 months ago|
|src||11 months ago|
|README.md||1 year ago|
The Hacker News RSS Widget
With this widget, you can add a news feed from The Hacker News to any website based on a Linux server.
- Drag the
src/ef/folder into the same folder as the webpage on the target machine. The folder with your webpage will be represented by
- Add a
cronjob to run it once per hour. The easiest way to do this is to run this command:
and then add the following lines to your
0 * * * * cd /path_to_webpage/ef/ && python3 xml-download.py
- Copy the code in
hack-news-widget.htmlto where you want your news widget on your webpage.
How it works
xml-download.py file downloads the RSS feed from the provided endpoint. Theoretically this hardcoded endpoint could be replaced with any RSS URL, but this is specifically designed for Hacker News. The reason this isn't just placed in the webpage code is to prevent CORS errors and vulnerabilities.
The Python 3.8 code downloads the RSS feed into the
src/ef/feed.xml file. It then takes that feed and translates it into a pretty HTML template. The template includes references to the following files:
news_scroll.js, which controls the scrolling animation.
news_scroll.css, which has a reference to the fancy terminal-based color scheme in
palette.css, as well as styling to control the size of the entire widget.
The best place to look for customizing this template to your liking is in
news_scroll.css. Width, text decoration, and font sizes can be adjust from there. If fonts or colors are what you're looking to adjust, check the
terminal theme in
palette.css. It can be copied and pasted within the file, and then adjusted to your liking. In order to apply it to the widget, change the
color_theme variable in
news_scroll.js to the name of your theme. Alternatively, try some of the default themes, such as
hornetfighter-blue, based on the color palette from my website.
cron(or a similar job scheduler)
NOTICE: Heavily modified from the Allwebco Design Corporation IFrame news scroller