julienfroidefond/stripstream
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: apply new branding logo across app and pwa assets

Browse Source
This commit is contained in:
Julien Froidefond
2026-03-04 08:21:25 +01:00
parent 4e8c8ebac0
commit 06848d2c3a
37 changed files with 161 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/account/page.tsx
View File

@@ -15,7 +15,7 @@ export default async function AccountPage() {
return (
<div className="container mx-auto px-4 py-8">
<div className="max-w-4xl mx-auto space-y-8">
<div className="mx-auto max-w-4xl space-y-8">
<div>
<h1 className="text-3xl font-bold">Mon compte</h1>
<p className="text-muted-foreground mt-2">

10
src/app/layout.tsx
View File

@@ -36,8 +36,8 @@ export const metadata: Metadata = {
icons: {
icon: [
{
url: "/favicon.svg",
type: "image/svg+xml",
url: "/favicon.png",
type: "image/png",
},
{ url: "/images/icons/icon-72x72.png", sizes: "72x72", type: "image/png" },
{ url: "/images/icons/icon-96x96.png", sizes: "96x96", type: "image/png" },
@@ -176,7 +176,11 @@ export default async function RootLayout({ children }: { children: React.ReactNo
<AuthProvider>
<I18nProvider locale={locale}>
<PreferencesProvider initialPreferences={preferences}>
<ClientLayout initialLibraries={libraries} initialFavorites={favorites} userIsAdmin={userIsAdmin}>
<ClientLayout
initialLibraries={libraries}
initialFavorites={favorites}
userIsAdmin={userIsAdmin}
>
{children}
</ClientLayout>
</PreferencesProvider>

19
src/app/loading.tsx
View File

@@ -1,6 +1,7 @@
"use client";
import { useEffect, useState } from "react";
import Image from "next/image";
const SHOW_DELAY_MS = 140;
@@ -22,8 +23,22 @@ export default function AppLoading() {
}`}
>
<div className="flex w-full max-w-sm flex-col items-center gap-6 text-center">
<div className="space-y-2">
<p className="bg-gradient-to-r from-primary via-cyan-500 to-fuchsia-500 bg-clip-text text-xl font-bold uppercase tracking-[0.12em] text-transparent">
<div className="space-y-3">
<Image
src="/images/logostripstream.png"
alt="StripStream Logo"
width={80}
height={80}
className="mx-auto hidden h-20 w-20 rounded-xl object-cover dark:block"
/>
<Image
src="/images/logostripstream-white.png"
alt="StripStream Logo"
width={80}
height={80}
className="mx-auto h-20 w-20 rounded-xl object-cover dark:hidden"
/>
<p className="bg-gradient-to-r from-primary via-cyan-500 to-fuchsia-500 bg-clip-text text-xl font-bold tracking-[0.08em] text-transparent">
StripStream
</p>
<p className="text-sm text-muted-foreground">Chargement de votre bibliotheque...</p>

46
src/app/login/LoginContent.tsx
View File

@@ -43,21 +43,21 @@ export function LoginContent({ searchParams }: LoginContentProps) {
transition={{ duration: 0.6, delay: 0.2 }}
className="relative z-20 flex items-center text-lg font-medium"
>
<motion.svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
className="mr-2 h-6 w-6"
whileHover={{ rotate: 180 }}
<motion.img
src="/images/logostripstream.png"
alt="StripStream Logo"
className="mr-3 hidden h-9 w-9 rounded-md object-cover dark:block"
whileHover={{ scale: 1.08, rotate: -3 }}
transition={{ duration: 0.3 }}
>
<path d="M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3" />
</motion.svg>
<span className="text-2xl font-bold bg-gradient-to-r from-white to-gray-300 bg-clip-text text-transparent">
/>
<motion.img
src="/images/logostripstream-white.png"
alt="StripStream Logo"
className="mr-3 h-9 w-9 rounded-md object-cover dark:hidden"
whileHover={{ scale: 1.08, rotate: -3 }}
transition={{ duration: 0.3 }}
/>
<span className="text-2xl font-bold bg-gradient-to-r from-primary via-cyan-500 to-fuchsia-500 bg-clip-text text-transparent">
StripStream
</span>
</motion.div>
@@ -83,12 +83,20 @@ export function LoginContent({ searchParams }: LoginContentProps) {
<div className="mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]">
<div className="flex flex-col items-center space-y-4 text-center">
<div className="relative">
<div className="absolute -inset-1 bg-gradient-to-r from-[#4F46E5] to-[#6366F1] rounded-full opacity-75 blur-md animate-pulse"></div>
<div className="relative bg-gradient-to-br from-white to-gray-100 dark:from-slate-800 dark:to-slate-900 rounded-full shadow-xl overflow-hidden w-24 h-24 flex items-center justify-center">
<div className="relative bg-gradient-to-br from-white to-gray-100 dark:from-slate-800 dark:to-slate-900 rounded-full shadow-xl overflow-hidden w-32 h-32 flex items-center justify-center">
<motion.img
src="/images/icons/apple-icon-180x180.png"
src="/images/logostripstream.png"
alt="StripStream Logo"
className="w-[100%] h-[100%] object-cover"
className="hidden h-[100%] w-[100%] object-cover dark:block"
initial={{ scale: 1.8, opacity: 0 }}
animate={{ scale: 1, opacity: 1 }}
transition={{ duration: 0.5 }}
whileHover={{ scale: 1.05 }}
/>
<motion.img
src="/images/logostripstream-white.png"
alt="StripStream Logo"
className="h-[100%] w-[100%] object-cover dark:hidden"
initial={{ scale: 1.8, opacity: 0 }}
animate={{ scale: 1, opacity: 1 }}
transition={{ duration: 0.5 }}
@@ -99,7 +107,7 @@ export function LoginContent({ searchParams }: LoginContentProps) {
<motion.h1
initial={{ y: -20 }}
animate={{ y: 0 }}
className="text-3xl font-bold tracking-tight bg-gradient-to-r from-slate-900 to-slate-700 dark:from-white dark:to-gray-300 bg-clip-text text-transparent"
className="text-3xl font-bold tracking-tight bg-gradient-to-r from-primary via-cyan-500 to-fuchsia-500 bg-clip-text text-transparent"
>
{t("login.title")}
</motion.h1>