diff options
| -rw-r--r-- | README.md | 9 | ||||
| -rw-r--r-- | aleteoryx.css | 60 |
2 files changed, 68 insertions, 1 deletions
@@ -8,7 +8,7 @@ embedded into a website via an <iframe>. ## Usage -To use this tool, just download the main rss.php file and edit it. +To use this tool, just download the main [`rss.php`][php] file and edit it. Each entry in the `$feeds` array corresponds to a feed that will be displayed. The key of the entry is the name. @@ -28,3 +28,10 @@ The cache uses PHP's builtin `serialize`/`unserialize` functions, and stores ent `{$config["cache_dir"]}/{md5($feed["url"])}`. Only one cache file will ever exist for a feed, and it is safe for multiple instances to share a cache directory, even if feed URLs overlap. + +## Styling + +[`aleteoryx.css`][css] contains an example stylesheet. + +[php]: https://git.aleteoryx.me/cgit/rss_dot_php/tree/rss.php +[css]: https://git.aleteoryx.me/cgit/rss_dot_php/tree/aleteoryx.css diff --git a/aleteoryx.css b/aleteoryx.css new file mode 100644 index 0000000..b9201a8 --- /dev/null +++ b/aleteoryx.css @@ -0,0 +1,60 @@ +/* This is the CSS in use at <https://rss.aleteoryx.me/index.php>. */ + +:root { + color: white; + background-color: black; +} + +body { + white-space: normal; + font-family: monospace; + padding: 0px; + margin: 8px; +} + +* { + font-size: 13px !important; + padding: 0px; + margin: 0px; +} + +a { + color: #d93345; + font-weight: bold; +} +a:visited { + color: #eb569e; +} + +span.source a { + color: black; + background-color: var(--brand-color); + + padding-left: 1ch; + padding-right: 1ch; + border-radius: 2ch; +} +span.source.disabled a { + color: var(--brand-color); + background-color: black; + + border: 1px solid var(--brand-color); +} + +main { + padding-top: 1em; +} + +article { + padding-top: 1em; +} + +span[data-source="Dreamwidth"] a { + --brand-color: #a42226; +} +span[data-source="Status.Cafe"] a { + --brand-color: azure; +} +span[data-source="Tumblr"] a { + --brand-color: #00b8ff; +} |