feat: Add online user guide with screenshots (#203) #204

Merged
egullickson merged 10 commits from issue-203-add-online-user-guide into main 2026-02-16 01:40:36 +00:00
4 changed files with 7 additions and 32 deletions
Showing only changes of commit bb48c55c2e - Show all commits

View File

@@ -108,7 +108,7 @@ First-time users see an onboarding flow with three steps:
### Trouble Logging In
If you are having trouble logging in, click the **Trouble logging in?** link in the top-right corner of the navigation bar. This will guide you through password reset and account recovery options.
If you are having trouble logging in, try the following password reset and account recovery options.
---

View File

@@ -16,6 +16,10 @@ http {
root /usr/share/nginx/html;
index index.html;
# Prevent nginx from including internal port in redirects
# (Traefik handles external-facing port 443)
absolute_redirect off;
# Handle client-side routing
location / {

View File

@@ -131,7 +131,7 @@ export const GettingStartedSection = () => {
<div id="trouble-logging-in" className="scroll-mt-24">
<h3 className="text-xl font-semibold text-avus mb-3 mt-8">Trouble Logging In</h3>
<p className="text-titanio/70 leading-relaxed mb-4">
If you are having trouble logging in, click the <strong className="text-avus">Trouble logging in?</strong> link in the top-right corner of the navigation bar. This will guide you through password reset and account recovery options.
If you are having trouble logging in, try the following password reset and account recovery options.
</p>
<p className="text-titanio/70 leading-relaxed mb-4">

View File

@@ -6,10 +6,9 @@ import { FeaturesGrid } from './HomePage/FeaturesGrid';
import { motion } from 'framer-motion';
export const HomePage = () => {
const { loginWithRedirect, isAuthenticated, logout } = useAuth0();
const { loginWithRedirect, isAuthenticated } = useAuth0();
const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
const [isScrolled, setIsScrolled] = useState(false);
const [sessionCleared, setSessionCleared] = useState(false);
const navigate = useNavigate();
useEffect(() => {
@@ -42,22 +41,6 @@ export const HomePage = () => {
navigate('/signup');
};
const handleClearSession = async () => {
try {
const { indexedDBStorage } = await import('../core/utils/indexeddb-storage');
await indexedDBStorage.clearAll();
Object.keys(localStorage).forEach(key => {
if (key.startsWith('@@auth0')) localStorage.removeItem(key);
});
logout({ openUrl: false });
setSessionCleared(true);
setTimeout(() => setSessionCleared(false), 3000);
} catch (error) {
console.error('[HomePage] Failed to clear session:', error);
window.location.reload();
}
};
return (
<div className="min-h-screen bg-nero text-avus">
{/* Navigation Bar */}
@@ -107,12 +90,6 @@ export const HomePage = () => {
>
Login
</button>
<button
onClick={handleClearSession}
className="text-white/40 hover:text-white/70 text-xs transition-colors min-h-[44px] min-w-[44px] flex items-center"
>
{sessionCleared ? 'Session cleared' : 'Trouble logging in?'}
</button>
</div>
{/* Mobile Menu Button */}
@@ -184,12 +161,6 @@ export const HomePage = () => {
>
Login
</button>
<button
onClick={handleClearSession}
className="w-full text-white/40 hover:text-white/70 text-xs py-2 min-h-[44px] transition-colors"
>
{sessionCleared ? 'Session cleared' : 'Trouble logging in?'}
</button>
</motion.div>
)}
</div>