Skip to content

Commit 0216e41

Browse files
author
Jungherz GmbH
committed
Add SEO metadata and GlassKit Elements references
1 parent 6444c22 commit 0216e41

7 files changed

Lines changed: 228 additions & 6 deletions

File tree

‎README.md‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -444,6 +444,22 @@ The full documentation with **live previews**, **copy-paste code blocks**, and *
444444
- Theming guide
445445
- Complete class overview at the end
446446

447+
Live pages:
448+
- 🌐 Home: https://glasskit.jungherz.com/
449+
- 📖 Docs: https://glasskit.jungherz.com/docs.html
450+
- 🧪 Showcase: https://glasskit.jungherz.com/showcase.html
451+
452+
## 🧩 Companion Project: GlassKit Elements
453+
454+
If you want to use GlassKit through **drop-in Web Components** instead of writing the full HTML structure yourself, take a look at **GlassKit Elements**.
455+
456+
GlassKit Elements builds on top of GlassKit CSS and provides a set of vanilla JavaScript custom elements like `glk-button`, `glk-card`, or `glk-input`.
457+
458+
Useful links:
459+
- GitHub: https://github.com/JUNGHERZ/GlassKit-Elements
460+
- Live Demo: https://glasskit-elements.jungherz.com/
461+
- Docs: https://glasskit-elements.jungherz.com/docs.html
462+
447463
---
448464

449465
## 🌐 Browser Compatibility

‎de/docs.html‎

Lines changed: 35 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,41 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Glassmorphism UI Library – Dokumentation v1.3.3 | Jungherz GmbH</title>
6+
<title>GlassKit Dokumentation – Referenz für die Glassmorphism CSS-Bibliothek</title>
7+
<meta name="description" content="Entdecke die offizielle GlassKit Dokumentation mit Live-Previews, Installationsanleitung, Theming, Design Tokens und vollständiger Klassenreferenz.">
8+
<meta name="robots" content="index, follow">
9+
<meta name="theme-color" content="#0c1a24">
10+
<link rel="canonical" href="https://glasskit.jungherz.com/de/docs.html">
11+
<link rel="alternate" hreflang="en" href="https://glasskit.jungherz.com/docs.html">
12+
<link rel="alternate" hreflang="de" href="https://glasskit.jungherz.com/de/docs.html">
13+
<link rel="alternate" hreflang="x-default" href="https://glasskit.jungherz.com/docs.html">
14+
<meta property="og:type" content="website">
15+
<meta property="og:site_name" content="GlassKit">
16+
<meta property="og:locale" content="de_DE">
17+
<meta property="og:locale:alternate" content="en_US">
18+
<meta property="og:title" content="GlassKit Dokumentation – Referenz für die Glassmorphism CSS-Bibliothek">
19+
<meta property="og:description" content="Offizielle GlassKit Dokumentation mit Live-Previews, Codebeispielen, Theming-Hinweisen und Klassenreferenzen.">
20+
<meta property="og:url" content="https://glasskit.jungherz.com/de/docs.html">
21+
<meta property="og:image" content="https://glasskit.jungherz.com/intro_screenshot.jpg">
22+
<meta name="twitter:card" content="summary_large_image">
23+
<meta name="twitter:title" content="GlassKit Dokumentation – Referenz für die Glassmorphism CSS-Bibliothek">
24+
<meta name="twitter:description" content="Offizielle GlassKit Dokumentation mit Live-Previews, Codebeispielen, Design Tokens und Theming-Hinweisen.">
25+
<meta name="twitter:image" content="https://glasskit.jungherz.com/intro_screenshot.jpg">
26+
<script type="application/ld+json">
27+
{
28+
"@context": "https://schema.org",
29+
"@type": "TechArticle",
30+
"headline": "GlassKit Dokumentation",
31+
"name": "GlassKit Dokumentation",
32+
"url": "https://glasskit.jungherz.com/de/docs.html",
33+
"description": "Offizielle Dokumentation für GlassKit, eine Glassmorphism CSS-Komponentenbibliothek für moderne Weboberflächen.",
34+
"publisher": {
35+
"@type": "Organization",
36+
"name": "Jungherz GmbH",
37+
"url": "https://www.jungherz.com"
38+
}
39+
}
40+
</script>
741
<link rel="stylesheet" href="../glasskit.css">
842
<style>
943
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

‎de/index.html‎

