Skip to content

Commit 02e4b24

Browse files
NotroDevNotroDev
committed
Extend the home page content
1 parent fb397ba commit 02e4b24

4 files changed

Lines changed: 127 additions & 94 deletions

File tree

‎docs/.vitepress/theme/style.css‎

Lines changed: 73 additions & 67 deletions
Original file line numberDiff line numberDiff line change
@@ -44,106 +44,112 @@
4444
* -------------------------------------------------------------------------- */
4545

4646
:root {
47-
--vp-c-default-1: var(--vp-c-gray-1);
48-
--vp-c-default-2: var(--vp-c-gray-2);
49-
--vp-c-default-3: var(--vp-c-gray-3);
50-
--vp-c-default-soft: var(--vp-c-gray-soft);
51-
52-
--vp-c-brand-1: var(--vp-c-indigo-1);
53-
--vp-c-brand-2: var(--vp-c-indigo-2);
54-
--vp-c-brand-3: var(--vp-c-indigo-3);
55-
--vp-c-brand-soft: var(--vp-c-indigo-soft);
56-
57-
--vp-c-tip-1: var(--vp-c-brand-1);
58-
--vp-c-tip-2: var(--vp-c-brand-2);
59-
--vp-c-tip-3: var(--vp-c-brand-3);
60-
--vp-c-tip-soft: var(--vp-c-brand-soft);
61-
62-
--vp-c-warning-1: var(--vp-c-yellow-1);
63-
--vp-c-warning-2: var(--vp-c-yellow-2);
64-
--vp-c-warning-3: var(--vp-c-yellow-3);
65-
--vp-c-warning-soft: var(--vp-c-yellow-soft);
66-
67-
--vp-c-danger-1: var(--vp-c-red-1);
68-
--vp-c-danger-2: var(--vp-c-red-2);
69-
--vp-c-danger-3: var(--vp-c-red-3);
70-
--vp-c-danger-soft: var(--vp-c-red-soft);
47+
--vp-c-default-1: var(--vp-c-gray-1);
48+
--vp-c-default-2: var(--vp-c-gray-2);
49+
--vp-c-default-3: var(--vp-c-gray-3);
50+
--vp-c-default-soft: var(--vp-c-gray-soft);
51+
52+
--vp-c-brand-1: var(--vp-c-green-1);
53+
--vp-c-brand-2: var(--vp-c-green-2);
54+
--vp-c-brand-3: var(--vp-c-green-3);
55+
--vp-c-brand-soft: var(--vp-c-green-soft);
56+
57+
--vp-c-tip-1: var(--vp-c-brand-1);
58+
--vp-c-tip-2: var(--vp-c-brand-2);
59+
--vp-c-tip-3: var(--vp-c-brand-3);
60+
--vp-c-tip-soft: var(--vp-c-brand-soft);
61+
62+
--vp-c-warning-1: var(--vp-c-yellow-1);
63+
--vp-c-warning-2: var(--vp-c-yellow-2);
64+
--vp-c-warning-3: var(--vp-c-yellow-3);
65+
--vp-c-warning-soft: var(--vp-c-yellow-soft);
66+
67+
--vp-c-danger-1: var(--vp-c-red-1);
68+
--vp-c-danger-2: var(--vp-c-red-2);
69+
--vp-c-danger-3: var(--vp-c-red-3);
70+
--vp-c-danger-soft: var(--vp-c-red-soft);
7171
}
7272

7373
/**
7474
* Component: Button
7575
* -------------------------------------------------------------------------- */
7676

7777
:root {
78-
--vp-button-brand-border: transparent;
79-
--vp-button-brand-text: var(--vp-c-white);
80-
--vp-button-brand-bg: var(--vp-c-brand-3);
81-
--vp-button-brand-hover-border: transparent;
82-
--vp-button-brand-hover-text: var(--vp-c-white);
83-
--vp-button-brand-hover-bg: var(--vp-c-brand-2);
84-
--vp-button-brand-active-border: transparent;
85-
--vp-button-brand-active-text: var(--vp-c-white);
86-
--vp-button-brand-active-bg: var(--vp-c-brand-1);
78+
--vp-button-brand-border: transparent;
79+
--vp-button-brand-text: var(--vp-c-white);
80+
--vp-button-brand-bg: var(--vp-c-brand-3);
81+
--vp-button-brand-hover-border: transparent;
82+
--vp-button-brand-hover-text: var(--vp-c-white);
83+
--vp-button-brand-hover-bg: var(--vp-c-brand-2);
84+
--vp-button-brand-active-border: transparent;
85+
--vp-button-brand-active-text: var(--vp-c-white);
86+
--vp-button-brand-active-bg: var(--vp-c-brand-1);
87+
}
88+
89+
.brand-button {
90+
outline: var(--vp-c-brand-2) 2px solid;
91+
box-sizing: border-box !important;
92+
background: var(--vp-c-brand-soft);
93+
transition: .15s ease-in-out all !important
8794
}
8895

