Hugging Face's logo

Spaces:
tabrezahmed
/
deepsite-project
Running

App Files Community
tabrezahmed commited on
Commit
7d2aa4a
·
verified ·
1 Parent(s): d906ae7

Let's make an Android tool or bot or agent which can merge & separate individual chats in users desired WhatsApp group for data analysing date waise and User wise and merge chat , UI similar to a WhatsApp with different Theme and app should be very light, Avoid Antivirus Blocking and it should also merge Media which will be available in device related to Data Selected

Browse files
Files changed (2) hide show
  1. index.html +6 -2
  2. whatsapp-analyzer.html +155 -0
index.html CHANGED
@@ -9,11 +9,15 @@
9
  <body>
10
  <div class="card">
11
  <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
 
 
 
 
13
  <p>
14
  Also don't forget to check the
15
  <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
  </p>
17
  </div>
18
- </body>
19
  </html>
 
9
  <body>
10
  <div class="card">
11
  <h1>Welcome to your static Space!</h1>
12
+ <div class="tool-card">
13
+ <h2>WhatsApp Chat Analyzer Tool</h2>
14
+ <p>Analyze and merge WhatsApp group chats with powerful analytics</p>
15
+ <a href="whatsapp-analyzer.html" class="btn">Launch Analyzer</a>
16
+ </div>
17
  <p>
18
  Also don't forget to check the
19
  <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
20
  </p>
21
  </div>
22
+ </body>
23
  </html>
whatsapp-analyzer.html ADDED
@@ -0,0 +1,155 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!doctype html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>WhatsApp Chat Analyzer</title>
7
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
8
+ <style>
9
+ :root {
10
+ --primary: #25D366;
11
+ --secondary: #128C7E;
12
+ --light: #e6f8f1;
13
+ --dark: #075E54;
14
+ }
15
+ body {
16
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
17
+ margin: 0;
18
+ padding: 0;
19
+ background-color: #f0f2f5;
20
+ }
21
+ .container {
22
+ max-width: 500px;
23
+ margin: 0 auto;
24
+ background: white;
25
+ height: 100vh;
26
+ position: relative;
27
+ overflow: hidden;
28
+ box-shadow: 0 0 10px rgba(0,0,0,0.1);
29
+ }
30
+ .header {
31
+ background-color: var(--secondary);
32
+ color: white;
33
+ padding: 15px;
34
+ text-align: center;
35
+ position: relative;
36
+ }
37
+ .header h1 {
38
+ margin: 0;
39
+ font-size: 1.2rem;
40
+ }
41
+ .back-btn {
42
+ position: absolute;
43
+ left: 15px;
44
+ top: 15px;
45
+ }
46
+ .tabs {
47
+ display: flex;
48
+ background-color: var(--secondary);
49
+ }
50
+ .tab {
51
+ flex: 1;
52
+ text-align: center;
53
+ padding: 10px;
54
+ color: white;
55
+ cursor: pointer;
56
+ }
57
+ .tab.active {
58
+ border-bottom: 2px solid white;
59
+ }
60
+ .content {
61
+ padding: 15px;
62
+ height: calc(100vh - 150px);
63
+ overflow-y: auto;
64
+ }
65
+ .feature-card {
66
+ background-color: var(--light);
67
+ border-radius: 10px;
68
+ padding: 15px;
69
+ margin-bottom: 15px;
70
+ }
71
+ .feature-card h3 {
72
+ margin-top: 0;
73
+ color: var(--dark);
74
+ }
75
+ .btn {
76
+ display: block;
77
+ background-color: var(--primary);
78
+ color: white;
79
+ text-align: center;
80
+ padding: 10px;
81
+ border-radius: 5px;
82
+ text-decoration: none;
83
+ margin-top: 15px;
84
+ }
85
+ .theme-selector {
86
+ display: flex;
87
+ margin: 15px 0;
88
+ }
89
+ .theme {
90
+ width: 30px;
91
+ height: 30px;
92
+ border-radius: 50%;
93
+ margin-right: 10px;
94
+ cursor: pointer;
95
+ border: 2px solid transparent;
96
+ }
97
+ .theme.selected {
98
+ border-color: var(--dark);
99
+ }
100
+ </style>
101
+ </head>
102
+ <body>
103
+ <div class="container">
104
+ <div class="header">
105
+ <div class="back-btn">
106
+ <a href="index.html" style="color: white;"><i class="fas fa-arrow-left"></i></a>
107
+ </div>
108
+ <h1>WhatsApp Analyzer</h1>
109
+ </div>
110
+
111
+ <div class="tabs">
112
+ <div class="tab active">Merge</div>
113
+ <div class="tab">Analyze</div>
114
+ <div class="tab">Settings</div>
115
+ </div>
116
+
117
+ <div class="content">
118
+ <div class="feature-card">
119
+ <h3>Merge Chats</h3>
120
+ <p>Combine multiple WhatsApp group chats into one for better analysis</p>
121
+ <button class="btn">Select Groups</button>
122
+ </div>
123
+
124
+ <div class="feature-card">
125
+ <h3>User-wise Separation</h3>
126
+ <p>View individual user messages separately</p>
127
+ <button class="btn">Select User</button>
128
+ </div>
129
+
130
+ <div class="feature-card">
131
+ <h3>Date Filter</h3>
132
+ <p>Analyze messages between specific dates</p>
133
+ <button class="btn">Set Date Range</button>
134
+ </div>
135
+
136
+ <div class="feature-card">
137
+ <h3>Media Management</h3>
138
+ <p>Merge or separate media files with chat</p>
139
+ <button class="btn">Manage Media</button>
140
+ </div>
141
+
142
+ <div class="feature-card">
143
+ <h3>Change Theme</h3>
144
+ <div class="theme-selector">
145
+ <div class="theme selected" style="background-color: #25D366;" title="Default"></div>
146
+ <div class="theme" style="background-color: #5865F2;" title="Discord"></div>
147
+ <div class="theme" style="background-color: #FF4500;" title="Reddit"></div>
148
+ <div class="theme" style="background-color: #7289DA;" title="Dark"></div>
149
+ <div class="theme" style="background-color: #1877F2;" title="Facebook"></div>
150
+ </div>
151
+ </div>
152
+ </div>
153
+ </div>
154
+ </body>
155
+ </html>