diff options
Diffstat (limited to 'data')
| -rw-r--r-- | data/assets/styles.css | 88 | ||||
| -rw-r--r-- | data/templates/index.html | 22 | ||||
| -rw-r--r-- | data/templates/template.html | 18 |
3 files changed, 128 insertions, 0 deletions
diff --git a/data/assets/styles.css b/data/assets/styles.css new file mode 100644 index 0000000..f0e8ef5 --- /dev/null +++ b/data/assets/styles.css @@ -0,0 +1,88 @@ +body { + font-family: serif; + line-height: 1.6; + background-color: #2D353B; + color: #D3C6AA; + max-width: 80rem; + margin: auto; +} + +h1 { + text-align: center; +} + +a { + color: #7FBBB3; + text-decoration: none; + background-color: transparent; +} + +a:hover, a:focus { + text-decoration: none; + background-color: #7FBBB3; + color: #2D353B; +} + +table { + width: 90%; + border-collapse: collapse; + margin: 12px auto; + font-size: 1em; +} + +tr { + margin-bottom: 10px; +} + +tr:nth-child(odd) { + background-color: #343F44; /* Light gray for odd rows */ +} + +tr:hover { + background-color: #3D484D; /* hover effect for table rows */ +} + +th, td { + padding: 10px; + border: 2px solid #475258; + text-align: left; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +th { + text-align: center; + font-size: 1.1em; +} + +.container { + max-width: 800px; + margin: auto; + padding: 12px; +} + +@media screen and (max-width: 600px) { + body { + font-size: 90%; + } + + table { + width: 100%; + display: block; + overflow-x: auto; + white-space: nowrap; + } + + th, td { + display: block; + text-align: left; + white-space: normal; + } + + tr { + display: flex; + flex-direction: column; + } + +}
\ No newline at end of file diff --git a/data/templates/index.html b/data/templates/index.html new file mode 100644 index 0000000..adfac6e --- /dev/null +++ b/data/templates/index.html @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<html lang="en"> + <link rel="stylesheet" href="./styles.css"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>{{ ring_name }} List</title> + </head> + <body> + <h1>{{ ring_name }} List</h1> + <p>{{ ring_description }}</p> + <p>Add all sites with declared RSS feeds to your feed reader with this <a href ="{{ opml }}">OPML</a> link.</p> + {{ table_of_sites | safe}} + + + <br> + <footer> + <p>Last updated: {{ current_time }} </p> + <p>Powered by <a href="https://github.com/k3rs3d/ringfairy">ringfairy</a>!</p> + </footer> + </body> +</html> diff --git a/data/templates/template.html b/data/templates/template.html new file mode 100644 index 0000000..0ae260d --- /dev/null +++ b/data/templates/template.html @@ -0,0 +1,18 @@ +<!doctype html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <meta http-equiv="refresh" content="0; url={{ url }}"> + <title>Redirecting...</title> + + <style> + body { + background-color: #000; + color: #fff; + } + </style> +</head> +<body> + <p>A fairy is teleporting you to <a href="{{ url }}">{{ url }}</a>...!</p> +</body> +</html> |