Skip to content

Header and Footer Menu Additions #2890

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
bernardhanna merged 10 commits into from
Jul 14, 2025
Merged

Header and Footer Menu Additions #2890

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
4e0b9ca
update footer email
bernardhanna Jun 23, 2025
c99348c
new partners
bernardhanna Jun 24, 2025
e4207b7
new partners
bernardhanna Jun 24, 2025
81ad507
Merge branch 'master' of https://github.com/codeeu/codeweek
bernardhanna Jun 30, 2025
a163ae9
Resolve merge conflicts by accepting incoming changes
bernardhanna Jul 7, 2025
f5383ba
Finalize partner slider and arrow styling
bernardhanna Jul 8, 2025
9131cd4
Finalize partner slider and arrow styling
bernardhanna Jul 8, 2025
6a23797
header and footer menu additions
bernardhanna Jul 14, 2025
45170db
Merge branch 'dev' into menuitems
bernardhanna Jul 14, 2025
31ecc2f
Merge pull request #2889 from codeeu/menuitems
bernardhanna Jul 14, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions public/build/assets/app-BHrfNuJ5.css
View file
Open in desktop

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions public/build/assets/app-D3sm8Cgy.css
View file
Open in desktop

Large diffs are not rendered by default.

237 changes: 237 additions & 0 deletions public/build/assets/app-PiPmzr23.js
View file
Open in desktop

Large diffs are not rendered by default.

7 changes: 3 additions & 4 deletions public/build/assets/php_en-BHIF8xkK.js → public/build/assets/php_en-C2_F76So.js
View file
Open in desktop

Large diffs are not rendered by default.

