iridium/redsunlib
iridium/redsunlib
2
2
Fork 0
Code Issues 2 Pull Requests Packages Projects Releases 4 Wiki Activity
bb5f2674d1
redsunlib/templates/base.html

77 lines
4.7 KiB
HTML
Raw Normal View History

Create Base Template
2020-11-23 13:29:05 +13:00
<!DOCTYPE html>
<html lang="en">
<head>
{% block head %}
Multireddit Support & Referrer Policy
2020-12-21 14:45:26 +13:00
<title>{% block title %}Libreddit{% endblock %}</title>
Highlight Post Authors in Comments
2020-12-22 05:38:24 +13:00
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
Create Base Template
2020-11-23 13:29:05 +13:00
<meta name="description" content="View on Libreddit, an alternative private front-end to Reddit.">
Mobile Responsive
2020-12-06 17:54:43 +13:00
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Add Support for iOS "Add to Homescreen" * Adds basic Manifest.json * Adds Meta Tags for iOS * Adds Meta Tags for Android * Adds Logo for Manifest.json * Adds iOS Logo for homescreen
2021-02-01 23:10:53 +13:00
<!-- General PWA -->
Change Libreddit PWA Theme Color
2021-02-02 13:26:35 +13:00
<meta name="theme-color" content="#1F1F1F">
Add Support for iOS "Add to Homescreen" * Adds basic Manifest.json * Adds Meta Tags for iOS * Adds Meta Tags for Android * Adds Logo for Manifest.json * Adds iOS Logo for homescreen
2021-02-01 23:10:53 +13:00
<!-- iOS Application -->
<meta name="apple-mobile-web-app-title" content="Libreddit">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
Fix indentation and formatting
2021-11-24 19:23:29 +13:00
<!-- Android -->
Add Support for iOS "Add to Homescreen" * Adds basic Manifest.json * Adds Meta Tags for iOS * Adds Meta Tags for Android * Adds Logo for Manifest.json * Adds iOS Logo for homescreen
2021-02-01 23:10:53 +13:00
<meta name="mobile-web-app-capable" content="yes">
<!-- iOS Logo -->
Remove unnecessary trailing slashes
2021-03-18 13:28:05 +13:00
<link href="/touch-icon-iphone.png" rel="apple-touch-icon">
Add Support for iOS "Add to Homescreen" * Adds basic Manifest.json * Adds Meta Tags for iOS * Adds Meta Tags for Android * Adds Logo for Manifest.json * Adds iOS Logo for homescreen
2021-02-01 23:10:53 +13:00
<!-- PWA Manifest -->
Remove unnecessary trailing slashes
2021-03-18 13:28:05 +13:00
<link rel="manifest" type="application/json" href="/manifest.json">
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
Request CSS with explicit version. base.html will now request with a query parameter `v=` whose value is the current version of Libreddit. This will cause the browser to request the stylesheet for a specific version of Libreddit, bypassing the cache. A new version of Libreddit will cause the browser to fetch a new stylesheet. Resolves #622. Credit is due to GitHub user @chloekek for offering this solution in the following post: https://github.com/libreddit/libreddit/issues/622#issuecomment-1315961742
2022-11-24 10:43:36 +13:00
<link rel="stylesheet" type="text/css" href="/style.css?v={{ env!("CARGO_PKG_VERSION") }}">
Create Base Template
2020-11-23 13:29:05 +13:00
{% endblock %}
Rewrite + Searching
2021-01-01 12:54:13 +13:00
</head>
Light theme
2021-01-11 15:15:34 +13:00
<body class="
{% if prefs.layout != "" %}{{ prefs.layout }}{% endif %}
{% if prefs.wide == "on" %} wide{% endif %}
Make the fixed navbar optional Adds another on/off preference (default: on, keeps same behaviour) for the fixed navbar. When off the navbar will not remain at the top of the page when scrolling. This is useful for small displays such as phones where otherwise the navbar takes up a sizeable portion of the viewport.
2022-06-19 09:53:30 +12:00
{% if prefs.theme != "system" %} {{ prefs.theme }}{% endif %}
{% if prefs.fixed_navbar == "on" %} fixed_navbar{% endif %}">
Make Design More Compact
2021-01-04 16:44:44 +13:00
<!-- NAVIGATION BAR -->
Make the fixed navbar optional Adds another on/off preference (default: on, keeps same behaviour) for the fixed navbar. When off the navbar will not remain at the top of the page when scrolling. This is useful for small displays such as phones where otherwise the navbar takes up a sizeable portion of the viewport.
2022-06-19 09:53:30 +12:00
<nav class="
{% if prefs.fixed_navbar == "on" %} fixed_navbar{% endif %}">
Move the subs list into the navbar.
2021-01-31 11:52:18 +13:00
<div id="logo">
Style focus outline
2021-02-01 17:56:13 +13:00
<a id="libreddit" href="/"><span id="lib">lib</span><span id="reddit">reddit.</span></a>
Settings with Layouts
2021-01-06 15:04:49 +13:00
<span id="version">v{{ env!("CARGO_PKG_VERSION") }}</span>
Move the subs list into the navbar.
2021-01-31 11:52:18 +13:00
{% block subscriptions %}{% endblock %}
</div>
Rewrite + Searching
2021-01-01 12:54:13 +13:00
{% block search %}{% endblock %}
Move the subs list into the navbar.
2021-01-31 11:52:18 +13:00
<div id="links">
Rewrite Reddit post links to Libreddit equivalents
2021-12-27 18:18:20 +13:00
<a id="reddit_link" href="https://www.reddit.com{{ url }}" rel="nofollow">
Add "open in reddit" button to all pages (#304) * Pass the url parameter to all templates. Add a reddit_link to the navbar, which opens the current url on reddit. * Add icon for reddit link Co-authored-by: spikecodes <19519553+spikecodes@users.noreply.github.com>
2021-11-15 15:39:33 +13:00
<span>reddit</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M23 12.0737C23 10.7308 21.9222 9.64226 20.5926 9.64226C19.9435 9.64226 19.3557 9.90274 18.923 10.3244C17.2772 9.12492 15.0099 8.35046 12.4849 8.26135L13.5814 3.05002L17.1643 3.8195C17.2081 4.73947 17.9539 5.47368 18.8757 5.47368C19.8254 5.47368 20.5951 4.69626 20.5951 3.73684C20.5951 2.77769 19.8254 2 18.8758 2C18.2001 2 17.6214 2.39712 17.3404 2.96952L13.3393 2.11066C13.2279 2.08679 13.1116 2.10858 13.016 2.17125C12.9204 2.23393 12.8533 2.33235 12.8295 2.44491L11.6051 8.25987C9.04278 8.33175 6.73904 9.10729 5.07224 10.3201C4.63988 9.90099 4.05398 9.64226 3.40757 9.64226C2.0781 9.64226 1 10.7308 1 12.0737C1 13.0618 1.58457 13.9105 2.4225 14.2909C2.38466 14.5342 2.36545 14.78 2.36505 15.0263C2.36505 18.7673 6.67626 21.8 11.9945 21.8C17.3131 21.8 21.6243 18.7673 21.6243 15.0263C21.6243 14.7794 21.6043 14.5359 21.5678 14.2957C22.4109 13.9175 23 13.0657 23 12.0737Z"/>
</svg>
</a>
Remove unnecessary trailing slashes
2021-03-18 13:28:05 +13:00
<a id="settings_link" href="/settings">
Shrink links to icons on mobile
2021-02-01 10:22:11 +13:00
<span>settings</span>
Update base.html
2021-02-02 08:32:57 +13:00
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<title>settings</title>
<circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"/>
</svg>
Shrink links to icons on mobile
2021-02-01 10:22:11 +13:00
</a>
Link to `libreddit/libreddit` and open in new tab This sets the target of the "code" link to `_blank`, so that it will open in a new tab in browsers. Because the GitHub page is a different context from libreddit, and accessing the repository doesn't imply that the user is finished browsing libreddit, this seemed reasonable. This also changes the link from `spikecodes/libreddit` to `libreddit/libreddit`.
2023-01-02 07:38:52 +13:00
<a id="code" href="https://github.com/libreddit/libreddit" target="_blank" rel="noopener noreferrer">
Shrink links to icons on mobile
2021-02-01 10:22:11 +13:00
<span>code</span>
Update base.html
2021-02-02 08:32:57 +13:00
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<title>code</title>
<polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/>
</svg>
Shrink links to icons on mobile
2021-02-01 10:22:11 +13:00
</a>
Move the subs list into the navbar.
2021-01-31 11:52:18 +13:00
</div>
Multireddit Support & Referrer Policy
2020-12-21 14:45:26 +13:00
</nav>
Clean-up and more consistent styles.
2021-01-30 21:33:38 +13:00
Make Design More Compact
2021-01-04 16:44:44 +13:00
<!-- MAIN CONTENT -->
Fix Header
2020-12-09 06:58:36 +13:00
{% block body %}
Create Base Template
2020-11-23 13:29:05 +13:00
<main>
{% block content %}
{% endblock %}
</main>
{% endblock %}
Landing page for NSFW content, SFW-only mode (#656) Co-authored-by: Matt <matt@matthew.science> Co-authored-by: Spike <19519553+spikecodes@users.noreply.github.com>
2023-01-03 22:39:45 +13:00
{% block footer %}
{% if crate::utils::sfw_only() %}
<footer><div id="sfw-only">This instance of Libreddit is SFW-only.</div></footer>
{% endif %}
{% endblock %}
Create Base Template
2020-11-23 13:29:05 +13:00
</body>
Absolutly no jumping when images (fail to) load
2021-01-22 10:04:06 +13:00
</html>
Reference in New Issue Copy Permalink