88 lines
4.5 KiB
HTML
88 lines
4.5 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>About - SpotNotes.app</title>
|
||
|
|
<link rel="stylesheet" href="/assets/css/base.css">
|
||
|
|
<link rel="stylesheet" href="/assets/css/navbar.css">
|
||
|
|
<link rel="stylesheet" href="/assets/css/auth.css">
|
||
|
|
<link rel="icon" href="favicon.ico" type="image/x-icon" />
|
||
|
|
</head>
|
||
|
|
<body class="page-body">
|
||
|
|
|
||
|
|
<nav class="navbar">
|
||
|
|
<a href="/" class="brand">
|
||
|
|
<img src="/assets/images/spotnotes.png" alt="SpotNotes.app" style="height: 44px;">
|
||
|
|
</a>
|
||
|
|
<div class="nav-links">
|
||
|
|
<a href="/login.html" id="link-login">Login</a>
|
||
|
|
<a href="/about.html">About</a>
|
||
|
|
<a href="/contact.html">Contact</a>
|
||
|
|
<a href="#" id="link-logout" style="display: none;">Logout</a>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
<div class="content-container">
|
||
|
|
<img src="/assets/images/spotnotes.png" alt="SpotNotes.app" style="width: 95%;">
|
||
|
|
|
||
|
|
<h1 style="margin-bottom: 1rem;">About SpotNotes.app</h1>
|
||
|
|
<p style="line-height: 1.6; color: #555;">
|
||
|
|
SpotNotes is a unique location-based digital notepad designed to help you connect with the world around you.
|
||
|
|
Unlike traditional note-taking apps, SpotNotes allows you to pin your thoughts, reminders, and discoveries to specific coordinates on a map.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p style="line-height: 1.6; color: #555; margin-top: 10px;">
|
||
|
|
Whether you are marking a hidden hiking trail, leaving a review for a local coffee shop, or just jotting down a memory at a specific spot,
|
||
|
|
SpotNotes gives your notes a place in the real world.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<hr style="margin: 30px 0; border: 0; border-top: 1px solid #eee;">
|
||
|
|
|
||
|
|
<h2 style="margin-bottom: 1rem;">Key Features</h2>
|
||
|
|
<div style="display: flex; flex-wrap: wrap; gap: 20px;">
|
||
|
|
<div style="flex: 1 1 300px;">
|
||
|
|
<h3 style="font-size: 1.1rem; margin-bottom: 5px;">📍 Location-Based Notes</h3>
|
||
|
|
<p style="font-size: 0.9rem; color: #666;">Create notes that are tied to exact map coordinates. View them in context with the surrounding area.</p>
|
||
|
|
</div>
|
||
|
|
<div style="flex: 1 1 300px;">
|
||
|
|
<h3 style="font-size: 1.1rem; margin-bottom: 5px;">🌍 Public & Private Notepads</h3>
|
||
|
|
<p style="font-size: 0.9rem; color: #666;">Organize your notes into notepads. Keep them private for personal use or make them public to share with the community.</p>
|
||
|
|
</div>
|
||
|
|
<div style="flex: 1 1 300px;">
|
||
|
|
<h3 style="font-size: 1.1rem; margin-bottom: 5px;">❤️ Favorites</h3>
|
||
|
|
<p style="font-size: 0.9rem; color: #666;">Found a notepad you like? Add it to your favorites for quick and easy access later.</p>
|
||
|
|
</div>
|
||
|
|
<div style="flex: 1 1 300px;">
|
||
|
|
<h3 style="font-size: 1.1rem; margin-bottom: 5px;">🛡️ Community Driven</h3>
|
||
|
|
<p style="font-size: 0.9rem; color: #666;">Help keep the map clean by reporting inappropriate content. We believe in a safe and useful environment for everyone.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<hr style="margin: 30px 0; border: 0; border-top: 1px solid #eee;">
|
||
|
|
|
||
|
|
<h2 style="margin-bottom: 1rem;">Frequently Asked Questions</h2>
|
||
|
|
|
||
|
|
<div style="margin-bottom: 20px;">
|
||
|
|
<h4 style="margin-bottom: 5px;">Is SpotNotes free to use?</h4>
|
||
|
|
<p style="color: #555;">Yes, SpotNotes is completely free. You can create unlimited notes and notepads.</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div style="margin-bottom: 20px;">
|
||
|
|
<h4 style="margin-bottom: 5px;">Do I need an account to view notes?</h4>
|
||
|
|
<p style="color: #555;">No, you can explore public notes and the Global Public Feed without an account. However, you will need to register to create your own notes.</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div style="margin-bottom: 20px;">
|
||
|
|
<h4 style="margin-bottom: 5px;">Can I collaborate on notepads?</h4>
|
||
|
|
<p style="color: #555;">Currently, public notepads can be viewed and edited by anyone.</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div style="margin-top: 40px; text-align: center;">
|
||
|
|
<a href="/" class="btn btn-primary" style="text-decoration: none; display: inline-block; width: auto; padding: 12px 30px;">Start Exploring</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script src="/assets/js/nav.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|