ComputerTech312
f409977257
- Added copy quote functionality with clipboard integration - Implemented bulk moderation actions for admin - Created mobile responsive design with bash.org styling - Added API rate limiting per IP address - Implemented dark mode toggle with flash prevention - Enhanced error messages throughout application - Fixed all security vulnerabilities (SQL injection, XSS, CSRF) - Added comprehensive rate limiting on all endpoints - Implemented secure session configuration - Added input validation and length limits - Created centralized configuration system with config.json - Set up production deployment with Gunicorn - Added security headers and production hardening - Added password generation and config management tools
138 lines
5.8 KiB
HTML
138 lines
5.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>ircquotes: Search & Read</title>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}" />
|
|
<script>
|
|
// Prevent flash of white content by applying theme immediately
|
|
(function() {
|
|
const savedTheme = localStorage.getItem('theme');
|
|
const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
if (savedTheme === 'dark' || (!savedTheme && prefersDark)) {
|
|
document.documentElement.className = 'dark-theme';
|
|
}
|
|
})();
|
|
</script>
|
|
<script src="{{ url_for('static', filename='voting.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='theme.js') }}"></script>
|
|
</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>Search & Read 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> /
|
|
<a href="/search">Search</a> /
|
|
<a href="/faq">FAQ</a>
|
|
<button id="theme-toggle" onclick="toggleDarkMode()" title="Toggle dark/light mode">🌙</button>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</center>
|
|
|
|
<!-- Search Forms -->
|
|
<center>
|
|
<table cellpadding="0" cellspacing="3" width="80%">
|
|
<tr>
|
|
<td class="bodytext" width="100%" valign="top">
|
|
<!-- Search for Quotes -->
|
|
<p><b>Search for Quotes by Keyword</b></p>
|
|
<form action="/search" method="GET">
|
|
<input type="text" name="q" value="{{ query or '' }}" placeholder="Enter search term" required>
|
|
<input type="submit" value="Search">
|
|
</form>
|
|
<br>
|
|
|
|
<!-- Read Quote by Number -->
|
|
<p><b>Read a Quote by Number</b></p>
|
|
<form action="/quote" method="GET">
|
|
<input type="number" name="id" placeholder="Enter quote number" required>
|
|
<input type="submit" value="Read">
|
|
</form>
|
|
<hr>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</center>
|
|
<!-- Search Results -->
|
|
{% if query %}
|
|
<center>
|
|
<table cellpadding="0" cellspacing="3" width="80%">
|
|
<tr>
|
|
<td class="bodytext" width="100%" valign="top">
|
|
<p><b>Search Results for "{{ query }}"</b></p>
|
|
{% if quotes %}
|
|
{% for quote in quotes %}
|
|
<p class="quote">
|
|
<a href="/quote?id={{ quote.id }}" title="Permanent link to this quote."><b>#{{ quote.id }}</b></a>
|
|
|
|
<a href="#" onclick="return vote({{ quote.id }}, "upvote", this)" class="qa" id="up-{{ quote.id }}">+</a>
|
|
<span id="votes-{{ quote.id }}"><font color="green">{{ quote.votes }}</font></span>
|
|
<a href="#" onclick="return vote({{ quote.id }}, "downvote", this)" class="qa" id="down-{{ quote.id }}">-</a>
|
|
|
|
<a href="#" onclick="return flag({{ quote.id }}, this)" class="qa">X</a>
|
|
|
|
<a href="#" onclick="return copyQuote({{ quote.id }}, this)" class="qa" title="Copy quote to clipboard">C</a>
|
|
</p>
|
|
<p class="qt">{{ quote.text|e }}</p>
|
|
<hr>
|
|
{% endfor %}
|
|
{% else %}
|
|
<p>No quotes found for "{{ query }}".</p>
|
|
{% endif %}
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</center>
|
|
{% endif %}
|
|
|
|
<!-- 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> /
|
|
<a href="/modapp">ModApp</a> /
|
|
<a href="/search">Search</a> /
|
|
<a href="/faq">FAQ</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="footertext" align="left"> </td>
|
|
<td class="footertext" align="right">{{ approved_count }} quotes approved</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<font size="-1">
|
|
<a href="#">Hosted by YourHostingProvider</a><br>
|
|
© ircquotes 2024, All Rights Reserved.
|
|
</font>
|
|
</center>
|
|
|
|
</body>
|
|
</html>
|