CityApper
/
hogumathi-app


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
							<!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>
	
	{% block head %}
	<title>{{ title | default('No Title') }}</title>
	{% endblock %}
<style>


.qt-box, .card-box {
	padding: 4px;
	border: 1px solid black;
}

.tweet-actions-box {
	width: 100%;
	background-color: lightgrey;
	padding: 2px;
	text-align: right;
}


.theme-dark {
	color: #dfdfdf;
	background-color: #030303;
}
    
	
.theme-dark a {
	color: green;
}

.theme a:visited {
	color: orange;
}

.theme-dark .qt-box, .theme-dark .card-box {
	border-color: #dfdfdf;
}

.theme-dark .tweet-actions-box {
	background-color: midnightblue;
}

.theme-dark textarea, .theme-dark input {
	background-color: #121212;
	border-color: #dfdfdf;
	color: #dfdfdf;
}

.theme-dark button {
    background-color: #121212;
    color: #dfdfdf;
    border-color: #dfdfdf;
}

</style>
</head>
<body>

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

-->

<div class="nav" style="position: fixed; width: 25%">
<ul>
	<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-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_logout_html') }}">Logout ({{me}})</a></li>

	
	<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>

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


{% include "partial/media-upload-form.html" %}

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

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

{% block content %}{% endblock %}

</div>

</body>
</html>