Skip to content

Commit e5a4b50

Browse files
ArhellArhell
committed
update theme
1 parent 2aa8bfd commit e5a4b50

File tree

14 files changed

+348
-737
lines changed

14 files changed

+348
-737
lines changed

‎astro.config.mjs‎

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -36,10 +36,8 @@ export default defineConfig({
3636
'./src/styles/global.css',
3737
],
3838
plugins: [
39-
starlightBlog({
40-
41-
}),
4239
starlightImageZoom(),
40+
starlightBlog(),
4341
starlightSidebarTopics([
4442
{
4543
label: 'Documentation',
@@ -163,7 +161,7 @@ export default defineConfig({
163161
tooltipText: 'Back to top',
164162
showTooltip: true,
165163
smoothScroll: true,
166-
threshold: 5,
164+
threshold: 30,
167165
svgPath: 'M12 5V19M7 10L12 5L17 10',
168166
svgStrokeWidth: 1,
169167
borderRadius: '100',

‎package.json‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,18 +11,18 @@
1111
},
1212
"dependencies": {
1313
"@astrojs/markdown-remark": "^6.3.9",
14-
"@astrojs/starlight": "^0.36.3",
14+
"@astrojs/starlight": "^0.37.0",
1515
"@astrojs/starlight-tailwind": "^4.0.2",
1616
"@tailwindcss/vite": "^4.1.17",
17-
"astro": "^5.16.0",
17+
"astro": "^5.16.4",
1818
"astro-breadcrumbs": "^3.3.1",
1919
"astro-expressive-code": "^0.41.3",
2020
"astro-rehype-relative-markdown-links": "0.18.1",
2121
"astro-vtbot": "^2.1.9",
2222
"meilisearch-docsearch": "^0.8.0",
2323
"schema-dts": "^1.1.5",
2424
"sharp": "^0.34.5",
25-
"starlight-blog": "^0.25.1",
25+
"starlight-blog": "^0.25.2",
2626
"starlight-image-zoom": "^0.13.2",
2727
"starlight-scroll-to-top": "^0.4.0",
2828
"starlight-sidebar-topics": "^0.6.2",

‎pnpm-lock.yaml‎

Lines changed: 59 additions & 88 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/pages/home/components/ai/index.astro‎

Lines changed: 0 additions & 61 deletions
Original file line numberDiff line numberDiff line change
@@ -134,66 +134,5 @@
134134
</div>
135135
</div>
136136
</div>
137-
138-
{/* Code Example */}
139-
<div class="max-w-4xl mx-auto">
140-
<div class="bg-gray-100/80 dark:bg-gray-800/30 backdrop-blur-sm border border-gray-300/50 dark:border-gray-700/50 rounded-2xl overflow-hidden">
141-
{/* Mac-style window header */}
142-
<div class="bg-gray-200/80 dark:bg-gray-800/80 px-6 py-4 border-b border-gray-300/50 dark:border-gray-700/50">
143-
<div class="flex items-center">
144-
<div class="flex space-x-2">
145-
<div class="mt-0 w-3 h-3 bg-red-500 rounded-full"></div>
146-
<div class="mt-0 w-3 h-3 bg-yellow-500 rounded-full"></div>
147-
<div class="mt-0 w-3 h-3 bg-green-500 rounded-full"></div>
148-
</div>
149-
<div class="mt-0 flex-1 text-center">
150-
<span class="text-gray-600 dark:text-gray-400 text-sm font-medium">ai-enhanced-test.js</span>
151-
</div>
152-
</div>
153-
</div>
154-
155-
{/* Code content */}
156-
<div class="p-6 font-mono text-sm overflow-x-auto">
157-
<div class="mt-0 text-gray-500 dark:text-gray-500">// AI-Enhanced Login Test</div>
158-
<div class="mt-2"></div>
159-
<div class="mt-0 text-blue-600 dark:text-blue-400">Feature<span class="text-gray-900 dark:text-white">(</span><span class="text-green-600 dark:text-green-400">'AI-Enhanced Login Test'</span><span class="text-gray-900 dark:text-white">);</span></div>
160-
<div class="mt-2"></div>
161-
<div class="mt-0 text-blue-600 dark:text-blue-400">Scenario<span class="text-gray-900 dark:text-white">(</span><span class="text-green-600 dark:text-green-400">'User can login with self-healing selectors'</span><span class="text-gray-900 dark:text-white">, </span><span class="text-purple-600 dark:text-purple-400">async</span> <span class="text-gray-900 dark:text-white">&#123; </span><span class="text-yellow-600 dark:text-yellow-400">I</span><span class="text-gray-900 dark:text-white"> &#125; =&gt; &#123;</span></div>
162-
<div class="ml-4">
163-
<div class="mt-0 text-gray-500 dark:text-gray-500">// AI automatically adapts to UI changes</div>
164-
<div class="mt-0 text-yellow-600 dark:text-yellow-400">I<span class="text-gray-900 dark:text-white">.</span><span class="text-blue-600 dark:text-blue-400">amOnPage</span><span class="text-gray-900 dark:text-white">(</span><span class="text-green-600 dark:text-green-400">'/login'</span><span class="text-gray-900 dark:text-white">);</span></div>
165-
<div class="mt-0 text-yellow-600 dark:text-yellow-400">I<span class="text-gray-900 dark:text-white">.</span><span class="text-blue-600 dark:text-blue-400">fillField</span><span class="text-gray-900 dark:text-white">(</span><span class="text-green-600 dark:text-green-400">'email'</span><span class="text-gray-900 dark:text-white">, </span><span class="text-green-600 dark:text-green-400">'[email protected]'</span><span class="text-gray-900 dark:text-white">);</span></div>
166-
<div class="mt-0 text-yellow-600 dark:text-yellow-400">I<span class="text-gray-900 dark:text-white">.</span><span class="text-blue-600 dark:text-blue-400">fillField</span><span class="text-gray-900 dark:text-white">(</span><span class="text-green-600 dark:text-green-400">'password'</span><span class="text-gray-900 dark:text-white">, </span><span class="text-green-600 dark:text-green-400">'secret123'</span><span class="text-gray-900 dark:text-white">);</span></div>
167-
<div class="mt-2"></div>
168-
<div class="mt-0 text-gray-500 dark:text-gray-500">// AI-powered visual validation</div>
169-
<div class="mt-0 text-yellow-600 dark:text-yellow-400">I<span class="text-gray-900 dark:text-white">.</span><span class="text-blue-600 dark:text-blue-400">seeVisualDiff</span><span class="text-gray-900 dark:text-white">(</span><span class="text-green-600 dark:text-green-400">'login-form'</span><span class="text-gray-900 dark:text-white">);</span></div>
170-
<div class="mt-2"></div>
171-
<div class="mt-0 text-yellow-600 dark:text-yellow-400">I<span class="text-gray-900 dark:text-white">.</span><span class="text-blue-600 dark:text-blue-400">click</span><span class="text-gray-900 dark:text-white">(</span><span class="text-green-600 dark:text-green-400">'Login'</span><span class="text-gray-900 dark:text-white">);</span></div>
172-
<div class="mt-0 text-yellow-600 dark:text-yellow-400">I<span class="text-gray-900 dark:text-white">.</span><span class="text-blue-600 dark:text-blue-400">waitForText</span><span class="text-gray-900 dark:text-white">(</span><span class="text-green-600 dark:text-green-400">'Welcome'</span><span class="text-gray-900 dark:text-white">);</span></div>
173-
</div>
174-
<div class="mt-0 text-gray-900 dark:text-white">&#125;);</div>
175-
</div>
176-
</div>
177-
</div>
178-
179-
{/* Stats */}
180-
<div class="grid grid-cols-2 md:grid-cols-4 gap-8 mt-16">
181-
<div class="mt-0 text-center">
182-
<div class="text-3xl font-bold text-blue-600 dark:text-blue-400 mb-2">80%</div>
183-
<div class="text-gray-600 dark:text-gray-300">Less Maintenance</div>
184-
</div>
185-
<div class="mt-0 text-center">
186-
<div class="text-3xl font-bold text-purple-600 dark:text-purple-400 mb-2">3x</div>
187-
<div class="text-gray-600 dark:text-gray-300">Faster Development</div>
188-
</div>
189-
<div class="mt-0 text-center">
190-
<div class="text-3xl font-bold text-green-600 dark:text-green-400 mb-2">99%</div>
191-
<div class="text-gray-600 dark:text-gray-300">Test Reliability</div>
192-
</div>
193-
<div class="mt-0 text-center">
194-
<div class="text-3xl font-bold text-yellow-600 dark:text-yellow-400 mb-2">24/7</div>
195-
<div class="text-gray-600 dark:text-gray-300">Continuous Learning</div>
196-
</div>
197-
</div>
198137
</div>
199138
</section>

‎src/pages/home/components/community/index.astro‎

Lines changed: 0 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -188,34 +188,5 @@
188188
</div>
189189
</a>
190190
</div>
191-
192-
{/* Community Stats */}
193-
<div class="bg-gradient-to-r from-yellow-50 to-purple-50 dark:from-yellow-900/20 dark:to-purple-900/20 rounded-3xl p-8 text-center border border-gray-100 dark:border-gray-700">
194-
<h3 class="text-2xl font-bold text-gray-900 dark:text-white mb-4">
195-
Join <span class="gradient-text">25,000+</span> Developers
196-
</h3>
197-
<p class="text-gray-600 dark:text-gray-300 mb-6 max-w-2xl mx-auto">
198-
Be part of a thriving community that's shaping the future of end-to-end testing.
199-
Whether you're a beginner or expert, there's a place for you.
200-
</p>
201-
<div class="grid grid-cols-2 md:grid-cols-4 gap-6">
202-
<div class="text-center">
203-
<div class="text-2xl font-bold text-yellow-500 dark:text-yellow-400 mb-1">15K+</div>
204-
<div class="text-sm text-gray-500 dark:text-gray-400">GitHub Stars</div>
205-
</div>
206-
<div class="text-center">
207-
<div class="text-2xl font-bold text-purple-500 dark:text-purple-400 mb-1">50K+</div>
208-
<div class="text-sm text-gray-500 dark:text-gray-400">Monthly Downloads</div>
209-
</div>
210-
<div class="text-center">
211-
<div class="text-2xl font-bold text-blue-500 dark:text-blue-400 mb-1">5K+</div>
212-
<div class="text-sm text-gray-500 dark:text-gray-400">Community Members</div>
213-
</div>
214-
<div class="text-center">
215-
<div class="text-2xl font-bold text-green-500 dark:text-green-400 mb-1">100+</div>
216-
<div class="text-sm text-gray-500 dark:text-gray-400">Contributors</div>
217-
</div>
218-
</div>
219-
</div>
220191
</div>
221192
</section>

‎src/pages/home/components/example/index.astro‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ Scenario('Create a new store', async ({ I, login, SettingsPage }) => {
2020
I.waitInUrl('/settings/setup/stores'); // Explicit waiter
2121
I.see(storeName, '.settings'); // Assert text present inside an element (located by CSS)
2222
const storeId = await I.grabTextFrom('#store-id'); // Use await to get information from browser
23-
I.say(\`Created a store with \${storeId}\'); // Print custom comments
23+
I.say(\`Created a store with \${storeId}\`); // Print custom comments
2424
}).tag('stores');\`;
2525
`;
2626
---
@@ -29,9 +29,10 @@ Scenario('Create a new store', async ({ I, login, SettingsPage }) => {
2929
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative">
3030
<div class="text-center mb-16">
3131
<h2 class="text-4xl md:text-5xl font-bold mb-6">
32-
<span class="bg-gradient-to-r from-purple-600 to-yellow-600 bg-clip-text text-transparent">
33-
Real-world Examples
34-
</span>
32+
Real-world
33+
<span class="bg-gradient-to-r from-purple-600 to-yellow-600 bg-clip-text text-transparent">
34+
Examples
35+
</span>
3536
</h2>
3637
<p class="text-xl text-gray-600 dark:text-gray-300 max-w-3xl mx-auto">
3738
See how CodeceptJS makes complex testing scenarios simple and readable

‎src/pages/home/components/features/index.astro‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -141,12 +141,12 @@ const features = [
141141
</span>
142142
</div>
143143

144-
<h2 class="!mt-0 text-4xl md:text-6xl font-bold mb-6 leading-tight">
144+
<h2 class="!mt-0 text-4xl md:text-5xl font-bold mb-6 leading-tight">
145145
<span class="bg-gradient-to-r from-white via-yellow-200 to-purple-200 bg-clip-text text-transparent animate-text-shimmer">
146146
Powerful Features
147147
</span>
148148
</h2>
149-
<p class="text-xl md:text-2xl text-gray-300 max-w-4xl mx-auto leading-relaxed">
149+
<p class="text-xl text-gray-300 max-w-2xl mx-auto leading-relaxed">
150150
Everything you need for comprehensive end-to-end testing, from scenario-driven tests to AI-powered automation
151151
</p>
152152
</div>

0 commit comments

Comments
 (0)