diff --git a/dashdash b/dashdash new file mode 100644 index 0000000..843dc23 --- /dev/null +++ b/dashdash @@ -0,0 +1,259 @@ +# Creating a complete HTML/CSS/JS project, zipping it, and providing a download link for the user. +from pathlib import Path +import zipfile, os, json, textwrap + +project_name = "professional-landing-ar" +base = Path("/mnt/data") / project_name +if base.exists(): + # Remove existing files to overwrite fresh + for p in base.rglob("*"): + if p.is_file(): + p.unlink() + else: + try: + p.rmdir() + except Exception: + pass +else: + base.mkdir(parents=True, exist_ok=True) + +# Files content (Arabic RTL professional landing page) +index_html = """ + + + + + مشروع احترافي — Khalid El Ommali + + + + +
+
+ Khalid El Ommali + + +
+
+ +
+
+
+
+

صفحة هبوط احترافية وجاهزة للنشر

+

قالب بسيط، أنيق، وسريع التحميل — مناسب للعرض الشخصي أو لمشروعك. قابل للتوسيع بسهولة.

+
+ ابدأ الآن + المستودع +
+
+ +
+
+ +
+
+

المميزات

+
+
+

تصميم حديث

+

واجهة واضحة، خطوط قابلة للقراءة، وتماسك بصري مناسب للغة العربية.

+
+
+

جاهز للنشر

+

ملفات ثابتة HTML/CSS/JS، يمكن نشرها على Vercel أو GitHub Pages مباشرة.

+
+
+

أداء سريع

+

تصميم بسيط يقلل الطلبات ويدعم التحميل السريع على شبكات بطيئة.

+
+
+
+
+ +
+
+

عن المشروع

+

هذا مشروع مُبسّط لتحويل مستودعك إلى موقع إنترنت احترافي. يتضمن ملفات قابلة للتعديل بسرعة لتتناسب مع العرض الشخصي أو المشروع التجاري.

+
    +
  • ملف index.html (الصفحة الرئيسية)
    • +
  • styles.css (تصميم مخصص وRTL)
    • +
  • script.js (تفاعلات بسيطة)
    • +
  • vercel.json (تعطيل build على Vercel)
    • +
+
+
+ +
+
+

تواصل

+

هل تريد تخصيص الموقع أو نشره؟ يمكنك التواصل عبر GitHub أو طلب تعديل مباشر.