Lines changed: 37 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,43 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>GlassKit – Jungherz GmbH</title>
6+
<title>GlassKit – Glassmorphism CSS-Komponentenbibliothek für moderne Web-UIs</title>
7+
<meta name="description" content="GlassKit ist eine moderne Glassmorphism CSS-Komponentenbibliothek mit 22 Komponenten, Dark und Light Mode, Design Tokens und ohne JavaScript-Abhängigkeiten.">
8+
<meta name="robots" content="index, follow">
9+
<meta name="theme-color" content="#0c1a24">
10+
<link rel="canonical" href="https://glasskit.jungherz.com/de/">
11+
<link rel="alternate" hreflang="en" href="https://glasskit.jungherz.com/">
12+
<link rel="alternate" hreflang="de" href="https://glasskit.jungherz.com/de/">
13+
<link rel="alternate" hreflang="x-default" href="https://glasskit.jungherz.com/">
14+
<meta property="og:type" content="website">
15+
<meta property="og:site_name" content="GlassKit">
16+
<meta property="og:locale" content="de_DE">
17+
<meta property="og:locale:alternate" content="en_US">
18+
<meta property="og:title" content="GlassKit – Glassmorphism CSS-Komponentenbibliothek für moderne Web-UIs">
19+
<meta property="og:description" content="Erstelle moderne Glassmorphism-Oberflächen mit 22 CSS-Komponenten, Design Tokens, Dark und Light Mode und ohne Abhängigkeiten.">
20+
<meta property="og:url" content="https://glasskit.jungherz.com/de/">
21+
<meta property="og:image" content="https://glasskit.jungherz.com/intro_screenshot.jpg">
22+
<meta name="twitter:card" content="summary_large_image">
23+
<meta name="twitter:title" content="GlassKit – Glassmorphism CSS-Komponentenbibliothek für moderne Web-UIs">
24+
<meta name="twitter:description" content="Eine moderne CSS-only Glassmorphism-Komponentenbibliothek mit 22 Komponenten, Theming und ohne Abhängigkeiten.">
25+
<meta name="twitter:image" content="https://glasskit.jungherz.com/intro_screenshot.jpg">
26+
<script type="application/ld+json">
27+
{
28+
"@context": "https://schema.org",
29+
"@type": "SoftwareApplication",
30+
"name": "GlassKit",
31+
"applicationCategory": "DeveloperApplication",
32+
"operatingSystem": "Web",
33+
"url": "https://glasskit.jungherz.com/de/",
34+
"image": "https://glasskit.jungherz.com/intro_screenshot.jpg",
35+
"description": "GlassKit ist eine moderne Glassmorphism CSS-Komponentenbibliothek mit 22 Komponenten, Dark und Light Mode, Design Tokens und ohne Abhängigkeiten.",
36+
"publisher": {
37+
"@type": "Organization",
38+
"name": "Jungherz GmbH",
39+
"url": "https://www.jungherz.com"
40+
}
41+
}
42+
</script>
743
<style>
844
/* ============================================================
945
RESET & BASE

‎de/showcase.html‎

Lines changed: 34 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,40 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
6-
<title>GlassKit – Komponenten Showcase</title>
6+
<title>GlassKit Showcase – Live-Vorschau der Glassmorphism UI-Komponenten</title>
7+
<meta name="description" content="Erlebe GlassKit Komponenten in einer Live-Vorschau mit Glassmorphism UI-Patterns, Themes und mobilen Layouts.">
8+
<meta name="robots" content="index, follow">
9+
<meta name="theme-color" content="#0c1a24">
10+
<link rel="canonical" href="https://glasskit.jungherz.com/de/showcase.html">
11+
<link rel="alternate" hreflang="en" href="https://glasskit.jungherz.com/showcase.html">
12+
<link rel="alternate" hreflang="de" href="https://glasskit.jungherz.com/de/showcase.html">
13+
<link rel="alternate" hreflang="x-default" href="https://glasskit.jungherz.com/showcase.html">
14+
<meta property="og:type" content="website">
15+
<meta property="og:site_name" content="GlassKit">
16+
<meta property="og:locale" content="de_DE">
17+
<meta property="og:locale:alternate" content="en_US">
18+
<meta property="og:title" content="GlassKit Showcase – Live-Vorschau der Glassmorphism UI-Komponenten">
19+
<meta property="og:description" content="Sieh dir GlassKit Komponenten in Aktion an – mit Live-Showcase für Glassmorphism UI-Patterns, Hintergründe und Themes.">
20+
<meta property="og:url" content="https://glasskit.jungherz.com/de/showcase.html">
21+
<meta property="og:image" content="https://glasskit.jungherz.com/intro_screenshot.jpg">
22+
<meta name="twitter:card" content="summary_large_image">
23+
<meta name="twitter:title" content="GlassKit Showcase – Live-Vorschau der Glassmorphism UI-Komponenten">
24+
<meta name="twitter:description" content="Live-Vorschau der GlassKit Komponenten, Themes und mobile-first Glassmorphism Layouts.">
25+
<meta name="twitter:image" content="https://glasskit.jungherz.com/intro_screenshot.jpg">
26+
<script type="application/ld+json">
27+
{
28+
"@context": "https://schema.org",
29+
"@type": "CollectionPage",
30+
"name": "GlassKit Showcase",
31+
"url": "https://glasskit.jungherz.com/de/showcase.html",
32+
"description": "Live-Showcase für GlassKit Komponenten und Glassmorphism UI-Layouts.",
33+
"publisher": {
34+
"@type": "Organization",
35+
"name": "Jungherz GmbH",
36+
"url": "https://www.jungherz.com"
37+
}
38+
}
39+
</script>
740
<link rel="stylesheet" href="../glasskit.css">
841
<!-- Optional: Theme Override einbinden -->
942
<!-- <link rel="stylesheet" href="theme-override.css"> -->

‎docs.html‎

Lines changed: 35 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,41 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>GlassKit – Documentation v1.3.3 | Jungherz GmbH</title>
6+
<title>GlassKit Docs – Documentation for the Glassmorphism CSS Library</title>
7+
<meta name="description" content="Explore the official GlassKit documentation with live component previews, installation guides, theming, design tokens, and full class references.">
8+
<meta name="robots" content="index, follow">
9+
<meta name="theme-color" content="#0c1a24">
10+
<link rel="canonical" href="https://glasskit.jungherz.com/docs.html">
11+
<link rel="alternate" hreflang="en" href="https://glasskit.jungherz.com/docs.html">
12+
<link rel="alternate" hreflang="de" href="https://glasskit.jungherz.com/de/docs.html">
13+
<link rel="alternate" hreflang="x-default" href="https://glasskit.jungherz.com/docs.html">
14+
<meta property="og:type" content="website">
15+
<meta property="og:site_name" content="GlassKit">
16+
<meta property="og:locale" content="en_US">
17+
<meta property="og:locale:alternate" content="de_DE">
18+
<meta property="og:title" content="GlassKit Docs – Documentation for the Glassmorphism CSS Library">
19+
<meta property="og:description" content="Official GlassKit docs with live previews, usage examples, theming guidance, and class reference tables.">
20+
<meta property="og:url" content="https://glasskit.jungherz.com/docs.html">
21+
<meta property="og:image" content="https://glasskit.jungherz.com/intro_screenshot.jpg">
22+
<meta name="twitter:card" content="summary_large_image">
23+
<meta name="twitter:title" content="GlassKit Docs – Documentation for the Glassmorphism CSS Library">
24+
<meta name="twitter:description" content="Official GlassKit documentation with live previews, code examples, design tokens, and theming guidance.">
25+
<meta name="twitter:image" content="https://glasskit.jungherz.com/intro_screenshot.jpg">
26+
<script type="application/ld+json">
27+
{
28+
"@context": "https://schema.org",
29+
"@type": "TechArticle",
30+
"headline": "GlassKit Documentation",
31+
"name": "GlassKit Docs",
32+
"url": "https://glasskit.jungherz.com/docs.html",
33+
"description": "Official documentation for GlassKit, a glassmorphism CSS component library for modern web interfaces.",
34+
"publisher": {
35+
"@type": "Organization",
36+
"name": "Jungherz GmbH",
37+
"url": "https://www.jungherz.com"
38+
}
39+
}
40+
</script>
741
<link rel="stylesheet" href="glasskit.css">
842
<style>
943
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

‎index.html‎

Lines changed: 37 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,43 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>GlassKit – Glassmorphism CSS Component Library</title>
6+
<title>GlassKit – Glassmorphism CSS Component Library for Modern Web UIs</title>
7+
<meta name="description" content="GlassKit is a modern glassmorphism CSS component library with 22 components, dark and light mode, design tokens, and no JavaScript dependencies.">
8+
<meta name="robots" content="index, follow">
9+
<meta name="theme-color" content="#0c1a24">
10+
<link rel="canonical" href="https://glasskit.jungherz.com/">
11+
<link rel="alternate" hreflang="en" href="https://glasskit.jungherz.com/">
12+
<link rel="alternate" hreflang="de" href="https://glasskit.jungherz.com/de/">
13+
<link rel="alternate" hreflang="x-default" href="https://glasskit.jungherz.com/">
14+
<meta property="og:type" content="website">
15+
<meta property="og:site_name" content="GlassKit">
16+
<meta property="og:locale" content="en_US">
17+
<meta property="og:locale:alternate" content="de_DE">
18+
<meta property="og:title" content="GlassKit – Glassmorphism CSS Component Library for Modern Web UIs">
19+
<meta property="og:description" content="Build modern glassmorphism interfaces with 22 CSS components, design tokens, dark and light mode, and zero dependencies.">
20+
<meta property="og:url" content="https://glasskit.jungherz.com/">
21+
<meta property="og:image" content="https://glasskit.jungherz.com/intro_screenshot.jpg">
22+
<meta name="twitter:card" content="summary_large_image">
23+
<meta name="twitter:title" content="GlassKit – Glassmorphism CSS Component Library for Modern Web UIs">
24+
<meta name="twitter:description" content="A modern CSS-only glassmorphism component library with 22 components, theming, and no dependencies.">
25+
<meta name="twitter:image" content="https://glasskit.jungherz.com/intro_screenshot.jpg">
26+
<script type="application/ld+json">
27+
{
28+
"@context": "https://schema.org",
29+
"@type": "SoftwareApplication",
30+
"name": "GlassKit",
31+
"applicationCategory": "DeveloperApplication",
32+
"operatingSystem": "Web",
33+
"url": "https://glasskit.jungherz.com/",
34+
"image": "https://glasskit.jungherz.com/intro_screenshot.jpg",
35+
"description": "GlassKit is a modern glassmorphism CSS component library with 22 components, dark and light mode, design tokens, and no dependencies.",
36+
"publisher": {
37+
"@type": "Organization",
38+
"name": "Jungherz GmbH",
39+
"url": "https://www.jungherz.com"
40+
}
41+
}
42+
</script>
743
<style>
844
/* ============================================================
945
RESET & BASE

‎showcase.html‎

Lines changed: 34 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,40 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
6-
<title>GlassKit – Component Showcase</title>
6+
<title>GlassKit Showcase – Live Preview of Glassmorphism UI Components</title>
7+
<meta name="description" content="Preview GlassKit components in action with a live showcase of glassmorphism UI patterns, themes, and mobile-first layouts.">
8+
<meta name="robots" content="index, follow">
9+
<meta name="theme-color" content="#0c1a24">
10+
<link rel="canonical" href="https://glasskit.jungherz.com/showcase.html">
11+
<link rel="alternate" hreflang="en" href="https://glasskit.jungherz.com/showcase.html">
12+
<link rel="alternate" hreflang="de" href="https://glasskit.jungherz.com/de/showcase.html">
13+
<link rel="alternate" hreflang="x-default" href="https://glasskit.jungherz.com/showcase.html">
14+
<meta property="og:type" content="website">
15+
<meta property="og:site_name" content="GlassKit">
16+
<meta property="og:locale" content="en_US">
17+
<meta property="og:locale:alternate" content="de_DE">
18+
<meta property="og:title" content="GlassKit Showcase – Live Preview of Glassmorphism UI Components">
19+
<meta property="og:description" content="See GlassKit components in action with a live showcase of glassmorphism UI patterns, backgrounds, and themes.">
20+
<meta property="og:url" content="https://glasskit.jungherz.com/showcase.html">
21+
<meta property="og:image" content="https://glasskit.jungherz.com/intro_screenshot.jpg">
22+
<meta name="twitter:card" content="summary_large_image">
23+
<meta name="twitter:title" content="GlassKit Showcase – Live Preview of Glassmorphism UI Components">
24+
<meta name="twitter:description" content="Live preview of GlassKit components, themes, and mobile-first glassmorphism layouts.">
25+
<meta name="twitter:image" content="https://glasskit.jungherz.com/intro_screenshot.jpg">
26+
<script type="application/ld+json">
27+
{
28+
"@context": "https://schema.org",
29+
"@type": "CollectionPage",
30+
"name": "GlassKit Showcase",
31+
"url": "https://glasskit.jungherz.com/showcase.html",
32+
"description": "Live showcase for GlassKit components and glassmorphism UI layouts.",
33+
"publisher": {
34+
"@type": "Organization",
35+
"name": "Jungherz GmbH",
36+
"url": "https://www.jungherz.com"
37+
}
38+
}
39+
</script>
740
<link rel="stylesheet" href="glasskit.css">
841
<!-- Optional: Theme Override einbinden -->
942
<!-- <link rel="stylesheet" href="theme-override.css"> -->

0 commit comments

Comments
 (0)