Skip to content

Commit 36b8389

Browse files
alexmerlinalexmerlin
committed
Issue #13: Design improvements
Signed-off-by: alexmerlin <alex.merlin.1985@gmail.com>
1 parent 9300319 commit 36b8389

2 files changed

Lines changed: 29 additions & 28 deletions

File tree

‎css/docs.css‎

Lines changed: 11 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -80,13 +80,12 @@ td {
8080

8181
.pkg_card {
8282
border-radius: 20px;
83-
border: 2px solid #000;
84-
box-shadow: 10px 10px 0px 0px rgba(13, 95, 255, 0.3);
83+
border: 2px solid #000000;
84+
box-shadow: 10px 10px 20px 0 #0D5FFF40;
8585
}
8686

8787
.pkg_card:hover {
88-
border: 2px solid rgba(75, 103, 249, 1);
89-
box-shadow: 10px 10px 0px 0px rgba(13, 95, 255, 1);
88+
box-shadow: 13px 13px 20px 0 #FCFC4880;
9089

9190
}
9291

@@ -106,6 +105,7 @@ td {
106105
}
107106

108107
.pkg_card_body > .card-title {
108+
font-family: SpaceGrotesk, serif;
109109
font-size: 30px;
110110
font-weight: bold;
111111
}
@@ -156,7 +156,6 @@ td {
156156
footer {
157157
margin-top: 50px;
158158
padding: 30px 0;
159-
border: 2px solid rgba(228, 228, 228, 1)
160159
}
161160

162161
.footer_head > p {
@@ -192,6 +191,7 @@ footer {
192191
ul.support__list {
193192
list-style: none;
194193
margin: 0;
194+
padding-left: 0 !important;
195195
}
196196

197197
.support__list-item {
@@ -214,7 +214,9 @@ ul.support__list {
214214
}
215215

216216
.footer_copy {
217-
margin: 20px 0;
217+
color: rgba(33, 37, 41, 0.62);
218+
margin: 50px 0 20px 0;
219+
text-align: center;
218220
}
219221

220222
/*DOCUMENTATION*/
@@ -303,10 +305,10 @@ li.subnavigation__list-item.subnavigation__list-item--active {
303305
}
304306

305307
blockquote {
306-
background-color: #f7f7f7;
307-
padding: 12px 20px 0 20px;
308+
background-color: #ced6ff;
309+
padding: 25px 30px 8px 30px;
308310
margin: 2rem 0;
309-
border: 2px solid #d63384;
311+
border: 2px solid #ced6ff;
310312
font-size: 15px;
311313
border-radius: 10px;
312314
}

‎index.html‎

Lines changed: 18 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -205,14 +205,12 @@ <h5 class="card-title">WSL2 Development Environment</h5>
205205

206206
<footer class="footer">
207207
<div class="container">
208+
<hr class="mb-5" />
209+
208210
<div class="row">
209211
<div class="col-md-9">
210-
<div class="footer_head">
211-
<p>Dotkernel</p>
212-
</div>
213-
214212
<div class="row">
215-
<div class="col-md-6 dk_widget">
213+
<div class="col-lg-4 col-md-6 dk_widget">
216214
<p>Dotkernel API</p>
217215

218216
<a href="https://docs.dotkernel.org/api-documentation/">
@@ -221,7 +219,7 @@ <h5 class="card-title">WSL2 Development Environment</h5>
221219
</a>
222220
</div>
223221

224-
<div class="col-md-6 dk_widget">
222+
<div class="col-lg-4 col-md-6 dk_widget">
225223
<p>Dotkernel Admin</p>
226224

227225
<a href="https://docs.dotkernel.org/admin-documentation/">
@@ -230,7 +228,7 @@ <h5 class="card-title">WSL2 Development Environment</h5>
230228
</a>
231229
</div>
232230

233-
<div class="col-md-6 dk_widget">
231+
<div class="col-lg-4 col-md-6 dk_widget">
234232
<p>Dotkernel Frontend</p>
235233

236234
<a href="https://docs.dotkernel.org/frontend-documentation/">
@@ -239,7 +237,7 @@ <h5 class="card-title">WSL2 Development Environment</h5>
239237
</a>
240238
</div>
241239

242-
<div class="col-md-6 dk_widget">
240+
<div class="col-lg-4 col-md-6 dk_widget">
243241
<p>Dotkernel Light</p>
244242

245243
<a href="https://docs.dotkernel.org/light-documentation/">
@@ -248,7 +246,7 @@ <h5 class="card-title">WSL2 Development Environment</h5>
248246
</a>
249247
</div>
250248

251-
<div class="col-md-6 dk_widget">
249+
<div class="col-lg-4 col-md-6 dk_widget">
252250
<p>Dotkernel Packages</p>
253251

254252
<a href="https://docs.dotkernel.org/packages/">
@@ -257,7 +255,7 @@ <h5 class="card-title">WSL2 Development Environment</h5>
257255
</a>
258256
</div>
259257

260-
<div class="col-md-6 dk_widget">
258+
<div class="col-lg-4 col-md-6 dk_widget">
261259
<p>Dotkernel environment</p>
262260

263261
<a href="https://docs.dotkernel.org/development/">
@@ -268,34 +266,33 @@ <h5 class="card-title">WSL2 Development Environment</h5>
268266
</div>
269267
</div>
270268

271-
<div class="col-md-3">
269+
<div class="col-md-3 pt-3">
272270
<div class="footer_head">
273271
<p>Support</p>
274272
</div>
275273

276-
<ul class="support__list">
277-
<li class="support__list-item">
274+
<ul class="support__list row">
275+
<li class="support__list-item col-lg-6 mb-md-3">
278276
<a href="https://github.com/dotkernel" class="support__link" title="GitHub" target="_blank">
279277
<i class="bi bi-github"></i> GitHub
280278
</a>
281279
</li>
282-
<li class="support__list-item">
280+
<li class="support__list-item col-lg-6 mb-md-3">
283281
<a href="https://dotkernel.slack.com" class="support__link" title="Chat" target="_blank">
284282
<i class="bi bi-slack"></i> Slack
285283
</a>
286284
</li>
287-
<li class="support__list-item">
285+
<li class="support__list-item col-lg-6 mb-md-3">
288286
<a href="https://twitter.com/dotkernel" class="support__link" title="X (Twitter)" target="_blank">
289287
<i class="bi bi-twitter-x"></i> Twitter
290288
</a>
291289
</li>
292-
293-
<li class="support__list-item">
290+
<li class="support__list-item col-lg-6 mb-md-3">
294291
<a href="https://www.dotkernel.com/blog/" class="support__link" title="Blog" target="_blank">
295292
<i class="bi bi-file-post"></i> Blog
296293
</a>
297294
</li>
298-
<li class="support__list-item">
295+
<li class="support__list-item col-lg-6 mb-md-3">
299296
<a href="https://www.dotkernel.com/feed/" class="support__link" title="Blog feed" target="_blank">
300297
<i class="bi bi-rss-fill"></i> Feed
301298
</a>
@@ -304,8 +301,10 @@ <h5 class="card-title">WSL2 Development Environment</h5>
304301
</div>
305302
</div>
306303

304+
<hr class="mt-5" />
305+
307306
<div class="footer_copy">
308-
&#169; 2024 Dotkernel
307+
&#169; Copyright Dotkernel 2024. All rights reserved.
309308
</div>
310309
</div>
311310
</footer>

0 commit comments

Comments
 (0)