CityApper
/
hogumathi-app


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
							<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="{{ url_for('.static', filename='tachyons.min.css') }}">
	<script src="{{ url_for('.static', filename='htmx.js') }}"></script>
	<script src="{{ url_for('.static', filename='sweetalert2.js') }}"></script>
	
	{% block head %}
	<title>{{ title | default('No Title') }}</title>
	{% endblock %}
	
	<link rel="stylesheet" href="{{ url_for('.static', filename='theme/base.css') }}">
	<link rel="stylesheet" href="{{ url_for('.static', filename='theme/user-14520320.css') }}">
<script>
const Toast = Swal.mixin({
  toast: true,
  position: 'top-end',
  showConfirmButton: false,
  timer: 3000,
  timerProgressBar: true,
  didOpen: (toast) => {
    toast.addEventListener('mouseenter', Swal.stopTimer)
    toast.addEventListener('mouseleave', Swal.resumeTimer)
  }
})
</script>
</head>
<body>

<!--
Flexbox makes logical sense but we'll go with a table-based display

-->

<div class="nav" style="position: fixed; width: 25%">
<ul>
	{% if twitter_user %}
	<li><a href="{{ url_for('.get_timeline_home_html') }}">Latest Tweets</a></li>
	<li><a href="{{ url_for('.get_conversations_html') }}">DMs</a></li>
	<li><a hx-push-url="/mentions.html?me={{ me }}" hx-get="/twitter/data/mentions/{{ twitter_user.id }}?me={{ me }}" hx-target="#tweets" hx-swap="outerHTML">Mentions</a></li>
	<!--
	<li><a hx-get="/twitter/data/thread/1592514352690900992?me={{ me }}" hx-target="#tweets" hx-swap="outerHTML">Test Thread</a></li>
	<li><a hx-get="/twitter/data/conversation/1592596557009801216?me={{ me }}" hx-target="#tweets" hx-swap="outerHTML">Test Conversation</a></li>
	<li><a hx-get="/twitter/data/tweets?ids=1592637236147027970,1592474342289330176&amp;me={{ me }}" hx-target="#tweets" hx-swap="outerHTML">Test Tweets</a></li>
	-->
	<li><a href="{{ url_for('.get_bookmarks_html') }}">Bookmarks</a></li>
	<li><a href="{{ url_for('.get_collection_html', collection_id='swipe-all2') }}">Test Collection</a></li>
	
	
	<li><a href="{{ url_for('twitter_v2_facade.oauth2_login.get_logout_html') }}">Logout ({{me}})</a></li
	{% endif %}
	
	{% if mastodon_user %}
	<li><a href="{{ url_for('.get_timeline_home_html', me=me) }}">Public Timeline</a></li>
	<li><a href="{{ url_for('.get_bookmarks_html', me=me) }}">Bookmarks</a></li>
	{% endif %}
	
	<li><a href="javascript:document.body.classList.toggle('theme-dark')">Toggle Dark Mode</a></li>
	<li><a href="javascript:document.location.reload()">Refresh</a></li>
</ul>

{% if twitter_user or mastodon_user %}

{% include "partial/compose-form.html" %}


{% endif %}

{% if False %}
<!--
{% include "partial/media-upload-form.html" %}
-->
{% endif %}

{% include "partial/user-picker.html" %}

{% if add_account_enabled %}
<a href="{{ url_for('get_login_html') }}">Add account</a>
{% endif %}

</div>

<div style="width: 75%; left:25%; position: absolute">

{% block content %}{% endblock %}

</div>
<footer style="position: absolute; bottom: -300px; right: 0; width: 100px;">
<p>
Powered by <a href="https://glitch.com/~hogumathi">Hogumathi</a>. Give a gift to the author with <a href="https://venmo.com/harlanji">Venmo</a> or become a <a href="https://patreon.com/harlanji">patron</a> for gifts
like early access and coupon codes for software on <a href="https://harlanji.gumroad.com">Gumroad</a>.
</p>
</footer>
</body>
</html>