From 5138321de61dc79fb9f90067d98441ba36026fa8 Mon Sep 17 00:00:00 2001 From: Kevin Koech Date: Fri, 20 Oct 2023 07:27:50 +0300 Subject: [PATCH] update footer --- contrib/docker-compose/php/php.ini | 1 + docker-compose.yml | 1 + .../includes/assets/css/footer.css | 6 ++ ...=facebook, Size=24, Color=CurrentColor.svg | 3 + ...pe=github, Size=24, Color=CurrentColor.svg | 10 +++ ...instagram, Size=24, Color=CurrentColor.svg | 5 ++ ...=linkedin, Size=24, Color=CurrentColor.svg | 5 ++ ...ype=slack, Size=24, Color=CurrentColor.svg | 10 +++ ...e=twitter, Size=24, Color=CurrentColor.svg | 3 + .../includes/widgets/footer.php | 85 +++++++++++++++---- 10 files changed, 112 insertions(+), 17 deletions(-) create mode 100644 contrib/docker-compose/php/php.ini create mode 100644 wp-content/plugins/academy-africa/includes/assets/images/icons/Type=facebook, Size=24, Color=CurrentColor.svg create mode 100644 wp-content/plugins/academy-africa/includes/assets/images/icons/Type=github, Size=24, Color=CurrentColor.svg create mode 100644 wp-content/plugins/academy-africa/includes/assets/images/icons/Type=instagram, Size=24, Color=CurrentColor.svg create mode 100644 wp-content/plugins/academy-africa/includes/assets/images/icons/Type=linkedin, Size=24, Color=CurrentColor.svg create mode 100644 wp-content/plugins/academy-africa/includes/assets/images/icons/Type=slack, Size=24, Color=CurrentColor.svg create mode 100644 wp-content/plugins/academy-africa/includes/assets/images/icons/Type=twitter, Size=24, Color=CurrentColor.svg diff --git a/contrib/docker-compose/php/php.ini b/contrib/docker-compose/php/php.ini new file mode 100644 index 00000000..d01770f9 --- /dev/null +++ b/contrib/docker-compose/php/php.ini @@ -0,0 +1 @@ +allow_url_fopen: 1 diff --git a/docker-compose.yml b/docker-compose.yml index d5d6b1e5..1ea5cf15 100644 --- a/docker-compose.yml +++ b/docker-compose.yml @@ -17,4 +17,5 @@ services: - ./wp-content/themes:/var/www/html/wp-content/themes - ./wp-content/plugins:/var/www/html/wp-content/plugins - ./contrib/docker-compose/php/uploads.ini:/usr/local/etc/php/conf.d/uploads.ini + - ./contrib/docker-compose/php/php.ini:/usr/local/etc/php/php.ini diff --git a/wp-content/plugins/academy-africa/includes/assets/css/footer.css b/wp-content/plugins/academy-africa/includes/assets/css/footer.css index ed5ce422..5a4358b1 100644 --- a/wp-content/plugins/academy-africa/includes/assets/css/footer.css +++ b/wp-content/plugins/academy-africa/includes/assets/css/footer.css @@ -1,3 +1,5 @@ +@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@100;400;500;600&display=swap"); + .body1, .root .links .primary, .root .embed #mc_embed_signup, @@ -168,6 +170,10 @@ } } +.root .links .icon { + color: var(--shades-white, #fff); +} + .root .links>.secondary~.secondary { margin-top: 10px; } diff --git a/wp-content/plugins/academy-africa/includes/assets/images/icons/Type=facebook, Size=24, Color=CurrentColor.svg b/wp-content/plugins/academy-africa/includes/assets/images/icons/Type=facebook, Size=24, Color=CurrentColor.svg new file mode 100644 index 00000000..3914b332 --- /dev/null +++ b/wp-content/plugins/academy-africa/includes/assets/images/icons/Type=facebook, Size=24, Color=CurrentColor.svg @@ -0,0 +1,3 @@ + + + diff --git a/wp-content/plugins/academy-africa/includes/assets/images/icons/Type=github, Size=24, Color=CurrentColor.svg b/wp-content/plugins/academy-africa/includes/assets/images/icons/Type=github, Size=24, Color=CurrentColor.svg new file mode 100644 index 00000000..33fc4f5f --- /dev/null +++ b/wp-content/plugins/academy-africa/includes/assets/images/icons/Type=github, Size=24, Color=CurrentColor.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/wp-content/plugins/academy-africa/includes/assets/images/icons/Type=instagram, Size=24, Color=CurrentColor.svg b/wp-content/plugins/academy-africa/includes/assets/images/icons/Type=instagram, Size=24, Color=CurrentColor.svg new file mode 100644 index 00000000..2680211c --- /dev/null +++ b/wp-content/plugins/academy-africa/includes/assets/images/icons/Type=instagram, Size=24, Color=CurrentColor.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/wp-content/plugins/academy-africa/includes/assets/images/icons/Type=linkedin, Size=24, Color=CurrentColor.svg b/wp-content/plugins/academy-africa/includes/assets/images/icons/Type=linkedin, Size=24, Color=CurrentColor.svg new file mode 100644 index 00000000..18e5c230 --- /dev/null +++ b/wp-content/plugins/academy-africa/includes/assets/images/icons/Type=linkedin, Size=24, Color=CurrentColor.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/wp-content/plugins/academy-africa/includes/assets/images/icons/Type=slack, Size=24, Color=CurrentColor.svg b/wp-content/plugins/academy-africa/includes/assets/images/icons/Type=slack, Size=24, Color=CurrentColor.svg new file mode 100644 index 00000000..2f69259e --- /dev/null +++ b/wp-content/plugins/academy-africa/includes/assets/images/icons/Type=slack, Size=24, Color=CurrentColor.svg @@ -0,0 +1,10 @@ + + + + + + + + + + \ No newline at end of file diff --git a/wp-content/plugins/academy-africa/includes/assets/images/icons/Type=twitter, Size=24, Color=CurrentColor.svg b/wp-content/plugins/academy-africa/includes/assets/images/icons/Type=twitter, Size=24, Color=CurrentColor.svg new file mode 100644 index 00000000..cc56e409 --- /dev/null +++ b/wp-content/plugins/academy-africa/includes/assets/images/icons/Type=twitter, Size=24, Color=CurrentColor.svg @@ -0,0 +1,3 @@ + + + diff --git a/wp-content/plugins/academy-africa/includes/widgets/footer.php b/wp-content/plugins/academy-africa/includes/widgets/footer.php index 993e2dc9..7c689b2a 100644 --- a/wp-content/plugins/academy-africa/includes/widgets/footer.php +++ b/wp-content/plugins/academy-africa/includes/widgets/footer.php @@ -58,8 +58,26 @@ protected function register_controls() 'default' => __('', 'academy-africa'), ] ); + + $this->add_control( + 'stay_in_touch_text', + [ + 'label' => __('Stay in Touch', 'academy-africa'), + 'type' => \Elementor\Controls_Manager::TEXT, + 'default' => __('STAY IN TOUCH', 'academy-africa'), + ] + ); $links = new \Elementor\Repeater(); + $links->add_control( + 'label', + [ + 'label' => esc_html__('Label', 'academy-africa'), + 'type' => \Elementor\Controls_Manager::TEXT, + 'default' => 'Link Label', + ] + ); + $links->add_control( 'page_link', [ @@ -71,12 +89,42 @@ protected function register_controls() ] ); - $links->add_control( - 'label', + $social_media = new \Elementor\Repeater(); + $social_media->add_control( + 'type', [ - 'label' => esc_html__('Label', 'academy-africa'), - 'type' => \Elementor\Controls_Manager::TEXT, - 'default' => 'Link Label', + 'label' => esc_html__('Type', 'academy-africa'), + 'type' => \Elementor\Controls_Manager::SELECT, + 'default' => 'github', + 'options' => [ + 'facebook' => esc_html__('Facebook', 'academy-africa'), + 'github' => esc_html__('Github', 'academy-africa'), + 'slack' => esc_html__('Slack', 'academy-africa'), + 'linkedin' => esc_html__('LinkedIn', 'academy-africa'), + 'instagram' => esc_html__('Instagram', 'academy-africa'), + 'twitter' => esc_html__('Twitter', 'academy-africa'), + ] + ] + ); + + $social_media->add_control( + 'link', + [ + 'label' => esc_html__('Page Link', 'academy-africa'), + 'type' => \Elementor\Controls_Manager::URL, + 'default' => [ + 'url' => '', + ], + ] + ); + + $this->add_control( + 'social_media_links', + [ + 'label' => esc_html__('Social Media Links', 'academy-africa'), + 'type' => \Elementor\Controls_Manager::REPEATER, + 'fields' => $social_media->get_controls(), + 'title_field' => '{{{ type }}}', ] ); @@ -107,14 +155,6 @@ protected function register_controls() 'default' => __('Subscribe to the Code for Africa newsletter', 'academy-africa'), ] ); - $this->add_control( - 'stay_in_touch_text', - [ - 'label' => __('Stay in Touch', 'academy-africa'), - 'type' => \Elementor\Controls_Manager::TEXT, - 'default' => __('STAY IN TOUCH', 'academy-africa'), - ] - ); $this->add_control( 'newsletter_embed_code', [ @@ -173,9 +213,20 @@ protected function render()

-

get_render_attribute_string('stay_in_touch_text'); ?>> + get_render_attribute_string('stay_in_touch_text'); ?>> -

+ + ' . $content . ''; + } + } + ?>
@@ -201,9 +252,9 @@ protected function render()
-

get_render_attribute_string('newsletter_signup_text'); ?>> +

get_render_attribute_string('newsletter_signup_text'); ?>> -

+

get_render_attribute_string('newsletter_embed_code'); ?>>