+ أرسل رسالة +
+
+
+ + + + + + +""" + +styles_css = """ +:root{ + --bg:#0f172a; + --card:#0b1220; + --muted:#9aa7bf; + --accent1:#4f46e5; + --accent2:#06b6d4; + --white:#ffffff; +} + +*{box-sizing:border-box} +html,body{height:100%} +body.page{ + margin:0;font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans Arabic", "Segoe UI Historic", "Arial", sans-serif; + background:linear-gradient(180deg, #081026 0%, #071023 100%); + color:var(--white);direction:rtl; + -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; +} + +.container{max-width:1100px;margin:0 auto;padding:20px} + +.site-header{position:sticky;top:0;background:rgba(7,10,20,0.6);backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,0.03)} +.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px} +.brand{font-weight:700;text-decoration:none;color:var(--white);font-size:1.05rem} +.nav{display:flex;gap:14px} +.nav a{color:var(--muted);text-decoration:none;padding:8px;border-radius:8px} +.nav a:hover{color:var(--white);background:rgba(255,255,255,0.03)} + +.menu-toggle{display:none;background:none;border:0;color:var(--white);font-size:1.4rem;padding:6px} + +.hero{padding:60px 0} +.hero-inner{display:flex;gap:40px;align-items:center;flex-wrap:wrap} +.hero-content{flex:1;min-width:280px} +.hero h1{margin:0 0 12px;font-size:2.1rem;line-height:1.05} +.lead{color:var(--muted);margin-bottom:18px} + +.hero-cta{display:flex;gap:12px;flex-wrap:wrap} +.btn{display:inline-block;padding:10px 16px;border-radius:10px;text-decoration:none;font-weight:600} +.btn.primary{background:linear-gradient(90deg,var(--accent1),var(--accent2));color:var(--white);box-shadow:0 6px 20px rgba(79,70,229,0.15)} +.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,0.06);color:var(--white)} + +.hero-visual{width:360px;height:220px;border-radius:14px;overflow:hidden;flex:0 0 360px;box-shadow:0 10px 30px rgba(2,6,23,0.6)} + +.section-title{font-size:1.4rem;margin-bottom:18px} + +.features{padding:40px 0;background:linear-gradient(180deg, rgba(255,255,255,0.01), transparent)} + +.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} +.card{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));padding:18px;border-radius:12px;min-height:120px} +.card h3{margin:0 0 8px} +.card p{margin:0;color:var(--muted)} + +.about{padding:40px 0} +.list{margin-top:12px;color:var(--muted)} + +.contact{padding:40px 0;background:linear-gradient(180deg, transparent, rgba(255,255,255,0.01))} + +.site-footer{padding:20px 0;border-top:1px solid rgba(255,255,255,0.02);text-align:center;color:var(--muted)} + +/* Responsive */ +@media (max-width:900px){ + .grid{grid-template-columns:repeat(2,1fr)} + .hero-visual{flex-basis:100%} +} +@media (max-width:640px){ + .nav{display:none} + .menu-toggle{display:inline-block} + .grid{grid-template-columns:1fr} + .header-inner{gap:12px} + .hero h1{font-size:1.6rem} +} +""" + +script_js = """ +// Simple interactivity: menu toggle and year injection +document.addEventListener('DOMContentLoaded', function(){ + var menu = document.getElementById('nav'); + var toggle = document.getElementById('menuToggle'); + if(toggle){ + toggle.addEventListener('click', function(){ + if(menu.style.display === 'flex') menu.style.display = 'none'; + else menu.style.display = 'flex'; + }); + } + var y = document.getElementById('year'); + if(y) y.textContent = new Date().getFullYear(); +}); +""" + +vercel_json = json.dumps({"buildCommand": "", "outputDirectory": "."}, ensure_ascii=False, indent=2) + +readme_md = """# Professional Landing Page (Arabic, RTL) + +This project converts your `github-slideshow` repository into a modern, responsive static landing page in Arabic (RTL). +Files included: +- `index.html` — main page (RTL Arabic). +- `styles.css` — modern styling, responsive. +- `script.js` — small JS for interactions. +- `vercel.json` — instruct Vercel to skip build and serve static files. +- `README.md` — this file. + +## How to deploy + +### Deploy to Vercel +1. Connect your GitHub repository to Vercel. +2. Make sure these files are in the repo root. +3. Vercel will auto-deploy (no build). If not, set Build Command to empty and Output Directory to `.` in project settings. + +### Deploy to GitHub Pages +1. Go to repository → Settings → Pages → Source: `main` branch / `/ (root)`. +2. Save. GitHub Pages will serve `index.html` from root. + +--- +تم الإنشاء تلقائياً بواسطة مساعد ChatGPT — الإصدار المخصص لمشروعك. +""" + +# Write files +files = { + "index.html": index_html, + "styles.css": styles_css, + "script.js": script_js, + "vercel.json": vercel_json, + "README.md": readme_md +} + +for name, content in files.items(): + path = base / name + path.write_text(content, encoding="utf-8") + +# Create a zip archive +zip_path = Path("/mnt/data") / f"{project_name}.zip" +with zipfile.ZipFile(zip_path, "w", zipfile.ZIP_DEFLATED) as zf: + for name in files: + zf.write(base / name, arcname=name) + +print("Created project at:", str(base)) +print("Created zip at:", str(zip_path)) + +# Show files list for user +for p in sorted(base.iterdir()): + print("-", p.name) + +# Provide path to download +zip_path_str = str(zip_path) +zip_path_str +