mirror of
https://github.com/Motion-Games/MotionWebStudio.git
synced 2026-04-21 09:00:53 +02:00
init
This commit is contained in:
77
index.html
Normal file
77
index.html
Normal file
@@ -0,0 +1,77 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="hu">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="https://picsum.photos/id/48/32/32" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Motion Web Stúdió - Professzionális Webfejlesztés</title>
|
||||
|
||||
<!-- SEO Meta Tags -->
|
||||
<meta name="description" content="A Motion Web Stúdió egyedi weboldalak, webáruházak és komplex digitális megoldások fejlesztésével foglalkozik. Növelje cége forgalmát velünk." />
|
||||
<meta name="keywords" content="webfejlesztés, nFix, weboldal készítés, webshop, egyedi fejlesztés, SEO, Motion Web" />
|
||||
<meta name="author" content="Motion Web Stúdió" />
|
||||
|
||||
<!-- Tailwind CSS -->
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
<script>
|
||||
tailwind.config = {
|
||||
theme: {
|
||||
extend: {
|
||||
colors: {
|
||||
primary: {
|
||||
DEFAULT: '#7c3aed', // lila (violet-600)
|
||||
dark: '#6d28d9', // violet-700
|
||||
},
|
||||
secondary: {
|
||||
DEFAULT: '#3b82f6', // kék (blue-500)
|
||||
dark: '#2563eb', // blue-600
|
||||
}
|
||||
},
|
||||
fontFamily: {
|
||||
sans: ['Inter', 'sans-serif'],
|
||||
},
|
||||
keyframes: {
|
||||
fadeInUp: {
|
||||
'0%': { opacity: '0', transform: 'translateY(20px)' },
|
||||
'100%': { opacity: '1', transform: 'translateY(0)' },
|
||||
},
|
||||
fadeIn: {
|
||||
'0%': { opacity: '0' },
|
||||
'100%': { opacity: '1' },
|
||||
}
|
||||
},
|
||||
animation: {
|
||||
'fade-in-up': 'fadeInUp 0.8s ease-out both',
|
||||
'fade-in': 'fadeIn 1.2s ease-out both',
|
||||
'bounce-slow': 'bounce 3s infinite',
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
body { font-family: 'Inter', sans-serif; }
|
||||
</style>
|
||||
<script type="importmap">
|
||||
{
|
||||
"imports": {
|
||||
"react": "https://esm.sh/react@18.2.0",
|
||||
"react/jsx-runtime": "https://esm.sh/react@18.2.0/jsx-runtime",
|
||||
"react-dom/client": "https://esm.sh/react-dom@18.2.0/client",
|
||||
"react-dom": "https://esm.sh/react-dom@18.2.0",
|
||||
"react-router-dom": "https://esm.sh/react-router-dom@6.22.3?deps=react@18.2.0,react-dom@18.2.0",
|
||||
"lucide-react": "https://esm.sh/lucide-react@0.344.0?deps=react@18.2.0",
|
||||
"@supabase/supabase-js": "https://esm.sh/@supabase/supabase-js@2.39.7",
|
||||
"react-dom/": "https://esm.sh/react-dom@^19.2.3/",
|
||||
"react/": "https://esm.sh/react@^19.2.3/"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<link rel="stylesheet" href="/index.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
<script type="module" src="/index.tsx"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user