Skip to content

Commit b574a67

Browse files
OStefan2001OStefan2001
committed
first page update
1 parent 15c50b5 commit b574a67

5 files changed

Lines changed: 144 additions & 10 deletions

File tree

‎config/autoload/app.global.php‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,9 +9,7 @@
99
'meta' => [
1010
'title' => 'Dotkernel | Headless Platform for modern web application',
1111
'description' => 'Dotkernel is a Headless Platform for building modern web applications
12-
Dotkernel is a collection of applications (skeletons) that use a middleware-first architecture
13-
built on top of the Mezzio microframework using Laminas components. The goal is to provide a
14-
pre-configured environment for app',
12+
using a collection of applications (skeletons).',
1513
'image' => $baseUrl . 'uploads/opengraph/dotkernel.png',
1614
'type' => 'website',
1715
'siteName' => 'Dotkernel Light',

‎public/css/app.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/App/assets/scss/components/_general.scss‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -36,13 +36,13 @@ h4, .h4,
3636
h5, .h5,
3737
h6, .h6 {
3838
font-family: var(--font-heading);
39-
font-weight: 600;
39+
font-weight: 700;
4040
color: var(--color-text);
4141
letter-spacing: -0.02em;
4242
line-height: 1.25;
4343
}
4444

45-
h1, .h1 { font-size: 2.5rem; font-weight: 700; }
45+
h1, .h1 { font-size: 3rem; font-weight: 700; }
4646
h2, .h2 { font-size: 2rem; }
4747
h3, .h3 { font-size: 1.5rem; }
4848
h4, .h4 { font-size: 1.25rem; }

‎src/App/assets/scss/components/_pages.scss‎

Lines changed: 79 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
1-
/* homepage - "what is the platform" + component cards */
2-
31
.platform-intro {
42
padding: 60px 0;
53
}
@@ -101,4 +99,83 @@
10199
display: flex;
102100
flex-wrap: wrap;
103101
gap: 8px;
102+
}
103+
104+
105+
.platform-header p {
106+
max-width: 700px;
107+
margin: 0 auto;
108+
color: var(--color-text-muted);
109+
font-size: 1.1rem;
110+
}
111+
112+
.what-is-platform {
113+
padding: 60px 0;
114+
}
115+
116+
.what-is-platform h2 {
117+
font-family: var(--font-heading);
118+
margin-bottom: 20px;
119+
}
120+
121+
.what-is-platform p {
122+
color: var(--color-text-muted);
123+
font-size: 1.05rem;
124+
}
125+
126+
.extending-power-label {
127+
margin-top: 20px;
128+
margin-bottom: 10px;
129+
font-weight: 500;
130+
color: var(--color-text);
131+
}
132+
133+
.what-is-platform img[alt="Mezzio by Laminas"] {
134+
max-width: 220px;
135+
height: auto;
136+
}
137+
138+
.what-is-row {
139+
display: flex;
140+
flex-wrap: wrap;
141+
gap: 20px;
142+
margin-bottom: 20px;
143+
}
144+
145+
.what-is-row:last-child {
146+
margin-bottom: 0;
147+
}
148+
149+
.what-is-box {
150+
flex: 1 1 calc(50% - 10px);
151+
text-align: center;
152+
background: var(--color-surface);
153+
border: 1px solid var(--color-border);
154+
border-radius: var(--radius);
155+
padding: 30px 20px;
156+
transition: var(--transition);
157+
}
158+
159+
.what-is-box:hover {
160+
border-color: var(--color-primary);
161+
transform: translateY(-2px);
162+
}
163+
164+
.what-is-box img {
165+
width: 50px;
166+
height: 50px;
167+
margin-bottom: 12px;
168+
display: inline-block;
169+
}
170+
171+
.what-is-box p {
172+
margin-bottom: 0;
173+
font-weight: 500;
174+
color: var(--color-text);
175+
}
176+
177+
@media (max-width: 767.98px) {
178+
.what-is-box {
179+
flex: 1 1 100%;
180+
}
104181
}

‎src/App/templates/app/index.html.twig‎

Lines changed: 61 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,66 @@
44

55
{% block content %}
66

7-
{# ---------- Componente ale platformei ---------- #}
7+
<section class="platform-header">
8+
<div class="container">
9+
<h1 class="text-center">Dotkernel is a Headless Platform for<br> building modern web applications</h1>
10+
<p class="text-center py-3">
11+
Dotkernel is a collection of applications (skeletons) that use a middleware-first architecture built on top of the Mezzio microframework using Laminas components. <br>
12+
The goal is to provide
13+
a pre-configured environment for applications ranging from presentation sites, to
14+
enterprise-level APIs and everything in between.
15+
</p>
16+
</div>
17+
</section>
18+
19+
<section class="what-is-platform">
20+
<div class="container">
21+
<div class="row g-4 align-items-center">
22+
<div class="col-lg-6">
23+
<h2>What is the Dotkernel Headless Platform?</h2>
24+
<p>
25+
The Dotkernel Headless Platform is made up of Open Source components aimed at
26+
businesses that need custom solutions. It supports microservices, as well as
27+
enterprise-grade APIs. Its modern, future-proof architecture is based on
28+
middleware and PSRs.
29+
</p>
30+
31+
<div class="row">
32+
<div class="col-12">
33+
<p class="extending-power-label">Extending the power of</p>
34+
<img src="/uploads/2025/09/mezzio-by-laminas.svg" alt="Mezzio by Laminas" loading="lazy">
35+
</div>
36+
</div>
37+
</div>
38+
39+
<div class="col-lg-6">
40+
<div class="elementor-widget-container">
41+
<div class="what-is-row">
42+
<div class="col-md-6 what-is-box">
43+
<img decoding="async" src="/uploads/2025/06/traffic-sign-50.png" alt="Unmatched flexibility" loading="lazy">
44+
<p>Unmatched flexibility</p>
45+
</div>
46+
<div class="col-md-6 what-is-box">
47+
<img decoding="async" src="/uploads/2025/06/success-50.png" alt="Unlimited scalability" loading="lazy">
48+
<p>Unlimited scalability</p>
49+
</div>
50+
</div>
51+
<div class="what-is-row">
52+
<div class="col-md-6 what-is-box">
53+
<img decoding="async" src="/uploads/2025/06/speed-radar-50.png" alt="Lightning-fast performance" loading="lazy">
54+
<p>Lightning-fast performance</p>
55+
</div>
56+
<div class="col-md-6 what-is-box">
57+
<img decoding="async" src="/uploads/2025/06/maintenance.png" alt="Easier maintenance and onboarding" loading="lazy">
58+
<p>Easier maintenance and onboarding</p>
59+
</div>
60+
</div>
61+
</div>
62+
</div>
63+
</div>
64+
</div>
65+
</section>
66+
867
<section class="platform-components">
968
<div class="container">
1069
<h2 class="text-center">Headless Platform</h2>
@@ -71,4 +130,4 @@
71130
</div>
72131
</div>
73132
</section>
74-
{% endblock %}
133+
{% endblock %}

0 commit comments

Comments
 (0)