enhance pages with info about atom feed

This commit is contained in:
nebula 2025-04-08 04:46:21 +00:00
parent 7cad56eb1f
commit 5574954beb
5 changed files with 63 additions and 6 deletions

View File

@ -10,11 +10,11 @@ the files. As such, there is no server code here.
This site tries to be as simple as possible. There's some css that makes it look This site tries to be as simple as possible. There's some css that makes it look
better, and some dependancy-free javascript that manages the image browsing better, and some dependancy-free javascript that manages the image browsing
experience once an album is opened. The whole thing has been written by me from experience once an album is opened. The whole thing has been written by me,
scratch, mostly for my own learning purposes. While it may be a little too fancy mostly from scratch aside from a few helpful python libraries, for my own
to truly adhere to [smolweb principles](https://smolweb.org/), I deeply admire educational purposes. While it may be a little too fancy to truly adhere to
that movement and similar ethos carried by communities like [smolweb principles](https://smolweb.org/), I deeply admire that movement and
[tilde.town](https://tilde.town). similar ethos carried by communities like [tilde.town](https://tilde.town).
I created this website as a loveletter to the American west and the immense time I created this website as a loveletter to the American west and the immense time
I spent exploring it. It is made to share beauty as I have experienced it, and I spent exploring it. It is made to share beauty as I have experienced it, and

View File

@ -209,6 +209,13 @@ def render_atom():
entry.description(header) entry.description(header)
entry.content(md_from_code(post_code), type="html") entry.content(md_from_code(post_code), type="html")
feed.atom_file(out_dir + "feed_html.atom") feed.atom_file(out_dir + "feed_html.atom")
template = template_environment.get_template("atom_page")
with open(f"{out_dir}feeds.html", "w") as f:
f.write(template.render({
"last_post_code": posts_sorted[-1],
"metadata": metadata
}))
def copy_files(): def copy_files():
call(f"cp js/* {out_dir}js/", shell=True) call(f"cp js/* {out_dir}js/", shell=True)

View File

@ -29,6 +29,12 @@ h1, h3 {
text-align: center; text-align: center;
} }
/* for the atom feed page */
.linkToIndex {
text-align: center;
}
/* in-album image browser */ /* in-album image browser */
.galleryContainer { .galleryContainer {

41
templates/atom_page Normal file
View File

@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>nebula's atom feed</title>
<link rel="icon" href="favicon.ico" />
<link rel="stylesheet" href="style.css?1" />
<link rel="alternate" type="application/atom+xml" title="Atom feed" href="https://helixnebula.space/feed_html.atom" />
</head>
<body>
<div class="mainHeader">
<p class="title">
i take pictures
</p>
</div>
<div class="mainBody">
<p class="linkToIndex">
<a href="/">Return to Index</a>
</p>
<div class="postBody">
<p>
<h1>See me in your feed reader!</h1>
You may subscribe to my posts using your favorite feed reader. This feed
does not include galleries without stories written for them, so you can use
this to keep track of new stories as I write them. Autodiscovery is enabled,
so you should be able to just point your reader at
https://helixnebula.space/ and let the app discover the feed URL for you.
Just in case, here is the feed url:
</p>
<p>
<code>https://helixnebula.space/feed_html.atom</code>
</p>
<p>
Last updated page: <a href="https://helixnebula.space/{{ last_post_code }}/">{{ metadata[last_post_code]["title"] }}</a>
</p>
</div>
</div>
</body>
</html>

View File

@ -7,6 +7,7 @@
<title>nebula's photoblog</title> <title>nebula's photoblog</title>
<link rel="icon" href="favicon.ico" /> <link rel="icon" href="favicon.ico" />
<link rel="stylesheet" href="style.css?1" /> <link rel="stylesheet" href="style.css?1" />
<link rel="alternate" type="application/atom+xml" title="Atom feed" href="https://helixnebula.space/feed_html.atom" />
</head> </head>
<body> <body>
<div class="mainHeader"> <div class="mainHeader">
@ -45,7 +46,9 @@
{% endfor %} {% endfor %}
</details> </details>
<p xmlns:cc="http://creativecommons.org/ns#" >Photos are licensed under <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY-NC-SA 4.0<img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1" alt=""><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1" alt=""><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/nc.svg?ref=chooser-v1" alt=""><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/sa.svg?ref=chooser-v1" alt=""></a> <p xmlns:cc="http://creativecommons.org/ns#" >Photos are licensed under <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY-NC-SA 4.0<img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1" alt=""><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1" alt=""><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/nc.svg?ref=chooser-v1" alt=""><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/sa.svg?ref=chooser-v1" alt=""></a>
<br>Powered by <a href="https://git.tilde.town/nebula/helixnebula.space">free and open source software</a>.</p> <br>Powered by <a href="https://git.tilde.town/nebula/helixnebula.space">free and open source software</a>
<br><a href="https://helixnebula.space/feeds.html">Subscribe to this site with your feed reader</a>
</p>
</div> </div>
<br> <br>
<div class="photolinks"> <div class="photolinks">