Ft/academy-africa plugin setup

.gitignore

@@ -62,10 +62,7 @@ wp-content/mu-plugins/wpe-wp-sign-on-plugin*
 /wp-admin
 /wp-includes
 /wp-content/themes/*
-!/wp-content/themes/academyAfrica
-!/wp-content/themes/hello-elementor
 /wp-content/plugins/*
-!/wp-content/plugins/index.php
 /wp-content/mu-plugins
 .htaccess
 apple-touch-icon-precomposed.png
@@ -74,6 +71,7 @@ favicon.ico
 wpe-deploy-status-academyafrica
 robots.txt
 wordpress
+node_modules
 
 # large/disallowed file types
 # a CDN should be used for these
@@ -111,3 +109,8 @@ wordpress
 *.avi
 
 .env
+
+!/wp-content/themes/academyAfrica
+!/wp-content/themes/hello-elementor
+!/wp-content/plugins/index.php
+!/wp-content/plugins/academy-africa

wp-content/plugins/academy-africa/academy-africa.php

@@ -0,0 +1,44 @@
+<?php
+
+/**
+ * Plugin Name: Academy Africa
+ * Description: This plugin provides custom widgets for the Academy Africa website.
+ * Version:     1.0.0
+ * Author:      Code for Africa
+ * Author URI:  github.com/CodeForAfrica
+ * Text Domain: academy-africa
+ */
+
+
+if (!defined('ABSPATH')) exit; // Exit if accessed directly
+
+
+// Define Academy Africa Plugin Constants
+
+if (!defined('ACADEMY_AFRICA_PLUGIN_VERSION')) {
+    define('ACADEMY_AFRICA_PLUGIN_VERSION', '1.0.0');
+}
+
+if (!defined('ACADEMY_AFRICA_PLUGIN_DIR')) {
+    define('ACADEMY_AFRICA_PLUGIN_DIR', dirname(__FILE__));
+}
+
+/**
+ * Main Elementor Test Extension Class
+ *
+ * The main class that initiates and runs the plugin.
+ *
+ * @since 1.0.0
+ */
+
+
+
+function academy_africa_plugin($widgets_manager)
+{
+
+    require_once(__DIR__ . '/includes/plugin.php');
+
+    // Run the plugin
+    \Academy_Africa\Plugin::instance();
+}
+add_action('plugins_loaded', 'academy_africa_plugin');

wp-content/plugins/academy-africa/includes/assets/css/academy-africa.css

@@ -0,0 +1,56 @@
+:root {
+    --color-primary: #1020E1;
+    --color-secondary: #ED1C24;
+    --color-text: #8C8FA5;
+    --color-accent: #10B981;
+    --color-primary-50: #EFF0FD;
+    --color-primary-100: #E0E2FC;
+    --color-primary-200: #B1B7F7;
+    --color-primary-300: #737FF2;
+    --color-primary-400: #4556EE;
+    --color-primary-500: #1020E1;
+    --color-primary-600: #1022A6;
+    --color-primary-700: #0C1A81;
+    --color-primary-800: #08125C;
+    --color-primary-900: #040A37;
+    --color-neutral-50: #F7F9FD;
+    --color-8b64181: #E2E4EB;
+    --color-b2ba20c: #CCCFDA;
+    --color-db403fc: #B7BAC8;
+    --color-a7754b9: #A1A5B7;
+    --color-5e46824: #8C8FA5;
+    --color-bc80d88: #767A94;
+    --color-2489758: #616582;
+    --color-e97dfee: #4B5071;
+    --color-cce4f80: #4B5071;
+    --color-2d33f45: #FEECED;
+    --color-b96808b: #FBD9DB;
+    --color-e4a3aae: #F8B3B7;
+    --color-e7f2917: #F48E93;
+    --color-7022a8e: #EF565E;
+    --color-712831c: #ED1C24;
+    --color-225ba24: #B6131E;
+    --color-06c638a: #8D0E16;
+    --color-1a005e7: #51070C;
+    --color-f901dbc: #3C0609;
+    --color-899f28d: #ECFDF5;
+    --color-e0ac9d2: #D1FAE5;
+    --color-c04c0d5: #A7F3D0;
+    --color-9f72177: #6EE7B7;
+    --color-e41d497: #34D399;
+    --color-0212c0f: #10B981;
+    --color-1b71ddf: #059669;
+    --color-f51a01d: #047857;
+    --color-ba4996a: #065F46;
+    --color-531d123: #064E3B;
+    --color-d4bf333: #FFFBEB;
+    --color-1668ab7: #FEF3C7;
+    --color-4d4d031: #FDE68A;
+    --color-587e120: #FCD34D;
+    --color-d147518: #FBBF24;
+    --color-2993394: #F59E0B;
+    --color-3ef6ed8: #D97706;
+    --color-ded6d99: #B45309;
+    --color-909faee: #92400E;
+    --color-d6a3d53: #78350F;
+}

