File size: 19,685 Bytes
04caf86
 
 
 
 
764c636
 
 
 
04caf86
 
 
 
 
764c636
04caf86
 
764c636
 
04caf86
764c636
 
 
 
 
 
 
 
 
 
 
 
04caf86
764c636
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1e83d3a
 
 
 
 
764c636
04caf86
764c636
 
 
 
 
 
 
 
 
 
 
 
1e83d3a
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
764c636
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
04caf86
764c636
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
04caf86
764c636
 
 
 
 
 
 
04caf86
764c636
04caf86
764c636
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
04caf86
 
 
 
 
 
 
764c636
04caf86
764c636
 
04caf86
764c636
 
 
 
 
 
 
 
 
 
 
 
 
 
 
04caf86
 
 
 
764c636
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
04caf86
764c636
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
04caf86
764c636
 
04caf86
764c636
 
 
04caf86
764c636
 
 
 
04caf86
764c636
 
04caf86
 
764c636
 
 
 
 
 
04caf86
 
764c636
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
04caf86
764c636
 
 
 
 
 
 
 
 
 
04caf86
764c636
 
 
 
 
 
 
 
 
 
04caf86
764c636
 
 
 
 
 
04caf86
764c636
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
04caf86
764c636
 
 
 
 
 
 
 
 
 
 
 
04caf86
764c636
04caf86
764c636
 
 
 
 
 
 
04caf86
 
764c636
04caf86
764c636
 
 
 
 
04caf86
 
764c636
 
 
 
 
 
 
04caf86
 
764c636
04caf86
764c636
 
04caf86
764c636
 
 
04caf86
764c636
 
 
04caf86
764c636
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
04caf86
764c636
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
04caf86
764c636
 
 
 
 
04caf86
764c636
 
 
 
04caf86
 
764c636
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
04caf86
 
764c636
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
"""
ISL Sign Language Translation - TechMatrix Solvers Initiative
Main Streamlit Application

Developed by: TechMatrix Solvers Team
- Abhay Gupta (Team Lead) - contact2abhaygupta6187@gmail.com
- Kripanshu Gupta (Backend Developer) - guptakripanshu83@gmail.com
- Dipanshu Patel (UI/UX Designer) - dipanshupatel43@gmail.com
- Bhumika Patel (Deployment & Female Presenter) - bp7249951@gmail.com

Institution: Shri Ram Group of Institutions
"""

import streamlit as st
import sys
import os

# Add parent directory to path for imports
sys.path.append(os.path.dirname(os.path.dirname(os.path.abspath(__file__))))

# Configure Streamlit page first
st.set_page_config(
    page_title="ISL Translation - TechMatrix Solvers",
    page_icon="🀟",
    layout="wide",
    initial_sidebar_state="expanded",
    menu_items={
        'Get Help': 'https://docs.google.com/document/d/1mzr2KGHRJT5heUjFF20NQ3Gb89urpjZJ/edit?usp=sharing',
        'Report a bug': "mailto:contact2abhaygupta6187@gmail.com",
        'About': "# TechMatrix Solvers ISL Translation System\nAdvanced Indian Sign Language translation using deep learning!"
    }
)

# Initialize session state
if 'app_initialized' not in st.session_state:
    st.session_state.app_initialized = False

# Show loading message
loading_placeholder = st.empty()
with loading_placeholder:
    st.markdown("""
    <div style="text-align: center; padding: 50px;">
        <h1>πŸš€ TechMatrix Solvers</h1>
        <h2>ISL Translation System</h2>
        <p>Loading advanced AI models...</p>
    </div>
    """, unsafe_allow_html=True)

# Set environment variables before any imports
os.environ["KERAS_BACKEND"] = "torch"
os.environ["OPENCV_LOG_LEVEL"] = "ERROR"
os.environ["QT_QPA_PLATFORM"] = "offscreen"  # For headless OpenCV

