mirror of
https://github.com/DavidHDev/vue-bits.git
synced 2026-03-07 06:29:30 -07:00
Add prettier config, format codebase
This commit is contained in:
David Haz
186
index.html
186
index.html
@@ -1,99 +1,107 @@
|
||||
<!doctype html>
|
||||
<html lang="en" style="background: #0b0b0b;">
|
||||
<html lang="en" style="background: #0b0b0b">
|
||||
<head>
|
||||
<!-- Basic Meta Tags -->
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="theme-color" content="#0b0b0b" />
|
||||
<meta name="author" content="David Haz" />
|
||||
<meta
|
||||
name="description"
|
||||
content="An open source collection of high quality, animated, interactive & fully customizable Vue components for building stunning, memorable user interfaces."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="Vue, Vue tutorials, Vue tips, Vue best practices, Vue development, Vue guides, Vue articles, Vue ecosystem, JavaScript, frontend development, VueJS, UI Library, Component Library, Vue Components, Vue Animations"
|
||||
/>
|
||||
|
||||
<head>
|
||||
<!-- Basic Meta Tags -->
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="theme-color" content="#0b0b0b" />
|
||||
<meta name="author" content="David Haz">
|
||||
<meta name="description"
|
||||
content="An open source collection of high quality, animated, interactive & fully customizable Vue components for building stunning, memorable user interfaces." />
|
||||
<meta name="keywords"
|
||||
content="Vue, Vue tutorials, Vue tips, Vue best practices, Vue development, Vue guides, Vue articles, Vue ecosystem, JavaScript, frontend development, VueJS, UI Library, Component Library, Vue Components, Vue Animations" />
|
||||
<!-- Font -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Figtree:ital,wght@0,300..900;1,300..900&family=Figtree:wght@200..800&display=swap"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Gochi+Hand&display=swap" rel="stylesheet" />
|
||||
|
||||
<!-- Font -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap"
|
||||
rel="stylesheet">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Figtree:ital,wght@0,300..900;1,300..900&family=Figtree:wght@200..800&display=swap"
|
||||
rel="stylesheet">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Gochi+Hand&display=swap" rel="stylesheet">
|
||||
<!-- Icons -->
|
||||
<link rel="icon" type="image/svg+xml" sizes="16x16 32x32" href="favicon.ico" />
|
||||
<link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96" />
|
||||
<link rel="shortcut icon" href="favicon.ico" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||||
<meta name="apple-mobile-web-app-title" content="Vue Bits" />
|
||||
<link rel="manifest" href="/site.webmanifest" />
|
||||
|
||||
<!-- Icons -->
|
||||
<link rel="icon" type="image/svg+xml" sizes="16x16 32x32" href="favicon.ico" />
|
||||
<link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96" />
|
||||
<link rel="shortcut icon" href="favicon.ico" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||||
<meta name="apple-mobile-web-app-title" content="Vue Bits" />
|
||||
<link rel="manifest" href="/site.webmanifest" />
|
||||
<!-- Open Graph (OG) - Facebook, LinkedIn, etc. -->
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:title" content="Vue Bits" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="An open source collection of high quality, animated, interactive & fully customizable Vue components for building stunning, memorable user interfaces."
|
||||
/>
|
||||
<meta property="og:image" content="https://vue-bits.dev/og-pic.png" />
|
||||
<meta property="og:image:alt" content="The Vue Bits landing page design, showcasing the logo and a subtitle!" />
|
||||
<meta property="og:image:width" content="1200" />
|
||||
<meta property="og:image:height" content="630" />
|
||||
<meta property="og:url" content="https://vue-bits.dev" />
|
||||
<meta property="og:site_name" content="Vue Bits" />
|
||||
<meta property="og:locale" content="en_US" />
|
||||
|
||||
<!-- Open Graph (OG) - Facebook, LinkedIn, etc. -->
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="Vue Bits">
|
||||
<meta property="og:description"
|
||||
content="An open source collection of high quality, animated, interactive & fully customizable Vue components for building stunning, memorable user interfaces.">
|
||||
<meta property="og:image" content="https://vue-bits.dev/og-pic.png">
|
||||
<meta property="og:image:alt" content="The Vue Bits landing page design, showcasing the logo and a subtitle!">
|
||||
<meta property="og:image:width" content="1200">
|
||||
<meta property="og:image:height" content="630">
|
||||
<meta property="og:url" content="https://vue-bits.dev">
|
||||
<meta property="og:site_name" content="Vue Bits">
|
||||
<meta property="og:locale" content="en_US">
|
||||
<!-- Twitter Card - Twitter Sharing -->
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:title" content="Vue Bits" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="An open source collection of high quality, animated, interactive & fully customizable Vue components for building stunning, memorable user interfaces."
|
||||
/>
|
||||
<meta name="twitter:image" content="https://vue-bits.dev/og-pic.jpg" />
|
||||
<meta name="twitter:image:alt" content="The Vue Bits landing page design, showcasing the logo and a subtitle!" />
|
||||
|
||||
<!-- Twitter Card - Twitter Sharing -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="Vue Bits">
|
||||
<meta name="twitter:description"
|
||||
content="An open source collection of high quality, animated, interactive & fully customizable Vue components for building stunning, memorable user interfaces.">
|
||||
<meta name="twitter:image" content="https://vue-bits.dev/og-pic.jpg">
|
||||
<meta name="twitter:image:alt" content="The Vue Bits landing page design, showcasing the logo and a subtitle!">
|
||||
<!-- Favicon & Apple Touch Icons -->
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||||
<link rel="manifest" href="/site.webmanifest" />
|
||||
|
||||
<!-- Favicon & Apple Touch Icons -->
|
||||
<link rel="icon" href="/favicon.ico">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
||||
<link rel="manifest" href="/site.webmanifest">
|
||||
<!-- Canonical & Robots Meta Tags -->
|
||||
<link rel="canonical" href="https://vue-bits.dev" />
|
||||
<meta name="robots" content="index, follow" />
|
||||
|
||||
<!-- Canonical & Robots Meta Tags -->
|
||||
<link rel="canonical" href="https://vue-bits.dev">
|
||||
<meta name="robots" content="index, follow">
|
||||
|
||||
<!-- Structured Data (JSON-LD for SEO) -->
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "WebPage",
|
||||
"name": "Vue Bits",
|
||||
"url": "https://vue-bits.dev",
|
||||
"description": "An open source collection of high quality, animated, interactive & fully customizable Vue components for building stunning, memorable user interfaces.",
|
||||
"image": "https://vue-bits.dev/og-pic.jpg",
|
||||
"author": {
|
||||
"@type": "Person",
|
||||
"name": "David Haz"
|
||||
},
|
||||
"publisher": {
|
||||
"@type": "Person",
|
||||
"name": "David Haz",
|
||||
"logo": {
|
||||
"@type": "ImageObject",
|
||||
"url": "https://davidhaz.com"
|
||||
<!-- Structured Data (JSON-LD for SEO) -->
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "WebPage",
|
||||
"name": "Vue Bits",
|
||||
"url": "https://vue-bits.dev",
|
||||
"description": "An open source collection of high quality, animated, interactive & fully customizable Vue components for building stunning, memorable user interfaces.",
|
||||
"image": "https://vue-bits.dev/og-pic.jpg",
|
||||
"author": {
|
||||
"@type": "Person",
|
||||
"name": "David Haz"
|
||||
},
|
||||
"publisher": {
|
||||
"@type": "Person",
|
||||
"name": "David Haz",
|
||||
"logo": {
|
||||
"@type": "ImageObject",
|
||||
"url": "https://davidhaz.com"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<title>Vue Bits - Animated UI Components For Vue</title>
|
||||
</head>
|
||||
</script>
|
||||
<title>Vue Bits - Animated UI Components For Vue</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
<script type="module" src="/src/main.ts"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
<script type="module" src="/src/main.ts"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user