Skip to content

Commit

Permalink
Added StepUP4Girls page
Browse files Browse the repository at this point in the history
  • Loading branch information
@if3chi
if3chi committed Feb 29, 2024
1 parent abc7df1 commit 65c5010
Show file tree
Hide file tree
Showing 16 changed files with 111 additions and 154 deletions.
17 changes: 17 additions & 0 deletions app/Utilities/Helpers.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,23 @@ function setAboutImage()
return asset('images/about.jpg');
}
}

if (!function_exists('setStemImage')) {

function setStemImage()
{
return asset('images/stem4girls.jpg');
}
}

if (!function_exists('setStemUpImages')) {

function setStemUpImages()
{
return array_map(fn ($img) => asset("images/stepup4girls/$img.jpg"), [1, 2, 3, 4, 5, 6]);
}
}

if (!function_exists('setSchoolImg')) {

function setSchoolImg(string $imgName = '1'): string
Expand Down
Binary file modified public/images/banner/3.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/banner/4.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified public/images/flyer.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/stem4girls.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/stepup4girls/1.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/stepup4girls/2.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/stepup4girls/3.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/stepup4girls/4.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/stepup4girls/5.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/stepup4girls/6.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
156 changes: 12 additions & 144 deletions resources/views/components/art-card.blade.php
View file

Large diffs are not rendered by default.

9 changes: 7 additions & 2 deletions resources/views/components/front/header.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ class="inline-flex items-center justify-center p-2 rounded-md bg-gray-50 text-bl

<x-front.nav-link href="/">Home</x-front.nav-link>
<x-front.nav-link href="{{ url('/') . '#about' }}">About</x-front.nav-link>
<x-front.nav-link href="{{ route('art-gallery')}}">Art Gallery</x-front.nav-link>
<x-front.nav-link href="{{ route('art-gallery') }}">Art Gallery</x-front.nav-link>
<x-front.dropdown url="#" name="Community Projects">
<div>
<x-front.dropdown-link href="{{ url('/') . '#art-info' }}"> Art Exhibition
Expand All @@ -38,6 +38,8 @@ class="inline-flex items-center justify-center p-2 rounded-md bg-gray-50 text-bl
</x-front.dropdown-link>
<x-front.dropdown-link href="{{ route('kids2action') }}"> KIDS2ACTION CAMPAIGN
</x-front.dropdown-link>
<x-front.dropdown-link href="{{ route('stem4girls') }}"> STEPUP Stem 4 Girls
</x-front.dropdown-link>
</div>

{{-- <div class="mx-2">
Expand Down Expand Up @@ -83,7 +85,8 @@ class="inline-flex items-center justify-center p-2 bg-white rounded-md text-blue
<a href="{{ url('/') . '#about' }}"
class="block px-3 py-2 text-base font-medium rounded-md text-blue-black hover:bg-gray-50">About</a>
<a href="{{ route('art-gallery') }}"
class="block px-3 py-2 text-base font-medium rounded-md text-blue-black hover:bg-gray-50">Art Gallery</a>
class="block px-3 py-2 text-base font-medium rounded-md text-blue-black hover:bg-gray-50">Art
Gallery</a>

<x-front.dropdown-base name="Community Projects">
<div class="flex flex-col">
Expand All @@ -97,6 +100,8 @@ class="block px-3 py-2 text-base font-medium rounded-md text-blue-black hover:bg
</x-front.dropdown-link>
<x-front.dropdown-link href="{{ route('kids2action') }}"> KIDS2ACTION CAMPAIGN
</x-front.dropdown-link>
<x-front.dropdown-link href="{{ route('stem4girls') }}"> STEPUP Stem 4 Girls
</x-front.dropdown-link>
</div>

{{-- <div class="py-2.5 mt-2">
Expand Down
66 changes: 66 additions & 0 deletions resources/views/front/stem4girls.blade.php
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,66 @@
<x-front-layout>
<section class="relative block bg-blue-black fade-in" {{-- style="background-image: url({{ setKids2ActionImage() }})" --}}>
<div class="container px-4 py-16 mx-auto">
<div class="flex flex-wrap justify-center text-center">
<div class="w-full px-4 lg:w-6/12">
<h2 class="text-4xl font-semibold text-white">Step up stem for girls</h2>
<p class="mt-4 mb-4 text-lg leading-relaxed text-gray-50">
</p>
</div>
</div>
</section>

<section class="pb-8 -mb-2 font-sans bg-white fade-in">
<div class="container px-4 mx-auto lg:pt-6">
<div class="flex flex-wrap items-center mt-12">
<div class="w-full px-4 ml-auto mr-auto md:w-5/12">
<h3 class="mb-2 text-3xl font-bold leading-normal md:mt-0 text-blue-950">
About STEM4Girls
</h3>
<p class="mt-4 mb-4 text-lg font-normal leading-relaxed text-justify text-gray-700">
STEP Up STEM4Girls is our project primarily focusing on young girls. The objective is to
encourage, stimulate and prepare young girls to pursue STEM related careers, providing resources
to enhance digital transformation and training. The 2 day workshop includes hands-on practical
experiences and mentorship from leading ladies in the industry.
</p>
</div>
<div class="w-full px-4 ml-auto mr-auto md:w-4/12">
<div
class="relative flex flex-col w-full min-w-0 my-6 break-words rounded-lg shadow-lg bg-blue-black">
<img alt="..." src="{{ setStemImage() }}" class="w-full align-middle rounded-t-lg">
<blockquote class="relative p-8 mb-4">
<svg preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 583 95"
class="absolute left-0 block w-full" style="height: 95px; top: -94px;">
<polygon points="-30,95 583,95 583,65" class="fill-current text-blue-black"></polygon>
</svg>
<h4 class="text-xl font-bold text-white">
Step up - Stem Education
</h4>
<p class="mt-2 font-normal text-white text-md">
In collaboration with <a
class="flex space-x-1 py-2 px-6 bg-white border-2 text-center justify-center border-transparent rounded-md shadow-md text-base font-medium text-blue-950 hover:text-white hover:bg-blue-black hover:border-white"
href="https://makersplacegh.com/" target="_blank">Makers Place
GH</a>
</p>
</blockquote>
</div>
</div>
</div>
</div>
</section>

<section class="pb-20 -mb-2 font-sans bg-white fade-in">
<div class="container mx-auto px-5 py-2 lg:px-32 lg:pt-12">
<div class="-m-1 flex flex-wrap md:-m-2">
@foreach (setStemUpImages() as $image)
<div class="flex w-1/3 flex-wrap">
<div class="w-full p-1 md:p-2">
<img alt="gallery" class="block rounded-lg object-cover object-center"
src="{{ $image }}" />
</div>
</div>
@endforeach
</div>
</div>
</section>
</x-front-layout>
16 changes: 8 additions & 8 deletions resources/views/welcome.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -77,15 +77,15 @@ class="absolute left-0 block w-full" style="height: 95px; top: -94px;">
<div class="lg:mx-auto lg:max-w-7xl lg:px-8 lg:grid lg:grid-cols-3 lg:gap-8">
<div class="relative lg:-my-8">
<div aria-hidden="true" class="absolute inset-x-0 top-0 bg-white h-1/2 lg:hidden"></div>
<div class="w-full max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:p-0 lg:h-full">
<div class="w-full max-w-md mx-auto sm:max-w-3xl sm:px-6 lg:p-0 lg:h-full">
<div
class="overflow-hidden shadow-xl aspect-w-10 aspect-h-6 rounded-xl sm:aspect-w-16 sm:aspect-h-7 lg:aspect-none lg:h-full">
<img class="object-cover shadow-inner lg:h-full lg:w-full" src="{{ setFlyer() }}"
alt="Achievers awards 2023 flyer">
alt="Creative writing 2024 flyer">
</div>
</div>
</div>
<div class="mt-12 lg:m-0 lg:col-span-2 lg:pl-8">
<div class="mt-12 lg:m-0 lg:col-span-2">
<div class="max-w-md px-4 mx-auto sm:max-w-2xl sm:px-6 lg:px-0 lg:py-20 lg:max-w-none">
<blockquote>
<div>
Expand All @@ -106,7 +106,7 @@ class="overflow-hidden shadow-xl aspect-w-10 aspect-h-6 rounded-xl sm:aspect-w-1
<p class="text-base font-medium text-white">NB: Send all application materials
to <a href="mailto:info@bmccn.org">info@bmccn.org</a></p>
<p class="text-base font-medium text-blue-100">Application deadline
1st Mar, 2023.</p>
29th Feb, 2024.</p>
<a href="mailto:info@bmccn.org"
class="inline-flex items-center px-5 py-3 mt-4 text-base font-semibold text-white border border-transparent rounded-md shadow bg-red-950 hover:text-red-950 hover:bg-red-50">
Submit an entry
Expand All @@ -128,7 +128,7 @@ class="inline-flex items-center px-5 py-3 mt-4 text-base font-semibold text-whit
</div>
</div>
</div>
<div class="pb-16 bg-blue-black lg:pb-0 lg:z-10 lg:relative">
{{-- <div class="pb-16 bg-blue-black lg:pb-0 lg:z-10 lg:relative">
<div class="lg:mx-auto lg:max-w-7xl lg:px-8 lg:grid lg:grid-cols-3 lg:gap-8">
<div class="mt-0 lg:mt-12 lg:m-0 lg:col-span-2 lg:pl-8">
<div class="max-w-md px-4 mx-auto sm:max-w-2xl sm:px-6 lg:px-0 lg:py-20 lg:max-w-none">
Expand Down Expand Up @@ -161,13 +161,13 @@ class="inline-flex items-center px-5 py-3 mt-4 text-base font-semibold text-whit
<div class="w-full max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:p-0 lg:h-full">
<div
class="overflow-hidden shadow-xl aspect-w-10 aspect-h-6 rounded-xl sm:aspect-w-16 sm:aspect-h-7 lg:aspect-none lg:h-full">
<img class="object-cover shadow-inner lg:h-full lg:w-full"
src="{{ setCreativeWritingFlyer() }}" alt="Creative writing 2023 flyer">
<img class="object-cover shadow-inner lg:h-full lg:w-full" src="{{ setFlyer() }}"
alt="Creative writing 2023 flyer">
</div>
</div>
</div>
</div>
</div>
</div> --}}
</div>
</div>
</section>
Expand Down
1 change: 1 addition & 0 deletions routes/web.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,7 @@
Route::view('/art-gallery', 'front.art-gallery')->name('art-gallery');
Route::view('/creative-writing', 'front.creative-writing')->name('creative-writing');
Route::view('/kids2action', 'front.kids2action')->name('kids2action');
Route::view('/stem4girls', 'front.stem4girls')->name('stem4girls');
Route::view('/leardership-workshop', 'front.workshop')->name('workshop');

Route::get('/dashboard', function () {
Expand Down

0 comments on commit 65c5010

Please sign in to comment.