Skip to content
This repository was archived by the owner on Jan 19, 2025. It is now read-only.

Commit e918c4a

Browse files
chiciochicio
authored
Merge pull request #15 from chicio/restyling-blog 🚀
Restyling blog
2 parents dd30071 + d24d041 commit e918c4a

File tree

91 files changed

+1720
-1458
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

91 files changed

+1720
-1458
lines changed

‎_config.yml‎

Lines changed: 10 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ image: /assets/images/chicio-coding-feature-graphic.jpg
3333
timezone: Europe/Rome
3434
future: false
3535
include: [".well-known"]
36-
paginate: 5
36+
paginate: 10
3737
paginate_path: /blog/page:num/
3838
markdown: kramdown
3939
highlighter: rouge
@@ -56,9 +56,15 @@ exclude:
5656
- material
5757
- LICENSE.md
5858
- README.md
59-
- dependencies-home.html
60-
- dependencies-blog.html
61-
- dependencies-css.html
59+
- dependencies-js-home.html
60+
- dependencies-js-blog.html
61+
- dependencies-css-home.html
62+
- dependencies-css-blog-archive.html
63+
- dependencies-css-blog-home.html
64+
- dependencies-css-blog-post.html
65+
- dependencies-css-blog-tags.html
66+
- dependencies-css-privacy-policy.html
67+
- dependencies-css-cookie-policy.html
6268
- CNAME
6369
- pages-gem
6470
- chicio.github.io.code-workspace

‎_css/blog-archive.scss‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
.blog-archive {
2+
margin-bottom: 15px;
3+
margin-top: 40px;
4+
5+
.archive-list-post {
6+
a {
7+
color: $accent-color;
8+
}
9+
10+
a:hover {
11+
color: $accent-color;
12+
text-decoration: none;
13+
}
14+
15+
.archive-post {
16+
margin-top: 20px;
17+
18+
.archive-list-post-date {
19+
color: $secondary-text-color;
20+
padding: 0;
21+
}
22+
23+
.archive-list-post-title {
24+
padding: 0;
25+
line-height: 1.2;
26+
}
27+
}
28+
}
29+
}

‎_css/blog-common.scss‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
@media (min-width: 1200px) {
2+
.container {
3+
width: 970px;
4+
}
5+
}
6+
7+
.blog-body {
8+
height: 100%;
9+
}
10+
11+
.blog-main {
12+
font-size: 18px;
13+
line-height: 1.5;
14+
h3 {
15+
width: 100%;
16+
font-size: 22px;
17+
}
18+
h4 {
19+
font-size: 20px;
20+
}
21+
hr {
22+
width: 100%;
23+
margin-top: 20px;
24+
margin-bottom: 20px;
25+
}
26+
27+
ul {
28+
font-size: 16px;
29+
}
30+
}
31+
32+
.blog-posts {
33+
margin-top: 100px;
34+
}
35+
36+
/* bootstrap safari fix grid */
37+
.row:before, .row:after {
38+
display: none !important;
39+
}

‎_css/blog-header.scss‎

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
.blog-header {
2+
margin-top: 50px;
3+
margin-bottom: 20px;
4+
5+
.blog-logo {
6+
width: 60px;
7+
height: 60px;
8+
margin-right: 10px;
9+
border-radius: 10px;
10+
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.575);
11+
@include media-breakpoint-up(md) {
12+
width: 80px;
13+
height: 80px;
14+
}
15+
}
16+
17+
.lead.blog-description {
18+
font-size: 12px;
19+
color: $secondary-text-color;
20+
margin-top: 2px;
21+
@include media-breakpoint-up(md) {
22+
font-size: 22px;
23+
}
24+
}
25+
26+
& .blog-title {
27+
margin-top: 0;
28+
margin-bottom: 0;
29+
font-size: 28px;
30+
font-weight: bold;
31+
color: $primary-text-color;
32+
display: block;
33+
@include media-breakpoint-up(md) {
34+
font-size: 40px;
35+
}
36+
37+
a {
38+
color: $primary-text-color;
39+
}
40+
41+
a:hover {
42+
text-decoration: none;
43+
color: $primary-text-color;
44+
}
45+
}
46+
}

