goods.boycott/index.html at main · maamounhajnajeeb/goods.boycott · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./styles/index.css">
    <link rel="stylesheet" href="https://fonts.xz.style/serve/inter.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@exampledev/new.css@1.1.2/new.min.css">
    <title>Boycott From Syria</title>
</head>
<body>
    <div class="landing-img">
        <img src="./images/0_boycott.jpg" width="600" height="388">
    </div>
    <details class="right-align">
        <summary>ما الهدف من هذا الموقع؟</summary>
        <p>.الهدف هو التعريف ببعض البضائع المنتشرة في سوريا و التي تدعم الاحتلال</p>
    </details>
    <details class="right-align">
        <summary id="modah">كيف نتأكد من الشركات والمنتجات التي يجب مقاطعتها؟</summary>
        <p>يمكنكم البحث بسهولة ضمن الموقع <a href="https://masjidalaqsa.com/israeli-product-checker-boycott-list">التالي</a></p>
        <img src="gifs/masjd_alaqsa.gif" alt="Protest animation" class="gif-style">
    </details>
    <details class="right-align">
        <summary>ماهي البدائل؟</summary>
        <p>لن يتم ذكر أسماء بضائع بديلة تجنباً للدعاية, سوريا بلد غني غذائياً فيه الكثير من الخيرات وفيها العديد العديد من البدائل المميزة</p>
    </details>
    <details class="right-align">
        <summary>هل هناك أمور مستثناة من المقاطعة؟</summary>
        <p>لسنا بصدد التشريع هنا ولسنا بصدد إصدار الفتاوى بالتحليل أو التحريم, بشكل عام, قاطع مادام الأمر ممكناً</p>
        <p>مثال 1: يمكننا التخلي عن بعض أنواع الشوكولا والمياه المعبأة للشركات التي تدعم الاحتلال والسوق مليء بالبضائع المحلية التي تغطي هذا الأمر و تزيد أيضاً</p>
        <p>مثال 2: حليب الأطفال, ربما يكون تغيير حليب الأطفال أمر صعب بالنسبة للأطفال الرضع و قد يؤدي للمرض وهذه ضرورة <span class="imp">(ضرورة حقيقية)</span> ربما تصعب المقاطعة معها</p>
        <p>فَاتَّقُوا اللَّهَ مَا اسْتَطَعْتُمْ</p>
    </details>
    <details class="right-align">
        <summary>:رأي أحد أهل العلم حول موضوع المقاطعة</summary>
        <iframe width="560" height="315"
        src="https://www.youtube.com/embed/ruORsmA3KC4?si=wP5C5nq9cSiQuB8M&amp;start=4"
        title="YouTube video player" frameborder="0"
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
        referrerpolicy="strict-origin-when-cross-origin" allowfullscreen>
        </iframe>
    </details>
    <details class="right-align">
        <summary>كيفية المساهمة والدعم؟</summary>
        <p>:بالنسبة للمطورين الذين يريدون المساهمة في المشروع هناك عدة أمور يجب أخذها بعين الاعتبار</p>
        <ul>
            <li>إضافة البضائع المنتشرة في سوريا والابتعاد عما هو غير منتشر, الغاية التركيز على الأكثر انتشاراً و كي لا يتشتت الناس ببضائع ربما لا يرونها أبداً</li>
            <li>ضرورة الالتزام بالدليل القطعي على أن هذه الشركة تدعم الاحتلال (لسنا هنا للافتراء على أحد) ويكون ذلك من خلال تضمين رابط الوثيقة كما هو <a href="#modah">موضّح</a></li>
            <li>اختيار صورة مناسبة (يفضل أن تكون مربعة الشكل)</li>
        </ul>
        <a href="https://github.com/maamounhajnajeeb/goods.boycott">رابط المشروع</a>
    </details>
    <details class="right-align">
        <summary>:مواقع شبيهة</summary>
        <p>موقع <a href="https://boycott.yaqiin.org/">يقين</a></p>
    </details>
    <div class="flex-container" id="flex-container">

    </div>

    <div class="pages-bar" id="pages-bar">
        <!-- <a class="btn">1</a>
        <a class="btn">2</a> -->
    </div>

    <div class="boycott-from-syria-section">
        <!-- <h4>بالتعاون مع فريق قاطع من أرض الشام </h4> -->

        <div class="boycott-from-syria-inner-section">
            <div class="boycott-from-syria-images">
                <img src="./images/boycott_from_syria/1_boycott_from_syria.png" width="300px" height="360px" />
                <img src="./images/boycott_from_syria/0_boycott_from_syria.png" width="300px" height="360px" />
            </div>
            <div class="boycott-from-syria-social-media">
                <a href="https://www.instagram.com/boycott_from_syria/">
                    <img src="./images/social_media_icons/insta_icon.png" width="50px" height="50px" />
                </a>
                <a href="https://www.facebook.com/profile.php?id=61571892568902">
                    <img src="./images/social_media_icons/face_icon.png" width="50px" height="50px" />
                </a>
            </div>
        </div>
    </div>

    <script src="scripts/main.js"></script>

</body>
</html>