8996
/**
9097
* Component: Home
9198
* -------------------------------------------------------------------------- */
9299

93100
:root {
94-
--vp-c-bg: #1a1a1f;
95-
--vp-c-brand-1: #4ade80;
96-
--vp-sidebar-bg-color: #151518;
97-
--vp-c-bg-alt: #1f1f24;
98-
--vp-button-brand-bg: #0faa5f;
99-
--vp-button-brand-hover-bg: #0b874b;
100-
--vp-c-text-1: #e4e4e7;
101-
--vp-c-text-2: #a1a1aa;
102-
--vp-c-divider: #27272a;
103-
--vp-c-brand-soft: rgba(74, 222, 128, 0.14);
104-
--vp-home-hero-name-color: transparent;
105-
--vp-home-hero-name-background: -webkit-linear-gradient(
106-
120deg,
107-
#41d1ff 20%,
108-
#34fe71
109-
);
110-
111-
--vp-home-hero-image-background-image: linear-gradient(
112-
-45deg,
113-
#bd34fe 50%,
114-
#47caff 50%
115-
);
116-
--vp-home-hero-image-filter: blur(44px);
101+
--vp-c-bg: #1a1a1f;
102+
--vp-home-hero-name-color: transparent;
103+
--vp-home-hero-name-background: -webkit-linear-gradient(
104+
120deg,
105+
#41d1ff 20%,
106+
#34fe71
107+
);
108+
109+
--vp-home-hero-image-background-image: linear-gradient(
110+
-45deg,
111+
rgba(65, 209, 255, 0.25) 30%,
112+
rgba(52, 254, 113, 0.25) 70%
113+
);
114+
--vp-home-hero-image-filter: blur(44px);
117115
}
118116

119117
@media (min-width: 640px) {
120-
:root {
121-
--vp-home-hero-image-filter: blur(56px);
122-
}
118+
:root {
119+
--vp-home-hero-image-filter: blur(56px);
120+
}
123121
}
124122

125123
@media (min-width: 960px) {
126-
:root {
127-
--vp-home-hero-image-filter: blur(68px);
128-
}
124+
:root {
125+
--vp-home-hero-image-filter: blur(68px);
126+
}
127+
}
128+
129+
span.emoji {
130+
background: var(--vp-c-default-soft);
131+
padding: 0.25rem;
132+
border-radius: 5px;
133+
margin-right: 0.3rem;
134+
font-size: 1.25rem;
129135
}
130136

131137
/**
132138
* Component: Custom Block
133139
* -------------------------------------------------------------------------- */
134140

135141
:root {
136-
--vp-custom-block-tip-border: transparent;
137-
--vp-custom-block-tip-text: var(--vp-c-text-1);
138-
--vp-custom-block-tip-bg: var(--vp-c-brand-soft);
139-
--vp-custom-block-tip-code-bg: var(--vp-c-brand-soft);
142+
--vp-custom-block-tip-border: transparent;
143+
--vp-custom-block-tip-text: var(--vp-c-text-1);
144+
--vp-custom-block-tip-bg: var(--vp-c-brand-soft);
145+
--vp-custom-block-tip-code-bg: var(--vp-c-brand-soft);
140146
}
141147

142148
/**
143149
* Component: Algolia
144150
* -------------------------------------------------------------------------- */
145151

146152
.DocSearch {
147-
--docsearch-primary-color: var(--vp-c-brand-1) !important;
153+
--docsearch-primary-color: var(--vp-c-brand-1) !important;
148154
}
149155

‎docs/de-DE/index.md‎

Lines changed: 28 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -4,21 +4,34 @@ layout: home
44

55
hero:
66
name: "SkEditor"
7-
tagline: Eine App zum Bearbeiten von Skriptdateien
7+
text: "Die moderne IDE für Skript-Entwicklung"
8+
tagline: "Erstelle leistungsstarke Minecraft-Server-Skripte mit Syntaxhervorhebung, visuellen Werkzeugen und Community-Funktionen. Kostenlos, plattformübergreifend und Open-Source."
9+
image: assets/SkEditor-512.png
810
actions:
9-
- theme: brand
11+
- theme: brand-button
12+
text: Herunterladen
13+
link: https://github.com/SkEditorTeam/SkEditor/releases/latest
14+
- theme: brand-button
1015
text: Dokumentation
11-
link: /de-DE/first-steps/intro
12-
# - theme: alt
13-
# text: API Examples
14-
# link: /api-examples
15-
16-
#features:
17-
# - title: Feature A
18-
# details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
19-
# - title: Feature B
20-
# details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
21-
# - title: Feature C
22-
# details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
23-
---
16+
link: /first-steps/intro
17+
- theme: alt
18+
text: GitHub
19+
link: https://github.com/SkEditorTeam/SkEditor
20+
- theme: alt
21+
text: Discord
22+
link: https://skeditordc.notro.me
2423

