Compare commits
No commits in common. "main" and "master" have entirely different histories.
9
LICENSE
9
LICENSE
@ -1,9 +0,0 @@
|
|||||||
MIT License
|
|
||||||
|
|
||||||
Copyright (c) 2025 nebula
|
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
|
||||||
|
|
||||||
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
|
||||||
|
|
||||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
||||||
@ -1,3 +1,3 @@
|
|||||||
# helixnebula.space
|
# helixnebula.space
|
||||||
|
|
||||||
this bespoke static site generate creates https://helixnebula.space/
|
this bespoke static site generator creates https://helixnebula.space/
|
||||||
|
|||||||
180
generate.py
Normal file
180
generate.py
Normal file
@ -0,0 +1,180 @@
|
|||||||
|
from sys import argv
|
||||||
|
from subprocess import Popen, PIPE, STDOUT, run, call
|
||||||
|
from PIL import Image
|
||||||
|
from jinja2 import Environment, FileSystemLoader
|
||||||
|
from markdown import markdown
|
||||||
|
from glob import glob
|
||||||
|
from json import dump, dumps, load
|
||||||
|
from os import path
|
||||||
|
import re
|
||||||
|
|
||||||
|
numbers = re.compile("[0-9]+")
|
||||||
|
name_from_url = re.compile(r"https:\/\/helixnebula.space/(.*)/")
|
||||||
|
out_dir = "/var/www/html/"
|
||||||
|
gemini_out_dir = "/var/gemini/"
|
||||||
|
base_url = "https://helixnebula.space/"
|
||||||
|
md_dir = "/var/stories/"
|
||||||
|
template_environment = Environment(
|
||||||
|
loader=FileSystemLoader("templates/"))
|
||||||
|
|
||||||
|
with open("metadata.json", "r") as f:
|
||||||
|
metadata = load(f)
|
||||||
|
|
||||||
|
story_names = [
|
||||||
|
path.basename(post).split('/')[-1][:-3] for post in glob(md_dir + "*")
|
||||||
|
]
|
||||||
|
story_names.sort()
|
||||||
|
|
||||||
|
for placename in metadata.keys():
|
||||||
|
read_path = f"{out_dir}{placename}/"
|
||||||
|
photos = [
|
||||||
|
path.basename(photo).split('/')[-1] for photo in
|
||||||
|
glob(read_path + "*")
|
||||||
|
]
|
||||||
|
try:
|
||||||
|
photos.remove("index.html")
|
||||||
|
except ValueError:
|
||||||
|
pass
|
||||||
|
metadata[placename]["count"] = len(photos)
|
||||||
|
metadata[placename]["photos"] = photos
|
||||||
|
metadata[placename]["photos"].sort(key=lambda path: int(numbers.search(path).group(0)))
|
||||||
|
|
||||||
|
with open(f"{out_dir}photos.json", "w") as f:
|
||||||
|
dump(metadata, f)
|
||||||
|
|
||||||
|
def covers(overwrite=False):
|
||||||
|
print("running covers")
|
||||||
|
for placename, info in metadata.items():
|
||||||
|
read_path = f"{out_dir}{placename}/{info['cover']}"
|
||||||
|
write_path = f"{out_dir}cover/cover_{info['cover']}"
|
||||||
|
if not overwrite and path.exists(write_path):
|
||||||
|
continue
|
||||||
|
command = ["convert", read_path, "-strip", "-interlace", "Plane", "-gaussian-blur", "0.05",
|
||||||
|
"-auto-orient", "-resize", "700x525>", "-quality", "80%", write_path]
|
||||||
|
run(command)
|
||||||
|
|
||||||
|
def thumbnails(overwrite=False):
|
||||||
|
print("running thumbnails")
|
||||||
|
for placename in metadata.keys():
|
||||||
|
for photo in metadata[placename]["photos"]:
|
||||||
|
read_path = f"{out_dir}{placename}/{photo}"
|
||||||
|
write_path = f"{out_dir}thumbnail/thumbnail_{photo}"
|
||||||
|
if not overwrite and path.exists(write_path):
|
||||||
|
continue
|
||||||
|
command = ["convert", read_path, "-strip", "-interlace", "Plane", "-gaussian-blur", "0.05",
|
||||||
|
"-auto-orient", "-resize", "300x200>", "-quality", "65%", write_path]
|
||||||
|
run(command)
|
||||||
|
|
||||||
|
def compressed(overwrite=False):
|
||||||
|
print("running compressed")
|
||||||
|
for placename in metadata.keys():
|
||||||
|
for photo in metadata[placename]["photos"]:
|
||||||
|
read_path = f"{out_dir}{placename}/{photo}"
|
||||||
|
write_path = f"{out_dir}compressed/compressed_{photo}"
|
||||||
|
if not overwrite and path.exists(write_path):
|
||||||
|
continue
|
||||||
|
command = ["convert", read_path, "-auto-orient", "-strip", "-resize", "1200>", "-quality", "90%", write_path]
|
||||||
|
run(command)
|
||||||
|
|
||||||
|
def render_index():
|
||||||
|
template = template_environment.get_template("main")
|
||||||
|
data = {key: value for key, value in sorted(metadata.items(), key=lambda item: item[1]['title'])}
|
||||||
|
photo_counts = {placename: metadata[placename]["count"] for placename in metadata.keys()}
|
||||||
|
total_count = 0
|
||||||
|
posts = [
|
||||||
|
path.basename(post).split('/')[-1][:-3] for post in
|
||||||
|
glob(md_dir + "*")
|
||||||
|
]
|
||||||
|
posts.sort()
|
||||||
|
for _, info in metadata.items():
|
||||||
|
total_count = info["count"] + total_count
|
||||||
|
with open(out_dir + "index.html", "w") as f:
|
||||||
|
f.write(template.render({
|
||||||
|
"metadata": data,
|
||||||
|
"album_count": len(metadata.keys()),
|
||||||
|
"photo_counts": photo_counts,
|
||||||
|
"total_count": total_count,
|
||||||
|
"posts": posts
|
||||||
|
}))
|
||||||
|
|
||||||
|
def render_places():
|
||||||
|
template = template_environment.get_template("place")
|
||||||
|
for placename, info in metadata.items():
|
||||||
|
working_path = out_dir + placename
|
||||||
|
photos = metadata[placename]["photos"]
|
||||||
|
photos_json = dumps(photos)
|
||||||
|
count = len(photos)
|
||||||
|
widths = []
|
||||||
|
heights = []
|
||||||
|
for photo in photos:
|
||||||
|
photo_path = out_dir + "thumbnail/thumbnail_" + photo
|
||||||
|
img = Image.open(photo_path)
|
||||||
|
width, height = img.size
|
||||||
|
widths.append(width)
|
||||||
|
heights.append(height)
|
||||||
|
photo_specs = zip(widths, heights, photos)
|
||||||
|
try:
|
||||||
|
with open(md_dir + placename + ".md", "r") as f:
|
||||||
|
md = markdown(f.read())
|
||||||
|
except FileNotFoundError:
|
||||||
|
md = "<h1>No story (yet)</h1>"
|
||||||
|
with open(working_path + "/index.html", "w") as f:
|
||||||
|
f.write(template.render({
|
||||||
|
"count": count,
|
||||||
|
"placename": placename,
|
||||||
|
"cover": info["cover"],
|
||||||
|
"info": info,
|
||||||
|
"markdown": md,
|
||||||
|
"photos": photo_specs,
|
||||||
|
"photos_json": photos_json
|
||||||
|
}))
|
||||||
|
|
||||||
|
def sub_http_local_urls(match):
|
||||||
|
name = match.group(1)
|
||||||
|
if name in story_names:
|
||||||
|
return name + ".gmi"
|
||||||
|
else:
|
||||||
|
return match.group(0)
|
||||||
|
|
||||||
|
def render_gemini_index():
|
||||||
|
template = template_environment.get_template("gemini_main")
|
||||||
|
with open(gemini_out_dir + "index.gmi", "w") as f:
|
||||||
|
f.write(template.render({
|
||||||
|
"post_info": {post_name: metadata[post_name]["title"] for post_name in story_names},
|
||||||
|
"post_states": {post_name: metadata[post_name]["state"] for post_name in story_names}
|
||||||
|
}))
|
||||||
|
|
||||||
|
def render_gemini_places():
|
||||||
|
post_paths = glob(md_dir + "*")
|
||||||
|
for post_path in post_paths:
|
||||||
|
post_name = path.basename(post_path).split('/')[-1][:-3]
|
||||||
|
with open(post_path, "r") as f:
|
||||||
|
content = f.read()
|
||||||
|
process = Popen(["gemgen"], stdout=PIPE, stdin=PIPE, stderr=PIPE, text=True)
|
||||||
|
with open(gemini_out_dir + post_name + ".gmi", "w") as f:
|
||||||
|
header = f"""=> / Index
|
||||||
|
## {metadata[post_name]["title"]}, {metadata[post_name]["state"]}
|
||||||
|
=> https://helixnebula.space/{post_name}/ Link to photography.
|
||||||
|
|
||||||
|
"""
|
||||||
|
gemtext = process.communicate(input=content)[0]
|
||||||
|
gemtext_with_local_urls = name_from_url.sub(sub_http_local_urls, gemtext)
|
||||||
|
f.write(header + gemtext_with_local_urls)
|
||||||
|
|
||||||
|
def copy_files():
|
||||||
|
call("cp js/* html/js/", shell=True)
|
||||||
|
call("cp style.css html/style.css", shell=True)
|
||||||
|
|
||||||
|
if __name__ == "__main__":
|
||||||
|
try:
|
||||||
|
overwrite = "overwrite" in argv
|
||||||
|
covers(overwrite=overwrite)
|
||||||
|
thumbnails(overwrite=overwrite)
|
||||||
|
compressed(overwrite=overwrite)
|
||||||
|
except KeyboardInterrupt:
|
||||||
|
exit()
|
||||||
|
render_index()
|
||||||
|
render_places()
|
||||||
|
copy_files()
|
||||||
|
render_gemini_index()
|
||||||
|
render_gemini_places()
|
||||||
117
js/imgGallery.js
Normal file
117
js/imgGallery.js
Normal file
@ -0,0 +1,117 @@
|
|||||||
|
// `photos` variable populated by script tag in place page html
|
||||||
|
viewState = null;
|
||||||
|
galleryContainer = document.getElementById("galleryContainer");
|
||||||
|
galleryImage = document.getElementById("galleryImage");
|
||||||
|
previewLinks = document.getElementsByClassName("previewLink");
|
||||||
|
headerImage = document.getElementById("headerImage");
|
||||||
|
|
||||||
|
touchDragThreshold = 50;
|
||||||
|
directionDetermined = false;
|
||||||
|
|
||||||
|
// null is used when no information is supposed to be available.
|
||||||
|
// functions set these to useful values during touch events.
|
||||||
|
touchDragStartX = null;
|
||||||
|
touchDirection = null;
|
||||||
|
|
||||||
|
// changes to style.rotate are necessary because transformed elements
|
||||||
|
// get stuck in front of the gallery images
|
||||||
|
|
||||||
|
function enlargeImage (filename) {
|
||||||
|
viewState = photos.indexOf(filename);
|
||||||
|
galleryImage.fullRes = filename;
|
||||||
|
galleryImage.src = "/compressed/compressed_" + filename;
|
||||||
|
galleryContainer.style.display = "block";
|
||||||
|
headerImage.style.rotate = "none";
|
||||||
|
};
|
||||||
|
|
||||||
|
function delGallery () {
|
||||||
|
galleryContainer.style.display = "none";
|
||||||
|
galleryImage.src = "";
|
||||||
|
headerImage.style.rotate = "-3deg";
|
||||||
|
};
|
||||||
|
|
||||||
|
function nextImage () {
|
||||||
|
viewState++;
|
||||||
|
if (viewState == previewLinks.length) {
|
||||||
|
viewState = 0;
|
||||||
|
};
|
||||||
|
galleryImage.fullRes = photos[viewState];
|
||||||
|
galleryImage.src = "/compressed/compressed_" + photos[viewState];
|
||||||
|
};
|
||||||
|
|
||||||
|
function prevImage () {
|
||||||
|
viewState--;
|
||||||
|
if (viewState == -1) {
|
||||||
|
viewState = previewLinks.length - 1;
|
||||||
|
};
|
||||||
|
galleryImage.fullRes = photos[viewState];
|
||||||
|
galleryImage.src = "/compressed/compressed_" + photos[viewState];
|
||||||
|
};
|
||||||
|
|
||||||
|
function imageNewTab () {
|
||||||
|
window.open(galleryImage.fullRes, "_blank")
|
||||||
|
};
|
||||||
|
|
||||||
|
function keyHandler (event) {
|
||||||
|
if (event.key == "ArrowRight" | event.key == "Space") {
|
||||||
|
nextImage();
|
||||||
|
} else if (event.key == "ArrowLeft") {
|
||||||
|
prevImage();
|
||||||
|
} else if (event.key == "Escape" | event.key == "q") {
|
||||||
|
delGallery();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
function delGalleryHandler (event) {
|
||||||
|
if (event.target.id == "galleryContainer") {
|
||||||
|
delGallery();
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
function mouseUpHandler (event) {
|
||||||
|
console.log("mousedown");
|
||||||
|
if (event.clientX > window.innerWidth / 2) {
|
||||||
|
nextImage();
|
||||||
|
} else {
|
||||||
|
prevImage();
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
function onTouchMove (event) {
|
||||||
|
event.preventDefault();
|
||||||
|
screenX = event.changedTouches[0].screenX;
|
||||||
|
if (!directionDetermined && touchDragStartX == null) {
|
||||||
|
touchDragStartX = screenX;
|
||||||
|
};
|
||||||
|
touchDelta = Math.abs(touchDragStartX - screenX);
|
||||||
|
if (!directionDetermined && (touchDelta > touchDragThreshold)) {
|
||||||
|
touchDirection = touchDragStartX > screenX;
|
||||||
|
touchDragStartX = null;
|
||||||
|
directionDetermined = true;
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
function onTouchEnd (event) {
|
||||||
|
event.preventDefault();
|
||||||
|
// poorly phrased, but this must reset state to default
|
||||||
|
directionDetermined = false;
|
||||||
|
touchDragStartX = null;
|
||||||
|
if (touchDirection == null) {
|
||||||
|
return;
|
||||||
|
};
|
||||||
|
if (touchDirection) {
|
||||||
|
nextImage();
|
||||||
|
} else {
|
||||||
|
prevImage();
|
||||||
|
};
|
||||||
|
touchDirection = null;
|
||||||
|
};
|
||||||
|
|
||||||
|
document.onkeydown = keyHandler;
|
||||||
|
document.body.onclick = delGalleryHandler;
|
||||||
|
galleryImage.addEventListener("mouseup", mouseUpHandler);
|
||||||
|
galleryImage.addEventListener("touchmove", onTouchMove);
|
||||||
|
galleryImage.addEventListener("touchend", onTouchEnd);
|
||||||
|
galleryImage.addEventListener("touchstart", function (event) {
|
||||||
|
event.preventDefault();
|
||||||
|
});
|
||||||
242
metadata.json
Normal file
242
metadata.json
Normal file
@ -0,0 +1,242 @@
|
|||||||
|
{
|
||||||
|
"BasinRange": {
|
||||||
|
"title": "Basin & Range National Monument",
|
||||||
|
"state": "Nevada",
|
||||||
|
"cover": "99.jpg"
|
||||||
|
},
|
||||||
|
"Berlin": {
|
||||||
|
"title": "Berlin Ichthyosaur State Park",
|
||||||
|
"state": "Nevada",
|
||||||
|
"cover": "135.jpg"
|
||||||
|
},
|
||||||
|
"Bisti": {
|
||||||
|
"title": "Bisti Badlands",
|
||||||
|
"state": "New Mexico",
|
||||||
|
"cover": "19.jpg"
|
||||||
|
},
|
||||||
|
"Canyonlands": {
|
||||||
|
"title": "Canyonlands National Park",
|
||||||
|
"state": "Utah",
|
||||||
|
"cover": "20240616141708.jpg"
|
||||||
|
},
|
||||||
|
"CratersMoon": {
|
||||||
|
"title": "Craters of the Moon",
|
||||||
|
"state": "Idaho",
|
||||||
|
"cover": "20240701200914.jpg"
|
||||||
|
},
|
||||||
|
"GoldButte": {
|
||||||
|
"title": "Gold Butte National Monument",
|
||||||
|
"state": "Nevada",
|
||||||
|
"cover": "20240320115524.jpg"
|
||||||
|
},
|
||||||
|
"GreatBasinNP": {
|
||||||
|
"title": "Great Basin National Park",
|
||||||
|
"state": "Nevada",
|
||||||
|
"cover": "20240618111751.jpg"
|
||||||
|
},
|
||||||
|
"LunarLake": {
|
||||||
|
"title": "Lunar Lake & Lunar Crater",
|
||||||
|
"state": "Nevada",
|
||||||
|
"cover": "20240619100121.jpg"
|
||||||
|
},
|
||||||
|
"Misc": {
|
||||||
|
"title": "Misc. Uncategorized",
|
||||||
|
"state": "Many",
|
||||||
|
"cover": "45.jpg"
|
||||||
|
},
|
||||||
|
"Quartzsite": {
|
||||||
|
"title": "Kofa Wildlife Refuge",
|
||||||
|
"state": "Arizona",
|
||||||
|
"cover": "20240318163253.jpg"
|
||||||
|
},
|
||||||
|
"Sequoia": {
|
||||||
|
"title": "Sequoia National Park",
|
||||||
|
"state": "California",
|
||||||
|
"cover": "208.jpg"
|
||||||
|
},
|
||||||
|
"Tahoe": {
|
||||||
|
"title": "Lake Tahoe",
|
||||||
|
"state": "Nevada",
|
||||||
|
"cover": "20240401121328.jpg"
|
||||||
|
},
|
||||||
|
"WalkerLake": {
|
||||||
|
"title": "Walker Lake",
|
||||||
|
"state": "Nevada",
|
||||||
|
"cover": "203.jpg"
|
||||||
|
},
|
||||||
|
"Bluewater": {
|
||||||
|
"title": "Bluewater Lake State Park",
|
||||||
|
"state": "New Mexico",
|
||||||
|
"cover": "IMG_9773.JPEG"
|
||||||
|
},
|
||||||
|
"Cathedral": {
|
||||||
|
"title": "Cathedral Gorge State Park",
|
||||||
|
"state": "Nevada",
|
||||||
|
"cover": "IMG_1183.JPEG"
|
||||||
|
},
|
||||||
|
"Clayton": {
|
||||||
|
"title": "Clayton Lake & Dinosaur Tracks",
|
||||||
|
"state": "New Mexico",
|
||||||
|
"cover": "IMG_0907.JPEG"
|
||||||
|
},
|
||||||
|
"Caballo": {
|
||||||
|
"title": "Caballo",
|
||||||
|
"state": "New Mexico",
|
||||||
|
"cover": "IMG_0760.JPEG"
|
||||||
|
},
|
||||||
|
"Peralta": {
|
||||||
|
"title": "Peralta Trail (Weaver's Needle)",
|
||||||
|
"state": "Arizona",
|
||||||
|
"cover": "IMG_6990.JPEG"
|
||||||
|
},
|
||||||
|
"EchoCanyon": {
|
||||||
|
"title": "Echo Canyon State Park",
|
||||||
|
"state": "Nevada",
|
||||||
|
"cover": "IMG_1201.JPEG"
|
||||||
|
},
|
||||||
|
"CityOfRocks": {
|
||||||
|
"title": "City of Rocks State Park",
|
||||||
|
"state": "New Mexico",
|
||||||
|
"cover": "IMG_9191.JPEG"
|
||||||
|
},
|
||||||
|
"Diamonds": {
|
||||||
|
"title": "Diamond Range",
|
||||||
|
"state": "Nevada",
|
||||||
|
"cover": "IMG_0623.JPEG"
|
||||||
|
},
|
||||||
|
"Rubies": {
|
||||||
|
"title": "Ruby Mountains",
|
||||||
|
"state": "Nevada",
|
||||||
|
"cover": "IMG_0667.JPEG"
|
||||||
|
},
|
||||||
|
"ElMalpais": {
|
||||||
|
"title": "El Malpais National Monument",
|
||||||
|
"state": "New Mexico",
|
||||||
|
"cover": "IMG_9669.JPEG"
|
||||||
|
},
|
||||||
|
"CibolaGrants": {
|
||||||
|
"title": "Cibola National Forest Near Grants",
|
||||||
|
"state": "New Mexico",
|
||||||
|
"cover": "IMG_9966.JPEG"
|
||||||
|
},
|
||||||
|
"CibolaDatil": {
|
||||||
|
"title": "Cibola National Forest Near Datil",
|
||||||
|
"state": "New Mexico",
|
||||||
|
"cover": "IMG_9575.JPEG"
|
||||||
|
},
|
||||||
|
"Datil": {
|
||||||
|
"title": "Datil",
|
||||||
|
"state": "New Mexico",
|
||||||
|
"cover": "IMG_6663.JPEG"
|
||||||
|
},
|
||||||
|
"Flagstaff": {
|
||||||
|
"title": "Flagstaff",
|
||||||
|
"state": "Arizona",
|
||||||
|
"cover": "IMG_8048.JPEG"
|
||||||
|
},
|
||||||
|
"VLA": {
|
||||||
|
"title": "Very Large Array",
|
||||||
|
"state": "New Mexico",
|
||||||
|
"cover": "IMG_6644.JPEG"
|
||||||
|
},
|
||||||
|
"Phoenix": {
|
||||||
|
"title": "Phoenix",
|
||||||
|
"state": "Arizona",
|
||||||
|
"cover": "IMG_7879.JPEG"
|
||||||
|
},
|
||||||
|
"SaltRiver": {
|
||||||
|
"title": "Salt River Canyon",
|
||||||
|
"state": "Arizona",
|
||||||
|
"cover": "IMG_6709.JPEG"
|
||||||
|
},
|
||||||
|
"CoconinoFlagstaff": {
|
||||||
|
"title": "Coconino National Forest Near Flagstaff",
|
||||||
|
"state": "Arizona",
|
||||||
|
"cover": "IMG_8407.JPEG"
|
||||||
|
},
|
||||||
|
"WatsonLake": {
|
||||||
|
"title": "Watson Lake",
|
||||||
|
"state": "Arizona",
|
||||||
|
"cover": "IMG_7580.JPEG"
|
||||||
|
},
|
||||||
|
"PrescottNF": {
|
||||||
|
"title": "Prescott National Forest",
|
||||||
|
"state": "Arizona",
|
||||||
|
"cover": "IMG_7458.JPEG"
|
||||||
|
},
|
||||||
|
"BoyceThompson": {
|
||||||
|
"title": "Boyce Thompson Arboretum",
|
||||||
|
"state": "Arizona",
|
||||||
|
"cover": "1606.JPEG"
|
||||||
|
},
|
||||||
|
"ToApacheLake": {
|
||||||
|
"title": "To Apache Lake",
|
||||||
|
"state": "Arizona",
|
||||||
|
"cover": "IMG_1735.JPG"
|
||||||
|
},
|
||||||
|
"SonoranSnow": {
|
||||||
|
"title": "Sonoran Desert Snow Day",
|
||||||
|
"state": "Arizona",
|
||||||
|
"cover": "IMG_8764.JPEG"
|
||||||
|
},
|
||||||
|
"GoldwaterLakes": {
|
||||||
|
"title": "Goldwater Lakes",
|
||||||
|
"state": "Arizona",
|
||||||
|
"cover": "IMG_7200.JPEG"
|
||||||
|
},
|
||||||
|
"Roswell": {
|
||||||
|
"title": "Roswell & The International UFO Museum",
|
||||||
|
"state": "New Mexico",
|
||||||
|
"cover": "IMG_5957.JPEG"
|
||||||
|
},
|
||||||
|
"Mogollon": {
|
||||||
|
"title": "Mogollon, A Ghost Town",
|
||||||
|
"state": "New Mexico",
|
||||||
|
"cover": "IMG_5380.JPEG"
|
||||||
|
},
|
||||||
|
"ChiNaturePark": {
|
||||||
|
"title": "Chihuahuan Desert Nature Park",
|
||||||
|
"state": "New Mexico",
|
||||||
|
"cover": "IMG_6236.JPEG"
|
||||||
|
},
|
||||||
|
"Bumblebee": {
|
||||||
|
"title": "Bumblebee",
|
||||||
|
"state": "Arizona",
|
||||||
|
"cover": "IMG_8535.JPEG"
|
||||||
|
},
|
||||||
|
"TontoNF": {
|
||||||
|
"title": "Tonto National Forest",
|
||||||
|
"state": "Arizona",
|
||||||
|
"cover": "IMG_1670.JPG"
|
||||||
|
},
|
||||||
|
"Superior": {
|
||||||
|
"title": "Superior",
|
||||||
|
"state": "Arizona",
|
||||||
|
"cover": "IMG_6153.JPEG"
|
||||||
|
},
|
||||||
|
"Gila": {
|
||||||
|
"title": "Gila National Forest",
|
||||||
|
"state": "New Mexico",
|
||||||
|
"cover": "IMG_5468.JPEG"
|
||||||
|
},
|
||||||
|
"OakFlat": {
|
||||||
|
"title": "Oak Flat",
|
||||||
|
"state": "Arizona",
|
||||||
|
"cover": "IMG_6104.JPEG"
|
||||||
|
},
|
||||||
|
"Pushawalla": {
|
||||||
|
"title": "Pushawalla Palms Trail",
|
||||||
|
"state": "California",
|
||||||
|
"cover": "IMG_1424.JPG"
|
||||||
|
},
|
||||||
|
"SmokyMountains": {
|
||||||
|
"title": "Smoky Mountains",
|
||||||
|
"state": "Tennessee",
|
||||||
|
"cover": "IMG_5708.JPEG"
|
||||||
|
},
|
||||||
|
"TruthOrConsequences": {
|
||||||
|
"title": "Truth or Consequences",
|
||||||
|
"state": "New Mexico",
|
||||||
|
"cover": "IMG_9135.JPEG"
|
||||||
|
}
|
||||||
|
}
|
||||||
298
style.css
Normal file
298
style.css
Normal file
@ -0,0 +1,298 @@
|
|||||||
|
body {
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
font-family: sans-serif;
|
||||||
|
background-color: #B3C8CF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mainHeader {
|
||||||
|
background-image: url("/compressed/compressed_199.jpg");
|
||||||
|
background-repeat: none;
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center center;
|
||||||
|
height: 7em;
|
||||||
|
border-bottom: 2px solid #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
color: white;
|
||||||
|
text-shadow: 3px 3px black;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 3em;
|
||||||
|
padding-top: 0.8em;
|
||||||
|
font-family: monospace;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h3 {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* in-album image browser */
|
||||||
|
|
||||||
|
.galleryContainer {
|
||||||
|
display: none;
|
||||||
|
background-color: rgba(0, 0, 0 , 0.8);
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: fixed;
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.galleryImage {
|
||||||
|
display: block;
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 90%;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toolbar {
|
||||||
|
padding: 6px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toolbar > button {
|
||||||
|
color: white;
|
||||||
|
background-color: #222;
|
||||||
|
border: 2px solid #B3C8CF;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* in-album page */
|
||||||
|
|
||||||
|
.hint {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.locationDisplay {
|
||||||
|
margin-top: 1em;
|
||||||
|
border-left: 0.2em solid black;
|
||||||
|
padding-left: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.locationTitle {
|
||||||
|
display: block;
|
||||||
|
font-size: 2em;
|
||||||
|
/* color: white;
|
||||||
|
text-shadow: 2px 2px black; */
|
||||||
|
}
|
||||||
|
|
||||||
|
.locationState {
|
||||||
|
display: block;
|
||||||
|
font-size: 1.5em;
|
||||||
|
margin-left: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.postBody {
|
||||||
|
color: #000;
|
||||||
|
font-size: 125%;
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
p > a, p > a:visited {
|
||||||
|
color: #50593a;
|
||||||
|
}
|
||||||
|
|
||||||
|
p > a:hover {
|
||||||
|
color: #6f3763;
|
||||||
|
}
|
||||||
|
|
||||||
|
.allphotos > a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.headerImageContainer {
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.headerImage {
|
||||||
|
margin: 1em;
|
||||||
|
border-radius: 1em;
|
||||||
|
max-width: 500px;
|
||||||
|
rotate: -3deg;
|
||||||
|
box-shadow: 4px 4px 10px black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.indexlink, .indexlink:visited {
|
||||||
|
font-size: 1.3em;
|
||||||
|
color: #007b88;
|
||||||
|
}
|
||||||
|
|
||||||
|
.indexlink:hover {
|
||||||
|
color: white
|
||||||
|
}
|
||||||
|
|
||||||
|
.photoCount {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* index photos */
|
||||||
|
|
||||||
|
@keyframes scaleUp {
|
||||||
|
from {transform: scale(1);}
|
||||||
|
to {transform: scale(1.025);}
|
||||||
|
}
|
||||||
|
|
||||||
|
.tocText {
|
||||||
|
font-size: 1.3em;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tocText:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tocLink, .tocLink:visited {
|
||||||
|
font-size: 1em;
|
||||||
|
color: #007b88;
|
||||||
|
line-height: 2.6ex;
|
||||||
|
margin-left: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tocLink:hover, .placeLink:hover {
|
||||||
|
color: #ffffff;
|
||||||
|
text-shadow: 1px 1px 1px #262219, 0 0 0.125em black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.photolinks {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.placeTitle {
|
||||||
|
font-size: 135%;
|
||||||
|
text-shadow: 2px 2px 2px #364245;
|
||||||
|
}
|
||||||
|
|
||||||
|
.placeState {
|
||||||
|
font-size: 90%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mainImgContainer {
|
||||||
|
position: relative;
|
||||||
|
margin: 0.75em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mainImgContainerTop {
|
||||||
|
color: #FFF;
|
||||||
|
line-height: 1.5em;
|
||||||
|
box-sizing: border-box;
|
||||||
|
text-align: center;
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
top: 0px;
|
||||||
|
background-color: rgba(15, 15, 15 , 0.75);
|
||||||
|
border-top-right-radius: 0.5em;
|
||||||
|
border-top-left-radius: 0.5em;
|
||||||
|
padding: 0.4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mainImgContainerBottom {
|
||||||
|
box-sizing: border-box;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 15px;
|
||||||
|
left: 10px;
|
||||||
|
font-size: 120%;
|
||||||
|
color: white;
|
||||||
|
background-color: rgba(15, 15, 15 , 0.7);
|
||||||
|
border-radius: 0.5em;
|
||||||
|
padding: 0.4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.photolink > a > .mainImgContainer > img {
|
||||||
|
border-radius: 0.5em;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.photolink > a > .mainImgContainer:hover {
|
||||||
|
transform: scale(1.025);
|
||||||
|
animation-name: scaleUp;
|
||||||
|
animation-duration: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (min-width: 650px) {
|
||||||
|
.mainBody {
|
||||||
|
max-width: 110em;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
padding: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mainHeader {
|
||||||
|
margin: 1em;
|
||||||
|
border: 2px solid #000;
|
||||||
|
border-radius: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.photolinks {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 50% 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.allphotos {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.allphotos > a > .preview {
|
||||||
|
margin: 0.5rem;
|
||||||
|
border-radius: 0.5em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (min-width: 1400px) {
|
||||||
|
.photolinks {
|
||||||
|
grid-template-columns: 33% 33% 33%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.placeLink {
|
||||||
|
font-size: 145%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 650px) {
|
||||||
|
.allphotos {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.preview {
|
||||||
|
width: 31%;
|
||||||
|
height: 100%;
|
||||||
|
vertical-align: middle;
|
||||||
|
margin-bottom: 0.2em;
|
||||||
|
border-radius: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.placeLink {
|
||||||
|
font-size: 150%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mainBody {
|
||||||
|
margin-left: 1em;
|
||||||
|
margin-right: 1em;
|
||||||
|
padding-top: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.galleryImage {
|
||||||
|
position: relative;
|
||||||
|
top: 45%;
|
||||||
|
transform: translateY(-45%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.headerImage {
|
||||||
|
max-width: 60%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.placeName {
|
||||||
|
font-size: 125%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mainImgContainerBottom {
|
||||||
|
font-size: 120%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
14
templates/gemini_main
Normal file
14
templates/gemini_main
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
# Exploring America the Beautiful
|
||||||
|
|
||||||
|
I have spent countless hours dedicated to enjoying and capturing the natural wonders that surround us. These trips were made possible by the great efforts of individuals across our nation, including people from state parks, Bureau of Land Management, United States Forest Service, National Parks Service, and more. If you ever see a ranger, thank them for what they do!
|
||||||
|
|
||||||
|
## Gemspace Info
|
||||||
|
|
||||||
|
This is my gemspace, where I share stories from my travels. My posts from the http version of helixnebula.space are mirrored here. The http version also includes a very large amount of photography for these locations and more. Here on this space, you will find the stories I have written for those albums. More of these posts will be written with time, so check back later to see if there is more.
|
||||||
|
|
||||||
|
=> https://helixnebula.space/ View my photography site!
|
||||||
|
|
||||||
|
## Posts
|
||||||
|
|
||||||
|
{% for post_name, post_title in post_info.items() %}=> {{ post_name }}.gmi {{ post_title }}, {{ post_states[post_name] }}
|
||||||
|
{% endfor %}
|
||||||
71
templates/main
Normal file
71
templates/main
Normal file
@ -0,0 +1,71 @@
|
|||||||
|
<!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 photoblog</title>
|
||||||
|
<link rel="icon" href="favicon.ico" />
|
||||||
|
<link rel="stylesheet" href="style.css?1" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="mainHeader">
|
||||||
|
<p class="title">
|
||||||
|
i take pictures
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="mainBody">
|
||||||
|
<div class="postBody">
|
||||||
|
<p>
|
||||||
|
<h1>Exploring America the Beautiful</h1>
|
||||||
|
This is an extensive collection of photos I have taken while traveling
|
||||||
|
across the United States. I have spent countless hours dedicated to
|
||||||
|
enjoying and capturing the natural wonders that surround us. These
|
||||||
|
photos and trips were made possible by the great efforts of individuals
|
||||||
|
across our nation, including people from state parks, Bureau of Land
|
||||||
|
Management, United States Forest Service, National Parks Service, and
|
||||||
|
more. I hope you enjoy looking at these photos as much as I enjoyed
|
||||||
|
taking them. If you ever see a ranger, thank them for what they do!
|
||||||
|
</p>
|
||||||
|
<h3>A collection of {{ total_count }} photos in {{ album_count }} albums.</h3>
|
||||||
|
<details class="toc">
|
||||||
|
<summary class="tocText">Table of Contents</summary>
|
||||||
|
{% for placename, info in metadata.items() %}
|
||||||
|
<div class="tocEntry">
|
||||||
|
<a class="tocLink" href="/{{ placename }}/">{{ info['title'] }}, {{ info['state'] }} [{{ info["count"] }}]</a>
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
</details>
|
||||||
|
<details class="toc">
|
||||||
|
<summary class="tocText">Albums With Stories</summary>
|
||||||
|
{% for placename in posts %}
|
||||||
|
<div class="tocEntry">
|
||||||
|
<a class="tocLink" href="/{{ placename }}">{{ metadata[placename]['title'] }}, {{ metadata[placename]['state'] }} [{{ metadata[placename]['count'] }}]</a>
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
</details>
|
||||||
|
<p xmlns:cc="http://creativecommons.org/ns#" >This work is 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>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<div class="photolinks">
|
||||||
|
{% for placename, info in metadata.items() %}
|
||||||
|
<div class="photolink">
|
||||||
|
<a href="/{{ placename }}/">
|
||||||
|
<div class="mainImgContainer">
|
||||||
|
<img class="preview" src="cover/cover_{{ info['cover'] }}">
|
||||||
|
<div class="mainImgContainerTop">
|
||||||
|
<span class="placeTitle">{{ info["title"] }}</span>
|
||||||
|
<br>
|
||||||
|
<span class="placeState">{{ info["state"] }}</span>
|
||||||
|
</div>
|
||||||
|
<div class="mainImgContainerBottom">
|
||||||
|
<span class="indexPhotoCount">View {{ photo_counts[placename] }} photos</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
54
templates/place
Normal file
54
templates/place
Normal file
@ -0,0 +1,54 @@
|
|||||||
|
<!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>{{ info['title'] }}</title>
|
||||||
|
<link rel="icon" href="../favicon.ico" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<link rel="stylesheet" href="../style.css?1" />
|
||||||
|
<div id="galleryContainer" class="galleryContainer">
|
||||||
|
<div class="toolbar">
|
||||||
|
<button onclick="prevImage()">Previous</button>
|
||||||
|
<button onclick="imageNewTab()">Open Full Size</button>
|
||||||
|
<button onclick="delGallery()">Exit</button>
|
||||||
|
<button onclick="nextImage()">Next</button>
|
||||||
|
</div>
|
||||||
|
<img id="galleryImage" class="galleryImage">
|
||||||
|
</div>
|
||||||
|
<div class="mainBody">
|
||||||
|
<a class="indexlink" href="../">
|
||||||
|
Home
|
||||||
|
</a>
|
||||||
|
<div class="locationDisplay">
|
||||||
|
<span class="locationTitle">{{ info['title'] }}</span>
|
||||||
|
<span class="locationState">{{ info['state'] }}</span>
|
||||||
|
</div>
|
||||||
|
<div class="headerImageContainer">
|
||||||
|
<a target="_blank" href="{{ cover }}", onclick="javascript:enlargeImage('{{ cover }}');return false;">
|
||||||
|
<img id="headerImage" class="headerImage" src="/cover/cover_{{ cover }}">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="postBody">
|
||||||
|
{{ markdown }}
|
||||||
|
</div>
|
||||||
|
<h3 class="photoCount">{{ count }} photos</h3>
|
||||||
|
<p class="hint">Click or tap on images to enlarge them. Arrow keys or swiping with a touch screen scrolls through photos.</p>
|
||||||
|
<div class="allphotos">
|
||||||
|
{% for width, height, photo in photos %}
|
||||||
|
<a id="{{ photo }}" class="previewLink" onclick="javascript:enlargeImage('{{ photo }}');return false;" href="{{ photo }}" target="_blank">
|
||||||
|
<img width="{{ width }}" height="{{ height }}" id="{{ photo }}" class="preview" src="/thumbnail/thumbnail_{{ photo }}">
|
||||||
|
</a>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
<p xmlns:cc="http://creativecommons.org/ns#" >This work is 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>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
photos = JSON.parse('{{ photos_json }}');
|
||||||
|
</script>
|
||||||
|
<script src="/js/imgGallery.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
Loading…
x
Reference in New Issue
Block a user