Files
kennethreitz 48cc7bf8b0 Add random photo button in nav
/random/ picks a random public image and redirects to its
detail page. Shows as the last nav item after Search.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-11 01:27:04 -04:00

66 lines
2.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}{{ site_title }}{% endblock %}</title>
<meta name="description" content="{% block meta_description %}{{ site_tagline }}{% endblock %}">
<link rel="canonical" href="https://photos.kennethreitz.org{{ request.path }}">
<!-- Open Graph -->
<meta property="og:site_name" content="{{ site_title }}">
<meta property="og:title" content="{% block og_title %}{{ site_title }}{% endblock %}">
<meta property="og:description" content="{% block og_description %}{{ site_tagline }}{% endblock %}">
<meta property="og:type" content="{% block og_type %}website{% endblock %}">
<meta property="og:url" content="https://photos.kennethreitz.org{{ request.path }}">
{% block og_image %}{% endblock %}
<!-- Twitter Card -->
<meta name="twitter:card" content="{% block twitter_card %}summary{% endblock %}">
<meta name="twitter:title" content="{% block twitter_title %}{{ site_title }}{% endblock %}">
<meta name="twitter:description" content="{% block twitter_description %}{{ site_tagline }}{% endblock %}">
{% block twitter_image %}{% endblock %}
<meta name="view-transition" content="same-origin">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/static/css/style.css?v={{ cache_bust }}">
<script src="https://unpkg.com/htmx.org@2.0.4"></script>
{% if analytics_code %}{{ analytics_code|safe }}{% endif %}
{% block head %}{% endblock %}
</head>
<body>
<nav class="site-nav">
<a href="/" class="nav-brand">{{ site_title }}</a>
<div class="nav-links">
<a href="{% url 'tree:camera-list' %}">Cameras</a>
<a href="{% url 'tree:lens-list' %}">Lenses</a>
<a href="{% url 'tree:tag-cloud' %}">Tags</a>
<a href="{% url 'tree:city-list' %}">Cities</a>
<a href="{% url 'tree:year-list' %}">Years</a>
{% if has_collections %}<a href="{% url 'gallery:collection-list' %}">Collections</a>{% endif %}
<a href="{% url 'search:search' %}">Search</a>
<a href="{% url 'random' %}">Random</a>
</div>
</nav>
<main class="container">
{% block content %}{% endblock %}
</main>
<footer class="site-footer">
<p>{% if site_tagline %}{{ site_tagline }}{% else %}{{ site_title }}{% endif %}</p>
</footer>
<script>
document.addEventListener('click', function(e) {
var dd = document.getElementById('nav-dropdown');
var btn = document.getElementById('nav-user-btn');
if (dd && btn && !btn.contains(e.target) && !dd.contains(e.target)) dd.style.display = 'none';
});
</script>
{% block scripts %}{% endblock %}
</body>
</html>