Krow/Krow-workspace
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Add new SVG icons and update links data to reference them via file paths.

Browse Source
This commit is contained in:
Achintha Isuru
2025-11-30 21:47:16 -05:00
parent d623e5477b
commit 6b2ac38fb5
15 changed files with 126 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
firebase/internal-launchpad/assets/data/links.json
View File

@@ -2,7 +2,7 @@
{ {
"title": "Applications", "title": "Applications",
"iconColorClass": "bg-primary-100", "iconColorClass": "bg-primary-100",
"iconSvg": "<svg class=\"w-6 h-6 text-primary-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9\"></path></svg>", "iconPath": "assets/images/icon-applications.svg",
"links": [ "links": [
{ {
"title": "Control Tower", "title": "Control Tower",
@@ -27,7 +27,7 @@
{ {
"title": "Legacy Mobile Apps", "title": "Legacy Mobile Apps",
"iconColorClass": "bg-green-100", "iconColorClass": "bg-green-100",
"iconSvg": "<svg class=\"w-6 h-6 text-green-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z\"></path></svg>", "iconPath": "assets/images/icon-legacy-mobile-apps.svg",
"links": [ "links": [
{ {
"title": "Google Play Store", "title": "Google Play Store",
@@ -35,7 +35,7 @@
"badge": "Live", "badge": "Live",
"badgeColorClass": "bg-green-500", "badgeColorClass": "bg-green-500",
"containerClass": "bg-gradient-to-r from-green-50 to-emerald-100 hover:from-green-100 hover:to-emerald-200", "containerClass": "bg-gradient-to-r from-green-50 to-emerald-100 hover:from-green-100 hover:to-emerald-200",
"iconSvg": "<svg class=\"w-5 h-5 text-green-600\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M3,20.5V3.5C3,2.91 3.34,2.39 3.84,2.15L13.69,12L3.84,21.85C3.34,21.6 3,21.09 3,20.5M16.81,15.12L6.05,21.34L14.54,12.85L16.81,15.12M20.16,10.81C20.5,11.08 20.75,11.5 20.75,12C20.75,12.5 20.53,12.9 20.18,13.18L17.89,14.5L15.39,12L17.89,9.5L20.16,10.81M6.05,2.66L16.81,8.88L14.54,11.15L6.05,2.66Z\"></path></svg>", "iconPath": "assets/images/icon-google-play.svg",
"textHoverClass": "group-hover:text-green-700" "textHoverClass": "group-hover:text-green-700"
}, },
{ {
@@ -44,7 +44,7 @@
"badge": "Live", "badge": "Live",
"badgeColorClass": "bg-gray-700", "badgeColorClass": "bg-gray-700",
"containerClass": "bg-gradient-to-r from-gray-50 to-gray-100 hover:from-gray-100 hover:to-gray-200", "containerClass": "bg-gradient-to-r from-gray-50 to-gray-100 hover:from-gray-100 hover:to-gray-200",
"iconSvg": "<svg class=\"w-5 h-5 text-gray-700\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M17.05 20.28c-.98.95-2.05.88-3.08.4-1.09-.5-2.08-.48-3.24 0-1.44.62-2.2.44-3.06-.4C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z\"></path></svg>", "iconPath": "assets/images/icon-apple-app-store.svg",
"textHoverClass": "group-hover:text-gray-700" "textHoverClass": "group-hover:text-gray-700"
} }
] ]
@@ -52,7 +52,7 @@
{ {
"title": "Cloud Infrastructure", "title": "Cloud Infrastructure",
"iconColorClass": "bg-purple-100", "iconColorClass": "bg-purple-100",
"iconSvg": "<svg class=\"w-6 h-6 text-purple-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z\"></path></svg>", "iconPath": "assets/images/icon-cloud-infrastructure.svg",
"links": [ "links": [
{ {
"title": "Firebase Console", "title": "Firebase Console",
@@ -60,7 +60,7 @@
"badge": "Dev", "badge": "Dev",
"badgeColorClass": "bg-blue-500", "badgeColorClass": "bg-blue-500",
"containerClass": "bg-gradient-to-r from-blue-50 to-indigo-100 hover:from-blue-100 hover:to-indigo-200", "containerClass": "bg-gradient-to-r from-blue-50 to-indigo-100 hover:from-blue-100 hover:to-indigo-200",
"iconSvg": "<svg class=\"w-5 h-5 text-orange-500\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M3.89 15.672L6.255.461A.542.542 0 017.27.288l2.543 4.771zm16.794 3.692l-2.25-14.03a.542.542 0 00-.919-.295L3.316 19.365l7.856 4.427a1.621 1.621 0 001.588 0zM14.3 7.147l-1.82-3.482a.542.542 0 00-.96 0L3.53 17.984z\"></path></svg>", "iconPath": "assets/images/icon-firebase-console.svg",
"textHoverClass": "group-hover:text-indigo-700" "textHoverClass": "group-hover:text-indigo-700"
}, },
{ {
@@ -69,7 +69,7 @@
"badge": "Staging", "badge": "Staging",
"badgeColorClass": "bg-amber-500", "badgeColorClass": "bg-amber-500",
"containerClass": "bg-gradient-to-r from-amber-50 to-orange-100 hover:from-amber-100 hover:to-orange-200", "containerClass": "bg-gradient-to-r from-amber-50 to-orange-100 hover:from-amber-100 hover:to-orange-200",
"iconSvg": "<svg class=\"w-5 h-5 text-orange-500\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M3.89 15.672L6.255.461A.542.542 0 017.27.288l2.543 4.771zm16.794 3.692l-2.25-14.03a.542.542 0 00-.919-.295L3.316 19.365l7.856 4.427a1.621 1.621 0 001.588 0zM14.3 7.147l-1.82-3.482a.542.542 0 00-.96 0L3.53 17.984z\"></path></svg>", "iconPath": "assets/images/icon-firebase-console.svg",
"textHoverClass": "group-hover:text-orange-700" "textHoverClass": "group-hover:text-orange-700"
}, },
{ {
@@ -78,7 +78,7 @@
"badge": "Dev", "badge": "Dev",
"badgeColorClass": "bg-blue-500", "badgeColorClass": "bg-blue-500",
"containerClass": "bg-gradient-to-r from-blue-50 to-cyan-100 hover:from-blue-100 hover:to-cyan-200", "containerClass": "bg-gradient-to-r from-blue-50 to-cyan-100 hover:from-blue-100 hover:to-cyan-200",
"iconSvg": "<svg class=\"w-5 h-5 text-blue-600\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12.19 2.38a8.85 8.85 0 00-10.4 9.28l5.18-5.18a4.89 4.89 0 012.5-.72 4.89 4.89 0 011.72-.07zm7.6 2.24a8.85 8.85 0 01-7.6 14.91l4.5-4.5a4.89 4.89 0 002.45-2.55 4.89 4.89 0 00.65-7.86z\"></path></svg>", "iconPath": "assets/images/icon-google-cloud.svg",
"textHoverClass": "group-hover:text-cyan-700" "textHoverClass": "group-hover:text-cyan-700"
}, },
{ {
@@ -87,7 +87,7 @@
"badge": "Staging", "badge": "Staging",
"badgeColorClass": "bg-amber-500", "badgeColorClass": "bg-amber-500",
"containerClass": "bg-gradient-to-r from-amber-50 to-yellow-100 hover:from-amber-100 hover:to-yellow-200", "containerClass": "bg-gradient-to-r from-amber-50 to-yellow-100 hover:from-amber-100 hover:to-yellow-200",
"iconSvg": "<svg class=\"w-5 h-5 text-blue-600\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12.19 2.38a8.85 8.85 0 00-10.4 9.28l5.18-5.18a4.89 4.89 0 012.5-.72 4.89 4.89 0 011.72-.07zm7.6 2.24a8.85 8.85 0 01-7.6 14.91l4.5-4.5a4.89 4.89 0 002.45-2.55 4.89 4.89 0 00.65-7.86z\"></path></svg>", "iconPath": "assets/images/icon-google-cloud.svg",
"textHoverClass": "group-hover:text-yellow-700" "textHoverClass": "group-hover:text-yellow-700"
} }
] ]
@@ -95,7 +95,7 @@
{ {
"title": "Design", "title": "Design",
"iconColorClass": "bg-pink-100", "iconColorClass": "bg-pink-100",
"iconSvg": "<svg class=\"w-6 h-6 text-pink-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a2 2 0 01-2 2h-2zM15 7h6a2 2 0 012 2v8a2 2 0 01-2 2h-6a2 2 0 01-2-2V9a2 2 0 012-2z\"></path></svg>", "iconPath": "assets/images/icon-design.svg",
"links": [ "links": [
{ {
"title": "Staff App Figma File", "title": "Staff App Figma File",
@@ -103,7 +103,7 @@
"badge": "Design", "badge": "Design",
"badgeColorClass": "bg-pink-500", "badgeColorClass": "bg-pink-500",
"containerClass": "bg-gradient-to-r from-pink-50 to-rose-100 hover:from-pink-100 hover:to-rose-200", "containerClass": "bg-gradient-to-r from-pink-50 to-rose-100 hover:from-pink-100 hover:to-rose-200",
"iconSvg": "<svg class=\"w-5 h-5 text-pink-600\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12,2C14.2,2 16,3.8 16,6C16,8.2 14.2,10 12,10C9.8,10 8,8.2 8,6C8,3.8 9.8,2 12,2M12,10C14.2,10 16,11.8 16,14C16,16.2 14.2,18 12,18C9.8,18 8,16.2 8,14C8,11.8 9.8,10 12,10M12,18C14.2,18 16,19.8 16,22H8C8,19.8 9.8,18 12,18Z\"></path></svg>", "iconPath": "assets/images/icon-figma.svg",
"textHoverClass": "group-hover:text-pink-700" "textHoverClass": "group-hover:text-pink-700"
}, },
{ {
@@ -112,7 +112,7 @@
"badge": "Preview", "badge": "Preview",
"badgeColorClass": "bg-purple-500", "badgeColorClass": "bg-purple-500",
"containerClass": "bg-gradient-to-r from-purple-50 to-fuchsia-100 hover:from-purple-100 hover:to-fuchsia-200", "containerClass": "bg-gradient-to-r from-purple-50 to-fuchsia-100 hover:from-purple-100 hover:to-fuchsia-200",
"iconSvg": "<svg class=\"w-5 h-5 text-purple-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"></path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"></path></svg>", "iconPath": "assets/images/icon-preview.svg",
"textHoverClass": "group-hover:text-purple-700" "textHoverClass": "group-hover:text-purple-700"
} }
] ]
@@ -120,14 +120,14 @@
{ {
"title": "Resources", "title": "Resources",
"iconColorClass": "bg-indigo-100", "iconColorClass": "bg-indigo-100",
"iconSvg": "<svg class=\"w-6 h-6 text-indigo-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253\"></path></svg>", "iconPath": "assets/images/icon-resources.svg",
"links": [ "links": [
{ {
"title": "GitHub Repository", "title": "GitHub Repository",
"subtitle": "View source code", "subtitle": "View source code",
"url": "https://github.com/Oloodi/krow-workforce", "url": "https://github.com/Oloodi/krow-workforce",
"containerClass": "bg-gradient-to-r from-gray-50 to-slate-100 hover:from-gray-100 hover:to-slate-200", "containerClass": "bg-gradient-to-r from-gray-50 to-slate-100 hover:from-gray-100 hover:to-slate-200",
"iconSvg": "<svg class=\"w-5 h-5 text-gray-900\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z\"></path></svg>", "iconPath": "assets/images/icon-github.svg",
"textHoverClass": "group-hover:text-gray-700", "textHoverClass": "group-hover:text-gray-700",
"arrowIcon": true "arrowIcon": true
}, },
@@ -136,7 +136,7 @@
"subtitle": "Google Chat", "subtitle": "Google Chat",
"url": "https://chat.google.com/", "url": "https://chat.google.com/",
"containerClass": "bg-gradient-to-r from-green-50 to-teal-100 hover:from-green-100 hover:to-teal-200", "containerClass": "bg-gradient-to-r from-green-50 to-teal-100 hover:from-green-100 hover:to-teal-200",
"iconSvg": "<svg class=\"w-5 h-5 text-green-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\"></path></svg>", "iconPath": "assets/images/icon-chat.svg",
"textHoverClass": "group-hover:text-teal-700", "textHoverClass": "group-hover:text-teal-700",
"arrowIcon": true "arrowIcon": true
} }

5
firebase/internal-launchpad/assets/images/icon-apple-app-store.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg class="w-5 h-5 text-gray-700" fill="currentColor" viewBox="0 0 24 24">
<path
d="M17.05 20.28c-.98.95-2.05.88-3.08.4-1.09-.5-2.08-.48-3.24 0-1.44.62-2.2.44-3.06-.4C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z">
</path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 439 B

1
firebase/internal-launchpad/assets/images/icon-applications.svg Normal file
View File

@@ -0,0 +1 @@
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 330 B

5
firebase/internal-launchpad/assets/images/icon-chat.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg class="w-5 h-5 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">
</path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 354 B

4
firebase/internal-launchpad/assets/images/icon-cloud-infrastructure.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg class="w-6 h-6 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z"></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 280 B

5
firebase/internal-launchpad/assets/images/icon-design.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg class="w-6 h-6 text-pink-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a2 2 0 01-2 2h-2zM15 7h6a2 2 0 012 2v8a2 2 0 01-2 2h-6a2 2 0 01-2-2V9a2 2 0 012-2z">
</path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 327 B

30
firebase/internal-launchpad/assets/images/icon-figma.svg Normal file
View File

@@ -0,0 +1,30 @@
<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" viewBox="0 0 200 300" width="1667" height="2500">
<style>
.st0 {
fill: #0acf83
}
.st1 {
fill: #a259ff
}
.st2 {
fill: #f24e1e
}
.st3 {
fill: #ff7262
}
.st4 {
fill: #1abcfe
}
</style>
<title>Figma.logo</title>
<desc>Created using Figma</desc>
<path id="path0_fill" class="st0" d="M50 300c27.6 0 50-22.4 50-50v-50H50c-27.6 0-50 22.4-50 50s22.4 50 50 50z" />
<path id="path1_fill" class="st1" d="M0 150c0-27.6 22.4-50 50-50h50v100H50c-27.6 0-50-22.4-50-50z" />
<path id="path1_fill_1_" class="st2" d="M0 50C0 22.4 22.4 0 50 0h50v100H50C22.4 100 0 77.6 0 50z" />
<path id="path2_fill" class="st3" d="M100 0h50c27.6 0 50 22.4 50 50s-22.4 50-50 50h-50V0z" />
<path id="path3_fill" class="st4" d="M200 150c0 27.6-22.4 50-50 50s-50-22.4-50-50 22.4-50 50-50 50 22.4 50 50z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1006 B

5
firebase/internal-launchpad/assets/images/icon-firebase-console.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg class="w-5 h-5 text-orange-500" fill="currentColor" viewBox="0 0 24 24">
<path
d="M3.89 15.672L6.255.461A.542.542 0 017.27.288l2.543 4.771zm16.794 3.692l-2.25-14.03a.542.542 0 00-.919-.295L3.316 19.365l7.856 4.427a1.621 1.621 0 001.588 0zM14.3 7.147l-1.82-3.482a.542.542 0 00-.96 0L3.53 17.984z">
</path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 332 B

5
firebase/internal-launchpad/assets/images/icon-github.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg class="w-5 h-5 text-gray-900" fill="currentColor" viewBox="0 0 24 24">
<path
d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z">
</path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 831 B

5
firebase/internal-launchpad/assets/images/icon-google-cloud.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg class="w-5 h-5 text-blue-600" fill="currentColor" viewBox="0 0 24 24">
<path
d="M12.19 2.38a8.85 8.85 0 00-10.4 9.28l5.18-5.18a4.89 4.89 0 012.5-.72 4.89 4.89 0 011.72-.07zm7.6 2.24a8.85 8.85 0 01-7.6 14.91l4.5-4.5a4.89 4.89 0 002.45-2.55 4.89 4.89 0 00.65-7.86z">
</path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 300 B

5
firebase/internal-launchpad/assets/images/icon-google-play.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg class="w-5 h-5 text-green-600" fill="currentColor" viewBox="0 0 24 24">
<path
d="M3,20.5V3.5C3,2.91 3.34,2.39 3.84,2.15L13.69,12L3.84,21.85C3.34,21.6 3,21.09 3,20.5M16.81,15.12L6.05,21.34L14.54,12.85L16.81,15.12M20.16,10.81C20.5,11.08 20.75,11.5 20.75,12C20.75,12.5 20.53,12.9 20.18,13.18L17.89,14.5L15.39,12L17.89,9.5L20.16,10.81M6.05,2.66L16.81,8.88L14.54,11.15L6.05,2.66Z">
</path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 412 B

4
firebase/internal-launchpad/assets/images/icon-legacy-mobile-apps.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg class="w-6 h-6 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z"></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 267 B

6
firebase/internal-launchpad/assets/images/icon-preview.svg Normal file
View File

@@ -0,0 +1,6 @@
<svg class="w-5 h-5 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z">
</path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 436 B

5
firebase/internal-launchpad/assets/images/icon-resources.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg class="w-6 h-6 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253">
</path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 440 B

27
firebase/internal-launchpad/assets/js/links-loader.js
View File

@@ -10,7 +10,32 @@ async function loadLinks() {
const groups = await response.json(); const groups = await response.json();
container.innerHTML = groups.map(group => ` // Helper function to fetch SVG content
const fetchSvg = async (path) => {
if (!path) return '';
try {
const res = await fetch(path);
if (!res.ok) return '';
return await res.text();
} catch (e) {
console.error(`Failed to load SVG: ${path}`, e);
return '';
}
};
// Process groups and fetch SVGs in parallel
const groupsWithSvgs = await Promise.all(groups.map(async (group) => {
const groupIconSvg = await fetchSvg(group.iconPath);
const linksWithSvgs = await Promise.all(group.links.map(async (link) => {
const linkIconSvg = link.iconPath ? await fetchSvg(link.iconPath) : '';
return { ...link, iconSvg: linkIconSvg };
}));
return { ...group, iconSvg: groupIconSvg, links: linksWithSvgs };
}));
container.innerHTML = groupsWithSvgs.map(group => `
<!-- ${group.title} Card --> <!-- ${group.title} Card -->
<div class="card-hover bg-white rounded-2xl shadow-lg p-6 border border-gray-100"> <div class="card-hover bg-white rounded-2xl shadow-lg p-6 border border-gray-100">
<div class="flex items-center space-x-3 mb-6"> <div class="flex items-center space-x-3 mb-6">