Spaces:

methodya
/

philo-qawla

Running

App Files Files Community

methodya commited on Apr 6

Commit

e04107a

verified ·

1 Parent(s): 04aa4b1

Add 2 files

Browse files

Files changed (2) hide show

README.md +7 -5
index.html +241 -19

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Philo Qawla
-emoji: 🐠
-colorFrom: green
-colorTo: purple
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: philo-qawla
+emoji: 🐳
+colorFrom: purple
+colorTo: green
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,241 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<html lang="ar" dir="rtl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>نموذج تحليل قولة فلسفية </title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;900&display=swap');
+        body {
+            font-family: 'Tajawal', sans-serif;
+            background-color: #f8fafc;
+        }
+        .quote-box {
+            border-right: 5px solid #3b82f6;
+        }
+        .section-card {
+            transition: all 0.3s ease;
+        }
+        .section-card:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
+        }
+        .philosopher-img {
+            filter: grayscale(30%);
+            transition: all 0.3s ease;
+        }
+        .philosopher-img:hover {
+            filter: grayscale(0%);
+            transform: scale(1.05);
+        }
+        .highlight {
+            background: linear-gradient(120deg, #93c5fd 0%, #3b82f6 100%);
+            background-repeat: no-repeat;
+            background-size: 100% 40%;
+            background-position: 0 88%;
+        }
+    </style>
+</head>
+<body class="bg-gray-50 text-gray-800">
+    <div class="container mx-auto px-4 py-8 max-w-5xl">
+        <!-- Header -->
+        <header class="text-center mb-12">
+            <h1 class="text-4xl font-bold text-blue-800 mb-2">نموذج تحليل قولة فلسفية مرفقة بسؤال</h1>
+            <div class="w-24 h-1 bg-blue-500 mx-auto mt-4 rounded-full"></div>
+        </header>
+        <!-- Quote Section -->
+        <section class="bg-white rounded-xl shadow-md p-6 mb-12 quote-box">
+            <div class="flex items-start">
+                <div class="text-blue-500 mr-4 mt-1">
+                    <i class="fas fa-quote-right text-3xl"></i>
+                </div>
+                <div>
+                    <blockquote class="text-xl font-medium text-gray-800 leading-relaxed">
+                        "إن الدولة لا يجب أن تقوم على العنف المشروع، بل على روح القانون والحق والكرامة."
+                    </blockquote>
+                    <p class="text-gray-600 mt-4 font-medium">حلل القولة مبينًا هل واجب الدولة هو ممارسة العنف المشروع أم حفظ الكرامة؟</p>
+                </div>
+            </div>
+        </section>
+        <!-- Analysis Navigation -->
+        <div class="flex justify-center mb-8">
+            <div class="inline-flex rounded-md shadow-sm">
+                <button onclick="showSection('understanding')" class="px-4 py-2 text-sm font-medium rounded-r-lg border border-gray-200 bg-blue-600 text-white focus:z-10 focus:ring-2 focus:ring-blue-500">
+                    <i class="fas fa-brain mr-2"></i> الفهم
+                </button>
+                <button onclick="showSection('analysis')" class="px-4 py-2 text-sm font-medium border-t border-b border-gray-200 bg-white text-gray-700 hover:bg-gray-50 focus:z-10 focus:ring-2 focus:ring-blue-500">
+                    <i class="fas fa-search mr-2"></i> التحليل
+                </button>
+                <button onclick="showSection('discussion')" class="px-4 py-2 text-sm font-medium border-t border-b border-gray-200 bg-white text-gray-700 hover:bg-gray-50 focus:z-10 focus:ring-2 focus:ring-blue-500">
+                    <i class="fas fa-comments mr-2"></i> المناقشة
+                </button>
+                <button onclick="showSection('synthesis')" class="px-4 py-2 text-sm font-medium rounded-l-lg border border-gray-200 bg-white text-gray-700 hover:bg-gray-50 focus:z-10 focus:ring-2 focus:ring-blue-500">
+                    <i class="fas fa-puzzle-piece mr-2"></i> التركيب
+                </button>
+            </div>
+        </div>
+        <!-- Understanding Section -->
+        <section id="understanding" class="section-card bg-white rounded-xl shadow-md p-8 mb-8">
+            <div class="flex items-center mb-6">
+                <div class="bg-blue-100 p-3 rounded-full mr-4">
+                    <i class="fas fa-brain text-blue-600 text-xl"></i>
+                </div>
+                <h2 class="text-2xl font-bold text-gray-800">الفهم (4 نقاط)</h2>
+            </div>
+            <div class="space-y-4 text-gray-700 leading-relaxed">
+                <p>الإنسان كائن سياسي بامتياز لأنه كائن عاقل، غير أن هذا لا ينفي أن الإنسان منذ وجد على الأرض كان كائنًا عنيفًا غير منظم، كما لا ننكر أن البشرية منذ بدايتها عاشت عصورًا مظلمة من قانون الغاب وحالة الطبيعة التي أرهقت الإنسان ودمرت نسله وهددت وجوده، مما اضطره إلى التفكير في التنظيم والسلم والتحضر، ومن هناك كانت الحاجة إلى الدولة.</p>
+                <p>تُعد الدولة من أبرز المؤسسات التي عرفها الإنسان لتنظيم شؤونه الجماعية وتحقيق الأمن والاستقرار. غير أن الوسائل التي تعتمدها الدولة في ممارسة سلطتها تُثير جدلاً فلسفيًا دائمًا، خصوصًا عندما يتعلق الأمر باستخدام العنف، حتى وإن كان في إطار مشروع.</p>
+                <p>القولة التي بين أيدينا يبدو أنها تنتمي إلى <span class="highlight font-medium">مجزوءة السياسة</span>، وتندرج ضمن <span class="highlight font-medium">مفهوم الدولة</span>، في <span class="highlight font-medium">محور الدولة بين الحق والعنف</span>، وتطرح إشكالًا فلسفيًا محوريًا مفاده: هل تستمد الدولة مشروعيتها من احتكار العنف المشروع، أم من التزامها بروح القانون وحماية كرامة المواطنين؟</p>
+                <p>ويندرج تحت هذا الإشكال تساؤلات أخرى من قبيل: هل يُعد العنف المشروع مبررًا كافيًا لسلطة الدولة؟ وهل يمكن للدولة أن تحقق غاياتها دون المساس بالحق والكرامة الإنسانية؟</p>
+            </div>
+        </section>
+        <!-- Analysis Section (hidden by default) -->
+        <section id="analysis" class="section-card bg-white rounded-xl shadow-md p-8 mb-8 hidden">
+            <div class="flex items-center mb-6">
+                <div class="bg-green-100 p-3 rounded-full mr-4">
+                    <i class="fas fa-search text-green-600 text-xl"></i>
+                </div>
+                <h2 class="text-2xl font-bold text-gray-800">التحليل (5 نقاط)</h2>
+            </div>
+            <div class="space-y-6 text-gray-700 leading-relaxed">
+                <p>لفهم القولة، ينبغي أن نقوم بتحديد مفاهيمها الأساسية:</p>
+                <div class="grid md:grid-cols-2 gap-6">
+                    <div class="bg-blue-50 p-4 rounded-lg">
+                        <h3 class="font-bold text-blue-800 mb-2">الدولة</h3>
+                        <p>مؤسسة سياسية تحتكر ممارسة السلطة داخل مجتمع معين وفق القانون.</p>
+                    </div>
+                    <div class="bg-blue-50 p-4 rounded-lg">
+                        <h3 class="font-bold text-blue-800 mb-2">العنف المشروع</h3>
+                        <p>استعمال الدولة للقوة بصفة قانونية لتنفيذ سلطتها.</p>
+                    </div>
+                    <div class="bg-blue-50 p-4 rounded-lg">
+                        <h3 class="font-bold text-blue-800 mb-2">روح القانون</h3>
+                        <p>تلك المبادئ العامة التي ترمي إلى تحقيق العدالة والمساواة.</p>
+                    </div>
+                    <div class="bg-blue-50 p-4 rounded-lg">
+                        <h3 class="font-bold text-blue-800 mb-2">الكرامة</h3>
+                        <p>القيمة الإنسانية التي تعني احترام الفرد باعتباره غاية لا وسيلة.</p>
+                    </div>
+                </div>
+                <p>إن العلاقة بين هذه المفاهيم تبين لنا التقابل بين دولة الحق ودولة العنف، وبالتالي تُبرز لنا القولة أطروحة مفادها أن الدولة لا يجب أن تؤسس مشروعيتها على العنف، حتى وإن كان قانونيًا، بل على روح القانون والحق، وعلى احترام كرامة الإنسان.</p>
+                <p class="bg-yellow-50 border-l-4 border-yellow-400 p-4">وجوابًا على السؤال المرفق بالقولة، نقول أن القولة تدعو إلى دولة الحق، لا دولة القوة. كما تُلمح القولة إلى أن العنف، ولو كان مشروعًا، فهو قد يُهدد القيم التي يجب أن تقوم عليها الدولة العادلة.</p>
+                <p>تعتمد القولة على حجاج قائم على التقابل والنفي فالقولة تنفي (العنف المشروع) وتثبت (روح القانون والحق والكرامة) والغاية من ذلك هي إظهار التوتر بين منطق القوة ومنطق الحق والقانون، كما أن القولة تعتمد أسلوب الاستفهام في السؤال المطروح تحتها لكي تبين الإشكالية الحاصلة بين الحق والعنف داخل الدولة.</p>
+                <p>وتجدر الإشارة إلى أن أطروحة القولة لها قيمة فلسفية عميقة، لأنها تبين البعد الأخلاقي الإنساني الذي يجب أن تظهر به الدولة والذي يقوم على مبادئ الكرامة والعدالة بدلًا من الهيمنة والقوة. وهو ما نراه في الأنظمة الديموقراطية الحديثة التي تتجنب الإفراط في استعمال العنف، وتعمل على ضمان الحقوق والحريات، أما على المستوى الفلسفي فهي تبين لنا أيضًا أن الدول ليس لها منطق محدد فكل دولة يمكنها أن تلجأ للعنف لضمان مصالحها.</p>
+            </div>
+        </section>
+        <!-- Discussion Section (hidden by default) -->
+        <section id="discussion" class="section-card bg-white rounded-xl shadow-md p-8 mb-8 hidden">
+            <div class="flex items-center mb-6">
+                <div class="bg-purple-100 p-3 rounded-full mr-4">
+                    <i class="fas fa-comments text-purple-600 text-xl"></i>
+                </div>
+                <h2 class="text-2xl font-bold text-gray-800">المناقشة (5 نقاط)</h2>
+            </div>
+            <div class="space-y-8 text-gray-700 leading-relaxed">
+                <p>تتوافق القولة مع موقف <span class="font-bold text-purple-700">جاكلين روس</span>، التي تؤكد على ضرورة أن تقوم الدولة على مبادئ الحق والقانون واحترام كرامة الإنسان. فبالنسبة إليها، إن استخدام الدولة للعنف، ولو كان مشروعًا، يجب أن يكون محدودًا ومؤطرًا قانونيًا، وألا يُصبح وسيلة أساسية لممارسة التسلط وإرهاب الدولة الذي يهدد حرية المواطنين ويضرب في العمق أساس قيام الدولة.</p>
+                <div class="flex flex-col md:flex-row items-center bg-purple-50 p-4 rounded-lg">
+                    <div class="md:w-1/4 mb-4 md:mb-0 flex justify-center">
+                        <img src="https://via.placeholder.com/150?text=J.Russ" alt="جاكلين روس" class="rounded-full h-24 w-24 object-cover philosopher-img border-4 border-purple-200">
+                    </div>
+                    <div class="md:w-3/4 md:pr-4">
+                        <h3 class="font-bold text-purple-800 mb-2">موقف جاكلين روس</h3>
+                        <p>"الدولة العادلة هي التي تُمارس سلطتها في إطار احترام الحقوق والحريات، وتحفظ كرامة الإنسان كمبدأ أساسي."</p>
+                    </div>
+                </div>
+                <p>في المقابل، يُعارض هذه القولة موقف <span class="font-bold text-red-700">ماكس فيبر</span>، الذي يرى أن العنف المشروع هو ما يُميز الدولة عن غيرها من التنظيمات الاجتماعية. فبالنسبة له، لا يمكن تصور وجود دولة دون أن تحتكر وحدها حق استعمال القوة داخل المجتمع ويرى أن هذا العنف ضروري لبقاء النظام وتحقيق الاستقرار، فالعنف ليس الوسيلة العادية التي تلجأ لها الدولة لفرض النظام بل هو وسيلتها المميزة!</p>
+                <div class="flex flex-col md:flex-row items-center bg-red-50 p-4 rounded-lg">
+                    <div class="md:w-1/4 mb-4 md:mb-0 flex justify-center">
+                        <img src="https://via.placeholder.com/150?text=M.Weber" alt="ماكس فيبر" class="rounded-full h-24 w-24 object-cover philosopher-img border-4 border-red-200">
+                    </div>
+                    <div class="md:w-3/4 md:pr-4">
+                        <h3 class="font-bold text-red-800 mb-2">موقف ماكس فيبر</h3>
+                        <p>"العنف المشروع هو ما يُميز الدولة عن غيرها من التنظيمات، وهو ضرورة لاستمرار النظام."</p>
+                    </div>
+                </div>
+                <p>إن التعارض بين الموقفين يُجسد الخلاف بين تصور أخلاقي مثالي للدولة كحامية للحقوق والكرامة، وتصور واقعي يعتبر أن استمرار الدولة مرهون بقدرتها على فرض سلطتها بواسطة العنف المشروع.</p>
+            </div>
+        </section>
+        <!-- Synthesis Section (hidden by default) -->
+        <section id="synthesis" class="section-card bg-white rounded-xl shadow-md p-8 mb-8 hidden">
+            <div class="flex items-center mb-6">
+                <div class="bg-indigo-100 p-3 rounded-full mr-4">
+                    <i class="fas fa-puzzle-piece text-indigo-600 text-xl"></i>
+                </div>
+                <h2 class="text-2xl font-bold text-gray-800">التركيب (3 نقاط)</h2>
+            </div>
+            <div class="space-y-6 text-gray-700 leading-relaxed">
+                <p>لقد عالجنا في مراحل التحليل والمناقشة لهذه القولة مشكلة العلاقة بين العنف المشروع والحق، وهل تقوم الدولة على القوة أم على الكرامة. وقد حصرنا مجزوءتها في مجزوءة السياسة، وإطارها في مفهوم الدولة، وبدقة أكثر في محور الدولة بين الحق والعنف.</p>
+                <p>وأجبنا على سؤال القولة ضمن التحليل والمناقشة، حيث بينّا أن أطروحتها تمحورت حول ضرورة تأسيس الدولة على روح القانون والكرامة الإنسانية، بدلًا من الاعتماد على العنف المشروع كوسيلة وحيدة لممارسة السلطة.</p>
+                <p>ثم ناقشنا هذه الأطروحة من خلال موقف جاكلين روس التي دعمت مضمون القولة، معتبرةً أن الدولة العادلة هي التي تُمارس سلطتها في إطار احترام الحقوق والحريات، وتحفظ كرامة الإنسان كمبدأ أساسي.</p>
+                <p>وفي المقابل، استحضرنا موقف ماكس فيبر الذي عارض مضمون القولة، واعتبر أن العنف المشروع هو ما يُميز الدولة عن غيرها من التنظيمات، وأنه ضرورة لاستمرار النظام.</p>
+                <div class="bg-indigo-50 p-4 rounded-lg border-l-4 border-indigo-400">
+                    <p class="font-medium text-indigo-800">الخلاصة:</p>
+                    <p>الفرق بين هذين الموقفين يتمثل في أن جاكلين روس تُؤسس الدولة على المبادئ الأخلاقية والقانونية، بينما ماكس فيبر يُؤسسها على مبدأ السيطرة واحتكار القوة.</p>
+                </div>
+                <p>وبالتالي، فإن موقفي الشخصي يتمثل في تأييد التصور الذي يجعل من الدولة أداة لخدمة المواطنين وحماية كرامتهم، لا وسيلة للهيمنة عليهم، والدليل على ذلك ما نراه في أنظمة ديمقراطية حديثة مثل السويد أو كندا، حيث توازن الدولة بين سلطتها واحترامها لحقوق الإنسان، مما يجعلها أكثر استقرارًا وأقرب إلى مفهوم دولة الحق.</p>
+            </div>
+        </section>
+        <!-- Footer -->
+        <footer class="mt-12 text-center text-gray-600 text-sm">
+            <p>ثانوية المرينيين التأهيلية © 2025 . جميع الحقوق محفوظة.</p>
+            <div class="flex justify-center space-x-4 mt-2">
+                <a href="#" class="text-blue-600 hover:text-blue-800"><i class="fab fa-twitter"></i></a>
+                <a href="#" class="text-blue-600 hover:text-blue-800"><i class="fab fa-facebook"></i></a>
+                <a href="#" class="text-blue-600 hover:text-blue-800"><i class="fab fa-linkedin"></i></a>
+            </div>
+        </footer>
+    </div>
+    <script>
+        // Show the understanding section by default
+        document.addEventListener('DOMContentLoaded', function() {
+            showSection('understanding');
+        });
+        function showSection(sectionId) {
+            // Hide all sections
+            document.querySelectorAll('section[id$="Section"]').forEach(section => {
+                section.classList.add('hidden');
+            });
+            // Show the selected section
+            document.getElementById(sectionId).classList.remove('hidden');
+            // Update active button
+            document.querySelectorAll('button').forEach(btn => {
+                btn.classList.remove('bg-blue-600', 'text-white');
+                btn.classList.add('bg-white', 'text-gray-700');
+            });
+            // Highlight the active button
+            const activeBtn = document.querySelector(`button[onclick="showSection('${sectionId}')"]`);
+            activeBtn.classList.remove('bg-white', 'text-gray-700');
+            activeBtn.classList.add('bg-blue-600', 'text-white');
+        }
+    </script>
+<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=methodya/philo-qawla" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>