wp-content/plugins/academy-africa/includes/assets/css/header.css

@@ -0,0 +1,171 @@
+.nav {
+    display: flex;
+    width: 1440px;
+    height: 92px;
+    padding: 20px 40px;
+    justify-content: center;
+    align-items: center;
+    gap: 58px;
+    flex-shrink: 0;
+    background: #0C1A81;
+}
+
+.nav .logo-section {
+    display: flex;
+    align-items: center;
+    gap: 20px;
+}
+
+.nav .logo-section .logo {
+    width: 52px;
+    height: 52px;
+}
+
+.nav .logo-section .page-title {
+    color: #FFFFFF;
+    font-family: Open Sans;
+    font-size: 18px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 28px;
+}
+
+.navigation-section {
+    display: flex;
+    width: 1032px;
+    min-width: 880px;
+    max-width: 1032px;
+    justify-content: flex-end;
+    align-items: center;
+    gap: 100px;
+    flex-shrink: 0;
+}
+
+.navigation-section .search-bar {
+    display: flex;
+    align-items: center;
+    flex: 1 0 0;
+}
+
+.navigation-section .search-bar .search-input {
+    display: flex;
+    padding: 0px 9px;
+    align-items: flex-start;
+    gap: 10px;
+    flex: 1 0 0;
+    align-self: stretch;
+    border: none;
+    outline: none;
+    border-radius: 0;
+}
+
+.navigation-section .search-bar .search-input::placeholder {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    flex: 1 0 0;
+    align-self: stretch;
+    color: #767A94;
+    font-family: Open Sans;
+    font-size: 14px;
+    font-style: italic;
+    font-weight: 400;
+    line-height: 18px;
+}
+
+.navigation-section .search-bar .search-button {
+    display: flex;
+    padding: 12px 16px;
+    justify-content: center;
+    align-items: center;
+    gap: 8px;
+    border: none;
+    background: #EFF0FD;
+    border-radius: 0;
+}
+
+.navigation-section .search-bar .search-button .search-icon {
+    font-size: 16px;
+    font-weight: bolder;
+    color: #0C1A81;
+}
+
+.navigation-section .navigation-links {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    gap: 10px;
+}
+
+.navigation-section .navigation-links a {
+    text-decoration: none;
+}
+
+.navigation-section .navigation-links .nav-link {
+    display: flex;
+    padding: 10px;
+    justify-content: center;
+    align-items: center;
+    gap: 6px;
+    background: #0C1A81;
+    text-decoration: none;
+}
+
+.navigation-section .navigation-links .nav-link .nav-link-text {
+    color: #F7F9FD;
+    font-family: Open Sans;
+    font-size: 18px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 21.6px;
+    margin: 0;
+}
+
+.navigation-section .navigation-links .nav-link .arrow-down {
+    width: 16px;
+    height: 16px;
+    color: #fff;
+}
+
+.navigation-section .navigation-links .nav-link.login-button {
+    display: flex;
+    padding: 12px 16px;
+    justify-content: center;
+    align-items: center;
+    gap: 8px;
+    background: #EFF0FD;
+}
+
+.navigation-section .navigation-links .nav-link.login-button .nav-link-text {
+    color: #0C1A81;
+    font-family: Open Sans;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 800;
+    line-height: 19px;
+    letter-spacing: 1.6px;
+    text-transform: uppercase;
+    margin: 0;
+}
+
+.navigation-section .navigation-links .nav-link.lang-button {
+    display: flex;
+    max-height: 42px;
+    padding: 10px;
+    justify-content: center;
+    align-items: center;
+    gap: 6px;
+    background: #0C1A81;
+}
+
+.navigation-section .navigation-links .nav-link.lang-button .language-icon {
+    font-size: 24px;
+}
+
+.navigation-section .navigation-links .nav-link.lang-button .arrow-down {
+    font-size: 16px;
+}
+
+.navigation-section .navigation-links .nav-link.lang-button .icon {
+    color: #fff;
+}