Skip to content

Commit de2d0bb

Browse files
arhimedearhimede
authored
Merge pull request #14 from dotkernel/issue-13
Issue #13: Design improvements
2 parents 9300319 + b3dcede commit de2d0bb

File tree

3 files changed

+49
-47
lines changed

3 files changed

+49
-47
lines changed

‎css/docs.css‎

Lines changed: 13 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
}
@@ -345,6 +347,8 @@ pre code {
345347
}
346348

347349
code {
350+
color: #F60025;
351+
font-family: SpaceGrotesk, serif;
348352
font-size: 1em !important;
349353
font-weight: bold !important;
350354
}

‎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>

‎packages/index.html‎

Lines changed: 18 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -488,14 +488,12 @@ <h5 class="card-title">Device information</h5>
488488

489489
<footer class="footer">
490490
<div class="container">
491+
<hr class="mb-5" />
492+
491493
<div class="row">
492494
<div class="col-md-9">
493-
<div class="footer_head">
494-
<p>Dotkernel</p>
495-
</div>
496-
497495
<div class="row">
498-
<div class="col-md-6 dk_widget">
496+
<div class="col-lg-4 col-md-6 dk_widget">
499497
<p>Dotkernel API</p>
500498

501499
<a href="https://docs.dotkernel.org/api-documentation/">
@@ -504,7 +502,7 @@ <h5 class="card-title">Device information</h5>
504502
</a>
505503
</div>
506504

507-
<div class="col-md-6 dk_widget">
505+
<div class="col-lg-4 col-md-6 dk_widget">
508506
<p>Dotkernel Admin</p>
509507

510508
<a href="https://docs.dotkernel.org/admin-documentation/">
@@ -513,7 +511,7 @@ <h5 class="card-title">Device information</h5>
513511
</a>
514512
</div>
515513

516-
<div class="col-md-6 dk_widget">
514+
<div class="col-lg-4 col-md-6 dk_widget">
517515
<p>Dotkernel Frontend</p>
518516

519517
<a href="https://docs.dotkernel.org/frontend-documentation/">
@@ -522,7 +520,7 @@ <h5 class="card-title">Device information</h5>
522520
</a>
523521
</div>
524522

525-
<div class="col-md-6 dk_widget">
523+
<div class="col-lg-4 col-md-6 dk_widget">
526524
<p>Dotkernel Light</p>
527525

528526
<a href="https://docs.dotkernel.org/light-documentation/">
@@ -531,7 +529,7 @@ <h5 class="card-title">Device information</h5>
531529
</a>
532530
</div>
533531

534-
<div class="col-md-6 dk_widget">
532+
<div class="col-lg-4 col-md-6 dk_widget">
535533
<p>Dotkernel Packages</p>
536534

537535
<a href="https://docs.dotkernel.org/packages/">
@@ -540,7 +538,7 @@ <h5 class="card-title">Device information</h5>
540538
</a>
541539
</div>
542540

543-
<div class="col-md-6 dk_widget">
541+
<div class="col-lg-4 col-md-6 dk_widget">
544542
<p>Dotkernel environment</p>
545543

546544
<a href="https://docs.dotkernel.org/development/">
@@ -551,34 +549,33 @@ <h5 class="card-title">Device information</h5>
551549
</div>
552550
</div>
553551

554-
<div class="col-md-3">
552+
<div class="col-md-3 pt-3">
555553
<div class="footer_head">
556554
<p>Support</p>
557555
</div>
558556

559-
<ul class="support__list">
560-
<li class="support__list-item">
557+
<ul class="support__list row">
558+
<li class="support__list-item col-lg-6 mb-md-3">
561559
<a href="https://github.com/dotkernel" class="support__link" title="GitHub" target="_blank">
562560
<i class="bi bi-github"></i> GitHub
563561
</a>
564562
</li>
565-
<li class="support__list-item">
563+
<li class="support__list-item col-lg-6 mb-md-3">
566564
<a href="https://dotkernel.slack.com" class="support__link" title="Chat" target="_blank">
567565
<i class="bi bi-slack"></i> Slack
568566
</a>
569567
</li>
570-
<li class="support__list-item">
568+
<li class="support__list-item col-lg-6 mb-md-3">
571569
<a href="https://twitter.com/dotkernel" class="support__link" title="X (Twitter)" target="_blank">
572570
<i class="bi bi-twitter-x"></i> Twitter
573571
</a>
574572
</li>
575-
576-
<li class="support__list-item">
573+
<li class="support__list-item col-lg-6 mb-md-3">
577574
<a href="https://www.dotkernel.com/blog/" class="support__link" title="Blog" target="_blank">
578575
<i class="bi bi-file-post"></i> Blog
579576
</a>
580577
</li>
581-
<li class="support__list-item">
578+
<li class="support__list-item col-lg-6 mb-md-3">
582579
<a href="https://www.dotkernel.com/feed/" class="support__link" title="Blog feed" target="_blank">
583580
<i class="bi bi-rss-fill"></i> Feed
584581
</a>
@@ -587,8 +584,10 @@ <h5 class="card-title">Device information</h5>
587584
</div>
588585
</div>
589586

587+
<hr class="mt-5" />
588+
590589
<div class="footer_copy">
591-
&#169; 2024 Dotkernel
590+
&#169; Copyright Dotkernel 2024. All rights reserved.
592591
</div>
593592
</div>
594593
</footer>

0 commit comments

Comments
 (0)