Skip to content

Commit 8ee3839

Browse files
author
Владислав Прусаков
committed
Publish deploy 2020-04-14 14:42
1 parent 6ca5b83 commit 8ee3839

File tree

6 files changed

+72
-51
lines changed

6 files changed

+72
-51
lines changed

‎codesyntax.css‎

Lines changed: 28 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -2,80 +2,80 @@
22
/* Generated by `CodeSyntaxCSSGeneratorPlugin` https://github.com/SpectralDragon/CodeSyntaxCSSGeneratorPlugin */
33

44

5-
pre code .s-call {
6-
color: #25464AFF
5+
pre code .s-keyword {
6+
color: #A90D91FF
77
}
88

9-
pre code .s-type {
10-
color: #3E6D74FF
9+
pre code .s-comment {
10+
color: #007400FF
1111
}
1212

1313
pre code .s-number {
1414
color: #1C00CEFF
1515
}
1616

17-
pre code .s-property {
17+
pre code .s-dotAccess {
18+
color: #25464AFF
19+
}
20+
21+
pre code .s-type {
1822
color: #3E6D74FF
1923
}
2024

2125
pre code .s-preprocessing {
2226
color: #63381FFF
2327
}
2428

25-
pre code .s-keyword {
26-
color: #A90D91FF
29+
pre code .s-call {
30+
color: #25464AFF
2731
}
2832

29-
pre code .s-comment {
30-
color: #007400FF
33+
pre code .s-property {
34+
color: #3E6D74FF
3135
}
3236

3337
pre code .s-string {
3438
color: #C41A15FF
3539
}
3640

37-
pre code .s-dotAccess {
38-
color: #25464AFF
39-
}
40-
4141

4242

4343
@media(prefers-color-scheme: dark) {
4444

45-
pre code .s-number {
46-
color: #CFBF69FF
45+
pre code .s-call {
46+
color: #67B6A3FF
4747
}
4848

49-
pre code .s-preprocessing {
50-
color: #FC8E3EFF
49+
pre code .s-property {
50+
color: #67B6A3FF
5151
}
5252

53-
pre code .s-dotAccess {
54-
color: #67B6A3FF
53+
pre code .s-type {
54+
color: #9EF0DDFF
55+
}
56+
57+
pre code .s-keyword {
58+
color: #FC5FA2FF
5559
}
5660

5761
pre code .s-comment {
5862
color: #6C7985FF
5963
}
6064

61-
pre code .s-call {
65+
pre code .s-dotAccess {
6266
color: #67B6A3FF
6367
}
6468

65-
pre code .s-type {
66-
color: #9EF0DDFF
67-
}
68-
6969
pre code .s-string {
7070
color: #FC695DFF
7171
}
7272

73-
pre code .s-keyword {
74-
color: #FC5FA2FF
73+
pre code .s-number {
74+
color: #CFBF69FF
7575
}
7676

77-
pre code .s-property {
78-
color: #67B6A3FF
77+
pre code .s-preprocessing {
78+
color: #FC8E3EFF
7979
}
8080

8181

‎index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,4 +2,4 @@
22
function gtag(){dataLayer.push(arguments);}
33
gtag('js', new Date());
44

5-
gtag('config', 'UA-73980658-4');</script></head><body><header class="header"><div class="container content-restriction"><a class="header-logo" href="/"><h2>LiteCode</h2><h2 class="subtitle">Blog</h2></a></div></header><div class="container collection content-restriction safe-area-insets"><article class="article-item-new"><a href="/posts/first-post"><img src="/Images/vprusakov.jpg"/><div class="article-item-new-content"><div class="article-item-new-header"><h1>Custom NavigationView style</h1><span class="article-item-new-sign">NEW</span></div><h3 class="article-item-new-subtitle">Create your own NavigationViewStyle.</h3><div class="article-item-info"><ul class="tags"><li class="tag-swiftui"><a href="/tags/swiftui">SwiftUI</a></li><li class="tag-ui"><a href="/tags/ui">UI</a></li></ul><p class="article-date">03 Apr 2020</p></div></div></a></article></div><footer class="footer"><div class="footer-container content-restriction"><hr/><div class="about_me"><img class="avatar" src="/Images/vprusakov.jpg" alt="Vladislav Prusakov Profile Picture"/><p>made by Vladislav Prusakov</p></div></div></footer></body></html>
5+
gtag('config', 'UA-73980658-4');</script></head><body><header class="header"><div class="container content-restriction header-container"><a class="header-logo" href="/"><h2>LiteCode</h2><h2 class="subtitle">Blog</h2></a></div></header><div class="container collection content-restriction safe-area-insets"><article class="article-item-new"><a href="/posts/first-post"><img src="/Images/vprusakov.jpg"/><div class="article-item-new-content"><div class="article-item-new-header"><h1>Custom NavigationView style</h1><span class="article-item-new-sign">NEW</span></div><h3 class="article-item-new-subtitle">Create your own NavigationViewStyle.</h3><div class="article-item-info"><ul class="tags"><li class="tag-swiftui"><a href="/tags/swiftui">SwiftUI</a></li><li class="tag-ui"><a href="/tags/ui">UI</a></li></ul><p class="article-date">03 Apr 2020</p></div></div></a></article></div><footer class="footer"><div class="footer-container content-restriction"><hr/><div class="about_me"><img class="avatar" src="/Images/vprusakov.jpg" alt="Vladislav Prusakov Profile Picture"/><p>made by Vladislav Prusakov</p></div></div></footer></body></html>

‎main.css‎

Lines changed: 40 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -60,18 +60,15 @@ html {
6060
border-top: 0.5px solid rgba(0,0,0,0.1);
6161
}
6262

63-
.container {
64-
margin-left: auto;
65-
margin-right: auto;
66-
}
67-
6863
.content-restriction {
6964
max-width: 100%;
7065
}
7166

7267
.safe-area-insets {
7368
margin-top: 54px;
7469
margin-bottom: 32px;
70+
padding-left: 1.5rem;
71+
padding-right: 1.5rem;
7572
}
7673

7774
.collection {
@@ -91,7 +88,7 @@ html {
9188
top: 0; /* Position the navbar at the top of the page */
9289
right: 0;
9390
left: 0;
94-
padding: 8px;
91+
padding: 8px 16px;
9592
background: rgba(255, 255, 255, 0.6);
9693
-webkit-backdrop-filter: saturate(180%) blur(20px);
9794
backdrop-filter:saturate(180%) blur(20px)
@@ -315,6 +312,14 @@ article .tags {
315312
font-weight: bold;
316313
}
317314

315+
/* Article */
316+
317+
article p {
318+
margin-top: 20px;
319+
font-size: 1.05em;
320+
line-height: 1.5;
321+
}
322+
318323
/* Code */
319324

320325
code {
@@ -343,7 +348,7 @@ pre {
343348

344349
pre code {
345350
display: block;
346-
background-color: #f1f3f4;
351+
background-color: #efefef;
347352
padding: 15px 20px;
348353
border-radius: 12px;
349354
color: #111111;
@@ -413,7 +418,7 @@ pre code .highlight {
413418

414419
pre code {
415420
background-color: #111111;
416-
color: #eceff1;
421+
color: #a9bcbc;
417422
}
418423
}
419424

@@ -439,20 +444,26 @@ pre code .highlight {
439444
}
440445

441446
@media (min-width: 1023px) {
447+
448+
.container {
449+
margin-left: auto;
450+
margin-right: auto;
451+
}
452+
442453
.content-restriction {
443454
max-width: 1010px
444455
}
456+
457+
.header-container {
458+
padding-left: 1.5rem;
459+
padding-right: 1.5rem;
460+
}
445461

446462
.article-item-new {
447463
display: flex;
448464
justify-content: center;
449465
}
450466

451-
.container {
452-
padding-left: 1.5rem;
453-
padding-right: 1.5rem;
454-
}
455-
456467
.footer-container {
457468
width: 1010px
458469
}
@@ -479,10 +490,7 @@ pre code .highlight {
479490
}
480491
}
481492

482-
@media only screen and (max-width: 768px) {
483-
.container {
484-
display: inline;
485-
}
493+
@media screen and (max-width: 768px) {
486494

487495
.article-item-new a {
488496
display: block;
@@ -494,8 +502,14 @@ pre code .highlight {
494502

495503
.safe-area-insets {
496504
margin-top: 54px;
497-
margin-left: 8px;
498-
margin-right: 8px;
505+
margin-left: 16px;
506+
margin-right: 16px;
507+
padding-left: 0;
508+
padding-right: 0;
509+
}
510+
511+
h1 {
512+
font-size: 28px;
499513
}
500514

501515
.collection {
@@ -516,4 +530,11 @@ pre code .highlight {
516530
width: 70px;
517531
height: 70px;
518532
}
533+
534+
pre code {
535+
margin-left: -16px;
536+
margin-right: -16px;
537+
border-radius: 0px;
538+
padding: 16px;
539+
}
519540
}

‎posts/first-post/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
function gtag(){dataLayer.push(arguments);}
33
gtag('js', new Date());
44

5-
gtag('config', 'UA-73980658-4');</script></head><body><header class="header"><div class="container content-restriction"><a class="header-logo" href="/"><h2>LiteCode</h2><h2 class="subtitle">Blog</h2></a></div></header><div class="container content-restriction safe-area-insets"><article><h1>Custom NavigationView style</h1><p>Hello everybody, today we will talk about custom NavigationViewStyle.</p><pre><code><span class="s-keyword">import</span> SwiftUI
5+
gtag('config', 'UA-73980658-4');</script></head><body><header class="header"><div class="container content-restriction header-container"><a class="header-logo" href="/"><h2>LiteCode</h2><h2 class="subtitle">Blog</h2></a></div></header><div class="container content-restriction safe-area-insets"><article><h1>Custom NavigationView style</h1><p>Hello everybody, today we will talk about custom NavigationViewStyle.</p><pre><code><span class="s-keyword">import</span> SwiftUI
66

77
<span class="s-keyword">struct</span> ContentView: <span class="s-type">View</span> {
88

‎tags/swiftui/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,4 +2,4 @@
22
function gtag(){dataLayer.push(arguments);}
33
gtag('js', new Date());
44

5-
gtag('config', 'UA-73980658-4');</script></head><body><header class="header"><div class="container content-restriction"><a class="header-logo" href="/"><h2>LiteCode</h2><h2 class="subtitle">Blog</h2></a></div></header><div class="container content-restriction safe-area-insets"><h1>Search by tag <a class=".tags tag-swiftui" href="/tags/swiftui">SwiftUI</a></h1><div class="collection"><article class="article-item-new"><a href="/posts/first-post"><img src="/Images/vprusakov.jpg"/><div class="article-item-new-content"><div class="article-item-new-header"><h1>Custom NavigationView style</h1><span class="article-item-new-sign">NEW</span></div><h3 class="article-item-new-subtitle">Create your own NavigationViewStyle.</h3><div class="article-item-info"><ul class="tags"><li class="tag-swiftui"><a href="/tags/swiftui">SwiftUI</a></li><li class="tag-ui"><a href="/tags/ui">UI</a></li></ul><p class="article-date">03 Apr 2020</p></div></div></a></article></div></div><footer class="footer"><div class="footer-container content-restriction"><hr/><div class="about_me"><img class="avatar" src="/Images/vprusakov.jpg" alt="Vladislav Prusakov Profile Picture"/><p>made by Vladislav Prusakov</p></div></div></footer></body></html>
5+
gtag('config', 'UA-73980658-4');</script></head><body><header class="header"><div class="container content-restriction header-container"><a class="header-logo" href="/"><h2>LiteCode</h2><h2 class="subtitle">Blog</h2></a></div></header><div class="container content-restriction safe-area-insets"><h1>Search by tag <a class=".tags tag-swiftui" href="/tags/swiftui">SwiftUI</a></h1><div class="collection"><article class="article-item-new"><a href="/posts/first-post"><img src="/Images/vprusakov.jpg"/><div class="article-item-new-content"><div class="article-item-new-header"><h1>Custom NavigationView style</h1><span class="article-item-new-sign">NEW</span></div><h3 class="article-item-new-subtitle">Create your own NavigationViewStyle.</h3><div class="article-item-info"><ul class="tags"><li class="tag-swiftui"><a href="/tags/swiftui">SwiftUI</a></li><li class="tag-ui"><a href="/tags/ui">UI</a></li></ul><p class="article-date">03 Apr 2020</p></div></div></a></article></div></div><footer class="footer"><div class="footer-container content-restriction"><hr/><div class="about_me"><img class="avatar" src="/Images/vprusakov.jpg" alt="Vladislav Prusakov Profile Picture"/><p>made by Vladislav Prusakov</p></div></div></footer></body></html>

‎tags/ui/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,4 +2,4 @@
22
function gtag(){dataLayer.push(arguments);}
33
gtag('js', new Date());
44

5-
gtag('config', 'UA-73980658-4');</script></head><body><header class="header"><div class="container content-restriction"><a class="header-logo" href="/"><h2>LiteCode</h2><h2 class="subtitle">Blog</h2></a></div></header><div class="container content-restriction safe-area-insets"><h1>Search by tag <a class=".tags tag-ui" href="/tags/ui">UI</a></h1><div class="collection"><article class="article-item-new"><a href="/posts/first-post"><img src="/Images/vprusakov.jpg"/><div class="article-item-new-content"><div class="article-item-new-header"><h1>Custom NavigationView style</h1><span class="article-item-new-sign">NEW</span></div><h3 class="article-item-new-subtitle">Create your own NavigationViewStyle.</h3><div class="article-item-info"><ul class="tags"><li class="tag-swiftui"><a href="/tags/swiftui">SwiftUI</a></li><li class="tag-ui"><a href="/tags/ui">UI</a></li></ul><p class="article-date">03 Apr 2020</p></div></div></a></article></div></div><footer class="footer"><div class="footer-container content-restriction"><hr/><div class="about_me"><img class="avatar" src="/Images/vprusakov.jpg" alt="Vladislav Prusakov Profile Picture"/><p>made by Vladislav Prusakov</p></div></div></footer></body></html>
5+
gtag('config', 'UA-73980658-4');</script></head><body><header class="header"><div class="container content-restriction header-container"><a class="header-logo" href="/"><h2>LiteCode</h2><h2 class="subtitle">Blog</h2></a></div></header><div class="container content-restriction safe-area-insets"><h1>Search by tag <a class=".tags tag-ui" href="/tags/ui">UI</a></h1><div class="collection"><article class="article-item-new"><a href="/posts/first-post"><img src="/Images/vprusakov.jpg"/><div class="article-item-new-content"><div class="article-item-new-header"><h1>Custom NavigationView style</h1><span class="article-item-new-sign">NEW</span></div><h3 class="article-item-new-subtitle">Create your own NavigationViewStyle.</h3><div class="article-item-info"><ul class="tags"><li class="tag-swiftui"><a href="/tags/swiftui">SwiftUI</a></li><li class="tag-ui"><a href="/tags/ui">UI</a></li></ul><p class="article-date">03 Apr 2020</p></div></div></a></article></div></div><footer class="footer"><div class="footer-container content-restriction"><hr/><div class="about_me"><img class="avatar" src="/Images/vprusakov.jpg" alt="Vladislav Prusakov Profile Picture"/><p>made by Vladislav Prusakov</p></div></div></footer></body></html>

0 commit comments

Comments
 (0)