Update app.py

app.py

@@ -89,24 +89,25 @@ def generate_blogger_html(app_query, custom_link, mod_features, theme_color, tel
         video_url = app_details.get('video', None)
 
         # Mod Features Formatting
+        
         features_list = ""
         for feature in mod_features.split(','):
             if feature.strip():
-                features_list += f'<li style="margin-bottom: 8px;"><i class="fa-solid fa-check" style="color: {theme_color}; margin-right: 10px;"></i> {feature.strip()}</li>\n'
+                features_list += f'<li style="margin-bottom: 10px;"><i class="fa-solid fa-check" style="color: {theme_color}; margin-right: 12px; font-size: 1.1rem;"></i> {feature.strip()}</li>\n'
 
         # Screenshot HTML Generation
         screenshots_html = ""
         if screenshots:
-            screenshots_html = f'<h2 style="border-left: 4px solid {theme_color}; padding-left: 12px; margin-top: 30px;">App Screenshots</h2><div style="display: flex; gap: 15px; overflow-x: auto; padding-bottom: 15px; scroll-snap-type: x mandatory;">'
+            screenshots_html = f'<h2 style="border-left: 5px solid {theme_color}; padding-left: 12px; margin-top: 35px; font-size: 1.4rem;">App Screenshots</h2><div style="display: flex; gap: 15px; overflow-x: auto; padding-bottom: 15px; scroll-snap-type: x mandatory; margin-bottom: 35px;">'
             for snap in screenshots:
-                screenshots_html += f'<img src="{snap}" style="height: 280px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.1); scroll-snap-align: start; box-shadow: 0 4px 10px rgba(0,0,0,0.3);">'
+                screenshots_html += f'<img src="{snap}" style="height: 300px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.1); scroll-snap-align: start; box-shadow: 0 5px 15px rgba(0,0,0,0.3);">'
             screenshots_html += '</div>'
 
         # Video HTML Generation
         video_html = ""
         if video_url:
             embed_url = video_url.replace("watch?v=", "embed/")
-            video_html = f'<h2 style="border-left: 4px solid {theme_color}; padding-left: 12px; margin-top: 30px;">Official Trailer</h2><div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 16px; box-shadow: 0 5px 15px rgba(0,0,0,0.4);"><iframe src="{embed_url}" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" frameborder="0" allowfullscreen></iframe></div>'
+            video_html = f'<h2 style="border-left: 5px solid {theme_color}; padding-left: 12px; margin-top: 35px; font-size: 1.4rem;">Official Trailer</h2><div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 16px; box-shadow: 0 10px 25px rgba(0,0,0,0.4); margin-bottom: 35px;"><iframe src="{embed_url}" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" frameborder="0" allowfullscreen></iframe></div>'
 
         # SEO Schemas (App, FAQ, System Requirements)
         schema_app = {
@@ -129,73 +130,84 @@ def generate_blogger_html(app_query, custom_link, mod_features, theme_color, tel
         }
         schema_script = f'<script type="application/ld+json">\n[{json.dumps(schema_app)}, {json.dumps(schema_faq)}, {json.dumps(schema_sysreq)}]\n</script>'
 
-        theme_background = "#0f172a" 
-
         # Final Base HTML Template Construction 
         html_template = f"""
 {schema_script}
+
 <div style="display: none;">
   <img src="{icon_url}" alt="Download {title} Mod APK" />
 </div>
 
-<div class="app-post-wrapper" style="background: {theme_background}; border-radius: 20px; padding: 30px; border: 1px solid rgba(255,255,255,0.05); color: #fff; font-family: 'Plus Jakarta Sans', sans-serif; max-width: 800px; margin: 0 auto; box-shadow: 0 10px 30px rgba(0,0,0,0.5);">
+<div class="app-post-wrapper" style="background: #0f172a; width: 100%; min-height: 100vh; margin: 0; padding: 40px 5%; box-sizing: border-box; color: #fff; font-family: 'Plus Jakarta Sans', sans-serif;">
   
   <div style="display: flex; gap: 20px; align-items: center; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 25px; margin-bottom: 25px; flex-wrap: wrap;">
-     <img src="{icon_url}" alt="{title} Premium" style="width: 110px; height: 110px; border-radius: 24px; box-shadow: 0 10px 20px rgba(0,0,0,0.5); flex-shrink: 0;">
+     <img src="{icon_url}" alt="{title} Premium" style="width: 110px; height: 110px; border-radius: 28px; box-shadow: 0 10px 20px rgba(0,0,0,0.5); flex-shrink: 0;">
      <div style="flex: 1; min-width: 250px;">
-        <h1 style="margin: 0 0 8px 0; font-size: 2.2rem; font-weight: 800; line-height: 1.1;">{title} <span style="font-size: 0.8rem; background: {theme_color}; padding: 4px 10px; border-radius: 12px; vertical-align: middle; margin-left: 10px; letter-spacing: 1px;">MOD</span></h1>
-        <p style="margin: 0 0 12px 0; color: #94a3b8; font-weight: 600;"><i class="fa-solid fa-layer-group"></i> {category} • Max Store Verified</p>
-        <div style="display: flex; gap: 15px; font-size: 0.95rem; color: #cbd5e1; font-weight: 700;">
+        <h1 style="margin: 0 0 10px 0; font-size: 2.3rem; font-weight: 800; line-height: 1.1;">{title} <span style="font-size: 0.85rem; background: {theme_color}; padding: 5px 12px; border-radius: 12px; vertical-align: middle; margin-left: 10px; letter-spacing: 1px;">MOD</span></h1>
+        <p style="margin: 0 0 15px 0; color: #94a3b8; font-weight: 600; font-size: 1.05rem;"><i class="fa-solid fa-layer-group"></i> {category} • Max Store Verified</p>
+        <div style="display: flex; flex-wrap: wrap; gap: 20px; font-size: 0.95rem; color: #cbd5e1; font-weight: 700;">
             <span><i class="fa-solid fa-star" style="color:#f59e0b;"></i> {rating}</span>
             <span><i class="fa-solid fa-download" style="color: #38bdf8;"></i> {installs}</span>
-            <span><i class="fa-brands fa-android"></i> Android 9.0+</span>
+            <span><i class="fa-brands fa-android" style="color: #10b981;"></i> Android 9.0+</span>
         </div>
      </div>
   </div>
 
-  <div style="text-align: center; margin-bottom: 35px; background: #020617; padding: 25px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.02);">
-     <a href="{custom_link}" target="_blank" rel="nofollow noopener" class="lex-btn" style="display: inline-block; width: 100%; max-width: 400px; background: {theme_color}; color: #fff; text-decoration: none; padding: 16px; border-radius: 50px; font-weight: 800; font-size: 1.15rem; box-shadow: 0 0 25px {theme_color}80; transition: transform 0.3s ease;">
-        <i class="fa-solid fa-cloud-arrow-down" style="margin-right: 8px;"></i> Download APK via Secure Link
-     </a>
-     <p style="font-size: 0.8rem; color: #64748b; margin-top: 15px; margin-bottom: 0;">
-       <i class="fa-solid fa-lock"></i> Link encrypted. VirusTotal checked.
+  <div style="text-align: center; margin-bottom: 35px; background: #020617; padding: 30px 15px; border-radius: 20px; border: 1px solid rgba(255,255,255,0.03);">
+     <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; margin-bottom: 15px;">
+         <a href="{custom_link}" target="_blank" rel="nofollow noopener" class="lex-btn" style="flex: 1; min-width: 260px; max-width: 400px; background: {theme_color}; color: #fff; text-decoration: none; padding: 16px 20px; border-radius: 50px; font-weight: 800; font-size: 1.1rem; box-shadow: 0 0 25px {theme_color}80; transition: transform 0.3s ease; box-sizing: border-box;">
+            <i class="fa-solid fa-cloud-arrow-down" style="margin-right: 8px;"></i> Secure APK Download
+         </a>
+         
+         <a href="https://play.google.com/store/apps/details?id={app_id}" target="_blank" rel="nofollow noopener" style="flex: 1; min-width: 260px; max-width: 400px; background: #10b981; color: #fff; text-decoration: none; padding: 16px 20px; border-radius: 50px; font-weight: 800; font-size: 1.1rem; box-shadow: 0 0 25px rgba(16, 185, 129, 0.4); transition: transform 0.3s ease; box-sizing: border-box;">
+            <i class="fa-brands fa-google-play" style="margin-right: 8px;"></i> Get it on Play Store
+         </a>
+     </div>
+     <p style="font-size: 0.85rem; color: #64748b; margin: 0;">
+       <i class="fa-solid fa-shield-halved" style="color: #10b981;"></i> Links encrypted. VirusTotal checked.
      </p>
+     
+     <div style="display: flex; justify-content: center; gap: 20px; margin-top: 20px; font-size: 0.9rem; font-weight: 600;">
+         <a href="mailto:admin@lexicalspace.com?subject=Broken Link Report: {title}" style="color: #ef4444; text-decoration: none; transition: 0.2s;"><i class="fa-solid fa-link-slash"></i> Link not working?</a>
+         <a href="mailto:admin@lexicalspace.com?subject=App Issue Report: {title}" style="color: #f59e0b; text-decoration: none; transition: 0.2s;"><i class="fa-solid fa-flag"></i> Report Issue</a>
+     </div>
   </div>
   
-  <div style="background: rgba(56, 189, 248, 0.1); border: 1px solid rgba(56, 189, 248, 0.2); padding: 15px; border-radius: 12px; text-align: center; margin-bottom: 30px;">
-    <strong style="color: #e2e8f0; margin-right: 15px;">Join Lexical Space Community:</strong>
-    <a href="{telegram_link}" target="_blank" style="display: inline-block; background: #0088cc; color: white; padding: 8px 20px; border-radius: 20px; text-decoration: none; font-weight: bold; font-size: 0.9rem; transition: 0.2s;">✈️ Telegram</a>
+  <div style="background: rgba(56, 189, 248, 0.1); border: 1px solid rgba(56, 189, 248, 0.2); padding: 15px; border-radius: 16px; text-align: center; margin-bottom: 35px;">
+    <strong style="color: #e2e8f0; margin-right: 15px; font-size: 1.05rem;">Join Lexical Space Community:</strong>
+    <a href="{telegram_link}" target="_blank" style="display: inline-block; background: #0088cc; color: white; padding: 8px 20px; border-radius: 25px; text-decoration: none; font-weight: bold; font-size: 0.95rem; transition: 0.2s; margin-top: 10px;">✈️ Telegram</a>
   </div>
 
-  <h2 style="border-left: 4px solid #38bdf8; padding-left: 12px; margin-bottom: 20px; font-size: 1.3rem;">App Information</h2>
-  <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; margin-bottom: 35px; background: rgba(255,255,255,0.02); padding: 20px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.05); box-shadow: inset 0 0 10px rgba(0,0,0,0.5);">
-      <div><span style="display: block; font-size: 0.8rem; color: #94a3b8; text-transform: uppercase;">Developer</span><strong>{developer}</strong></div>
-      <div><span style="display: block; font-size: 0.8rem; color: #94a3b8; text-transform: uppercase;">Version</span><strong>{version}</strong></div>
-      <div><span style="display: block; font-size: 0.8rem; color: #94a3b8; text-transform: uppercase;">Updated</span><strong>{updated_date}</strong></div>
-      <div><span style="display: block; font-size: 0.8rem; color: #94a3b8; text-transform: uppercase;">File Size</span><strong>{final_size}</strong></div>
+  <h2 style="border-left: 5px solid #38bdf8; padding-left: 12px; margin-bottom: 20px; font-size: 1.4rem;">App Information</h2>
+  <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 15px; margin-bottom: 35px; background: rgba(255,255,255,0.02); padding: 20px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.05); box-shadow: inset 0 0 15px rgba(0,0,0,0.3);">
+      <div style="background: rgba(255,255,255,0.03); padding: 15px; border-radius: 10px;"><span style="display: block; font-size: 0.8rem; color: #94a3b8; text-transform: uppercase; margin-bottom: 5px;">Developer</span><strong style="font-size: 1.05rem;">{developer}</strong></div>
+      <div style="background: rgba(255,255,255,0.03); padding: 15px; border-radius: 10px;"><span style="display: block; font-size: 0.8rem; color: #94a3b8; text-transform: uppercase; margin-bottom: 5px;">Version</span><strong style="font-size: 1.05rem;">{version}</strong></div>
+      <div style="background: rgba(255,255,255,0.03); padding: 15px; border-radius: 10px;"><span style="display: block; font-size: 0.8rem; color: #94a3b8; text-transform: uppercase; margin-bottom: 5px;">Updated</span><strong style="font-size: 1.05rem;">{updated_date}</strong></div>
+      <div style="background: rgba(255,255,255,0.03); padding: 15px; border-radius: 10px;"><span style="display: block; font-size: 0.8rem; color: #94a3b8; text-transform: uppercase; margin-bottom: 5px;">File Size</span><strong style="font-size: 1.05rem;">{final_size}</strong></div>
   </div>
 
   {video_html}
   {screenshots_html}
 
-  <h2 style="border-left: 4px solid {theme_color}; padding-left: 12px; margin-bottom: 15px; font-size: 1.3rem;">Max Store Modifications</h2>
-  <div style="background: rgba(16, 185, 129, 0.05); border: 1px solid rgba(16, 185, 129, 0.2); padding: 20px; border-radius: 12px; margin-bottom: 35px; box-shadow: 0 5px 15px rgba(16, 185, 129, 0.1);">
-      <ul style="color: #f1f5f9; line-height: 1.8; list-style-type: none; padding-left: 0; margin: 0; font-weight: 600;">
+  <h2 style="border-left: 5px solid {theme_color}; padding-left: 12px; margin-bottom: 20px; font-size: 1.4rem;">Max Store Modifications</h2>
+  <div style="background: rgba(16, 185, 129, 0.05); border: 1px solid rgba(16, 185, 129, 0.2); padding: 25px; border-radius: 16px; margin-bottom: 40px; box-shadow: 0 5px 20px rgba(16, 185, 129, 0.1);">
+      <ul style="color: #f1f5f9; line-height: 2; list-style-type: none; padding-left: 0; margin: 0; font-weight: 700; font-size: 1.05rem;">
          {features_list}
       </ul>
   </div>
 
-  <h2 style="border-left: 4px solid #f59e0b; padding-left: 12px; margin-bottom: 15px; font-size: 1.3rem;">About {title}</h2>
-  <div style="color: #cbd5e1; line-height: 1.7; font-size: 0.95rem; overflow: hidden;">
+  <h2 style="border-left: 5px solid #f59e0b; padding-left: 12px; margin-bottom: 20px; font-size: 1.4rem;">About {title}</h2>
+  <div style="color: #cbd5e1; line-height: 1.8; font-size: 1rem; overflow: hidden;">
     {full_description}
   </div>
   
-  <div style="margin-top: 40px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1); font-size: 0.75rem; color: #64748b; text-align: center;">
+  <div style="margin-top: 40px; padding-top: 25px; border-top: 1px solid rgba(255,255,255,0.1); font-size: 0.85rem; color: #64748b; text-align: center;">
       DMCA: Lexical Space complies with 17 U.S.C. § 512 and the Digital Millennium Copyright Act. All apps are property of their respective owners.
   </div>
 </div>
 """
         word_count = str(len(html_template.split()))
+
         keyword_density = str(html_template.lower().count(title.lower()[:10])) 
         
         with open("latest_draft.txt", "w", encoding="utf-8") as f: