Hugging Face's logo

Spaces:
Krishna324
/
WhatRepo
Sleeping

App Files Community
Krishna172912 commited on
Commit
86a637a
·
unverified ·
1 Parent(s): e280ef7

Create index.html

Browse files
Files changed (1) hide show
  1. front_end/index.html +141 -0
front_end/index.html ADDED
@@ -0,0 +1,141 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
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>WHATREPO</title>
7
+ <link rel="stylesheet" href="style.css" />
8
+ <link rel="preconnect" href="https://fonts.googleapis.com" />
9
+ <link href="https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Syne:wght@400;600;700;800&display=swap" rel="stylesheet" />
10
+ </head>
11
+ <body>
12
+
13
+ <!-- ═══ HEADER ═══ -->
14
+ <header id="header">
15
+ <div class="logo">
16
+ <div class="logo-mark">
17
+ <svg width="28" height="28" viewBox="0 0 28 28" fill="none">
18
+ <rect x="1" y="1" width="11" height="11" rx="2.5" fill="var(--accent)" />
19
+ <rect x="16" y="1" width="11" height="11" rx="2.5" fill="var(--accent)" opacity="0.4"/>
20
+ <rect x="1" y="16" width="11" height="11" rx="2.5" fill="var(--accent)" opacity="0.4"/>
21
+ <rect x="16" y="16" width="11" height="11" rx="2.5" fill="var(--accent)"/>
22
+ </svg>
23
+ </div>
24
+ <span class="logo-text">WHATREPO</span>
25
+ </div>
26
+
27
+ <div class="header-right">
28
+ <div class="status-pill" id="statusPill">
29
+ <span class="status-dot" id="statusDot"></span>
30
+ <span class="status-label" id="statusLabel">idle</span>
31
+ </div>
32
+ </div>
33
+ </header>
34
+
35
+ <!-- ═══ WARNING BANNER ═══ -->
36
+ <div id="warningBanner" class="warning-banner hidden">
37
+ <span class="warn-icon">⚠</span>
38
+ <span>Repository too large to fully analyse — accuracy may be limited</span>
39
+ <button id="dismissWarning" aria-label="Dismiss">✕</button>
40
+ </div>
41
+
42
+ <!-- ═══ MAIN ═══ -->
43
+ <main id="mainSection">
44
+
45
+ <!-- PAGE 1: Landing -->
46
+ <section id="landingPage" class="page active">
47
+ <div class="noise-overlay"></div>
48
+ <div class="grid-bg"></div>
49
+ <div class="glow-orb orb-1"></div>
50
+ <div class="glow-orb orb-2"></div>
51
+
52
+ <div class="landing-inner">
53
+ <div class="hero-eyebrow">
54
+ <span class="eyebrow-dot"></span>
55
+ <span>GitHub Intelligence</span>
56
+ </div>
57
+ <h1 class="hero-title">
58
+ <span class="title-line">Understand</span>
59
+ <span class="title-line accent-line">Any Repo.</span>
60
+ <span class="title-line">Instantly.</span>
61
+ </h1>
62
+ <p class="hero-sub">Paste a GitHub URL and talk to the codebase like a senior developer who's read everything.</p>
63
+ <div class="input-card">
64
+ <div class="input-wrap">
65
+ <span class="input-icon">
66
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
67
+ <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z" fill="currentColor"/>
68
+ </svg>
69
+ </span>
70
+ <input
71
+ type="text"
72
+ id="repoInput"
73
+ placeholder="https://github.com/owner/repository"
74
+ autocomplete="off"
75
+ spellcheck="false"
76
+ />
77
+ </div>
78
+ <button id="analyseBtn" class="analyse-btn">
79
+ <span>Analyse</span>
80
+ <svg class="btn-arrow-icon" width="16" height="16" viewBox="0 0 16 16" fill="none">
81
+ <path d="M3 8H13M13 8L9 4M13 8L9 12" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
82
+ </svg>
83
+ </button>
84
+ </div>
85
+ <div class="landing-hints">
86
+ <span class="hint-chip">🔍 Architecture overview</span>
87
+ <span class="hint-chip">📦 Dependencies</span>
88
+ <span class="hint-chip">🛠 How to contribute</span>
89
+ <span class="hint-chip">⚡ Key patterns</span>
90
+ </div>
91
+ </div>
92
+ </section>
93
+
94
+ <!-- PAGE 2: Processing -->
95
+ <section id="processingPage" class="page">
96
+ <div class="processing-inner">
97
+ <div class="processing-header">
98
+ <div class="proc-spinner">
99
+ <svg class="spinner-ring" viewBox="0 0 50 50">
100
+ <circle cx="25" cy="25" r="20" fill="none" stroke="var(--accent)" stroke-width="2.5" stroke-dasharray="80 45" stroke-linecap="round"/>
101
+ </svg>
102
+ </div>
103
+ <div class="proc-meta">
104
+ <span class="proc-title">Analysing Repository</span>
105
+ <span class="proc-subtitle" id="procSubtitle">Connecting to GitHub…</span>
106
+ </div>
107
+ </div>
108
+ <div id="stepsContainer" class="steps-container"></div>
109
+ </div>
110
+ </section>
111
+
112
+ <!-- PAGE 3: Chat -->
113
+ <section id="chatPage" class="page">
114
+ <div id="chatMessages" class="chat-messages"></div>
115
+ </section>
116
+
117
+ </main>
118
+
119
+ <!-- ═══ FOOTER ═══ -->
120
+ <footer id="footer" class="hidden">
121
+ <div class="chat-input-card">
122
+ <textarea
123
+ id="chatInput"
124
+ placeholder="Ask anything about this repository…"
125
+ rows="1"
126
+ autocomplete="on"
127
+ spellcheck="false"
128
+ ></textarea>
129
+ <button id="sendBtn" class="send-btn" aria-label="Send">
130
+ <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
131
+ <path d="M16 2L2 7.5L8 9.5M16 2L10.5 16L8 9.5M16 2L8 9.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
132
+ </svg>
133
+ </button>
134
+ </div>
135
+ <div class="footer-hint">Press <kbd>Enter</kbd> to send · <kbd>Shift+Enter</kbd> for new line</div>
136
+ </footer>
137
+
138
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/9.1.6/marked.min.js"></script>
139
+ <script src="app.js"></script>
140
+ </body>
141
+ </html>