joshuafhiggins/realm-homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changed images to jsdeliv

Browse Source
This commit is contained in:
mauro 🤙
2024-08-27 12:36:29 +00:00
parent 76fae0a4fc
commit c06914d418
4 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/branding-assets.tsx
View File

@@ -16,7 +16,7 @@ export function BrandingAssets() {
<div className="grid grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-10 mt-10 w-full"> <div className="grid grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-10 mt-10 w-full">
{LOGO_COLORS.map((color) => ( {LOGO_COLORS.map((color) => (
<div key={color} className="flex flex-col items-center"> <div key={color} className="flex flex-col items-center">
<img src={`/logos/zen-${color}.svg`} alt={`Zen Browser ${color} logo`} className="w-24 h-24 mt-4" /> <img src={`https://cdn.jsdelivr.net/gh/zen-browser/www/public/logos/zen-${color}.svg`} alt={`Zen Browser ${color} logo`} className="w-24 h-24 mt-4" />
<div className="flex items-center my-2"> <div className="flex items-center my-2">
<a <a
href={`/logos/zen-${color}.svg`} href={`/logos/zen-${color}.svg`}
@@ -38,7 +38,7 @@ export function BrandingAssets() {
<div className="grid grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-10 mt-10 w-full"> <div className="grid grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-10 mt-10 w-full">
{LOGO_COLORS.map((color) => ( {LOGO_COLORS.map((color) => (
<div key={color} className="flex flex-col items-center"> <div key={color} className="flex flex-col items-center">
<img src={`/logos/zen-alpha-${color}.svg`} alt={`Zen Browser ${color} logo`} className="w-24 h-24 mt-4" /> <img src={`https://cdn.jsdelivr.net/gh/zen-browser/www/public/logos/zen-alpha-${color}.svg`} alt={`Zen Browser ${color} logo`} className="w-24 h-24 mt-4" />
<div className="flex items-center my-2"> <div className="flex items-center my-2">
<a <a
href={`/logos/zen-alpha-${color}.svg`} href={`/logos/zen-alpha-${color}.svg`}

14
src/components/features.tsx
View File

@@ -197,7 +197,7 @@ export default function Features() {
</Link> </Link>
</div> </div>
<img <img
src="/compact-mode.png" src="https://cdn.jsdelivr.net/gh/zen-browser/www/public/compact-mode.png"
className="scale-105 hover:scale-110 transform rotate-[-2deg] transition-all duration-100 rounded-md w-full shadow-md dark:shadow-none dark:border-2 mt-16 border-blue-600" className="scale-105 hover:scale-110 transform rotate-[-2deg] transition-all duration-100 rounded-md w-full shadow-md dark:shadow-none dark:border-2 mt-16 border-blue-600"
/> />
</div> </div>
@@ -207,7 +207,7 @@ export default function Features() {
<div className="font-bold text-md"> <div className="font-bold text-md">
What makes Zen Browser different? What makes Zen Browser different?
</div> </div>
<img src="/favicon.ico" className="ml-auto w-7 h-7" /> <img src="https://cdn.jsdelivr.net/gh/zen-browser/www/public/favicon.ico" className="ml-auto w-7 h-7" />
</div> </div>
<div className="h-full w-full flex items-center justify-center"> <div className="h-full w-full flex items-center justify-center">
<Table className="w-full"> <Table className="w-full">
@@ -233,7 +233,7 @@ export default function Features() {
<Image <Image
height={32} height={32}
width={32} width={32}
src="/floorp.png" src="https://cdn.jsdelivr.net/gh/zen-browser/www/public/floorp.png"
className="bg-black dark:bg-white rounded-md p-1 mx-auto mb-2 w-7 h-7" className="bg-black dark:bg-white rounded-md p-1 mx-auto mb-2 w-7 h-7"
alt="floorp" alt="floorp"
/> />
@@ -243,7 +243,7 @@ export default function Features() {
<Image <Image
height={32} height={32}
width={32} width={32}
src="/librewolf.png" src="https://cdn.jsdelivr.net/gh/zen-browser/www/public/librewolf.png"
className="bg-black dark:bg-white rounded-md mx-auto p-1 mb-2 w-7 h-7" className="bg-black dark:bg-white rounded-md mx-auto p-1 mb-2 w-7 h-7"
alt="librewolf" alt="librewolf"
/> />
@@ -382,21 +382,21 @@ export default function Features() {
<div className="relative p-16 border-r-2 flex flex-col items-center justify-center row-span-2 col-span-2"> <div className="relative p-16 border-r-2 flex flex-col items-center justify-center row-span-2 col-span-2">
<div className="relative w-full h-full flex items-center justify-center"> <div className="relative w-full h-full flex items-center justify-center">
<img <img
src="/split-view.png" src="https://cdn.jsdelivr.net/gh/zen-browser/www/public/split-view.png"
className={ny( className={ny(
'absolute hover:scale-105 rounded-md w-full shadow-md dark:shadow-none dark:border-2 border-blue-500 transform transition-all duration-300', 'absolute hover:scale-105 rounded-md w-full shadow-md dark:shadow-none dark:border-2 border-blue-500 transform transition-all duration-300',
feature === 0 ? 'translate-x-0' : '-translate-x-1/4 opacity-0' feature === 0 ? 'translate-x-0' : '-translate-x-1/4 opacity-0'
)} )}
/> />
<img <img
src="/workspaces.png" src="https://cdn.jsdelivr.net/gh/zen-browser/www/public/workspaces.png"
className={ny( className={ny(
'absolute hover:scale-105 rounded-md w-full shadow-md dark:shadow-none dark:border-2 border-blue-500 transform transition-all duration-300', 'absolute hover:scale-105 rounded-md w-full shadow-md dark:shadow-none dark:border-2 border-blue-500 transform transition-all duration-300',
feature === 1 ? 'translate-x-0' : '-translate-x-1/4 opacity-0' feature === 1 ? 'translate-x-0' : '-translate-x-1/4 opacity-0'
)} )}
/> />
<img <img
src="/sidebar.png" src="https://cdn.jsdelivr.net/gh/zen-browser/www/public/sidebar.png"
className={ny( className={ny(
'absolute hover:scale-105 rounded-md w-full shadow-md dark:shadow-none dark:border-2 border-blue-500 transform transition-all duration-300', 'absolute hover:scale-105 rounded-md w-full shadow-md dark:shadow-none dark:border-2 border-blue-500 transform transition-all duration-300',
feature === 2 ? 'translate-x-0' : '-translate-x-1/4 opacity-0' feature === 2 ? 'translate-x-0' : '-translate-x-1/4 opacity-0'

4
src/components/header.tsx
View File

@@ -70,14 +70,14 @@ export default function Header() {
<Image <Image
width={1500} width={1500}
height={700} height={700}
src="/browser-dark.png" src="https://cdn.jsdelivr.net/gh/zen-browser/www/public/browser-dark.png"
alt="browser Image" alt="browser Image"
className="relative hidden rounded-[inherit] border object-contain dark:block" className="relative hidden rounded-[inherit] border object-contain dark:block"
/> />
<Image <Image
width={1500} width={1500}
height={700} height={700}
src="/browser-light.png" src="https://cdn.jsdelivr.net/gh/zen-browser/www/public/browser-light.png"
alt="browser Image" alt="browser Image"
className="relative block rounded-[inherit] border object-contain dark:hidden" className="relative block rounded-[inherit] border object-contain dark:hidden"
/> />

2
src/components/logo.tsx
View File

@@ -14,7 +14,7 @@ export default function Logo({ withText, ...props }: any) {
}, []); }, []);
return ( return (
<div className="flex items-center m-0" {...props}> <div className="flex items-center m-0" {...props}>
<Image src={`/logos/zen-${randomColor}.svg`} width={40} height={40} alt="Zen Logo" className={ny("transition-all duration-300 hover:scale-110", withText && "mr-2")} /> <Image src={`https://cdn.jsdelivr.net/gh/zen-browser/www/public/logos/zen-${randomColor}.svg`} width={40} height={40} alt="Zen Logo" className={ny("transition-all duration-300 hover:scale-110", withText && "mr-2")} />
{withText && <span className="text-2xl font-bold ml-2">zen</span>} {withText && <span className="text-2xl font-bold ml-2">zen</span>}
</div> </div>
); );