Skip to content

Commit d665598

Browse files
mchavmchav
committed
feat: Fix formatting
1 parent 8dacee3 commit d665598

File tree

6 files changed

+103
-64
lines changed

6 files changed

+103
-64
lines changed

‎_includes/head.html‎

Lines changed: 0 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -9,14 +9,4 @@
99
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
1010
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
1111
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
12-
<link rel="stylesheet" href="{{ "/assets/css/main.css" | prepend: site.baseurl }}" />
13-
<!-- Scripts -->
14-
<script src="{{ "/assets/js/jquery.min.js" | prepend: site.baseurl }}"></script>
15-
<script src="{{ "/assets/js/jquery.dropotron.min.js" | prepend: site.baseurl }}"></script>
16-
<script src="{{ "/assets/js/jquery.scrolly.min.js" | prepend: site.baseurl }}"></script>
17-
<script src="{{ "/assets/js/jquery.scrollgress.min.js" | prepend: site.baseurl }}"></script>
18-
<script src="{{ "/assets/js/skel.min.js" | prepend: site.baseurl }}"></script>
19-
<script src="{{ "/assets/js/util.js" | prepend: site.baseurl }}"></script>
20-
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
21-
<script src="{{ "/assets/js/main.js" | prepend: site.baseurl }}"></script>
2212
</head>

‎_layouts/post.html‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,4 +12,19 @@ <h1 class="post-title" itemprop="name headline">{{ page.title }}</h1>
1212
{{ content }}
1313
</div>
1414

15+
<nav class="post-nav">
16+
{% if page.previous.url %}
17+
<div class="post-nav-prev">
18+
<span class="post-nav-label">&larr; Previous</span>
19+
<a href="{{ page.previous.url | prepend: site.baseurl }}">{{ page.previous.title }}</a>
20+
</div>
21+
{% endif %}
22+
{% if page.next.url %}
23+
<div class="post-nav-next">
24+
<span class="post-nav-label">Next &rarr;</span>
25+
<a href="{{ page.next.url | prepend: site.baseurl }}">{{ page.next.title }}</a>
26+
</div>
27+
{% endif %}
28+
</nav>
29+
1530
</article>

‎_sass/_base.scss‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -129,10 +129,11 @@ blockquote {
129129
*/
130130
pre,
131131
code {
132-
font-size: 15px;
132+
font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
133+
font-size: 14px;
133134
border: 1px solid $grey-color-light;
134135
border-radius: 3px;
135-
background-color: #eef;
136+
background-color: #f6f8fa;
136137
}
137138

138139
code {
@@ -142,6 +143,7 @@ code {
142143
pre {
143144
padding: 8px 12px;
144145
overflow-x: auto;
146+
max-width: 100%;
145147

146148
> code {
147149
border: 0;

‎_sass/_layout.scss‎

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -217,6 +217,16 @@
217217
margin-bottom: $spacing-unit;
218218
padding: 1em;
219219

220+
ul {
221+
list-style: disc;
222+
padding-left: 1.25em;
223+
}
224+
225+
ol {
226+
list-style: decimal;
227+
padding-left: 1.25em;
228+
}
229+
220230
h2 {
221231
font-size: 32px;
222232

@@ -241,3 +251,59 @@
241251
}
242252
}
243253
}
254+
255+
256+
257+
/**
258+
* Post navigation
259+
*/
260+
.post-nav {
261+
display: flex;
262+
justify-content: space-between;
263+
padding: $spacing-unit 0;
264+
border-top: 1px solid $grey-color-light;
265+
margin-top: $spacing-unit;
266+
font-size: $small-font-size;
267+
268+
.post-nav-prev,
269+
.post-nav-next {
270+
max-width: 48%;
271+
}
272+
273+
.post-nav-next {
274+
text-align: right;
275+
margin-left: auto;
276+
}
277+
278+
.post-nav-label {
279+
color: $grey-color;
280+
display: block;
281+
margin-bottom: 4px;
282+
}
283+
}
284+
285+
286+
287+
/**
288+
* Blog listing
289+
*/
290+
.post-card {
291+
padding: 1.5em;
292+
margin-bottom: 1.5em;
293+
border: 1px solid $grey-color-light;
294+
border-radius: 8px;
295+
296+
h2 {
297+
font-size: 24px;
298+
margin-bottom: 0.25em;
299+
}
300+
301+
.post-meta {
302+
margin-bottom: 0.75em;
303+
}
304+
305+
.read-more {
306+
display: inline-block;
307+
margin-top: 0.5em;
308+
}
309+
}

‎_sass/_syntax-highlighting.scss‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,11 @@
22
* Syntax highlighting styles
33
*/
44
.highlight {
5-
background: #fff;
5+
background: #f6f8fa;
66
@extend %vertical-rhythm;
77

88
.highlighter-rouge & {
9-
background: #eef;
9+
background: #f6f8fa;
1010
}
1111

1212
.c { color: #998; font-style: italic } // Comment

‎blog.html‎

Lines changed: 16 additions & 50 deletions
Original file line numberDiff line numberDiff line change
@@ -1,53 +1,19 @@
11
---
2-
layout: post
2+
layout: default
3+
title: Blog
34
---
45

5-
<body class="index">
6-
7-
<div class="posts">
8-
{% for post in site.posts %}
9-
<div style="padding: 1em; margin: 1em; border-style: solid; border-radius: 1em; border-color: grey; border-width: 0.1em;">
10-
<hr>
11-
<article class="post">
12-
13-
<h1><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></h1>
14-
15-
<div class="entry">
16-
{{ post.excerpt }}
17-
</div>
18-
19-
<a href="{{ site.baseurl }}{{ post.url }}" class="read-more">Read More</a>
20-
</article>
21-
<hr>
22-
</div>
23-
{% endfor %}
24-
</div>
25-
26-
<!-- Footer -->
27-
<footer id="footer">
28-
29-
<ul class="icons">
30-
<li><a href="http://twitter.com/datahaskell" class="icon circle fa-twitter"><span
31-
class="label">Twitter</span></a></li>
32-
<li><a href="https://github.com/datahaskell" class="icon circle fa-github"><span
33-
class="label">Github</span></a></li>
34-
</ul>
35-
36-
<ul class="copyright">
37-
<li>Copyright &copy; 2025, all the <strong>dataHaskell</strong> contributors</li>
38-
<!-- li>Design: <a href="http://html5up.net">HTML5 UP</a></li -->
39-
</ul>
40-
41-
</footer>
42-
43-
<!-- Scripts -->
44-
<script src="assets/js/jquery.min.js"></script>
45-
<script src="assets/js/jquery.dropotron.min.js"></script>
46-
<script src="assets/js/jquery.scrolly.min.js"></script>
47-
<script src="assets/js/jquery.scrollgress.min.js"></script>
48-
<script src="assets/js/skel.min.js"></script>
49-
<script src="assets/js/util.js"></script>
50-
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
51-
<script src="assets/js/main.js"></script>
52-
53-
</body>
6+
<div class="blog-listing">
7+
<h1 class="page-heading">Blog</h1>
8+
9+
{% for post in site.posts %}
10+
<div class="post-card">
11+
<h2><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></h2>
12+
<p class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</p>
13+
<div class="entry">
14+
{{ post.excerpt }}
15+
</div>
16+
<a href="{{ site.baseurl }}{{ post.url }}" class="read-more">Read More</a>
17+
</div>
18+
{% endfor %}
19+
</div>

0 commit comments

Comments
 (0)