update

Rachad-Alabi-ADEKAMBI · Jun 21, 2024 · d183d5a · d183d5a
1 parent d261c5b
commit d183d5a
Show file tree

Hide file tree

Showing 5 changed files with 838 additions and 463 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+/vendor/
diff --git a/blood_donor.php b/blood_donor.php
@@ -13,9 +13,167 @@
 * Text Domain: magic-plugin
 * Domain Path: /languages
 */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+require plugin_dir_path(__FILE__). 'vendor/autoload.php';
+
+
 add_shortcode('blood_donor', 'displayApp');
 
 function displayApp(){
-    echo ('<p>Hello people</p>');
+    echo ("
+    <div class='container'>
+    <link rel='stylesheet' href='public/css/main.css'>
+    <link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.15.1/css/all.css'
+      integrity='sha384-vp86vTRFVJgpjF9jiIGPEEqYqlDwgyBgEF109VFjmqGmIY/Y4HV4d3Gp2irVfcrp' crossorigin='anonymous'>
+
+        <h1>
+            Blood donor
+        </h1>
+            <p>
+            Select your blood group to find out to whom you can donate blood.
+            </p>
+            <div class='cases'>
+                <div class='case' id='case1' onclick='scene1()'>
+                <p class='case-txt'> O-</p>
+                </div>
+
+                <div class='case' id='case2' onclick='scene2()'>
+                <p class='case-txt' id='text'>O+</p>
+                </div>
+
+                <div class='case' id='case3' onclick='scene3()'>
+                    <p class='case-txt'> A-</p>
+                </div>
+
+                <div class='case'  id='case4'onclick='scene4()'>
+                    <p class='case-txt'> A+</p>
+                </div>
+
+                <div class='case'  id='case5' onclick='scene5()'>
+                    <p class='case-txt'> B-</p>
+                </div>
+
+                <div class='case'  id='case6' onclick='scene6()'>
+                    <p class='case-txt'> B+</p>
+                </div>
+
+                <div class='case' id='case7' onclick='scene7()'>
+                    <div class='case-txt'> AB-</div>
+                </div>
+
+                <div class='case'  id='case8' onclick='scene8()'>
+                    <div class='case-txt'> AB +</div>
+                </div>
+            </div>
+
+            <div class='main'>
+                <div class='main__top'>
+                    <div class='main__top__box' id='box'>
+                        <div class='size' id='size'>
+
+                        </div>
+                    </div>
+                </div>
+
+                    <div class='main__content'>
+                        <div class='main__content__line'>
+                            <div class='line left'>
+                                    <div class='peopleL' id='o-I'>
+                                        <p class='text' id='text'>O-</p> <i class='fas fa-user'></i>
+                                    </div>
+
+                                    <div class='grey' id='o-'>
+
+                                    </div>
+                            </div>
+
+                            <div class='line right'>
+                                <div class='peopleR' id='o+I'>
+                                    <i class='fas fa-user'></i> <p class='text' id='text'>O+</p>
+                                </div>
+
+                                <div class='grey' id='o+'>
+
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class='main__content__line'>
+                            <div class='line left'>
+                                    <div class='people peopleL' id='a-I'>
+                                        <p class='text' id='text'>A-</p> <i class='fas fa-user'></i>
+                                    </div>
+
+                                    <div class='grey' id='a-'>
+
+                                    </div>
+                            </div>
+
+                            <div class='line right'>
+                                <div class='people peopleR' id='a+I'>
+                                    <i class='fas fa-user'></i>  <p class='text' id='text'>A+</p>
+                                </div>
+
+                                <div class='grey' id='a+'>
+
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class='main__content__line'>
+                            <div class='line left'>
+                                    <div class='people peopleL' id='b-I'>
+                                        <p class='text' id='text'>B-</p> <i class='fas fa-user'></i>
+                                    </div>
+
+                                    <div class='grey' id='b-'>
+
+                                    </div>
+                            </div>
+
+                            <div class='line right'>
+                                <div class='people peopleR' id='b+I'>
+                                    <i class='fas fa-user'></i>  <p class='text' id='text'>B+</p>
+                                </div>
+
+                                <div class='grey' id='b+'>
+
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class='main__content__line'>
+                            <div class='line left'>
+                                    <div class=' people peopleL LL' id='ab-I'>
+                                        <p class='text' id='text'>AB-</p> <i class='fas fa-user ' id='ff'></i>
+                                    </div>
+
+                                    <div class='grey' id='ab-'>
+
+                                    </div>
+                            </div>
+
+                            <div class='line right'>
+                                <div class='people peopleR' id='ab+I'>
+                                    <i class='fas fa-user'></i> <p class='text' id='text'>AB+</p>
+                                </div>
+
+                                <div class='grey' id='ab+'>
+
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class='main-line' id ='main_line'>
+
+                        </div>
+                    </div>
+            </div>
+        </div>
+            ");
 }
 
diff --git a/composer.json b/composer.json
@@ -0,0 +1,17 @@
+{
+    "name": "blooddonor/bloodonor",
+    "description": "This handy plugin helps you find out which blood types you can donate to, based on your blood type. Just select your blood group, and we'll do the rest!",
+    "type": "wordpress-plugin",
+    "autoload": {
+        "psr-4": {
+            "Blooddonor\\Bloodonor\\": "src/"
+        }
+    },
+    "authors": [
+        {
+            "name": "Rachad-Alabi-ADEKAMBI",
+            "email": "[email protected]"
+        }
+    ],
+    "require": {}
+}