/* global window */
// ============================================================
// CONTENT + i18n  (EN / AR).  Real CV data + projects.
// ============================================================

const REALMS = [
  { key: "analog",      sw: "#C4603D", en: "Analog",          ar: "التناظري",     tag: "letterpress",  live: true },
  { key: "infographic", sw: "#2D7DD2", en: "Infographic",     ar: "الإنفوجرافيك", tag: "data / systems", live: false },
  { key: "risograph",   sw: "#F2503B", en: "Risograph",       ar: "الريزوغراف",   tag: "duotone print", live: true },
  { key: "googie",      sw: "#00FFD1", en: "Googie",          ar: "غوغي",         tag: "atomic age",   live: false },
  { key: "pottery",     sw: "#8B6045", en: "Pottery",         ar: "الفخار",       tag: "wabi craft",   live: false },
  { key: "scandi",      sw: "#B8A06A", en: "Scandi",          ar: "الإسكندنافي",  tag: "functional",   live: false },
  { key: "wabisabi",    sw: "#8C8880", en: "Wabi-Sabi",       ar: "وابي-سابي",    tag: "imperfect",    live: false },
];

const T = {
  en: {
    dir: "ltr",
    fieldBook: "A Maker's Field Book",
    name: "Rahaf Atef",
    role: "Full-Stack Developer & Designer",
    place: "Amman, Jordan",
    openBook: "Open the book",
    openHint: "click the cover",
    tip: "drag the cat? no — turn the page →",
    chapterOf: "Chapter",
    of: "of",
    realmsTitle: "The Seven Realms",
    realmsLede: "One creative journey, told across seven visual worlds. We begin here — in the warm, tactile analog. Turn the pages to travel through.",
    welcome: "Welcome, traveller.",
    catSays: "I'm the keeper of this book. Follow my tail — each page is a different world I've made things in.",
    objectiveTitle: "The Maker's Note",
    objectiveKicker: "On craft, code & curiosity",
    objective: "I'm a solution-driven full-stack developer who builds scalable RESTful APIs and microservices in .NET Core, C# and Node, and shapes them into front-ends with React, Angular and Next.js. I've shipped backend systems, IoT data pipelines and CMS platforms, and I'm now folding AI — OpenAI integration, semantic search, embeddings — into intelligent data workflows. I write clean, maintainable code, thrive in Agile teams, and treat every project as a thing to be crafted, not just delivered.",
    expTitle: "The Working Years",
    skillsTitle: "The Skills Wheel",
    skillsSub: "inked by hand",
    eduTitle: "Letters of Study",
    projectsTitle: "Projects",
    projectsLede: "Each thing I've built lives in the world it belongs to. These were printed in the Risograph room — pressed twice, slightly off-register, entirely on purpose.",
    studioTitle: "The Studio",
    studioLede: "Where every realm sits on one desk. Seven aesthetics, one maker. The cat naps here between projects.",
    contactTitle: "Send a letter",
    contactLede: "Tell me what you're making. I read every one.",
    f_name: "Your name", f_email: "Email", f_type: "Project type", f_msg: "Message", f_lang: "Reply in",
    types: ["Web Design", "Brand Identity", "Editorial", "Motion", "Development", "Other"],
    langs: ["English", "العربية"],
    send: "Stamp & send",
    sent: "Message sent.",
    req: "required", bademail: "enter a valid email",
    viewCase: "Open case study",
    readMore: "Read the full study",
    outcomes: "Outcomes", builtWith: "Built with", role_label: "Role",
    soon: "coming soon", here: "you are here",
    skillsHub: ["Full", "Stack"],
    expItems: [
      { co: "Freelance", loc: "Remote · Jordan", date: "Dec 2025 — Present", role: "Developer & Designer", pts: [
        "Independent full-stack projects, end to end — including The Wedding Jo, a live wedding platform.",
        "Dashboard admin for the ShedHelak app — data management & day-to-day operations.",
        "Visual & marketing design in Canva — brand assets, social and presentations." ] },
      { co: "HCDmena", loc: "Amman, Jordan", date: "May 2025 — Dec 2025", role: "Full-Stack Developer", pts: [
        "Client-driven work across Node.js, TypeScript, React, Next.js, .NET and SQL.",
        "Designed RESTful APIs and SEO-friendly SSR apps; implemented auth & RBAC.",
        "Tuned performance and explored early OpenAI & semantic-data features." ] },
      { co: "Neuss", loc: "Irbid, Jordan", date: "Jan 2024 — May 2025", role: "Full-Stack Developer", pts: [
        "Built scalable RESTful APIs & microservices in C# / ASP.NET Core for real-time IoT data.",
        "Led AI integration — LLMs, Azure OpenAI, embeddings; vector DBs (Redis, Pinecone).",
        "SQL Server + MongoDB storage; deployed on Azure & AWS with Kafka / RabbitMQ." ] },
    ],
    edu: [
      { t: "Full-Stack Web Development", o: "Orange Coding Academy × Simplon.co — at PSUT", d: "May 2024 – Dec 2024", seal: "BOOT\nCAMP" },
      { t: "Associate Degree, Applied Sciences", o: "Al-Balqa Applied University", d: "2021 – 2024", seal: "AAU\n'24" },
    ],
    skills: [
      "C# / .NET Core", "Node · Nest", "React · Next", "Angular", "TypeScript",
      "SQL · Postgres", "MongoDB", "Docker · Git", "REST · Microservices", "AI · OpenAI",
      "Figma · Canva", "Agile · SDLC",
    ],
  },
  ar: {
    dir: "rtl",
    fieldBook: "كرّاسة صانعة",
    name: "رهف عاطف",
    role: "مطوّرة ومصمّمة ويب",
    place: "عمّان، الأردن",
    openBook: "افتح الكتاب",
    openHint: "انقر على الغلاف",
    tip: "← اقلب الصفحة",
    chapterOf: "الفصل",
    of: "من",
    realmsTitle: "الفصول السبعة",
    realmsLede: "رحلة إبداعية واحدة، تُروى عبر سبعة عوالم بصرية. نبدأ من هنا — من العالم التناظري الدافئ والملموس. اقلب الصفحات لتسافر بينها.",
    welcome: "أهلاً بك أيها المسافر.",
    catSays: "أنا حارس هذا الكتاب. اتبع ذيلي — كل صفحة عالمٌ مختلف صنعتُ فيه أشياء.",
    objectiveTitle: "مذكّرة الصانعة",
    objectiveKicker: "عن الحِرفة والشيفرة والفضول",
    objective: "أنا مطوّرة متكاملة موجّهة نحو الحلول، أبني واجهات برمجة RESTful وخدمات مصغّرة قابلة للتوسّع باستخدام .NET Core و C# و Node، ثم أصوغها في واجهات أمامية بـ React و Angular و Next.js. أطلقتُ أنظمة خلفية وخطوط بيانات إنترنت الأشياء ومنصّات إدارة محتوى، وأدمج الآن الذكاء الاصطناعي — تكامل OpenAI والبحث الدلالي والتضمينات — في تدفّقات بيانات ذكية. أكتب شيفرة نظيفة وقابلة للصيانة، وأزدهر في فرق أجايل، وأتعامل مع كل مشروع كشيءٍ يُصنع بإتقان لا كمهمة تُسلَّم فقط.",
    expTitle: "سنوات العمل",
    skillsTitle: "عجلة المهارات",
    skillsSub: "مرسومة باليد",
    eduTitle: "شهادات الدراسة",
    projectsTitle: "المشاريع",
    projectsLede: "كل ما بنيتُه يعيش في العالم الذي ينتمي إليه. هذه طُبعت في غرفة الريزوغراف — مضغوطة مرّتين، بانزياحٍ طفيف، عن قصدٍ تام.",
    studioTitle: "الاستوديو",
    studioLede: "حيث تجتمع كل العوالم على مكتبٍ واحد. سبع جماليات، صانعة واحدة. تغفو القطة هنا بين المشاريع.",
    contactTitle: "أرسل رسالة",
    contactLede: "أخبرني بما تصنعه. أقرأ كل رسالة.",
    f_name: "اسمك", f_email: "البريد الإلكتروني", f_type: "نوع المشروع", f_msg: "رسالتك", f_lang: "الرد بـ",
    types: ["تصميم ويب", "هوية بصرية", "تحرير ونشر", "موشن", "تطوير", "أخرى"],
    langs: ["English", "العربية"],
    send: "اختم وأرسل",
    sent: "تم الإرسال.",
    req: "مطلوب", bademail: "أدخل بريداً صحيحاً",
    viewCase: "افتح دراسة الحالة",
    readMore: "اقرأ الدراسة كاملة",
    outcomes: "النتائج", builtWith: "بُني بـ", role_label: "الدور",
    soon: "قريباً", here: "أنت هنا",
    skillsHub: ["متكاملة", "Full Stack"],
    expItems: [
      { co: "عمل حرّ", loc: "عن بُعد · الأردن", date: "كانون الأول 2025 — حتى الآن", role: "مطوّرة ومصمّمة", pts: [
        "مشاريع متكاملة مستقلّة — منها The Wedding Jo، منصّة زفاف حيّة.",
        "إدارة لوحة تحكّم تطبيق ShedHelak — إدارة بيانات وعمليات يوميّة.",
        "تصميم بصري وتسويقي عبر Canva — هويات ومحتوى اجتماعي وعروض." ] },
      { co: "HCDmena", loc: "عمّان، الأردن", date: "أيار 2025 — كانون الأول 2025", role: "مطوّرة متكاملة", pts: [
        "عمل موجّه للعملاء عبر Node.js و TypeScript و React و Next.js و .NET و SQL.",
        "تصميم واجهات RESTful وتطبيقات SSR؛ وتطبيق المصادقة والصلاحيات.",
        "تحسين الأداء واستكشاف ميزات OpenAI والبيانات الدلالية." ] },
      { co: "Neuss", loc: "إربد، الأردن", date: "كانون الثاني 2024 — أيار 2025", role: "مطوّرة متكاملة", pts: [
        "بناء واجهات RESTful وخدمات مصغّرة بـ C# / ASP.NET Core لبيانات إنترنت الأشياء آنياً.",
        "قيادة دمج الذكاء الاصطناعي — نماذج لغوية و Azure OpenAI والتضمينات؛ وقواعد متجهات.",
        "تخزين بـ SQL Server و MongoDB؛ ونشر على Azure و AWS مع Kafka / RabbitMQ." ] },
    ],
    edu: [
      { t: "تطوير ويب متكامل", o: "أكاديمية أورانج للبرمجة × Simplon.co — في PSUT", d: "أيار 2024 – كانون الأول 2024", seal: "BOOT\nCAMP" },
      { t: "دبلوم في العلوم التطبيقية", o: "جامعة البلقاء التطبيقية", d: "2021 – 2024", seal: "AAU\n'24" },
    ],
    skills: [
      "C# / .NET Core", "Node · Nest", "React · Next", "Angular", "TypeScript",
      "SQL · Postgres", "MongoDB", "Docker · Git", "REST · خدمات مصغّرة", "ذكاء اصطناعي",
      "Figma · Canva", "أجايل · SDLC",
    ],
  },
};