# Import dependencies with comprehensive error handling
try:
    import numpy as np
    import pandas as pd
    import time
    import tempfile
    import json
    import uuid
    import platform
    import shutil
    from PIL import Image
    from typing import NamedTuple
    import subprocess
    
    # Import OpenCV with headless configuration and fallback
    cv2 = None
    try:
        import cv2
        # Ensure OpenCV uses headless backend
        if hasattr(cv2, 'setNumThreads'):
            cv2.setNumThreads(1)
        # Test basic functionality
        _ = cv2.__version__
    except ImportError as opencv_error:
        loading_placeholder.empty()
        st.error(f"❌ OpenCV import failed: {opencv_error}")
        st.error("Please run the setup script: `setup_windows.bat` or `./setup_windows.ps1`")
        st.info("πŸ’‘ Alternative: pip uninstall opencv-python && pip install opencv-python-headless")
        st.stop()
    except Exception as opencv_error:
        loading_placeholder.empty()
        st.error(f"❌ OpenCV configuration error: {opencv_error}")
        st.error("This might be a headless display issue. Please use opencv-python-headless.")
        st.info("πŸ’‘ Try: pip install opencv-python-headless==4.8.1.78")
        st.stop()
    
    # Deep learning imports
    import keras
    from keras.models import Sequential
    from keras.layers import LSTM, Dense, Bidirectional, Dropout, Input, BatchNormalization
    
    # Video processing
    import ffmpeg
    
    # HuggingFace
    from huggingface_hub import hf_hub_download
    
    # Custom imports
    from pose_models import create_bodypose_model, create_handpose_model
    from expression_mapping import expression_mapping
    from isl_processor import ISLTranslationModel
    import pose_utils as utils
    
    # Clear loading message and show success
    loading_placeholder.empty()
    st.success("βœ… TechMatrix Solvers ISL System loaded successfully!")
    st.session_state.app_initialized = True
    
except ImportError as e:
    loading_placeholder.empty()
    st.error(f"❌ Failed to load dependencies: {e}")
    st.error("Please ensure all required packages are installed.")
    st.stop()
except Exception as e:
    loading_placeholder.empty()
    st.error(f"❌ Unexpected error during initialization: {e}")
    st.stop()

# Main application layout
st.markdown("""
<style>
.main-header {
    background: linear-gradient(90deg, #1e3a8a, #7c3aed);
    color: white;
    padding: 2rem;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 2rem;
}

.team-card {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 1rem;
    margin: 1rem 0;
}

.feature-box {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 1.5rem;
    border-radius: 10px;
    margin: 1rem 0;
}

.stat-card {
    background-color: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 1rem;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
</style>
""", unsafe_allow_html=True)

# Header
st.markdown("""
<div class="main-header">
    <h1>🀟 ISL Sign Language Translation</h1>
    <h2>TechMatrix Solvers Initiative</h2>
    <p>Advanced AI-Powered Indian Sign Language Recognition & Translation</p>
</div>
""", unsafe_allow_html=True)

# Sidebar configuration
st.sidebar.markdown("""
<div style="text-align: center; padding: 1rem; background-color: #f0f2f6; border-radius: 8px; margin-bottom: 1rem;">
    <h3>πŸš€ TechMatrix Solvers</h3>
    <p><em>Innovating Accessible Technology</em></p>
</div>
""", unsafe_allow_html=True)

st.sidebar.title('πŸŽ›οΈ Control Panel')

# Team information in sidebar
with st.sidebar.expander("πŸ‘¨β€πŸ’» Meet Our Team"):
    st.markdown("""
    **TechMatrix Solvers Team:**
    - **Abhay Gupta** - Team Lead πŸ‘‘
    - **Kripanshu Gupta** - Backend Dev πŸ’»
    - **Dipanshu Patel** - UI/UX Designer 🎨
    - **Bhumika Patel** - Deployment πŸš€
    
    *Shri Ram Group of Institutions*
    """)

# Application mode selection
app_mode = st.sidebar.selectbox(
    '🎯 Choose Application Mode',
    ['🏠 Home & About', 'πŸŽ₯ Live Translation Demo', 'πŸ“Š System Information'],
    index=0
)

# Utility functions
class VideoProbeResult(NamedTuple):
    """Structure for video probe results"""
    return_code: int
    json: str
    error: str

