added contact us

recursivezero · recursivezero · commit f5dc39dc4ba7 · 2026-03-14T20:44:58.000+05:30
diff --git a/.gitignore b/.gitignore
@@ -39,7 +39,6 @@ logs/
 log/
 
 
-.vscode/
 .idea/
 *.swp
 *.swo
diff --git a/.vscode/dictionaries/project-words.txt b/.vscode/dictionaries/project-words.txt
@@ -1,3 +1,4 @@
+APIHTTP
 appleboy
 projectx
 RZRO
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -22,7 +22,12 @@ All notable changes to this repository will be documented in this file.
 
 - Added Database connection retry logic
 
-## [1.1.1] THu, Mar 12, 2026
+## [1.1.1] Thu, Mar 12, 2026
 
 - Added Memory Cache
 - Redesign Page
+
+## [1.1.2] Sat, Mar 14, 2026
+
+- Mobile responsiveness
+- Added Contact us Page
diff --git a/app/routes.py b/app/routes.py
@@ -1,51 +1,52 @@
 import os
 from datetime import datetime, timezone
 from typing import Optional
-from app.utils.cache import list_cache_clean, clear_cache
+
 from fastapi import (
     APIRouter,
-    Form,
-    Request,
-    status,
-    HTTPException,
     BackgroundTasks,
+    Form,
     Header,
+    HTTPException,
     Query,
+    Request,
+    status,
 )
 from fastapi.responses import (
     HTMLResponse,
+    JSONResponse,
     PlainTextResponse,
     RedirectResponse,
-    JSONResponse,
 )
 from fastapi.templating import Jinja2Templates
 from pydantic import BaseModel, Field
 
-
 from app import __version__
 from app.utils import db
 from app.utils.cache import (
+    clear_cache,
     get_from_cache,
     get_recent_from_cache,
     get_short_from_cache,
-    set_cache_pair,
     increment_visit_cache,
-    url_cache,
+    list_cache_clean,
     remove_cache_key,
     rev_cache,
+    set_cache_pair,
+    url_cache,
 )
 from app.utils.config import (
+    CACHE_PURGE_TOKEN,
     DOMAIN,
     MAX_RECENT_URLS,
-    CACHE_PURGE_TOKEN,
     QR_DIR,
 )
 from app.utils.helper import (
-    generate_code,
-    sanitize_url,
-    is_valid_url,
     authorize_url,
     format_date,
+    generate_code,
+    is_valid_url,
+    sanitize_url,
 )
 from app.utils.qr import generate_qr_with_logo
 
