STUDIO THE ART OF SIMPLICITY
מחולל אתרים אישי
YOUR IDEA. YOUR WEBSITE.

רעיון אחד.
עולם שלם.

כתבו את שם הנושא שלכם, בחרו סגנון, וקבלו אתר לימודי מעוצב בשלושה מסכים, בשפה העברית ובעיצוב יוקרתי ומינימליסטי.

אפשר לכתוב כל נושא לימודי, רעיון, שיטה, מודל או תחום ידע.

01
שלושה מסכים

פתיחה מרשימה, הסבר על הנושא והעמקה מעשית.

02
עיצוב אחיד

טיפוגרפיה מוקפדת, מרווחים נכונים ואסתטיקה נקייה.

03
קובץ עצמאי

הורדת האתר כקובץ HTML שאפשר לפתוח בדפדפן.

YOUR WEBSITE IS READY

האתר שלכם

תצוגה מקדימה של האתר שנוצר

האתר שלי
חשוב לדעת: גרסה זו מייצרת אתר באופן מקומי, באמצעות תבנית עיצוב ותוכן כללית המותאמת לנושא שהזנתם. כדי לייצר לכל נושא תוכן מקצועי ייחודי, עובדות מאומתות והסברים מפורטים שנכתבים במיוחד עבורו, יש לחבר את המחולל לשירות בינה מלאכותית באמצעות שרת מאובטח.
Hosted & Compiled with HtmlRunner.com
`; } function generateWebsite() { const topic = topicInput.value.trim(); if (!topic) { topicInput.focus(); topicInput.placeholder = "יש להקליד נושא לפני יצירת האתר"; topicInput.style.borderColor = "#d88b76"; setTimeout(() => { topicInput.style.borderColor = ""; topicInput.placeholder = "לדוגמה: תקשורת מקרבת, מודל אפר״ת, מנהיגות..."; }, 2200); return; } generatedTopic = topic; generatedHTML = createSite( topic, styleInput.value, audiences[audienceInput.value] ); preview.srcdoc = generatedHTML; document.getElementById("resultTitle").textContent = "האתר בנושא " + topic; document.getElementById("previewName").textContent = topic; result.classList.add("visible"); setTimeout(() => { result.scrollIntoView({ behavior: "smooth", block: "start" }); }, 100); } generateButton.addEventListener("click", generateWebsite); topicInput.addEventListener("keydown", event => { if (event.key === "Enter") generateWebsite(); }); document.getElementById("download").addEventListener("click", () => { if (!generatedHTML) return; const blob = new Blob( ["\uFEFF", generatedHTML], { type: "text/html;charset=utf-8" } ); const url = URL.createObjectURL(blob); const link = document.createElement("a"); const filename = generatedTopic .trim() .replace(/[\\/:*?"<>|]/g, "-") .replace(/\s+/g, "-") .slice(0, 70) || "my-website"; link.href = url; link.download = filename + ".html"; document.body.appendChild(link); link.click(); link.remove(); setTimeout(() => URL.revokeObjectURL(url), 1000); }); document.getElementById("openFull").addEventListener("click", () => { if (!generatedHTML) return; const blob = new Blob( [generatedHTML], { type: "text/html;charset=utf-8" } ); const url = URL.createObjectURL(blob); window.open(url, "_blank", "noopener"); setTimeout(() => URL.revokeObjectURL(url), 60000); }); })();