Skip to content

Commit

Permalink
227 move imagessvgs folder to assets folder and fix file paths (#261)
Browse files Browse the repository at this point in the history 
* Moved images/SVGs to assets folder

* Fixed file path for SVGs
  • Loading branch information
@Inaelise
Inaelise authored Apr 4, 2024
1 parent 3b11705 commit 28ebe09
Show file tree
Hide file tree
Showing 25 changed files with 108 additions and 108 deletions.
0 images/SVGs/Search.svg → assets/images/SVGs/Search.svg
View file
File renamed without changes
0 images/SVGs/chevron-down.svg → assets/images/SVGs/chevron-down.svg
View file
File renamed without changes
0 images/SVGs/donate.svg → assets/images/SVGs/donate.svg
View file
File renamed without changes
0 images/SVGs/dropdownArrow.svg → assets/images/SVGs/dropdownArrow.svg
View file
File renamed without changes
0 images/SVGs/facebook.svg → assets/images/SVGs/facebook.svg
View file
File renamed without changes
0 images/SVGs/globe-solid.svg → assets/images/SVGs/globe-solid.svg
View file
File renamed without changes
0 images/SVGs/globe.svg → assets/images/SVGs/globe.svg
View file
File renamed without changes
0 images/SVGs/headerLogo.svg → assets/images/SVGs/headerLogo.svg
View file
File renamed without changes
0 images/SVGs/heart.svg → assets/images/SVGs/heart.svg
View file
File renamed without changes
0 images/SVGs/madagascar.svg → assets/images/SVGs/madagascar.svg
View file
File renamed without changes
0 images/SVGs/norway.svg → assets/images/SVGs/norway.svg
View file
File renamed without changes
0 images/SVGs/unitedKingdom.svg → assets/images/SVGs/unitedKingdom.svg
View file
File renamed without changes
16 changes: 8 additions & 8 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@
<div class="flex flex-row items-center gap-10 text-base">
<a href="#">
<img
src="images/SVGs/headerLogo.svg"
src="./assets/images/SVGs/headerLogo.svg"
aria-label="Header Logo"
alt="Header Logo"
class="cursor-pointer w-20 h-20"
Expand All @@ -39,7 +39,7 @@
>
<!-- JS intention: On click, remove -translate-y-full from section id="search-drawer-from-header", and add translate-y-0 -->
<img
src="images/SVGs/Search.svg"
src="./assets/images/SVGs/Search.svg"
class="w-5 h-5 -mr-1"
aria-label="Search Button"
alt="Search Button"
Expand All @@ -62,7 +62,7 @@
<div class="flex items-center">
<span class="text-2xl font-medium">Projects</span>
<img
src="images/SVGs/chevron-down.svg"
src="./assets/images/SVGs/chevron-down.svg"
aria-label="Projects Dropdown Menu"
alt="Projects Dropdown Menu"
class="ml-3"
Expand Down Expand Up @@ -92,31 +92,31 @@
id="language-selector"
>
<img
src="images/SVGs/globe-solid.svg"
src="./assets/images/SVGs/globe-solid.svg"
aria-label="Globe Icon For Language Selection"
alt="Language Selection"
class="cursor-pointer object-contain h-5 w-5"
/>
<div class="absolute left-0 w-full bg-white" id="language-options">
<a href="#" class="block">
<img
src="images/SVGs/norway.svg"
src="./assets/images/SVGs/norway.svg"
aria-label="Norwegian Flag Language Selection"
alt="Norwegian Flag"
class="inline h-6 w-8"
/>
</a>
<a href="#" class="block">
<img
src="images/SVGs/unitedKingdom.svg"
src="./assets/images/SVGs/unitedKingdom.svg"
aria-label="English Flag Language Selection"
alt="English Flag"
class="inline h-6 w-8"
/>
</a>
<a href="#" class="block">
<img
src="images/SVGs/madagascar.svg"
src="./assets/images/SVGs/madagascar.svg"
aria-label="Malagasy Flag Language Selection"
alt="Malagasy Flag"
class="inline h-6 w-8"
Expand Down Expand Up @@ -151,7 +151,7 @@ <h2 id="search-label" class="sr-only">Search Bar</h2>
class="search-drawer_submit p-2 text-gray-500 flex items-center justify-center"
>
<img
src="images/SVGs/Search.svg"
src="./assets/images/SVGs/Search.svg"
class="w-4 h-4"
aria-label="Search Now Button"
alt="Search Now Button"
Expand Down
16 changes: 8 additions & 8 deletions pages/about-page.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,20 +14,20 @@
<header class="flex h-24 items-center justify-between px-10 mt-6">
<div class="flex flex-row items-center gap-10 text-base">
<a href="#">
<img src="../images/SVGs/headerLogo.svg" aria-label="Header Logo" alt="Header Logo" class="cursor-pointer w-20 h-20">
<img src="../assets/images/SVGs/headerLogo.svg" aria-label="Header Logo" alt="Header Logo" class="cursor-pointer w-20 h-20">
</a>
</div>
<nav class="flex flex-row items-center gap-10">
<button id="openSearchBarDrawer" class="flex gap-4 items-center cursor-pointer hover:scale-105 transition-transform"> <!-- JS intention: On click, remove -translate-y-full from section id="search-drawer-from-header", and add translate-y-0 -->
<img src="../images/SVGs/Search.svg" class="w-5 h-5 -mr-1" aria-label="Search Button" alt="Search Button">
<img src="../assets/images/SVGs/Search.svg" class="w-5 h-5 -mr-1" aria-label="Search Button" alt="Search Button">
<span class="text-2xl font-medium">Search</span>
</button>
<a href="#" class="text-2xl font-medium cursor-pointer hover:scale-105 transition-transform">News</a>
<a href="#" class="text-2xl font-medium cursor-pointer hover:scale-105 transition-transform">About Us</a>
<div class="relative cursor-pointer hover:scale-105 transition-transform">
<div class="flex items-center">
<span class="text-2xl font-medium">Projects</span>
<img src="../images/SVGs/chevron-down.svg" aria-label="Projects Dropdown Menu" alt="Projects Dropdown Menu" class="ml-3">
<img src="../assets/images/SVGs/chevron-down.svg" aria-label="Projects Dropdown Menu" alt="Projects Dropdown Menu" class="ml-3">
</div>
<!-- Dropdown projects menu, hidden, toggle visibility with JS -->
<div class="absolute hidden mt-2 bg-white">
Expand All @@ -39,16 +39,16 @@
DONATE
</button>
<div class="relative flex w-5 h-5 items-center group" id="language-selector">
<img src="../images/SVGs/globe-solid.svg" aria-label="Globe Icon For Language Selection" alt="Language Selection" class="cursor-pointer object-contain h-5 w-5">
<img src="../assets/images/SVGs/globe-solid.svg" aria-label="Globe Icon For Language Selection" alt="Language Selection" class="cursor-pointer object-contain h-5 w-5">
<div class="absolute left-0 w-full bg-white" id="language-options">
<a href="#" class="block">
<img src="../images/SVGs/norway.svg" aria-label="Norwegian Flag Language Selection" alt="Norwegian Flag" class="inline h-6 w-8">
<img src="../assets/images/SVGs/norway.svg" aria-label="Norwegian Flag Language Selection" alt="Norwegian Flag" class="inline h-6 w-8">
</a>
<a href="#" class="block">
<img src="../images/SVGs/unitedKingdom.svg" aria-label="English Flag Language Selection" alt="English Flag" class="inline h-6 w-8">
<img src="../assets/images/SVGs/unitedKingdom.svg" aria-label="English Flag Language Selection" alt="English Flag" class="inline h-6 w-8">
</a>
<a href="#" class="block">
<img src="../images/SVGs/madagascar.svg" aria-label="Malagasy Flag Language Selection" alt="Malagasy Flag" class="inline h-6 w-8">
<img src="../assets/images/SVGs/madagascar.svg" aria-label="Malagasy Flag Language Selection" alt="Malagasy Flag" class="inline h-6 w-8">
</a>
</div>
</div>
Expand All @@ -63,7 +63,7 @@ <h2 id="search-label" class="sr-only">Search Bar</h2>
<label for="Search-Drawer" class="sr-only">Search Site</label>
<input type="search" class="search-drawer_input flex-grow bg-transparent focus:outline-none p-2 text-sm" id="Search-Drawer" placeholder="Search..." autocomplete="off">
<button type="submit" class="search-drawer_submit p-2 text-gray-500 flex items-center justify-center">
<img src="../images/SVGs/Search.svg" class="w-4 h-4" aria-label="Search Now Button" alt="Search Now Button">
<img src="../assets/images/SVGs/Search.svg" class="w-4 h-4" aria-label="Search Now Button" alt="Search Now Button">
</button>
</form>
</div>
Expand Down
20 changes: 10 additions & 10 deletions pages/blog-post.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
<div class="flex flex-row items-center gap-10 text-base">
<a href="#">
<img
src="../images/SVGs/headerLogo.svg"
src="../assets/images/SVGs/headerLogo.svg"
aria-label="Header Logo"
alt="Header Logo"
class="cursor-pointer w-20 h-20"
Expand All @@ -36,7 +36,7 @@
>
<!-- JS intention: On click, remove -translate-y-full from section id="search-drawer-from-header", and add translate-y-0 -->
<img
src="../images/SVGs/Search.svg"
src="../assets/images/SVGs/Search.svg"
class="w-5 h-5 -mr-1"
aria-label="Search Button"
alt="Search Button"
Expand All @@ -59,7 +59,7 @@
<div class="flex items-center">
<span class="text-2xl font-medium">Projects</span>
<img
src="../images/SVGs/chevron-down.svg"
src="../assets/images/SVGs/chevron-down.svg"
aria-label="Projects Dropdown Menu"
alt="Projects Dropdown Menu"
class="ml-3"
Expand Down Expand Up @@ -89,31 +89,31 @@
id="language-selector"
>
<img
src="../images/SVGs/globe-solid.svg"
src="../assets/images/SVGs/globe-solid.svg"
aria-label="Globe Icon For Language Selection"
alt="Language Selection"
class="cursor-pointer object-contain h-5 w-5"
/>
<div class="absolute left-0 w-full bg-white" id="language-options">
<a href="#" class="block">
<img
src="../images/SVGs/norway.svg"
src="../assets/images/SVGs/norway.svg"
aria-label="Norwegian Flag Language Selection"
alt="Norwegian Flag"
class="inline h-6 w-8"
/>
</a>
<a href="#" class="block">
<img
src="../images/SVGs/unitedKingdom.svg"
src="../assets/images/SVGs/unitedKingdom.svg"
aria-label="English Flag Language Selection"
alt="English Flag"
class="inline h-6 w-8"
/>
</a>
<a href="#" class="block">
<img
src="../images/SVGs/madagascar.svg"
src="../assets/images/SVGs/madagascar.svg"
aria-label="Malagasy Flag Language Selection"
alt="Malagasy Flag"
class="inline h-6 w-8"
Expand Down Expand Up @@ -148,7 +148,7 @@ <h2 id="search-label" class="sr-only">Search Bar</h2>
class="search-drawer_submit p-2 text-gray-500 flex items-center justify-center"
>
<img
src="../images/SVGs/Search.svg"
src="../assets/images/SVGs/Search.svg"
class="w-4 h-4"
aria-label="Search Now Button"
alt="Search Now Button"
Expand Down Expand Up @@ -233,11 +233,11 @@ <h3 class="font-justAnotherHand text-[40px] font-normal mb-4">A Symphony of Sigh
<div class="w-full px-4 flex flex-row justify-between items-center mt-[75px] mb-[75px]">
<div class="flex gap-4">
<button class="flex items-center text-gray-600 hover:text-gray-800 text-sunset-red">
<img src="../images/SVGs/heart.svg" alt="Like" class="w-6 h-6 mr-2"/>
<img src="../assets/images/SVGs/heart.svg" alt="Like" class="w-6 h-6 mr-2"/>
Like
</button>
<button class="flex items-center text-gray-600 hover:text-gray-800 text-sunset-red">
<img src="../images/SVGs/facebook.svg" alt="Share" class="w-6 h-6 mr-2"/>
<img src="../assets/images/SVGs/facebook.svg" alt="Share" class="w-6 h-6 mr-2"/>
Share
</button>
</div>
Expand Down
16 changes: 8 additions & 8 deletions pages/blog.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
<div class="flex flex-row items-center gap-10 text-base">
<a href="#">
<img
src="../images/SVGs/headerLogo.svg"
src="../assets/images/SVGs/headerLogo.svg"
aria-label="Header Logo"
alt="Header Logo"
class="cursor-pointer w-20 h-20"
Expand All @@ -38,7 +38,7 @@
>
<!-- JS intention: On click, remove -translate-y-full from section id="search-drawer-from-header", and add translate-y-0 -->
<img
src="../images/SVGs/Search.svg"
src="../assets/images/SVGs/Search.svg"
class="w-5 h-5 -mr-1"
aria-label="Search Button"
alt="Search Button"
Expand All @@ -61,7 +61,7 @@
<div class="flex items-center">
<span class="text-2xl font-medium">Projects</span>
<img
src="../images/SVGs/chevron-down.svg"
src="../assets/images/SVGs/chevron-down.svg"
aria-label="Projects Dropdown Menu"
alt="Projects Dropdown Menu"
class="ml-3"
Expand Down Expand Up @@ -91,31 +91,31 @@
id="language-selector"
>
<img
src="../images/SVGs/globe-solid.svg"
src="../assets/images/SVGs/globe-solid.svg"
aria-label="Globe Icon For Language Selection"
alt="Language Selection"
class="cursor-pointer object-contain h-5 w-5"
/>
<div class="absolute left-0 w-full bg-white" id="language-options">
<a href="#" class="block">
<img
src="../images/SVGs/norway.svg"
src="../assets/images/SVGs/norway.svg"
aria-label="Norwegian Flag Language Selection"
alt="Norwegian Flag"
class="inline h-6 w-8"
/>
</a>
<a href="#" class="block">
<img
src="../images/SVGs/unitedKingdom.svg"
src="../assets/images/SVGs/unitedKingdom.svg"
aria-label="English Flag Language Selection"
alt="English Flag"
class="inline h-6 w-8"
/>
</a>
<a href="#" class="block">
<img
src="../images/SVGs/madagascar.svg"
src="../assets/images/SVGs/madagascar.svg"
aria-label="Malagasy Flag Language Selection"
alt="Malagasy Flag"
class="inline h-6 w-8"
Expand Down Expand Up @@ -151,7 +151,7 @@ <h2 id="search-label" class="sr-only">Search Bar</h2>
class="search-drawer_submit p-2 text-gray-500 flex items-center justify-center"
>
<img
src="../images/SVGs/Search.svg"
src="../assets/images/SVGs/Search.svg"
class="w-4 h-4"
aria-label="Search Now Button"
alt="Search Now Button"
Expand Down
16 changes: 8 additions & 8 deletions pages/children-specific-article.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
<div class="flex flex-row items-center gap-10 text-base">
<a href="#">
<img
src="/images/SVGs/headerLogo.svg"
src="../assets/images/SVGs/headerLogo.svg"
aria-label="Header Logo"
alt="Header Logo"
class="cursor-pointer w-20 h-20"
Expand All @@ -36,7 +36,7 @@
>
<!-- JS intention: On click, remove -translate-y-full from section id="search-drawer-from-header", and add translate-y-0 -->
<img
src="/images/SVGs/Search.svg"
src="../assets/images/SVGs/Search.svg"
class="w-5 h-5 -mr-1"
aria-label="Search Button"
alt="Search Button"
Expand All @@ -59,7 +59,7 @@
<div class="flex items-center">
<span class="text-2xl font-medium">Projects</span>
<img
src="/images/SVGs/chevron-down.svg"
src="../assets/images/SVGs/chevron-down.svg"
aria-label="Projects Dropdown Menu"
alt="Projects Dropdown Menu"
class="ml-3"
Expand Down Expand Up @@ -89,31 +89,31 @@
id="language-selector"
>
<img
src="/images/SVGs/globe-solid.svg"
src="../assets/images/SVGs/globe-solid.svg"
aria-label="Globe Icon For Language Selection"
alt="Language Selection"
class="cursor-pointer object-contain h-5 w-5"
/>
<div class="absolute left-0 w-full bg-white" id="language-options">
<a href="#" class="block">
<img
src="/images/SVGs/norway.svg"
src="../assets/images/SVGs/norway.svg"
aria-label="Norwegian Flag Language Selection"
alt="Norwegian Flag"
class="inline h-6 w-8"
/>
</a>
<a href="#" class="block">
<img
src="/images/SVGs/unitedKingdom.svg"
src="../assets/images/SVGs/unitedKingdom.svg"
aria-label="English Flag Language Selection"
alt="English Flag"
class="inline h-6 w-8"
/>
</a>
<a href="#" class="block">
<img
src="/images/SVGs/madagascar.svg"
src="../assets/images/SVGs/madagascar.svg"
aria-label="Malagasy Flag Language Selection"
alt="Malagasy Flag"
class="inline h-6 w-8"
Expand Down Expand Up @@ -149,7 +149,7 @@ <h2 id="search-label" class="sr-only">Search Bar</h2>
class="search-drawer_submit p-2 text-gray-500 flex items-center justify-center"
>
<img
src="images/SVGs/Search.svg"
src="../assets/images/SVGs/Search.svg"
class="w-4 h-4"
aria-label="Search Now Button"
alt="Search Now Button"
Expand Down
Loading

0 comments on commit 28ebe09

Please sign in to comment.