24+
features:
25+
- title: "<span class='emoji'>💻</span> Plattformübergreifend"
26+
details: SkEditor funktioniert nahtlos unter Windows, Linux und macOS und gibt dir die Freiheit, auf deinem bevorzugten Betriebssystem zu programmieren.
27+
- title: "<span class='emoji'>🧩</span> Erweiterbar durch Addons"
28+
details: Erweitere SkEditor mit Addons aus dem Marketplace. Erweitere seine Funktionalität mit nützlichen Werkzeugen wie dem Analyzer.
29+
- title: "<span class='emoji'>🎨</span> Anpassbare Oberfläche"
30+
details: Personalisiere deine Programmierumgebung mit Themes und Syntaxhervorhebungen aus dem Marketplace. Mach SkEditor zu deinem ganz eigenen!
31+
- title: "<span class='emoji'>🛠️</span> Integrierte Werkzeuge"
32+
details: Beschleunige die Entwicklung mit dem Befehls-Generator und dem GUI-Generator. Greife über den Dokumentations-Tab schnell auf die Skript-Dokumentation zu.
33+
- title: "<span class='emoji'>🤝</span> Open Source"
34+
details: SkEditor ist Open-Source! Du kannst beitragen, es anpassen und dabei helfen, es für alle zu verbessern. Schau dir den Code auf GitHub an!
35+
- title: "<span class='emoji'>🚀</span> Wird aktiv entwickelt"
36+
details: SkEditor wird aktiv von Notro und der Community gepflegt, was kontinuierliche Verbesserungen, Fehlerbehebungen und neue Funktionen gewährleistet.
37+
---

‎docs/en-US/index.md‎

Lines changed: 26 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -4,21 +4,35 @@ layout: home
44

55
hero:
66
name: "SkEditor"
7-
tagline: An app for editing Skript files
7+
text: "The modern IDE for Skript development"
8+
tagline: "Build powerful Minecraft server scripts with syntax highlighting, visual tools, and community features. Free, cross-platform and open-source."
9+
image: assets/SkEditor-512.png
810
actions:
9-
- theme: brand
11+
- theme: brand-button
12+
text: Download
13+
link: https://github.com/SkEditorTeam/SkEditor/releases/latest
14+
- theme: brand-button
1015
text: Documentation
1116
link: /first-steps/intro
12-
# - theme: alt
13-
# text: API Examples
14-
# link: /api-examples
17+
- theme: alt
18+
text: GitHub
19+
link: https://github.com/SkEditorTeam/SkEditor
20+
- theme: alt
21+
text: Discord
22+
link: https://skeditordc.notro.me
1523

16-
#features:
17-
# - title: Feature A
18-
# details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
19-
# - title: Feature B
20-
# details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
21-
# - title: Feature C
22-
# details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
24+
features:
25+
- title: "<span class='emoji'>💻</span> Cross-Platform Compatibility"
26+
details: SkEditor works seamlessly on Windows, Linux, and macOS, giving you the freedom to code on your preferred operating system.
27+
- title: "<span class='emoji'>🧩</span> Extensible with Addons"
28+
details: Enhance SkEditor with addons from the Marketplace. Extend its functionality with useful tools like the Analyzer.
29+
- title: "<span class='emoji'>🎨</span> Customizable Interface"
30+
details: Personalize your coding environment with themes and syntax highlighting from the Marketplace. Make SkEditor truly yours!
31+
- title: "<span class='emoji'>🛠️</span> Built-in Tools"
32+
details: Speed up development with the Command Generator and GUI Generator. Quickly reference Skript documentation with the Documentation Tab.
33+
- title: "<span class='emoji'>🤝</span> Open Source"
34+
details: SkEditor is open-source! You can contribute, customize, and help improve it for everyone. Check out the code on GitHub!
35+
- title: "<span class='emoji'>🚀</span> Actively Developed"
36+
details: SkEditor is actively maintained by Notro and the community, ensuring continuous improvements, bug fixes, and new features.
2337
---
2438

‎docs/public/assets/SkEditor-512.png‎

90.9 KB
Loading

0 commit comments

Comments
 (0)