|
1 | 1 | <!doctype html> |
2 | 2 | <html lang="en"> |
3 | | - <head> |
4 | | - <meta charset="UTF-8" /> |
5 | | - <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
6 | | - <title>PitchLense — AI Analyst for Startup Evaluation</title> |
7 | | - <link rel="icon" type="image/svg+xml" href="/static/logo.svg" /> |
8 | | - <meta name="description" content="PitchLense: AI-powered analyst that synthesizes founder material and public data to generate investor-ready insights." /> |
9 | | - |
10 | | - <!-- Tailwind Play CDN with custom theme --> |
11 | | - <script> |
12 | | - tailwind.config = { |
13 | | - theme: { |
14 | | - extend: { |
15 | | - colors: { |
16 | | - background: '#1E1E21', |
17 | | - surface: '#2E3137', |
18 | | - muted: '#2E3137', |
19 | | - text: '#ffffff', |
20 | | - secondary: '#cfd4dd', |
21 | | - accent: '#f1d85b', |
22 | | - accent2: '#78e6d0' |
23 | | - }, |
24 | | - fontFamily: { |
25 | | - sans: ['Inter', 'system-ui', 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', 'sans-serif'] |
26 | | - }, |
27 | | - boxShadow: { |
28 | | - card: '0 10px 30px rgba(0,0,0,0.35)' |
29 | | - } |
30 | | - } |
31 | | - } |
32 | | - }; |
33 | | - </script> |
34 | | - <script src="https://cdn.tailwindcss.com"></script> |
| 3 | + |
| 4 | + <body> |
| 5 | + <div class="background"> |
| 6 | + <div class="overlay"></div> |
| 7 | + <div class="content"> |
| 8 | + <h1>🚧 Coming Soon</h1> |
| 9 | + <p> |
| 10 | + We're building something amazing for you. Stay tuned! |
| 11 | + </p> |
| 12 | + <p class="tagline">...</p> |
| 13 | + </div> |
| 14 | +</div> |
| 15 | + </body> |
| 16 | + <style> |
| 17 | + * { |
| 18 | + box-sizing: border-box; |
| 19 | + margin: 0; |
| 20 | + padding: 0; |
| 21 | +} |
35 | 22 |
|
36 | | - <!-- Fonts --> |
37 | | - <link rel="preconnect" href="https://fonts.googleapis.com"> |
38 | | - <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
39 | | - <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"> |
| 23 | +body, |
| 24 | +html { |
| 25 | + height: 100%; |
| 26 | + font-family: Arial, sans-serif; |
| 27 | +} |
40 | 28 |
|
41 | | - <!-- Base styles --> |
42 | | - <link rel="stylesheet" href="./styles.css" /> |
| 29 | +.background { |
| 30 | + background-image: url("https://images.unsplash.com/photo-1480714378408-67cf0d13bc1b?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"); /* Replace with your own construction image */ |
| 31 | + background-size: cover; |
| 32 | + background-position: center; |
| 33 | + height: 100%; |
| 34 | + position: relative; |
| 35 | +} |
43 | 36 |
|
44 | | - <!-- React 18 UMD + Babel for JSX in browser (ok for demo) --> |
45 | | - <script src="https://unpkg.com/react@18/umd/react.production.min.js" crossorigin></script> |
46 | | - <script src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js" crossorigin></script> |
47 | | - <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script> |
48 | | - <!-- GSAP for animations --> |
49 | | - <script src="https://unpkg.com/gsap@3/dist/gsap.min.js"></script> |
| 37 | +.overlay { |
| 38 | + background-color: rgba(0, 0, 0, 0.7); |
| 39 | + position: absolute; |
| 40 | + top: 0; |
| 41 | + left: 0; |
| 42 | + right: 0; |
| 43 | + bottom: 0; |
| 44 | +} |
50 | 45 |
|
51 | | - <!-- Google Analytics - PitchLense & YouTube Tracking --> |
52 | | - <script async src="https://www.googletagmanager.com/gtag/js?id=G-01HVZWQJYZ"></script> |
53 | | - <script> |
54 | | - window.dataLayer = window.dataLayer || []; |
55 | | - function gtag(){dataLayer.push(arguments);} |
56 | | - gtag('js', new Date()); |
57 | | - |
58 | | - // PitchLense Analytics |
59 | | - gtag('config', 'G-01HVZWQJYZ'); |
60 | | - |
61 | | - // YouTube Analytics |
62 | | - gtag('config', 'G-MEJ9RH4LNM'); |
63 | | - </script> |
64 | | - </head> |
| 46 | +.content { |
| 47 | + position: relative; |
| 48 | + z-index: 1; |
| 49 | + color: #fff; |
| 50 | + text-align: center; |
| 51 | + top: 50%; |
| 52 | + transform: translateY(-50%); |
| 53 | + padding: 0 20px; |
| 54 | +} |
65 | 55 |
|
66 | | - <body class="bg-background text-text font-sans antialiased selection:bg-accent selection:text-white"> |
67 | | - <div id="root"></div> |
| 56 | +h1 { |
| 57 | + font-size: 3rem; |
| 58 | + margin-bottom: 1rem; |
| 59 | + color: #ffc107; |
| 60 | +} |
68 | 61 |
|
69 | | - |
70 | | - <script type="text/babel" data-type="module" src="./main.jsx"></script> |
71 | | - |
72 | | - <!-- Circular Footer with Heart Icon --> |
73 | | - <footer class="fixed bottom-4 right-4 z-50"> |
74 | | - <!-- Expanded Footer Content (Hidden by default) --> |
75 | | - <div class="footer-expanded liquid-glass px-4 py-3 mb-2 opacity-0 transform translate-y-2 pointer-events-none transition-all duration-300 ease-out"> |
76 | | - <div class="flex items-center justify-center gap-2 text-sm text-white/80 overflow-x-auto"> |
77 | | - <span>Created with</span> |
78 | | - <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="14" height="14" fill="#ef4444"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 1 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78z"/></svg> |
79 | | - <span>by</span> |
80 | | - <a href="https://amanulla.in/" target="_blank" rel="noopener noreferrer" class="text-[#60a5fa] hover:text-white transition-colors font-medium">Aman Ulla</a> |
81 | | - <span>,</span> |
82 | | - <a href="https://www.linkedin.com/in/srinivasalva/" target="_blank" rel="noopener noreferrer" class="text-[#60a5fa] hover:text-white transition-colors font-medium">Srinivas Alva</a> |
83 | | - <span class="text-white/40">|</span> |
84 | | - <a href="https://vision.hack2skill.com/event/genaiexchangehackathon/?utm_source=hack2skill&utm_medium=homepage#overview" target="_blank" rel="noopener noreferrer" class="text-[#60a5fa] hover:text-white transition-colors">Hack2Skill‑Google Hackathon</a> |
85 | | - <span class="text-white/40">|</span> |
86 | | - <div class="flex items-center gap-2"> |
87 | | - <a href="https://github.com/connectaman/PitchLense" target="_blank" rel="noopener noreferrer" title="GitHub" class="w-8 h-8 grid place-items-center rounded-full bg-[#FFF27A] text-[#1E1E21] hover:opacity-80"> |
88 | | - <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" fill="currentColor"><path d="M12 2C6.48 2 2 6.58 2 12.26c0 4.52 2.87 8.35 6.84 9.71.5.09.68-.22.68-.49 0-.24-.01-.87-.01-1.7-2.78.62-3.37-1.37-3.37-1.37-.46-1.2-1.13-1.52-1.13-1.52-.92-.65.07-.64.07-.64 1.02.07 1.56 1.06 1.56 1.06.9 1.58 2.36 1.12 2.94.86.09-.67.35-1.12.63-1.38-2.22-.26-4.56-1.14-4.56-5.08 0-1.12.39-2.04 1.04-2.76-.1-.26-.45-1.32.1-2.75 0 0 .84-.27 2.76 1.05.8-.23 1.66-.35 2.52-.35s1.72.12 2.52.35c1.92-1.32 2.76-1.05 2.76-1.05.55 1.43.2 2.49.1 2.75.65.72 1.04 1.64 1.04 2.76 0 3.95-2.34 4.82-4.57 5.07.36.31.68.93.68 1.88 0 1.35-.01 2.45-.01 2.78 0 .27.18.58.69.48A10.03 10.03 0 0 0 22 12.26C22 6.58 17.52 2 12 2Z"/></svg> |
89 | | - </a> |
90 | | - <a href="https://pypi.org/project/pitchlense-mcp/" target="_blank" rel="noopener noreferrer" title="PyPI" class="w-8 h-8 grid place-items-center rounded-full bg-[#FFF27A] text-[#1E1E21] hover:opacity-80"> |
91 | | - <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" fill="currentColor"><path d="M12 3a4 4 0 0 1 4 4v3a2 2 0 0 1-2 2H8a4 4 0 0 1-4-4V5a2 2 0 0 1 2-2h6Zm-2 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm2 14a4 4 0 0 1-4-4v-3a2 2 0 0 1 2-2h6a4 4 0 0 1 4 4v3a2 2 0 0 1-2 2h-6Zm2-4a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg> |
92 | | - </a> |
93 | | - <a href="https://pitchlense-mcp.readthedocs.io/en/latest/" target="_blank" rel="noopener noreferrer" title="Read the Docs" class="w-8 h-8 grid place-items-center rounded-full bg-[#FFF27A] text-[#1E1E21] hover:opacity-80"> |
94 | | - <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" fill="currentColor"><path d="M5 3h12a2 2 0 0 1 2 2v14l-3-2-3 2-3-2-3 2-3-2V5a2 2 0 0 1 2-2Zm2 4v2h8V7H7Zm0 4v2h8v-2H7Z"/></svg> |
95 | | - </a> |
96 | | - </div> |
97 | | - </div> |
98 | | - </div> |
99 | | - |
100 | | - <!-- Circular Heart Icon Button --> |
101 | | - <div class="footer-circle w-12 h-12 dock-glass flex items-center justify-center cursor-pointer transition-all duration-300 ease-out"> |
102 | | - <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="#ef4444" class="transition-transform duration-300 ease-out"> |
103 | | - <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 1 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78z"/> |
104 | | - </svg> |
105 | | - </div> |
106 | | - </footer> |
107 | | - |
108 | | - <!-- Footer Hover with Delay Script --> |
109 | | - <script> |
110 | | - // Footer hover functionality with delay |
111 | | - (function() { |
112 | | - const footer = document.querySelector('footer'); |
113 | | - const footerCircle = document.querySelector('.footer-circle'); |
114 | | - const footerExpanded = document.querySelector('.footer-expanded'); |
115 | | - let hideTimeout = null; |
| 62 | +p { |
| 63 | + font-size: 1.2rem; |
| 64 | + max-width: 700px; |
| 65 | + margin: 0 auto 1.5rem; |
| 66 | +} |
116 | 67 |
|
117 | | - function showFooter() { |
118 | | - if (hideTimeout) { |
119 | | - clearTimeout(hideTimeout); |
120 | | - hideTimeout = null; |
121 | | - } |
122 | | - if (footerExpanded) footerExpanded.classList.add('show'); |
123 | | - if (footerCircle) footerCircle.classList.add('hover'); |
124 | | - } |
| 68 | +.tagline { |
| 69 | + font-style: italic; |
| 70 | + font-size: 1rem; |
| 71 | + color: #f0ad4e; |
| 72 | +} |
125 | 73 |
|
126 | | - function hideFooter() { |
127 | | - hideTimeout = setTimeout(() => { |
128 | | - if (footerExpanded) footerExpanded.classList.remove('show'); |
129 | | - if (footerCircle) footerCircle.classList.remove('hover'); |
130 | | - }, 600); // 600ms delay before hiding |
131 | | - } |
| 74 | +@media (max-width: 600px) { |
| 75 | + h1 { |
| 76 | + font-size: 2rem; |
| 77 | + } |
| 78 | + p { |
| 79 | + font-size: 1rem; |
| 80 | + } |
| 81 | +} |
132 | 82 |
|
133 | | - if (footer) { |
134 | | - footer.addEventListener('mouseenter', showFooter); |
135 | | - footer.addEventListener('mouseleave', hideFooter); |
136 | | - } |
137 | | - })(); |
138 | | - </script> |
139 | | - </body> |
| 83 | + </style> |
140 | 84 |
|
141 | 85 | </html> |
142 | 86 |
|
|
0 commit comments