Spaces:

yashgori20
/

ThinklySEO

Running

App Files Files Community

yashgori20 commited on Aug 23

Commit

135072e

1 Parent(s): 96dcaeb

got it?

Browse files

Files changed (5) hide show

GrISBIIbGjOZmloT1HIeb9S3A4.svg +1 -0
app.py +1 -1
report_generator.py +12 -8
templates/index.html +45 -21
templates/report.html +11 -8

GrISBIIbGjOZmloT1HIeb9S3A4.svg ADDED Viewed

app.py CHANGED Viewed

@@ -142,4 +142,4 @@ def download_pdf(report_id):
         return jsonify({'error': f'PDF generation failed: {str(e)}'}), 500
 if __name__ == '__main__':
-    app.run(debug=True, host='0.0.0.0', port=7860)

         return jsonify({'error': f'PDF generation failed: {str(e)}'}), 500
 if __name__ == '__main__':
+    app.run(debug=False, host='0.0.0.0', port=7860)

report_generator.py CHANGED Viewed

@@ -681,8 +681,9 @@ class ReportGenerator:
                 }}
                 .report-header {{
-                    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-                    color: white;
                     padding: 40px;
                     border-radius: 10px;
                     margin-bottom: 30px;
@@ -721,9 +722,10 @@ class ReportGenerator:
                     align-items: center;
                     margin-bottom: 30px;
                     padding: 20px;
-                    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
                     border-radius: 10px;
-                    color: white;
                 }}
                 .health-score {{
@@ -817,8 +819,9 @@ class ReportGenerator:
                 }}
                 .metric-card {{
-                    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-                    color: white;
                     padding: 20px;
                     border-radius: 10px;
                     text-align: center;
@@ -956,8 +959,9 @@ class ReportGenerator:
                 }}
                 .recommendations-section {{
-                    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-                    color: white;
                     border-radius: 10px;
                     padding: 30px;
                 }}

                 }}
                 .report-header {{
+                    background: #f8f9fa;
+                    color: #333;
+                    border: 2px solid #e9ecef;
                     padding: 40px;
                     border-radius: 10px;
                     margin-bottom: 30px;
                     align-items: center;
                     margin-bottom: 30px;
                     padding: 20px;
+                    background: #f8f9fa;
+                    border: 2px solid #28a745;
                     border-radius: 10px;
+                    color: #333;
                 }}
                 .health-score {{
                 }}
                 .metric-card {{
+                    background: #fff;
+                    border: 2px solid #6c757d;
+                    color: #333;
                     padding: 20px;
                     border-radius: 10px;
                     text-align: center;
                 }}
                 .recommendations-section {{
+                    background: #f8f9fa;
+                    border: 2px solid #007bff;
+                    color: #333;
                     border-radius: 10px;
                     padding: 30px;
                 }}