def probe_video_info(file_path) -> VideoProbeResult:
    """Probe video file for metadata using FFprobe"""
    command_array = [
        "ffprobe", "-v", "quiet", "-print_format", "json",
        "-show_format", "-show_streams", file_path
    ]
    try:
        result = subprocess.run(
            command_array, 
            stdout=subprocess.PIPE, 
            stderr=subprocess.PIPE, 
            universal_newlines=True,
            timeout=30
        )
        return VideoProbeResult(
            return_code=result.returncode,
            json=result.stdout,
            error=result.stderr
        )
    except subprocess.TimeoutExpired:
        return VideoProbeResult(1, "", "FFprobe timeout")

@st.cache_data
def load_test_data():
    """Load test dataset and file information"""
    try:
        with st.spinner("πŸ“₯ Loading test data from HuggingFace..."):
            testing_cleaned_path = hf_hub_download(
                repo_id="sunilsarolkar/isl-test-data",
                filename="testing_cleaned.csv",
                repo_type="dataset"
            )
            
            test_files_path = hf_hub_download(
                repo_id="sunilsarolkar/isl-test-data", 
                filename="test_files.csv",
                repo_type="dataset"
            )
            
            testing_df = pd.read_csv(testing_cleaned_path)
            test_files_df = pd.read_csv(test_files_path)
            
            return testing_df, test_files_df
    except Exception as e:
        st.error(f"Failed to load test data: {e}")
        return None, None

@st.cache_resource
def load_translation_model():
    """Load and configure the LSTM translation model"""
    try:
        with st.spinner("🧠 Loading AI translation model..."):
            model = Sequential()
            model.add(Input(shape=((20, 156))))
            model.add(keras.layers.Masking(mask_value=0.))
            model.add(BatchNormalization())
            model.add(Bidirectional(LSTM(32, recurrent_dropout=0.2, return_sequences=True)))
            model.add(Dropout(0.2))
            model.add(Bidirectional(LSTM(32, recurrent_dropout=0.2)))
            model.add(keras.layers.Activation('elu'))
            model.add(Dense(32, use_bias=False, kernel_initializer='he_normal'))
            model.add(BatchNormalization())
            model.add(Dropout(0.2))
            model.add(keras.layers.Activation('elu'))
            model.add(Dense(32, kernel_initializer='he_normal', use_bias=False))
            model.add(BatchNormalization())
            model.add(keras.layers.Activation('elu'))
            model.add(Dropout(0.2))
            model.add(Dense(len(list(expression_mapping.keys())), activation='softmax'))
            
            # Download pre-trained weights
            model_file = hf_hub_download(
                repo_id="sunilsarolkar/isl-translation-model",
                filename="isl_model_final.keras"
            )
            model.load_weights(model_file)
            
            return model
    except Exception as e:
        st.error(f"Failed to load translation model: {e}")
        return None