8 changes: 4 additions & 4 deletions public/build/manifest.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,16 +1,16 @@
{
"resources/assets/sass/app.scss": {
"file": "assets/app-CNrk3yLd.css",
"file": "assets/app-BHrfNuJ5.css",
"src": "resources/assets/sass/app.scss",
"isEntry": true
},
"resources/css/app.css": {
"file": "assets/app-CYEMjCxX.css",
"file": "assets/app-D3sm8Cgy.css",
"src": "resources/css/app.css",
"isEntry": true
},
"resources/js/app.js": {
"file": "assets/app-sqTAEKFr.js",
"file": "assets/app-PiPmzr23.js",
"name": "app",
"src": "resources/js/app.js",
"isEntry": true,
Expand Down Expand Up @@ -93,7 +93,7 @@
"isDynamicEntry": true
},
"resources/lang/php_en.json": {
"file": "assets/php_en-BHIF8xkK.js",
"file": "assets/php_en-C2_F76So.js",
"name": "php_en",
"src": "resources/lang/php_en.json",
"isDynamicEntry": true
Expand Down
6 changes: 4 additions & 2 deletions resources/lang/en/footer.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@
'about_us' => 'About us',
'about_code_week' => 'About Code Week',
'our_values' => 'Our Values',
'statistics' => 'Statistics',
'statistics' => 'Scoreboard',
'partners_sponsors' => 'Partners & Sponsors',
'community' => 'Community',
'quick_links' => 'Quick links',
Expand All @@ -32,5 +32,7 @@
'challenges' => 'Challenges',
'hackathons' => 'Hackathons',
'designed_and_developed_by' => 'Designed and developed by',
'all_rights_reserved' => 'All Rights Reserved'
'all_rights_reserved' => 'All Rights Reserved',
'get-involved' => 'Get Involved',
'contact-us' => 'Contact Us'
];
9 changes: 6 additions & 3 deletions resources/views/layout/footer.blade.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -53,6 +53,9 @@ class="mb-10 xl:mb-0">
<li class="mb-4">
<a href="/about" class="cookweek-link hover-underline">@lang('footer.about_code_week')</a>
</li>
<li class="mb-4">
<a href="/get-involved" class="cookweek-link hover-underline">@lang('footer.get-involved')</a>
</li>
<li class="mb-4">
<a href="/our-values" class="cookweek-link hover-underline">@lang('footer.our_values')</a>
</li>
Expand All @@ -65,9 +68,6 @@ class="mb-10 xl:mb-0">
<li class="mb-4">
<a href="/community" class="cookweek-link hover-underline">@lang('footer.community')</a>
</li>
{{-- <li>
<a href="/" class="cookweek-link hover-underline">Contact us</a>
</li> --}}
</ul>
</div>
<div>
Expand All @@ -89,6 +89,9 @@ class="mb-10 xl:mb-0">
<a href="https://forms.mailpro.com/l3086a9a3-9dc5-4160-ab12-71a0f34d3f07" target="_blank"
class="cookweek-link hover-underline">@lang('footer.newsletter_signup')</a>
</li>
<li>
<a href="/contact-us" class="cookweek-link hover-underline">@lang('footer.contact-us')</a>
</li>
</ul>
</div>
<div>
Expand Down
46 changes: 24 additions & 22 deletions resources/views/layout/menu.blade.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<header class="sticky top-0 pt-16 md:pt-12 !px-5 md:!px-0 pb-5 z-[1000] border-b-[3px] border-primary">
<div class="codeweek-container-lg flex items-center gap-6">
<div id="logo-wrapper" class="relative w-full flex justify-center sm:block sm:w-auto">
<a id="primary-menu-trigger" class="absolute sm:static sm:pr-6 -left-6 top-1/2 -translate-y-1/2 sm:translate-y-0" href="/">
<div class="flex gap-6 items-center codeweek-container-lg">
<div id="logo-wrapper" class="flex relative justify-center w-full sm:block sm:w-auto">
<a id="primary-menu-trigger" class="absolute -left-6 top-1/2 -translate-y-1/2 sm:static sm:pr-6 sm:translate-y-0" href="/">
<img class="menu" src="/images/menu_icon.svg">
<img class="close hide" src="/images/close_menu_icon.svg">
</a>
Expand All @@ -13,8 +13,8 @@
<nav id="primary-menu" class="flex-grow font-['Montserrat']">
<ul class="max-xl:flex max-xl:flex-col max-xl:!items-start max-xl:overflow-auto max-xl:pt-6 main-menu">
<li class="!pt-16 md:!pt-12 !pb-8 xl:hidden max-xl:w-full">
<div class="relative flex justify-center">
<a id="primary-menu-trigger" class="absolute xl:static left-0 sm:left-3 top-1/2 sm:top-2 -translate-y-1/2 sm:translate-y-0" href="/">
<div class="flex relative justify-center">
<a id="primary-menu-trigger" class="absolute left-0 top-1/2 -translate-y-1/2 xl:static sm:left-3 sm:top-2 sm:translate-y-0" href="/">
<img class="close hide" src="/images/close_menu_icon.svg">
</a>
<a id="logo" href="/">
Expand Down Expand Up @@ -53,7 +53,7 @@ class="absolute right-4 top-1/2 -translate-y-1/2"
</li>

{{-- search side --}}
<li class="main-menu-item xl:hidden w-full">
<li class="w-full main-menu-item xl:hidden">
<div class="relative w-full">
<input
class="pl-6 pr-14 py-3 w-full rounded-full border-solid border-2 border-[#A4B8D9] text-[#333E48]"
Expand Down Expand Up @@ -98,13 +98,13 @@ class="cookweek-link hover-underline !text-[#1C4DA1] !text-[16px] cursor-pointer
</a>
<ul class="sub-menu">
<li class="menu-title max-xl:!hidden">
<a class="flex items-center gap-2" href="{{route('educational-resources')}}">
<a class="flex gap-2 items-center" href="{{route('educational-resources')}}">
@lang('menu.resources')
<img src="/images/arrow-right-icon.svg" class="menu-title-icon" />
</a>
</li>
<li class="flex flex-col xl:flex-row gap-16">
<div class="flex-grow flex flex-col gap-4 mb-1 xl:mb-0 max-xl:w-full">
<li class="flex flex-col gap-16 xl:flex-row">
<div class="flex flex-col flex-grow gap-4 mb-1 xl:mb-0 max-xl:w-full">
<div class="hidden xl:block text-[#20262C] font-semibold text-lg">@lang('menu.resources')</div>
<div><a class="cookweek-link hover-underline !px-0" href="{{route('coding@home')}}">@lang('menu.coding@home')</a></div>
<div><a class="cookweek-link hover-underline !px-0" href="/podcasts">Podcasts</a></div>
Expand All @@ -117,26 +117,26 @@ class="cookweek-link hover-underline !text-[#1C4DA1] !text-[16px] cursor-pointer
<div><a class="cookweek-link hover-underline !px-0" href="{{route('dream-jobs-in-digital')}}">@lang('menu.careers_in_digital')</a></div>
<div><a class="cookweek-link hover-underline !px-0" href="/matchmaking-tool">Matchmaking Toolkit</a></div>
</div>
<div class="flex-grow flex flex-col gap-4 max-xl:w-full">
<div class="flex flex-col flex-grow gap-4 max-xl:w-full">
<div class="hidden xl:block text-[#20262C] font-semibold text-lg whitespace-nowrap">@lang('menu.game_and_competitions')</div>
<div><a class="cookweek-link hover-underline !px-0" href="{{route('challenges')}}">@lang('menu.challenges')</a></div>
<div><a class="cookweek-link hover-underline !px-0" href="{{route('hackathons')}}">Hackathons</a></div>
<div><a class="cookweek-link hover-underline !px-0" href="{{route('dance')}}">@lang('snippets.dance.menu')</a></div>
<div><a class="cookweek-link hover-underline !px-0" href="{{route('treasure-hunt')}}">@lang('menu.treasure-hunt')</a></div>
</div>
<div class="relative flex-grow hidden xl:flex flex-col gap-4 w-60 mb-2">
<img class="w-full h-full rounded-lg object-cover" src="/images/homepage/dream-job.png" alt="">
<div class="hidden relative flex-col flex-grow gap-4 mb-2 w-60 xl:flex">
<img class="object-cover w-full h-full rounded-lg" src="/images/homepage/dream-job.png" alt="">
<div
class="absolute w-full h-full top-0 left-0"
class="absolute top-0 left-0 w-full h-full"
style="background: linear-gradient(180deg, rgba(28, 77, 161, 0) 45.36%, #1C4DA1 66.72%);"
></div>
<div class="absolute w-full bottom-0 left-0 p-4">
<div class="text-white text-xl font-semibold mb-1">@lang('menu.careers_in_digital')</div>
<div class="absolute bottom-0 left-0 p-4 w-full">
<div class="mb-1 text-xl font-semibold text-white">@lang('menu.careers_in_digital')</div>
<div class="text-white text-[16px] font-medium mb-2">
Meet our role models and find your dream job
</div>
<a class="block w-full bg-[#F95C22] rounded-full py-2.5 px-6 font-['Blinker'] hover:bg-hover-orange duration-300" href="{{route('dream-jobs-in-digital')}}">
<span class="text-base leading-7 font-semibold text-black normal-case">
<span class="text-base font-semibold leading-7 text-black normal-case">
See more
</span>
</a>
Expand Down Expand Up @@ -193,6 +193,8 @@ class="cookweek-link hover-underline !text-[#1C4DA1] !text-[16px]"
<li><a class="cookweek-link hover-underline" href="/why-coding">@lang('why-coding.titles.0')</a></li>
<li><a class="cookweek-link hover-underline" href="/our-values">@lang('menu.values')</a></li>
<li><a class="cookweek-link hover-underline" href="/partners">@lang('about.partners_and_sponsors')</a></li>
<li><a class="cookweek-link hover-underline" href="/get-involved">@lang('footer.get-involved')</a></li>
<li><a class="cookweek-link hover-underline" href="/contact-us">@lang('footer.contact-us')</a></li>
</ul>
</li>

Expand Down Expand Up @@ -224,8 +226,8 @@ class="cookweek-link hover-underline !text-[#1C4DA1] !text-[16px]"
@endif

{{-- actions --}}
<li class="main-menu-item flex-grow flex h-full items-end xl:hidden max-xl:w-full">
<div class="flex flex-col gap-4 items-center w-full pb-12 pt-5">
<li class="flex flex-grow items-end h-full main-menu-item xl:hidden max-xl:w-full">
<div class="flex flex-col gap-4 items-center pt-5 pb-12 w-full">
@if (Auth::check())
<a class="bg-primary hover:bg-hover-orange rounded-full py-2.5 px-6 font-['Blinker'] duration-300 w-full text-center" href="/add?skip=1">
<span class="text-[16px] leading-7 font-semibold">@lang('menu.register_activity')</span>
Expand Down Expand Up @@ -261,20 +263,20 @@ class="cookweek-link hover-underline !text-[#1C4DA1] !text-[16px]"
@endif

<a class="max-xl:!hidden bg-[#F95C22] rounded-full py-2.5 px-6 font-['Blinker'] hover:bg-hover-orange duration-300" href="/add?skip=1">
<span class="text-base leading-7 font-semibold text-black normal-case">
<span class="text-base font-semibold leading-7 text-black normal-case">
@lang('menu.register_activity')
</span>
</a>

<div id="tools" class="h-[50px]">
<div class="menu-trigger lang-menu relative flex items-center gap-1 cursor-pointer px-2 h-full menu-item">
<div class="flex relative gap-1 items-center px-2 h-full cursor-pointer menu-trigger lang-menu menu-item">
<a class="cookweek-link hover-underline flex items-center gap-1 !text-[#1C4DA1] !text-[16px] font-semibold font-['Montserrat']" href="javascript:void(null);">
{{App::getLocale()}}
<img class="arrow-icon" src="/images/chevron-down-icon.svg" alt="">
</a>


<div class="menu-dropdown lang-menu-dropdown absolute top-14">
<div class="absolute top-14 menu-dropdown lang-menu-dropdown">
<ul class="lang-sub-menu">
@foreach ($locales as $key => $value)
<li class="lang-menu-item {{ App::getLocale() === $value ? 'selected' : '' }}">
Expand All @@ -296,7 +298,7 @@ class="cookweek-link hover-underline !text-[#1C4DA1] !text-[16px]"
class="fixed left-0 top-[139px] md:top-[123px] z-50 flex flex-col items-center justify-center w-full p-6 h-[calc(100dvh-139px)] md:h-[calc(100dvh-123px)] bg-white font-['Montserrat'] duration-300"
style="display: none;"
>
<div class="flex-shrink-0 flex justify-end w-full">
<div class="flex flex-shrink-0 justify-end w-full">
<button
id="search-menu-trigger-hide"
class="block bg-[#FFD700] hover:bg-[#F95C22] rounded-full p-4 duration-300"
Expand Down
Loading