templates/index.html CHANGED Viewed

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>SEO Report Generator</title>
     <style>
         * {
             margin: 0;
@@ -35,6 +35,26 @@
             font-size: 48px;
             font-weight: 700;
             margin-bottom: 10px;
             background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
             -webkit-background-clip: text;
             -webkit-text-fill-color: transparent;
@@ -80,7 +100,7 @@
         .form-input:focus {
             outline: none;
-            border-color: #667eea;
             background: rgba(255, 255, 255, 0.08);
         }
@@ -97,19 +117,24 @@
         .generate-btn {
             width: 100%;
             padding: 18px;
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            border: none;
-            border-radius: 8px;
             color: white;
             font-size: 18px;
             font-weight: 600;
             cursor: pointer;
-            transition: transform 0.2s ease;
             margin-top: 20px;
         }
         .generate-btn:hover {
             transform: translateY(-2px);
         }
         .generate-btn:disabled {
@@ -126,18 +151,12 @@
         }
         .option-card {
-            background: rgba(255, 255, 255, 0.02);
-            border: 1px solid rgba(255, 255, 255, 0.1);
             border-radius: 12px;
             padding: 24px;
             text-align: center;
-            transition: all 0.3s ease;
-            cursor: pointer;
-        }
-        .option-card:hover {
-            background: rgba(255, 255, 255, 0.05);
-            transform: translateY(-4px);
         }
         .option-icon {
@@ -147,14 +166,16 @@
         }
         .option-title {
-            font-size: 18px;
-            font-weight: 600;
-            margin-bottom: 8px;
         }
         .option-desc {
-            color: #888;
-            font-size: 14px;
         }
         .loading-overlay {
@@ -225,7 +246,10 @@
 <body>
     <div class="container">
         <div class="header">
-            <h1 class="logo">🔍 SEO Report Generator</h1>
             <p class="subtitle">Professional SEO Analysis & Reporting</p>
         </div>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Thinkly SEO</title>
     <style>
         * {
             margin: 0;
             font-size: 48px;
             font-weight: 700;
             margin-bottom: 10px;
+            z-index: 10;
+            position: relative;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: 12px;
+        }
+        .logo-icon {
+            background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
+            border-radius: 12px;
+            padding: 8px;
+            font-size: 28px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
+        }
+        .logo-text {
             background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
             -webkit-background-clip: text;
             -webkit-text-fill-color: transparent;
         .form-input:focus {
             outline: none;
+            border-color: #374151;
             background: rgba(255, 255, 255, 0.08);
         }
         .generate-btn {
             width: 100%;
             padding: 18px;
+            background: rgba(255, 255, 255, 0.1);
+            border: 1px solid rgba(255, 255, 255, 0.2);
+            border-radius: 12px;
             color: white;
             font-size: 18px;
             font-weight: 600;
             cursor: pointer;
+            transition: all 0.3s ease;
             margin-top: 20px;
+            backdrop-filter: blur(10px);
+            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
         }
         .generate-btn:hover {
             transform: translateY(-2px);
+            background: rgba(255, 255, 255, 0.15);
+            border-color: rgba(255, 255, 255, 0.3);
+            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
         }
         .generate-btn:disabled {
         }
         .option-card {
+            background: transparent;
+            border: none;
             border-radius: 12px;
             padding: 24px;
             text-align: center;
+            cursor: default;
         }
         .option-icon {
         }
         .option-title {
+            font-size: 16px;
+            font-weight: 500;
+            margin-bottom: 6px;
+            color: #fff;
         }
         .option-desc {
+            color: #aaa;
+            font-size: 13px;
+            line-height: 1.4;
         }
         .loading-overlay {
 <body>
     <div class="container">
         <div class="header">
+            <h1 class="logo">
+                <span class="logo-icon">🔍</span>
+                <span class="logo-text">Thinkly SEO</span>
+            </h1>
             <p class="subtitle">Professional SEO Analysis & Reporting</p>
         </div>

templates/report.html CHANGED Viewed

@@ -19,7 +19,7 @@
         }
         .header {
-            background: rgba(255, 255, 255, 0.02);
             border-bottom: 1px solid rgba(255, 255, 255, 0.1);
             padding: 20px 0;
             position: sticky;
@@ -40,10 +40,12 @@
         .header-title {
             font-size: 24px;
             font-weight: 700;
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-            background-clip: text;
         }
         .header-url {
@@ -76,8 +78,9 @@
         }
         .download-btn.primary {
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            border: none;
         }
         .back-btn {
@@ -161,7 +164,7 @@
     <div class="header">
         <div class="header-content">
             <div>
-                <div class="header-title">🔍 SEO Report</div>
                 <div class="header-url">{{ url }}</div>
             </div>
             <div class="download-buttons">

         }
         .header {
+            background: rgba(10, 10, 10, 0.4);
             border-bottom: 1px solid rgba(255, 255, 255, 0.1);
             padding: 20px 0;
             position: sticky;
         .header-title {
             font-size: 24px;
             font-weight: 700;
+            color: #fff;
+            border: 1px solid rgba(255, 255, 255, 0.2);
+            background: rgba(255, 255, 255, 0.05);
+            padding: 8px 16px;
+            border-radius: 8px;
+            backdrop-filter: blur(5px);
         }
         .header-url {
         }
         .download-btn.primary {
+            background: rgba(255, 255, 255, 0.1);
+            border: 2px solid #3b82f6;
+            box-shadow: 0 0 10px rgba(59, 130, 246, 0.3);
         }
         .back-btn {
     <div class="header">
         <div class="header-content">
             <div>
+                <div class="header-title">🔍 Thinkly SEO Report</div>
                 <div class="header-url">{{ url }}</div>
             </div>
             <div class="download-buttons">