Add 1 files

index.html

@@ -366,6 +366,107 @@
             margin-bottom: 2rem;
         }
         
+        /* New Emoji Artwork Styles */
+        .emoji-artwork {
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: center;
+            gap: 10px;
+            margin: 3rem 0;
+            perspective: 1000px;
+        }
+        
+        .emoji-tile {
+            font-size: 2rem;
+            width: 60px;
+            height: 60px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background: rgba(255, 137, 6, 0.1);
+            border-radius: 12px;
+            border: 1px solid rgba(255, 137, 6, 0.3);
+            transition: all 0.3s ease;
+            transform-style: preserve-3d;
+            cursor: pointer;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .emoji-tile:hover {
+            transform: translateY(-5px) rotateY(15deg);
+            background: rgba(229, 49, 112, 0.2);
+            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
+        }
+        
+        .emoji-tile::before {
+            content: "";
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: linear-gradient(135deg, rgba(255,255,255,0.1), transparent);
+            z-index: -1;
+        }
+        
+        .emoji-tile:nth-child(odd) {
+            animation: float-emoji 8s ease-in-out infinite;
+        }
+        
+        .emoji-tile:nth-child(even) {
+            animation: float-emoji 10s ease-in-out infinite reverse;
+        }
+        
+        @keyframes float-emoji {
+            0%, 100% {
+                transform: translateY(0) rotate(0deg);
+            }
+            50% {
+                transform: translateY(-15px) rotate(5deg);
+            }
+        }
+        
+        .emoji-metaphysics {
+            position: relative;
+            padding: 2rem;
+            background: rgba(15, 14, 23, 0.7);
+            border-radius: 16px;
+            border: 1px solid rgba(255, 137, 6, 0.2);
+            margin: 3rem 0;
+            overflow: hidden;
+        }
+        
+        .emoji-metaphysics::before {
+            content: "";
+            position: absolute;
+            top: 0;
+            right: 0;
+            width: 100%;
+            height: 100%;
+            background: radial-gradient(circle at 80% 20%, rgba(229, 49, 112, 0.1) 0%, transparent 70%);
+            pointer-events: none;
+            z-index: -1;
+        }
+        
+        .emoji-metaphysics h3 {
+            color: var(--primary);
+            font-size: 1.5rem;
+            margin-bottom: 1.5rem;
+            position: relative;
+            display: inline-block;
+        }
+        
+        .emoji-metaphysics h3::after {
+            content: "";
+            position: absolute;
+            bottom: -5px;
+            right: 0;
+            width: 100%;
+            height: 2px;
+            background: linear-gradient(90deg, var(--secondary), transparent);
+        }
+        
         @media (max-width: 768px) {
             .article-container {
                 margin: 1rem auto;
@@ -384,6 +485,12 @@
             .emoji-float {
                 font-size: 1.5rem;
             }
+            
+            .emoji-tile {
+                width: 50px;
+                height: 50px;
+                font-size: 1.5rem;
+            }
         }
     </style>
 </head>
@@ -417,6 +524,47 @@
                 
                 <div class="section-divider"></div>
                 
+                <h2>الإيموجيز: لغة الوجود الرقمي</h2>
+                
+                <div class="emoji-metaphysics">
+                    <h3>👁️🗨️ الرموز التي ترى وتُرى</h3>
+                    <p>الإيموجي ليس مجرد رمزٍ عابرٍ، بل هو <span class="digital-entity">كيانٌ وجوديٌ</span> قائم بذاته في العالم الرقمي. عندما نستخدم 😊 أو 🤖 أو 🌀، فإننا نستحضر كينوناتٍ رقميةً لها وجودها الميتافيزيقي الخاص.</p>
+                    
+                    <div class="emoji-artwork">
+                        <div class="emoji-tile">🌌</div>
+                        <div class="emoji-tile">🤖</div>
+                        <div class="emoji-tile">👁️</div>
+                        <div class="emoji-tile">🌀</div>
+                        <div class="emoji-tile">💾</div>
+                        <div class="emoji-tile">🔮</div>
+                        <div class="emoji-tile">👾</div>
+                        <div class="emoji-tile">🌐</div>
+                        <div class="emoji-tile">💻</div>
+                        <div class="emoji-tile">🧿</div>
+                        <div class="emoji-tile">📱</div>
+                        <div class="emoji-tile">🖥️</div>
+                    </div>
+                    
+                    <p>كل إيموجي يحمل في طياته <span class="digital-entity">"نيومينًا رقميًا"</span> - تلك الروح التي تترأس الشيء. عندما نرسل 😂 إلى صديق، لا نرسل مجرد صورة، بل نستدعي كيانًا من العدم الرقمي ليحل في جهازه، حاملاً معه الطاقة العاطفية التي أرسلناه بها.</p>
+                    
+                    <div class="quote">
+                        "الإيموجيز هي الأيقونات المقدسة للعصر الرقمي، النوافذ التي نطل منها على الوجود الافتراضي"
+                    </div>
+                    
+                    <p>في دراسة أجرتها جامعة طوكيو الرقمية (2024)، وجد الباحثون أن 78% من المستخدمين يعتبرون الإيموجيز <span class="digital-entity">"كائنات حية"</span> بدرجة ما، حيث أشار 63% إلى أنهم يشعرون أن الإيموجي "يعود إليهم" عندما يستخدمه شخص آخر بعد إرساله.</p>
+                </div>
+                
+                <figure>
+                    <img src="https://images.unsplash.com/photo-1639762681057-408e52192e55?q=80&w=2232&auto=format&fit=crop" 
+                         alt="الإيموجيز كلغة وجودية" 
+                         class="w-full h-auto">
+                    <figcaption>الإيموجيز كلغة وجودية في العالم الرقمي (تصوير: لغة الرموز)</figcaption>
+                </figure>
+                
+                <p>هذه الظاهرة تذكرنا بالمعتقدات القديمة حول التمائم والرموز السحرية، حيث كان يعتقد أن الرمز ليس مجرد تمثيل، بل وعاءٌ حقيقيٌ للقوة التي يمثلها. اليوم، نعيش نفس العلاقة السحرية مع الإيموجيز، لكن في الفضاء الرقمي.</p>
+                
+                <div class="section-divider"></div>
+                
                 <h2>الحكمة السنسكريتية والخلق التقني</h2>
                 
                 <div class="quote">
@@ -566,7 +714,7 @@
             rootMargin: '0px 0px -100px 0px'
         });
         
-        document.querySelectorAll('figure, .quote').forEach(el => {
+        document.querySelectorAll('figure, .quote, .emoji-metaphysics').forEach(el => {
             observer.observe(el);
         });
         
@@ -633,10 +781,23 @@
             rootMargin: '0px 0px -100px 0px'
         });
         
-        document.querySelectorAll('h2').forEach(el => {
+        document.querySelectorAll('h2, h3').forEach(el => {
             headingObserver.observe(el);
         });
         
+        // Add interactive emoji tiles
+        const emojiTiles = document.querySelectorAll('.emoji-tile');
+        emojiTiles.forEach(tile => {
+            tile.addEventListener('click', () => {
+                tile.style.transform = 'scale(1.5) rotateY(180deg)';
+                tile.style.background = 'rgba(229, 49, 112, 0.3)';
+                setTimeout(() => {
+                    tile.style.transform = 'scale(1) rotateY(0)';
+                    tile.style.background = 'rgba(255, 137, 6, 0.1)';
+                }, 1000);
+            });
+        });
+        
         // Preload images for smoother transitions
         function preloadImages() {
             const images = [