Changes to arabicdesign.scroll.pub

root

24 days ago

Initial commit

body.html

Changed around line 1
+ 
+   
+     
+       من نحن
+       خدماتنا
+       معرض الأعمال
+       اتصل بنا
+     
+   
+   
+     تصميم عربي احترافي
+     نقدم لك أفضل الحلول التصميمية التي تلبي احتياجاتك
+     اكتشف المزيد
+   
+ 
+ 
+ 
+   من نحن
+   نحن فريق من المصممين المحترفين الذين يقدمون حلولًا إبداعية وعملية لعملائنا. نؤمن بأن التصميم الجيد يمكن أن يحدث فرقًا كبيرًا في نجاح أي مشروع.
+ 
+ 
+ 
+   خدماتنا
+   
+     
+       تصميم الويب
+       تصميم مواقع ويب حديثة وسريعة الاستجابة.
+     
+     
+       تصميم الجرافيك
+       إنشاء هوية بصرية قوية ومميزة.
+     
+     
+       تصميم التطبيقات
+       تصميم تطبيقات جذابة وسهلة الاستخدام.
+     
+   
+ 
+ 
+ 
+   معرض الأعمال
+   
+     
+     
+     
+   
+ 
+ 
+ 
+   اتصل بنا
+   
+     
+     
+     
+     
+   
+ 
+ 
+ 
+   تصميم عربي احترافي - جميع الحقوق محفوظة
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://arabicdesign.scroll.pub
+ metaTags
+ editButton /edit.html
+ title تصميم عربي احترافي
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "e7a1ec35-ea90-4e7a-ac54-84a905bcfcb9",
+   "object": "chat.completion",
+   "created": 1735403333,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\narabicdesign.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://arabicdesign.scroll.pub\nmetaTags\neditButton /edit.html\ntitle تصميم عربي احترافي\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  \n    \n      من نحن
\n      خدماتنا
\n      معرض الأعمال
\n      اتصل بنا
\n    \n  \n  \n    تصميم عربي احترافي\n    نقدم لك أفضل الحلول التصميمية التي تلبي احتياجاتك
\n    اكتشف المزيد\n  
\n\n\n\n  من نحن\n  نحن فريق من المصممين المحترفين الذين يقدمون حلولًا إبداعية وعملية لعملائنا. نؤمن بأن التصميم الجيد يمكن أن يحدث فرقًا كبيرًا في نجاح أي مشروع.
\n\n\n\n  خدماتنا\n  \n    \n      تصميم الويب\n      تصميم مواقع ويب حديثة وسريعة الاستجابة.
\n    
\n    \n      تصميم الجرافيك\n      إنشاء هوية بصرية قوية ومميزة.
\n    
\n    \n      تصميم التطبيقات\n      تصميم تطبيقات جذابة وسهلة الاستخدام.
\n    
\n  
\n\n\n\n  معرض الأعمال\n  \n    
\n    
\n    
\n  
\n\n\n\n  اتصل بنا\n  \n    \n    \n    \n    \n  \n\n\n\n  تصميم عربي احترافي - جميع الحقوق محفوظة
\n\n---style.css---\n:root {\n  --primary-color: #4CAF50;\n  --secondary-color: #333;\n  --background-color: #f4f4f4;\n  --text-color: #333;\n  --white: #fff;\n}\n\nbody {\n  font-family: 'Arial', sans-serif;\n  line-height: 1.6;\n  color: var(--text-color);\n  background-color: var(--background-color);\n  margin: 0;\n  padding: 0;\n}\n\nheader {\n  background: var(--secondary-color);\n  color: var(--white);\n  padding: 1rem 0;\n  text-align: center;\n}\n\nheader nav ul {\n  list-style: none;\n  padding: 0;\n}\n\nheader nav ul li {\n  display: inline;\n  margin: 0 15px;\n}\n\nheader nav ul li a {\n  color: var(--white);\n  text-decoration: none;\n}\n\n.hero {\n  padding: 2rem;\n  background: var(--primary-color);\n  color: var(--white);\n}\n\n.hero h1 {\n  font-size: 2.5rem;\n}\n\n.hero p {\n  font-size: 1.2rem;\n}\n\n.cta-button {\n  display: inline-block;\n  padding: 0.5rem 1rem;\n  background: var(--white);\n  color: var(--primary-color);\n  text-decoration: none;\n  border-radius: 5px;\n}\n\nsection {\n  padding: 2rem;\n  text-align: center;\n}\n\n.service-cards {\n  display: flex;\n  justify-content: space-around;\n  flex-wrap: wrap;\n}\n\n.card {\n  background: var(--white);\n  padding: 1rem;\n  margin: 1rem;\n  border-radius: 5px;\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n  width: 30%;\n}\n\n.portfolio-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n}\n\n.portfolio-item img {\n  width: 100%;\n  border-radius: 5px;\n}\n\nform {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\nform input, form textarea {\n  width: 80%;\n  padding: 0.5rem;\n  margin: 0.5rem 0;\n  border: 1px solid #ccc;\n  border-radius: 5px;\n}\n\nform button {\n  padding: 0.5rem 1rem;\n  background: var(--primary-color);\n  color: var(--white);\n  border: none;\n  border-radius: 5px;\n  cursor: pointer;\n}\n\nfooter {\n  background: var(--secondary-color);\n  color: var(--white);\n  text-align: center;\n  padding: 1rem 0;\n}\n\n@media (max-width: 768px) {\n  .service-cards {\n    flex-direction: column;\n  }\n\n  .card {\n    width: 100%;\n  }\n}\n---script.js---\ndocument.addEventListener('DOMContentLoaded', function() {\n  const navLinks = document.querySelectorAll('nav ul li a');\n\n  navLinks.forEach(link => {\n    link.addEventListener('click', function(e) {\n      e.preventDefault();\n      const targetId = this.getAttribute('href');\n      const targetSection = document.querySelector(targetId);\n      targetSection.scrollIntoView({ behavior: 'smooth' });\n    });\n  });\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 255,
+     "completion_tokens": 1457,
+     "total_tokens": 1712,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 255
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # arabicdesign.scroll.pub

+ Website generated by DeepSeek from prompt: design landing page for this website make it's language in arabic based in what you know from this doc

script.js

Changed around line 1
+ document.addEventListener('DOMContentLoaded', function() {
+   const navLinks = document.querySelectorAll('nav ul li a');
+ 
+   navLinks.forEach(link => {
+     link.addEventListener('click', function(e) {
+       e.preventDefault();
+       const targetId = this.getAttribute('href');
+       const targetSection = document.querySelector(targetId);
+       targetSection.scrollIntoView({ behavior: 'smooth' });
+     });
+   });
+ });

style.css

Changed around line 1
+ :root {
+   --primary-color: #4CAF50;
+   --secondary-color: #333;
+   --background-color: #f4f4f4;
+   --text-color: #333;
+   --white: #fff;
+ }
+ 
+ body {
+   font-family: 'Arial', sans-serif;
+   line-height: 1.6;
+   color: var(--text-color);
+   background-color: var(--background-color);
+   margin: 0;
+   padding: 0;
+ }
+ 
+ header {
+   background: var(--secondary-color);
+   color: var(--white);
+   padding: 1rem 0;
+   text-align: center;
+ }
+ 
+ header nav ul {
+   list-style: none;
+   padding: 0;
+ }
+ 
+ header nav ul li {
+   display: inline;
+   margin: 0 15px;
+ }
+ 
+ header nav ul li a {
+   color: var(--white);
+   text-decoration: none;
+ }
+ 
+ .hero {
+   padding: 2rem;
+   background: var(--primary-color);
+   color: var(--white);
+ }
+ 
+ .hero h1 {
+   font-size: 2.5rem;
+ }
+ 
+ .hero p {
+   font-size: 1.2rem;
+ }
+ 
+ .cta-button {
+   display: inline-block;
+   padding: 0.5rem 1rem;
+   background: var(--white);
+   color: var(--primary-color);
+   text-decoration: none;
+   border-radius: 5px;
+ }
+ 
+ section {
+   padding: 2rem;
+   text-align: center;
+ }
+ 
+ .service-cards {
+   display: flex;
+   justify-content: space-around;
+   flex-wrap: wrap;
+ }
+ 
+ .card {
+   background: var(--white);
+   padding: 1rem;
+   margin: 1rem;
+   border-radius: 5px;
+   box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+   width: 30%;
+ }
+ 
+ .portfolio-grid {
+   display: grid;
+   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+   gap: 1rem;
+ }
+ 
+ .portfolio-item img {
+   width: 100%;
+   border-radius: 5px;
+ }
+ 
+ form {
+   display: flex;
+   flex-direction: column;
+   align-items: center;
+ }
+ 
+ form input, form textarea {
+   width: 80%;
+   padding: 0.5rem;
+   margin: 0.5rem 0;
+   border: 1px solid #ccc;
+   border-radius: 5px;
+ }
+ 
+ form button {
+   padding: 0.5rem 1rem;
+   background: var(--primary-color);
+   color: var(--white);
+   border: none;
+   border-radius: 5px;
+   cursor: pointer;
+ }
+ 
+ footer {
+   background: var(--secondary-color);
+   color: var(--white);
+   text-align: center;
+   padding: 1rem 0;
+ }
+ 
+ @media (max-width: 768px) {
+   .service-cards {
+     flex-direction: column;
+   }
+ 
+   .card {
+     width: 100%;
+   }
+ }