# Main application logic
if app_mode == '🏠 Home & About':
    
    # Project overview
    st.markdown("""
    ## 🎯 Project Overview
    
    Welcome to the **ISL Sign Language Translation System** by **TechMatrix Solvers**! 
    This cutting-edge application demonstrates real-time Indian Sign Language recognition 
    and translation using advanced deep learning techniques.
    """)
    
    # Features showcase
    col1, col2, col3 = st.columns(3)
    
    with col1:
        st.markdown("""
        <div class="feature-box">
            <h3>🧠 AI-Powered</h3>
            <p>Advanced LSTM networks with 82K+ parameters for accurate sign recognition</p>
        </div>
        """, unsafe_allow_html=True)
    
    with col2:
        st.markdown("""
        <div class="feature-box">
            <h3>⚑ Real-time</h3>
            <p>Live video processing with OpenPose body & hand detection</p>
        </div>
        """, unsafe_allow_html=True)
    
    with col3:
        st.markdown("""
        <div class="feature-box">
            <h3>🎯 Accurate</h3>
            <p>Trained on INCLUDE dataset with 263 words across 15 categories</p>
        </div>
        """, unsafe_allow_html=True)
    
    # Technical architecture
    st.markdown("## πŸ—οΈ Technical Architecture")
    
    col1, col2 = st.columns(2)
    
    with col1:
        st.markdown("""
        ### πŸ”§ Core Components
        1. **Body Pose Estimation**: 25-point skeletal tracking
        2. **Hand Landmark Detection**: 21-point hand keypoints  
        3. **Temporal Modeling**: Bidirectional LSTM networks
        4. **Real-time Processing**: Optimized inference pipeline
        """)
        
        # Display architecture diagram if available
        try:
            st.image("DataPipeline.png", caption="πŸ”„ Data Processing Pipeline", use_column_width=True)
        except:
            st.info("πŸ“Š Architecture diagram will be displayed when available")
    
    with col2:
        st.markdown("""
        ### πŸ“Š Dataset Statistics
        """)
        
        # Dataset stats
        stats_data = {
            "Metric": ["Categories", "Total Words", "Training Videos", "Avg Videos/Class", "Frame Rate"],
            "Value": ["15", "263", "4,257", "16.3", "25fps"]
        }
        st.table(pd.DataFrame(stats_data))
        
        # Model stats
        st.markdown("""
        ### πŸ€– Model Statistics
        - **Architecture**: Bidirectional LSTM
        - **Parameters**: 82,679 (322.96 KB)
        - **Input Features**: 156-dimensional vectors
        - **Temporal Window**: 20 frames
        """)
    
    # Team section
    st.markdown("## πŸ‘₯ TechMatrix Solvers Team")
    
    team_data = {
        "Name": ["Abhay Gupta", "Kripanshu Gupta", "Dipanshu Patel", "Bhumika Patel"],
        "Role": ["Team Lead", "Backend Developer", "UI/UX Designer", "Deployment & Presenter"],
        "Email": [
            "contact2abhaygupta6187@gmail.com",
            "guptakripanshu83@gmail.com", 
            "dipanshupatel43@gmail.com",
            "bp7249951@gmail.com"
        ],
        "Phone": ["8115814535", "7067058400", "9294526404", "9302271422"]
    }
    
    st.table(pd.DataFrame(team_data))
    
    st.markdown("""
    ### 🏫 Institution
    **Shri Ram Group of Institutions**
    
    ### πŸ“š Documentation
    For detailed technical documentation, visit our [comprehensive guide](https://docs.google.com/document/d/1mzr2KGHRJT5heUjFF20NQ3Gb89urpjZJ/edit?usp=sharing).
    """)

elif app_mode == 'πŸŽ₯ Live Translation Demo':
    st.markdown("## πŸŽ₯ Live ISL Translation Demo")
    
    # Load test data
    testing_df, test_files_df = load_test_data()
    
    if testing_df is None or test_files_df is None:
        st.error("❌ Cannot proceed without test data. Please check your internet connection.")
        st.stop()
    
    st.success(f"βœ… Loaded {len(testing_df)} test frames and {len(test_files_df)} video files")
    
    # Video selection interface
    st.markdown("### πŸ“ Select Test Video")
    
    col1, col2, col3 = st.columns(3)
    
    with col1:
        category = st.selectbox(
            'Choose Category',
            sorted(test_files_df['Category'].unique())
        )
    
    # Filter by category
    category_filtered = test_files_df[test_files_df['Category'] == category]
    
    with col2:
        class_name = st.selectbox(
            'Choose Class',
            sorted(category_filtered['Class'].unique())
        )
    
    # Filter by class
    class_filtered = category_filtered[category_filtered['Class'] == class_name]
    
    with col3:
        filename = st.selectbox(
            'Choose File',
            sorted(class_filtered['Filename'].unique())
        )
    
    # Display selection info
    st.info(f"πŸ“‚ Selected: **{category}** β†’ **{class_name}** β†’ **{filename}**")
    
    # Translation button
    if st.button("πŸš€ Start ISL Translation", type="primary", use_container_width=True):
        
        # Initialize progress
        progress_bar = st.progress(0)
        status_text = st.empty()
        
        try:
            status_text.text("πŸ”„ Preparing translation model...")
            progress_bar.progress(10)
            
            # Load translation model
            translation_model = load_translation_model()
            if translation_model is None:
                st.error("❌ Failed to load translation model")
                st.stop()
            
            progress_bar.progress(30)
            status_text.text("πŸ“₯ Downloading test video...")
            
            # Download video
            video_file_path = hf_hub_download(
                repo_id="sunilsarolkar/isl-test-data",
                filename=f'test/{category}/{class_name}/{filename}',
                repo_type="dataset"
            )
            
            progress_bar.progress(50)
            status_text.text("🎬 Processing video metadata...")
            
            # Process video
            if os.path.exists(video_file_path):
                progress_bar.progress(70)
                status_text.text("✨ Ready for translation!")
                
                # Display video info
                st.success("πŸŽ‰ Video loaded successfully!")
                st.video(video_file_path)
                
                # Show translation results placeholder
                st.markdown("### πŸ“Š Translation Results")
                
                result_placeholder = st.empty()
                with result_placeholder.container():
                    st.info("πŸ”„ Translation would be processed here in the full implementation")
                    st.markdown("""
                    **Expected Output:**
                    - Real-time pose detection
                    - Feature extraction from body and hand keypoints  
                    - LSTM model prediction
                    - Sign language translation display
                    """)
                
                progress_bar.progress(100)
                status_text.text("βœ… Translation demo completed!")
            else:
                st.error("❌ Video file not found")
                
        except Exception as e:
            st.error(f"❌ Error during translation: {e}")
            progress_bar.progress(0)
            status_text.text("❌ Translation failed")