@@ -152,6 +153,11 @@ async def create_short_url(
     return RedirectResponse("/", status_code=status.HTTP_303_SEE_OTHER)
 
 
+@ui_router.get("/contact", response_class=HTMLResponse)
+async def contact(request: Request):
+    return templates.TemplateResponse("contact.html", {"request": request})
+
+
 @ui_router.get("/history", response_class=HTMLResponse)
 async def recent_urls(request: Request):
     recent_urls_list = db.get_recent_urls(MAX_RECENT_URLS) or get_recent_from_cache(
diff --git a/app/static/css/tiny.css b/app/static/css/tiny.css
@@ -20,7 +20,10 @@ body {
   margin: 0;
   overflow-x: hidden;
   background-image: radial-gradient(circle at 50% -20%, #1e1e2e 0%, transparent 50%);
+}
 
+a {
+  color: var(--accent);
 }
 
 body.light-theme {
@@ -191,7 +194,6 @@ body.dark-theme .app-header {
   cursor: pointer;
 }
 
-
 @media (max-width: 600px) {
   .app-logo {
     transform: scale(0.9);
@@ -200,13 +202,9 @@ body.dark-theme .app-header {
   .app-name {
     font-size: 1.1rem;
   }
-
-
 }
 
-
 @media (max-width: 700px) {
-
   .hamburger {
     display: block;
   }
@@ -229,7 +227,6 @@ body.dark-theme .app-header {
   .header-nav.open {
     display: flex;
   }
-
 }
 
 /* Hero input */
@@ -446,7 +443,6 @@ body.dark-theme .app-header {
 }
 
 @media (max-width: 768px) {
-
   .input-wrapper {
     flex-direction: column;
   }
@@ -459,7 +455,6 @@ body.dark-theme .app-header {
     padding-left: 12px;
     padding-right: 12px;
   }
-
 }
 
 /* ===============================
@@ -849,3 +844,18 @@ body.light-theme .history-link {
 .history-link:hover {
   opacity: 0.7;
 }
+
+.contact-info {
+  max-width: 600px;
+  margin: 0 auto;
+  background: var(--glass);
+  border: 1px solid var(--glass-border);
+  border-radius: 1rem;
+  padding: 2rem;
+  list-style-type: none;
+  & li {
+    margin-bottom: 1rem;
+    font-size: 1.1rem;
+    color: var(--text-primary);
+  }
+}
diff --git a/app/templates/404.html b/app/templates/404.html
@@ -3,7 +3,7 @@
 <html>
 
 <head>
-  <title>Page Not Found</title>
+  <title>rzro.link: Page Not Found</title>
   <style>
     body {
       margin: 0;
@@ -41,8 +41,8 @@
     <h1>🚫 Page not found</h1>
     <p>The page you are looking for does not exist.</p>
 
-    <a href="/" onclick="history.back(); return false;">
-      ← Go Back
+    <a href="/">
+      ← Go Home
     </a>
   </div>
 </body>
diff --git a/app/templates/contact.html b/app/templates/contact.html
@@ -0,0 +1,14 @@
+{% extends "layout.html" %} {% block content %}
+<div class="main-layout">
+  <div class="contact-card">
+    <h1>Contact Us</h1>
+    <p>If you have any questions, feedback, or need assistance, feel free to reach out to us!</p>
+    <ul class="contact-info">
+      <li><strong>Email:</strong> <a href="mailto:hello@recursivezero.com">hello@recursivezero.com</a></li>
+      <li><strong>Twitter:</strong> <a href="https://twitter.com/recursivezero" target="_blank">@recursivezero</a></li>
+      <li><strong>GitHub:</strong> <a href="https://github.com/recursivezero/tiny/issues" target="_blank">GitHub
+          Issues</a></li>
+    </ul>
+  </div>
+</div>
+{% endblock %}
diff --git a/app/templates/header.html b/app/templates/header.html
@@ -5,9 +5,9 @@
   </div>
   <nav class="header-nav">
     <a href="/" class="nav-link active">Home</a>
-    <a href="/coming-soon" class="nav-link">Analysis</a>
-    <a href="/coming-soon" class="nav-link">Search</a>
-    <a href="/coming-soon" class="nav-link">Contact</a>
+    <!--<a href="/coming-soon" class="nav-link">Analysis</a>-->
+    <!--<a href="/coming-soon" class="nav-link">Search</a>-->
+    <a href="/contact" class="nav-link">Contact</a>
     <a href="/history" class="nav-link" title="Show recent shortened URLs">History</a>
   </nav>
   <div class="header-right">
diff --git a/pyproject.toml b/pyproject.toml
@@ -1,7 +1,7 @@
 [project]
 name = "tiny"
-version = "1.1.1"
-description = "A package for URL Shortener with QR Code generation"
+version = "1.1.2"
+description = "A python web app for URL Shortener with QR Code generation"
 authors = [
   { name = "recursivezero", email = "152776938+recursivezero@users.noreply.github.com" },
 ]

-Original file line number
+Diff line change
 log/
 -.vscode/
 .idea/
 *.swp
 *.swo
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+APIHTTP`
`1`	`2`	`appleboy`
`2`	`3`	`projectx`
`3`	`4`	`RZRO`
Original file line number	Diff line number	Diff line change
`@@ -20,7 +20,10 @@ body {`
`20`	`20`	`margin: 0;`
`21`	`21`	`overflow-x: hidden;`
`22`	`22`	`background-image: radial-gradient(circle at 50% -20%, #1e1e2e 0%, transparent 50%);`
	`23`	`+}`
`23`	`24`
	`25`	`+a {`
	`26`	`+ color: var(--accent);`
`24`	`27`	`}`
`25`	`28`
`26`	`29`	`body.light-theme {`
`@@ -191,7 +194,6 @@ body.dark-theme .app-header {`
`191`	`194`	`cursor: pointer;`
`192`	`195`	`}`
`193`	`196`
`194`		`-`
`195`	`197`	`@media (max-width: 600px) {`
`196`	`198`	`.app-logo {`
`197`	`199`	`transform: scale(0.9);`
`@@ -200,13 +202,9 @@ body.dark-theme .app-header {`
`200`	`202`	`.app-name {`
`201`	`203`	`font-size: 1.1rem;`
`202`	`204`	`}`
`203`		`-`
`204`		`-`
`205`	`205`	`}`
`206`	`206`
`207`		`-`
`208`	`207`	`@media (max-width: 700px) {`
`209`		`-`
`210`	`208`	`.hamburger {`
`211`	`209`	`display: block;`
`212`	`210`	`}`
`@@ -229,7 +227,6 @@ body.dark-theme .app-header {`
`229`	`227`	`.header-nav.open {`
`230`	`228`	`display: flex;`
`231`	`229`	`}`
`232`		`-`
`233`	`230`	`}`
`234`	`231`
`235`	`232`	`/* Hero input */`
`@@ -446,7 +443,6 @@ body.dark-theme .app-header {`
`446`	`443`	`}`
`447`	`444`
`448`	`445`	`@media (max-width: 768px) {`
`449`		`-`
`450`	`446`	`.input-wrapper {`
`451`	`447`	`flex-direction: column;`
`452`	`448`	`}`
`@@ -459,7 +455,6 @@ body.dark-theme .app-header {`
`459`	`455`	`padding-left: 12px;`
`460`	`456`	`padding-right: 12px;`
`461`	`457`	`}`
`462`		`-`
`463`	`458`	`}`
`464`	`459`
`465`	`460`	`/* ===============================`
`@@ -849,3 +844,18 @@ body.light-theme .history-link {`
`849`	`844`	`.history-link:hover {`
`850`	`845`	`opacity: 0.7;`
`851`	`846`	`}`
	`847`	`+`
	`848`	`+.contact-info {`
	`849`	`+ max-width: 600px;`
	`850`	`+ margin: 0 auto;`
	`851`	`+ background: var(--glass);`
	`852`	`+ border: 1px solid var(--glass-border);`
	`853`	`+ border-radius: 1rem;`
	`854`	`+ padding: 2rem;`
	`855`	`+ list-style-type: none;`
	`856`	`+ & li {`
	`857`	`+ margin-bottom: 1rem;`
	`858`	`+ font-size: 1.1rem;`
	`859`	`+ color: var(--text-primary);`
	`860`	`+ }`
	`861`	`+}`