رمضان #2
Description
<title></title>
<style>
body{
margin:0;
font-family:'Cairo',sans-serif;
background:linear-gradient(135deg,#0a1f2d,#102b3f,#163d57);
color:#fff;
direction:rtl;
}
header{
text-align:center;
padding:60px 20px;
}
header h1{
color:#ffd700;
font-size:36px;
margin-bottom:10px;
}
header p{
opacity:.85;
font-size:18px;
}
nav{
background:rgba(255,255,255,.08);
padding:15px;
text-align:center;
}
nav a{
margin:0 10px;
color:#ffd700;
font-weight:700;
text-decoration:none;
}
.container{
max-width:1000px;
margin:auto;
padding:20px;
}
.box{
background:rgba(255,255,255,.08);
padding:25px;
border-radius:16px;
margin-bottom:25px;
}
.box h2{
color:#ffd700;
margin-bottom:15px;
}
.ai input{
width:100%;
padding:15px;
border:none;
border-radius:12px;
margin-bottom:10px;
font-family:Cairo;
}
.ai button{
width:100%;
padding:14px;
border:none;
border-radius:12px;
background:#ffd700;
font-size:16px;
cursor:pointer;
}
footer{
text-align:center;
padding:20px;
opacity:.7;
font-size:14px;
}
</style>
🌙 🤖
قالب رمضاني يجمع الروحانية والذكاء الاصطناعي
الرئيسية رمضان ذكاء اصطناعي من أنا✨ مرحبًا بك
مدونة شخصية ربحيّة تجمع بين المحتوى الرمضاني، الذكاء الاصطناعي، والتدوين الهادف.
🤖 مساعد الذكاء الاصطناعي
<input id="aiQuestion" type="text"
placeholder="اسأل سؤالًا أو اطلب فكرة مقال..." />
<button onclick="askAI()">إرسال</button>
<div id="aiAnswer"
style="margin-top:15px;opacity:.9;line-height:1.8;"></div>
📢 إعلان
هنا سيتم وضع إعلان Google AdSense
<b:section id='main' class='main' maxwidgets='1' showaddelement='no'>
<b:widget id='Blog1' locked='true' type='Blog' title='المشاركات'/>
</b:section>
© | رمضان كريم 🌙
<script> async function askAI(){ const q = document.getElementById("aiQuestion").value; const answerBox = document.getElementById("aiAnswer"); if(!q){ answerBox.innerHTML = "❗ اكتب سؤالًا أولًا"; return; } answerBox.innerHTML = "⏳ جاري التفكير..."; const res = await fetch("PUT_YOUR_WORKER_URL",{ method:"POST", headers:{ "Content-Type":"application/json" }, body: JSON.stringify({ question: q }) }); const data = await res.json(); answerBox.innerHTML = data.answer; } </script>