elif app_mode == 'πŸ“Š System Information':
    st.markdown("## πŸ“Š System Information")
    
    # System details
    col1, col2 = st.columns(2)
    
    with col1:
        st.markdown("### πŸ’» Environment")
        st.write(f"**Python Version:** {platform.python_version()}")
        st.write(f"**Platform:** {platform.system()} {platform.release()}")
        st.write(f"**Architecture:** {platform.machine()}")
        st.write(f"**FFmpeg:** {shutil.which('ffmpeg') or 'Not found'}")
        st.write(f"**FFprobe:** {shutil.which('ffprobe') or 'Not found'}")
    
    with col2:
        st.markdown("### πŸ“š Libraries")
        try:
            st.write(f"**OpenCV:** {cv2.__version__}")
        except:
            st.write("**OpenCV:** Not available")
        
        try:
            import torch
            st.write(f"**PyTorch:** {torch.__version__}")
        except:
            st.write("**PyTorch:** Not available")
        
        try:
            st.write(f"**Keras:** {keras.__version__}")
        except:
            st.write("**Keras:** Not available")
        
        try:
            st.write(f"**NumPy:** {np.__version__}")
            st.write(f"**Pandas:** {pd.__version__}")
        except:
            st.write("**NumPy/Pandas:** Version info not available")
    
    # Model information
    st.markdown("### 🧠 AI Model Details")
    
    model_info = {
        "Component": [
            "Translation Model", "Body Pose Model", "Hand Pose Model", 
            "Feature Vector", "Temporal Window", "Output Classes"
        ],
        "Specification": [
            "Bidirectional LSTM", "OpenPose 25-point", "OpenPose 21-point",
            "156 dimensions", "20 frames", f"{len(expression_mapping)} signs"
        ]
    }
    
    st.table(pd.DataFrame(model_info))
    
    # Performance metrics
    st.markdown("### ⚑ Performance Metrics")
    
    metrics_col1, metrics_col2, metrics_col3, metrics_col4 = st.columns(4)
    
    with metrics_col1:
        st.metric("Model Parameters", "82,679", "Compact & Efficient")
    
    with metrics_col2:
        st.metric("Model Size", "322.96 KB", "Lightweight")
    
    with metrics_col3:
        st.metric("Input Features", "156", "Rich Feature Set")
    
    with metrics_col4:
        st.metric("Sign Classes", len(expression_mapping), "Comprehensive")

# Footer
st.markdown("---")
st.markdown("""
<div style="text-align: center; color: #666; padding: 2rem;">
    <h4>πŸš€ TechMatrix Solvers</h4>
    <p><strong>Innovating Accessible Technology Solutions for Everyone</strong></p>
    <p><em>Shri Ram Group of Institutions | Β© 2024</em></p>
    <p>
        <a href="https://docs.google.com/document/d/1mzr2KGHRJT5heUjFF20NQ3Gb89urpjZJ/edit?usp=sharing" target="_blank">πŸ“š Documentation</a> | 
        <a href="mailto:contact2abhaygupta6187@gmail.com">πŸ“§ Contact</a> | 
        <a href="https://huggingface.co/docs/hub/spaces-config-reference" target="_blank">πŸ€— HF Spaces</a>
    </p>
</div>
""", unsafe_allow_html=True)