Skip to content

Commit 25a3545

Browse files
committed
Enhance hero section styles and update text content for clarity
1 parent d1480b2 commit 25a3545

3 files changed

Lines changed: 27 additions & 106 deletions

File tree

.vitepress/theme/style.css

Lines changed: 11 additions & 102 deletions
Original file line numberDiff line numberDiff line change
@@ -44,14 +44,24 @@
4444

4545
/* ===== HOME PAGE STYLES ===== */
4646

47-
/* Logo glow effect with dough colors */
47+
.VPHero {
48+
padding-top: 80px !important;
49+
}
50+
51+
/* Logo glow effect with dough colors */
4852
.VPHero .image-container img,
4953
.VPHero .VPImage {
5054
animation: logo-glow 3s ease-in-out infinite alternate;
5155
filter: drop-shadow(0 0 20px rgba(245, 222, 179, 0.5));
5256
transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
5357
transform-origin: center center;
5458
}
59+
.VPHero .text {
60+
font-weight: 400;
61+
}
62+
.VPHero .tagline {
63+
font-weight: normal;
64+
}
5565

5666
@keyframes logo-glow {
5767
0% {
@@ -64,66 +74,6 @@
6474
}
6575
}
6676

67-
.VPHero .image-container img:hover,
68-
.VPHero .VPImage:hover {
69-
filter: drop-shadow(0 0 30px rgba(245, 222, 179, 0.7))
70-
drop-shadow(0 0 60px rgba(255, 235, 205, 0.5));
71-
}
72-
73-
/* Hero section enhancements */
74-
.VPHero {
75-
padding-top: 80px !important;
76-
padding-bottom: 80px !important;
77-
}
78-
79-
.VPHero .text {
80-
font-size: 64px !important;
81-
font-weight: 700;
82-
}
83-
84-
.VPHero .tagline {
85-
font-size: 20px !important;
86-
line-height: 1.6 !important;
87-
max-width: 800px;
88-
margin: 0 auto;
89-
opacity: 0.9;
90-
}
91-
92-
/* Action buttons styling */
93-
.VPHero .actions {
94-
gap: 16px !important;
95-
padding-top: 32px !important;
96-
}
97-
98-
.VPHero .action.brand {
99-
background: linear-gradient(135deg, var(--vp-c-brand-1), var(--vp-c-brand-2)) !important;
100-
border: none !important;
101-
box-shadow: 0 8px 24px rgba(245, 222, 179, 0.3);
102-
transition: all 0.3s ease;
103-
font-weight: 600;
104-
padding: 12px 32px !important;
105-
font-size: 16px !important;
106-
}
107-
108-
.VPHero .action.brand:hover {
109-
transform: translateY(-2px);
110-
box-shadow: 0 12px 32px rgba(245, 222, 179, 0.4);
111-
}
112-
113-
.VPHero .action.alt {
114-
border: 2px solid var(--vp-c-brand-1) !important;
115-
transition: all 0.3s ease;
116-
font-weight: 600;
117-
padding: 12px 32px !important;
118-
font-size: 16px !important;
119-
}
120-
121-
.VPHero .action.alt:hover {
122-
background: var(--vp-c-brand-soft) !important;
123-
transform: translateY(-2px);
124-
box-shadow: 0 8px 24px rgba(245, 222, 179, 0.2);
125-
}
126-
12777
/* Features section */
12878
.VPFeatures {
12979
padding-top: 48px !important;
@@ -270,44 +220,3 @@
270220
.sponsor-cta-link a:hover {
271221
color: var(--vp-c-brand-1);
272222
}
273-
274-
/* Responsive adjustments */
275-
@media (max-width: 768px) {
276-
.VPHero .text {
277-
font-size: 42px !important;
278-
}
279-
280-
.VPHero .tagline {
281-
font-size: 17px !important;
282-
}
283-
284-
.vp-doc h2 {
285-
font-size: 28px !important;
286-
}
287-
288-
.VPHero .image-container img,
289-
.VPHero .VPImage {
290-
max-width: 80%;
291-
}
292-
293-
.sponsors-section {
294-
margin: 60px auto 40px;
295-
}
296-
297-
.sponsors-title {
298-
font-size: 24px !important;
299-
}
300-
301-
.sponsor-card {
302-
padding: 24px 32px;
303-
min-width: 240px;
304-
}
305-
306-
.sponsor-logo {
307-
padding: 32px 40px;
308-
}
309-
310-
.sponsor-image {
311-
width: 120px;
312-
}
313-
}

index.md

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,14 @@ layout: home
33

44
hero:
55
name:
6-
text: The PHP Testing Framework You Control
7-
tagline: Built for frameworks, SDKs, and complex systems. No inheritance, full extensibility through middleware, clean assertions API.
6+
text: |
7+
The PHP
8+
Testing Framework
9+
You Control
10+
tagline: |
11+
Built for developers, who crave
12+
bread-and-butter tests
13+
with juicy environment control.
814
image:
915
src: https://github.com/php-testo/.github/blob/1.x/resources/logo-full.svg?raw=true
1016
alt: Testo Logo

ru/index.md

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,14 @@ layout: home
33

44
hero:
55
name:
6-
text: PHP фреймворк тестирования, которым вы управляете
7-
tagline: Создан для фреймворков, SDK и сложных систем. Без наследования, полная расширяемость через middleware, чистый API утверждений.
6+
text: |
7+
PHP-фреймворк
8+
тестирования
9+
со вкусом хинкали
10+
tagline: |
11+
Или пельменей.
12+
Хлебо-булочные тесты,
13+
сочный контроль над тестовой средой.
814
image:
915
src: https://github.com/php-testo/.github/blob/1.x/resources/logo-full.svg?raw=true
1016
alt: Testo Logo

0 commit comments

Comments
 (0)