tudor/school_compare
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Match original warm editorial design
All checks were successful
Build and Push Docker Images / Build Backend (FastAPI) (push) Successful in 34s
Details
Build and Push Docker Images / Build Frontend (Next.js) (push) Successful in 1m9s
Details
Build and Push Docker Images / Trigger Portainer Update (push) Successful in 1s
Details

Browse Source 
- Copy complete original styles.css (1900+ lines) to globals.css
- Add Google Fonts (DM Sans and Playfair Display) via next/font
- Use CSS variables for fonts
- Restore warm color palette (#faf7f2 bg, coral/teal accents)
- Restore noise overlay texture
- Restore all original animations and transitions
- Match original card styles, buttons, modals

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
Tudor
2026-02-02 21:39:40 +00:00
parent 9ba49106f8
commit ef4932b553
2 changed files with 1845 additions and 206 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2004
nextjs-app/app/globals.css
View File

File diff suppressed because it is too large Load Diff

23
nextjs-app/app/layout.tsx
View File

@@ -1,9 +1,24 @@
import type { Metadata } from 'next'; import type { Metadata } from 'next';
import { DM_Sans, Playfair_Display } from 'next/font/google';
import { Navigation } from '@/components/Navigation'; import { Navigation } from '@/components/Navigation';
import { Footer } from '@/components/Footer'; import { Footer } from '@/components/Footer';
import { ComparisonProvider } from '@/context/ComparisonProvider'; import { ComparisonProvider } from '@/context/ComparisonProvider';
import './globals.css'; import './globals.css';
const dmSans = DM_Sans({
subsets: ['latin'],
weight: ['400', '500', '600', '700'],
variable: '--font-dm-sans',
display: 'swap',
});
const playfairDisplay = Playfair_Display({
subsets: ['latin'],
weight: ['600', '700'],
variable: '--font-playfair',
display: 'swap',
});
export const metadata: Metadata = { export const metadata: Metadata = {
title: { title: {
default: 'SchoolCompare | Compare Primary School Performance', default: 'SchoolCompare | Compare Primary School Performance',
@@ -34,16 +49,14 @@ export default function RootLayout({
}>) { }>) {
return ( return (
<html lang="en"> <html lang="en">
<body> <body className={`${dmSans.variable} ${playfairDisplay.variable}`}>
<ComparisonProvider>
<div className="app-container">
<div className="noise-overlay" /> <div className="noise-overlay" />
<ComparisonProvider>
<Navigation /> <Navigation />
<main className="main-content"> <main className="main">
{children} {children}
</main> </main>
<Footer /> <Footer />
</div>
</ComparisonProvider> </ComparisonProvider>
</body> </body>
</html> </html>