Create browse.html

2024-10-09 21:13:50 +01:00
parent b510a2112a
commit 9b703de932
1 changed files with 98 additions and 0 deletions
--- a/templates/browse.html
+++ b/templates/browse.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>ircquotes: Browse Quotes</title>
+    <link rel="stylesheet" href="/static/css/styles.css">
+</head>
+
+<body bgcolor="#ffffff" text="#000000" link="#c08000" vlink="#c08000" alink="#c08000">
+
+    <!-- Top Navigation Bar -->
+    <center>
+        <table cellpadding="2" cellspacing="0" width="80%" border="0">
+            <tr>
+                <td bgcolor="#c08000" align="left">
+                    <font size="+1"><b><i>ircquotes</i></b></font>
+                </td>
+                <td bgcolor="#c08000" align="right">
+                    <font face="arial" size="+1"><b>Browse Quotes</b></font>
+                </td>
+            </tr>
+        </table>
+
+        <!-- Navigation Links -->
+        <table cellpadding="2" cellspacing="0" width="80%" border="0">
+            <tr>
+                <td class="footertext" align="left" bgcolor="#f0f0f0"></td>
+                <td align="right" bgcolor="#f0f0f0" class="toplinks" colspan="2">
+                    <a href="/">Home</a> /
+                    <a href="/random">Random</a> /
+                    <a href="/submit">Submit</a> /
+                    <a href="/browse">Browse</a> /
+                    <a href="/modapp">ModApp</a>
+                </td>
+            </tr>
+        </table>
+    </center>
+
+    <!-- Browse Quotes -->
+    <center>
+        <table cellpadding="0" cellspacing="3" width="80%">
+            <tr>
+                <td class="bodytext" width="100%" valign="top">
+                    {% for quote in quotes.items %}
+                    <p class="quote">
+                        <a href="/quote?id={{ quote.id }}" title="Permanent link to this quote."><b>#{{ quote.id }}</b></a>
+                        <a href="/vote/{{ quote.id }}/upvote?page={{ quotes.page }}" class="qa">+</a>
+                        (<font color="green">{{ quote.votes }}</font>)
+                        <a href="/vote/{{ quote.id }}/downvote?page={{ quotes.page }}" class="qa">-</a>
+                        <a href="/flag/{{ quote.id }}" class="qa"></a>
+                    </p>
+                    <p class="qt">{{ quote.text }}</p>
+                    <hr>
+                    {% endfor %}
+                </td>
+            </tr>
+        </table>
+
+        <!-- Pagination -->
+        <div id="pagination">
+            {% if quotes.has_prev %}
+            <a href="{{ url_for('browse', page=quotes.prev_num) }}">&laquo; Previous</a>
+            {% endif %}
+            Page {{ quotes.page }} of {{ quotes.pages }}
+            {% if quotes.has_next %}
+            <a href="{{ url_for('browse', page=quotes.next_num) }}">Next &raquo;</a>
+            {% endif %}
+        </div>
+    </center>
+
+    <!-- Footer -->
+    <center>
+        <table border="0" cellpadding="2" cellspacing="0" width="80%" bgcolor="#c08000">
+            <tr>
+                <td bgcolor="#f0f0f0" class="toplinks" colspan="2">
+                    <a href="/">Home</a> /
+                    <a href="/random">Random</a> /
+                    <a href="/submit">Submit</a> /
+                    <a href="/browse">Browse</a> /
+                </td>
+            </tr>
+            <tr>
+                <td class="footertext" align="left">&nbsp;</td>
+                <td class="footertext" align="right">{{ approved_count }} quotes approved</td>
+            </tr>
+        </table>
+
+        <font size="-1">
+            <a href="#">Hosted by YourHostingProvider</a><br>
+            &#169; ircquotes 2024, All Rights Reserved.
+        </font>
+    </center>
+
+</body>
+
+</html>