const PROJECTS = [
  {
    id: "election", realm: "risograph", real: true,
    metrics: [{ n: "10k+", l: { en: "ballots modelled", ar: "بطاقة اقتراع" } }, { n: "<1s", l: { en: "result tally", ar: "فرز النتائج" } }],
    links: [{ en: "GitHub", ar: "GitHub", href: "#" }],
    en: { title: "Jordanian Election System", disc: "Systems · Full-Stack", stack: "ASP.NET MVC · C# · SQL Server",
      tagline: "Online voting, end to end.",
      desc: "A comprehensive parliamentary platform for online voting, candidate application management and real-time result processing. Built on ASP.NET MVC and C# with SQL Server handling the integrity-critical data layer. Designed so every ballot, application and tally is auditable and fast.",
      role: "Backend & data architecture" },
    ar: { title: "نظام الانتخابات الأردني", disc: "أنظمة · متكامل", stack: "ASP.NET MVC · C# · SQL Server",
      tagline: "تصويت إلكتروني من البداية للنهاية.",
      desc: "منصّة برلمانية شاملة للتصويت الإلكتروني وإدارة طلبات المرشّحين ومعالجة النتائج آنياً. بُنيت على ASP.NET MVC و C# مع SQL Server لطبقة البيانات الحسّاسة. صُمّمت بحيث تكون كل بطاقة وطلب ونتيجة قابلة للتدقيق وسريعة.",
      role: "هندسة الواجهة الخلفية والبيانات" },
  },
  {
    id: "loveseed", realm: "risograph", real: true,
    img: "images/loveseed.jpeg",
    metrics: [{ n: "real-time", l: { en: "health tracking", ar: "تتبّع صحّي" } }, { n: "2 apps", l: { en: "mother + infant", ar: "أم + رضيع" } }],
    links: [{ en: "GitHub", ar: "GitHub", href: "#" }],
    en: { title: "Love Seed", disc: "Full-Stack · Product", stack: "Angular · ASP.NET Core",
      tagline: "A care platform for mothers.",
      desc: "A dynamic mother-care platform with user authentication, personalised content management and real-time health tracking for mothers and infants. Angular front-end on an ASP.NET Core backend, tuned for gentle, trustworthy daily use. Every flow was designed around tired hands and small moments.",
      role: "Full-stack & UX" },
    ar: { title: "Love Seed", disc: "متكامل · منتج", stack: "Angular · ASP.NET Core",
      tagline: "منصّة رعاية للأمّهات.",
      desc: "منصّة رعاية ديناميكية للأمّهات مع مصادقة المستخدمين وإدارة محتوى مخصّصة وتتبّع صحّي آنيّ للأمّهات والرّضّع. واجهة Angular على خلفية ASP.NET Core، مضبوطة لاستخدامٍ يوميٍّ لطيفٍ وموثوق. صُمّم كل مسار حول الأيدي المتعبة واللحظات الصغيرة.",
      role: "تطوير متكامل وتجربة مستخدم" },
  },
  {
    id: "nabtaty", realm: "risograph", real: true,
    metrics: [{ n: "100%", l: { en: "responsive", ar: "متجاوب" } }, { n: "CMS", l: { en: "self-managed", ar: "إدارة ذاتية" } }],
    links: [{ en: "Visit site", ar: "زيارة الموقع", href: "#" }],
    en: { title: "Nabtaty", disc: "E-commerce · CMS", stack: "WordPress · PHP · JS",
      tagline: "A plant shop that runs itself.",
      desc: "A WordPress-based e-commerce site with responsive design and an optimised, user-friendly CMS for products and content. Built with HTML, CSS, JavaScript and PHP so the owner can manage everything without touching code. Performance-tuned for fast browsing on any device.",
      role: "Build & CMS setup" },
    ar: { title: "نبتتي", disc: "تجارة إلكترونية · CMS", stack: "WordPress · PHP · JS",
      tagline: "متجر نباتات يُدار نفسه.",
      desc: "موقع تجارة إلكترونية مبنيّ على WordPress بتصميم متجاوب ونظام إدارة محتوى محسّن وسهل للمنتجات والمحتوى. بُني بـ HTML و CSS و JavaScript و PHP ليديره صاحبه دون لمس الشيفرة. مضبوط الأداء لتصفّحٍ سريع على أي جهاز.",
      role: "البناء وإعداد نظام المحتوى" },
  },
  {
    id: "cloudette", realm: "risograph", real: true,
    metrics: [{ n: "custom", l: { en: "CMS build", ar: "نظام مخصّص" } }, { n: "plugin", l: { en: "integrations", ar: "تكاملات" } }],
    links: [{ en: "Visit site", ar: "زيارة الموقع", href: "#" }],
    en: { title: "Cloudette", disc: "CMS · Front-End", stack: "WordPress · PHP · JS",
      tagline: "A clean, scalable custom CMS.",
      desc: "A custom WordPress CMS delivering a modern, scalable site with advanced plugin integration. HTML, CSS, JavaScript and PHP combine for a clean UI and efficient interaction. Built to grow without losing its calm, considered front-end.",
      role: "Front-end & CMS" },
    ar: { title: "Cloudette", disc: "CMS · واجهة أمامية", stack: "WordPress · PHP · JS",
      tagline: "نظام محتوى مخصّص نظيف وقابل للتوسّع.",
      desc: "نظام إدارة محتوى WordPress مخصّص يقدّم موقعاً حديثاً قابلاً للتوسّع مع تكاملات إضافات متقدّمة. تتضافر HTML و CSS و JavaScript و PHP لواجهة نظيفة وتفاعل فعّال. بُني لينمو دون أن يفقد واجهته الهادئة المدروسة.",
      role: "واجهة أمامية ونظام محتوى" },
  },
  {
    id: "weddingjo", realm: "risograph", real: true,
    img: "images/theweddingjo.png",
    metrics: [{ n: "live", l: { en: "in production", ar: "قيد التشغيل" } }, { n: "AR / EN", l: { en: "bilingual", ar: "بلغتين" } }],
    links: [{ en: "Visit theweddingjo.com", ar: "زيارة الموقع", href: "https://theweddingjo.com/" }],
    en: { title: "The Wedding Jo", disc: "Web Platform · Product", stack: "Web · CMS · Responsive",
      tagline: "Weddings, planned beautifully.",
      desc: "A live wedding-planning platform helping couples in Jordan organise their day — vendors, details, and all the moments between. Built and maintained end to end with a calm, celebratory interface. Bilingual and fully responsive, it's running now at theweddingjo.com.",
      role: "Design & build · founder" },
    ar: { title: "The Wedding Jo", disc: "منصّة ويب · منتج", stack: "ويب · CMS · متجاوب",
      tagline: "حفلات زفاف، مُخطَّطة بإتقان.",
      desc: "منصّة حيّة لتخطيط حفلات الزفاف تساعد الأزواج في الأردن على تنظيم يومهم — مزوّدون وتفاصيل وكل اللحظات بينها. بُنيت وتُدار من البداية للنهاية بواجهة هادئة واحتفالية. ثنائية اللغة ومتجاوبة بالكامل، وتعمل الآن على theweddingjo.com.",
      role: "تصميم وبناء · مؤسِّسة" },
  },
  {
    id: "potatohead", realm: "risograph", real: true, comingSoon: true,
    metrics: [{ n: "soon", l: { en: "launching", ar: "قريباً" } }, { n: "potatohead", l: { en: "the domain", ar: "النطاق" } }],
    links: [{ en: "potatohead — coming soon", ar: "potatohead — قريباً", href: "#" }],
    en: { title: "Potato Head", disc: "Venture · Coming soon", stack: "potatohead · launching soon",
      tagline: "Something is sprouting.",
      desc: "A business of my own, currently in the ground and growing. The brand lives at potatohead — named, unapologetically, for a deep love of potatoes. Watch this space; it launches soon.",
      role: "Founder & maker" },
    ar: { title: "Potato Head", disc: "مشروع · قريباً", stack: "potatohead · قريباً",
      tagline: "شيءٌ ما يُنبت.",
      desc: "مشروعي الخاص، ما زال في الأرض ينمو. تعيش العلامة على نطاق potatohead — مُسمّى، دون اعتذار، حبًّا عميقًا للبطاطا. ترقّبوا هذه المساحة؛ ستُطلَق قريباً.",
      role: "مؤسِّسة وصانعة" },
  },
];

window.REALMS = REALMS;
window.T = T;
window.PROJECTS = PROJECTS;