‎_css/blog-masthead.scss‎

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
.blog-masthead {
2+
background-color: $primary-color;
3+
-webkit-box-shadow: inset 0 -2px 5px rgba(0, 0, 0, .1);
4+
box-shadow: inset 0 -2px 5px rgba(0, 0, 0, .1);
5+
position: fixed;
6+
width: 100%;
7+
height: $masthead-height;
8+
z-index: 300;
9+
10+
.blog-nav {
11+
height: 55px;
12+
13+
.blog-nav-item {
14+
position: relative;
15+
display: inline-block;
16+
font-weight: 500;
17+
color: #cdddeb;
18+
margin-right: 15px;
19+
height: 55px;
20+
line-height: 70px;
21+
22+
&:hover, &:focus {
23+
color: #fff;
24+
text-decoration: none;
25+
}
26+
27+
&.active {
28+
color: #fff;
29+
}
30+
31+
&.active:after {
32+
position: absolute;
33+
bottom: 0px;
34+
left: 50%;
35+
width: 0;
36+
height: 0;
37+
margin-left: -5px;
38+
content: " ";
39+
border-right: 5px solid transparent;
40+
border-bottom: 5px solid;
41+
border-left: 5px solid transparent;
42+
}
43+
44+
@include media-breakpoint-down(sm) {
45+
padding: 10px;
46+
margin-right: 0;
47+
line-height: 55px;
48+
}
49+
}
50+
}
51+
}

‎_css/blog-pages-button.scss‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
2+
.blog-pages-button {
3+
margin: 20px 5px;
4+
width: 100px;
5+
background-color: $accent-color;
6+
border-radius: 10px;
7+
}

‎_css/blog-post-authors.scss‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
.blog-post-authors {
2+
margin-top: 5px;
3+
width: 100%;
4+
5+
.blog-post-author {
6+
margin-top: 5px;
7+
8+
img {
9+
height: 30px;
10+
width: 30px;
11+
margin: 0 10px 0 0;
12+
}
13+
14+
span {
15+
font-size: 16px;
16+
}
17+
}
18+
}

‎_css/blog-post-meta.scss‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
.blog-post-meta {
2+
margin-bottom: 15px;
3+
margin-top: 5px;
4+
color: $secondary-text-color;
5+
}

‎_css/blog-post-tags.scss‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
.blog-tags {
2+
margin-top: 25px;
3+
margin-bottom: 25px;
4+
5+
ul {
6+
padding: 0;
7+
8+
li:before {
9+
content: ""
10+
}
11+
12+
li {
13+
margin: 0;
14+
font-weight: 300;
15+
display: inline;
16+
list-style-type: none;
17+
text-transform: lowercase;
18+
19+
a {
20+
display: inline-block;
21+
margin: 4px;
22+
color: #ffffff;
23+
background-color: $primary-color;
24+
text-decoration: none;
25+
border-radius: 3px;
26+
27+
span {
28+
float: left;
29+
padding: .5px 5px;
30+
border-radius: 3px;
31+
font-size: 14px;
32+
}
33+
34+
.count {
35+
background-color: $primary-color-dark;
36+
border-radius: 3px;
37+
}
38+
}
39+
}
40+
}
41+
}

‎_css/blog-post.scss‎

Lines changed: 96 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,96 @@
1+
.blog-post {
2+
margin-bottom: 50px;
3+
4+
.blog-post-title {
5+
margin-bottom: 5px;
6+
font-size: 24px;
7+
color: $accent-color;
8+
@include media-breakpoint-up(md) {
9+
font-size: 36px;
10+
}
11+
12+
a {
13+
color: $accent-color;
14+
}
15+
16+
a:hover {
17+
text-decoration: none;
18+
color: $accent-color;
19+
}
20+
}
21+
22+
img {
23+
max-width: 100%;
24+
display: block;
25+
margin: 20px auto;
26+
}
27+
28+
.emoji {
29+
margin: auto;
30+
display: inline;
31+
}
32+
33+
blockquote {
34+
color: #777;
35+
margin: 0 0 20px;
36+
border-left: 5px solid #eee;
37+
padding: 10px 20px;
38+
39+
p {
40+
margin: 0;
41+
}
42+
}
43+
44+
#disqus_thread {
45+
margin-bottom: 30px;
46+
}
47+
48+
.gist {
49+
max-width:100%;
50+
overflow:auto;
51+
}
52+
53+
.gist .blob-wrapper.data {
54+
max-height:500px;
55+
overflow:auto;
56+
@include media-breakpoint-up(md) {
57+
max-height:600px;
58+
overflow:auto;
59+
}
60+
}
61+
}
62+
63+
code.highlighter-rouge {
64+
background-color: #f9f2f4;
65+
padding: 2px 4px;
66+
border-radius: 4px;
67+
}
68+
69+
div.highlighter-rouge {
70+
width: inherit;
71+
margin-bottom: 20px;
72+
73+
div {
74+
border: 1px solid rgba(0,0,0, 0.1);
75+
border-radius: 2px;
76+
}
77+
78+
.highlight {
79+
pre {
80+
white-space: pre;
81+
overflow: auto;
82+
padding: 10px;
83+
margin-bottom: 0;
84+
}
85+
86+
code {
87+
font: 14px 'Open Sans', sans-serif;
88+
display: block;
89+
white-space: pre;
90+
overflow-x: scroll;
91+
word-wrap: normal;
92+
}
93+
}
94+
}
95+
96+

0 commit comments

Comments
 (0)