Skip to content

Commit 6612187

Browse files
RCmagsRCmags
committed
formatted post lists
1 parent 1595a30 commit 6612187

File tree

12 files changed

+116
-46
lines changed

12 files changed

+116
-46
lines changed

‎.jekyll-cache/Jekyll/Cache/Jekyll--Cache/b7/9606fb3afea5bd1609ed40b622142f1c98125abcfe89a76a661b0e8e343910‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
I"X{"source"=>"/home/bobby/Documents/websites/code_current", "destination"=>"/home/bobby/Documents/websites/code_current/_site", "collections_dir"=>"collections", "cache_dir"=>".jekyll-cache", "plugins_dir"=>"_plugins", "layouts_dir"=>"_layouts", "data_dir"=>"_data", "includes_dir"=>"_includes", "collections"=>{"posts"=>{"output"=>true, "permalink"=>"/:categories/:year/:month/:day/:title:output_ext"}, "projects"=>{"output"=>true}, "blog"=>{"output"=>true}}, "safe"=>false, "include"=>[".htaccess"], "exclude"=>[".sass-cache", ".jekyll-cache", "gemfiles", "Gemfile", "Gemfile.lock", "node_modules", "vendor/bundle/", "vendor/cache/", "vendor/gems/", "vendor/ruby/"], "keep_files"=>[".git", ".svn"], "encoding"=>"utf-8", "markdown_ext"=>"markdown,mkdown,mkdn,mkd,md", "strict_front_matter"=>false, "show_drafts"=>nil, "limit_posts"=>0, "future"=>false, "unpublished"=>false, "whitelist"=>[], "plugins"=>["jekyll-feed", "jekyll-seo-tag"], "markdown"=>"kramdown", "highlighter"=>"rouge", "lsi"=>false, "excerpt_separator"=>"\n\n", "incremental"=>false, "detach"=>false, "port"=>"4000", "host"=>"127.0.0.1", "baseurl"=>nil, "show_dir_listing"=>false, "permalink"=>"date", "paginate_path"=>"/page:num/", "timezone"=>nil, "quiet"=>false, "verbose"=>false, "defaults"=>[], "liquid"=>{"error_mode"=>"warn", "strict_filters"=>false, "strict_variables"=>false}, "kramdown"=>{"auto_ids"=>true, "toc_levels"=>[1, 2, 3, 4, 5, 6], "entity_output"=>"as_char", "smart_quotes"=>"lsquo,rsquo,ldquo,rdquo", "input"=>"GFM", "hard_wrap"=>false, "guess_lang"=>true, "footnote_nr"=>1, "show_warnings"=>false, "syntax_highlighter"=>"rouge", "syntax_highlighter_opts"=>{:default_lang=>"plaintext", :guess_lang=>true}, "coderay"=>{}}, "title"=>"Unusual Vehicles", "author"=>"Raul G.", "email"=>"memoryofatrufestival@gmail.com", "description"=>"Personal blog about model aircraft and small robots\n", "paginate"=>6, "github_username"=>"RCmags", "youtube_username"=>"XXXmags", "rcgroups_username_id"=>"189488", "show_excerpts"=>false, "minima"=>{"date_format"=>"%-d %b %Y"}, "livereload_port"=>35729, "serving"=>true, "watch"=>true, "url"=>"http://localhost:4000"}:ET
1+
I"�{"source"=>"/home/bobby/Documents/websites/code_current", "destination"=>"/home/bobby/Documents/websites/code_current/_site", "collections_dir"=>"collections", "cache_dir"=>".jekyll-cache", "plugins_dir"=>"_plugins", "layouts_dir"=>"_layouts", "data_dir"=>"_data", "includes_dir"=>"_includes", "collections"=>{"posts"=>{"output"=>true, "permalink"=>"/:categories/:year/:month/:day/:title:output_ext"}, "projects"=>{"output"=>true}, "blog"=>{"output"=>true}}, "safe"=>false, "include"=>[".htaccess"], "exclude"=>[".sass-cache", ".jekyll-cache", "gemfiles", "Gemfile", "Gemfile.lock", "node_modules", "vendor/bundle/", "vendor/cache/", "vendor/gems/", "vendor/ruby/"], "keep_files"=>[".git", ".svn"], "encoding"=>"utf-8", "markdown_ext"=>"markdown,mkdown,mkdn,mkd,md", "strict_front_matter"=>false, "show_drafts"=>nil, "limit_posts"=>0, "future"=>false, "unpublished"=>false, "whitelist"=>[], "plugins"=>["jekyll-feed", "jekyll-seo-tag"], "markdown"=>"kramdown", "highlighter"=>"rouge", "lsi"=>false, "excerpt_separator"=>"\n\n", "incremental"=>false, "detach"=>false, "port"=>"4000", "host"=>"127.0.0.1", "baseurl"=>nil, "show_dir_listing"=>false, "permalink"=>"date", "paginate_path"=>"/page:num/", "timezone"=>nil, "quiet"=>false, "verbose"=>false, "defaults"=>[], "liquid"=>{"error_mode"=>"warn", "strict_filters"=>false, "strict_variables"=>false}, "kramdown"=>{"auto_ids"=>true, "toc_levels"=>[1, 2, 3, 4, 5, 6], "entity_output"=>"as_char", "smart_quotes"=>"lsquo,rsquo,ldquo,rdquo", "input"=>"GFM", "hard_wrap"=>false, "guess_lang"=>true, "footnote_nr"=>1, "show_warnings"=>false}, "title"=>"Unusual Vehicles", "author"=>"Raul G.", "email"=>"memoryofatrufestival@gmail.com", "description"=>"Personal blog about model aircraft and small robots\n", "paginate"=>6, "github_username"=>"RCmags", "youtube_username"=>"RCmags", "rcgroups_username_id"=>"189488", "show_excerpts"=>false, "minima"=>{"date_format"=>"%-d %b, %Y"}, "livereload_port"=>35729, "serving"=>true, "watch"=>true, "url"=>"http://localhost:4000"}:ET

‎_config.yml‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -22,15 +22,15 @@ collections:
2222

2323
# social links
2424
github_username: RCmags
25-
youtube_username: XXXmags
25+
youtube_username: RCmags
2626
rcgroups_username_id: "189488"
2727

2828
show_excerpts: false # set to true to show excerpts on the homepage
2929

3030
# Minima date format
3131
# refer to http://shopify.github.io/liquid/filters/date/ if you want to customize this
3232
minima:
33-
date_format: "%-d %b %Y"
33+
date_format: "%-d %b, %Y"
3434

3535
plugins:
3636
- jekyll-feed

‎_includes/category-posts.html‎

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,8 +17,14 @@
1717
<li class="list_item">
1818
{% endif %}
1919
<div id="container_in">
20-
<a href="{{ post.url | relative_url }}"> {{ post.title | escape }} </a>
21-
<span id="date"> {{ post.date | date: date_format }} </span>
20+
<a class="title" href="{{ post.url | relative_url }}"> {{ post.title | escape }} </a>
21+
22+
<div id="date">
23+
<span id="text">{{ post.date | date: date_format }}</span>
24+
<i id="icon">
25+
<img class="date_icon" src="{{ site.baseurl }}/assets/icons/page/calendar.svg">
26+
</i>
27+
</div>
2228
</div>
2329
</li>
2430
{% endfor %}

‎_includes/paginator-list.html‎

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -17,18 +17,20 @@
1717
{% endif %}
1818
<div id="container_in">
1919
<div id="list_in">
20-
<a href="{{ post.url | relative_url }}"> {{ post.title | escape }} </a>
20+
<a class="title" href="{{ post.url | relative_url }}"> {{ post.title | escape }} </a>
2121
<div id="categories">
2222
<!-- directory -->
2323
{% for category in post.categories %}
24-
<small>{{ category }}</small>
25-
{% unless forloop.last %}
26-
<small>/</small>
27-
{% endunless %}
24+
<span class="text">{{ category }}</span>
2825
{% endfor %}
2926
</div>
3027
</div>
31-
<span id="date"> {{ post.date | date: date_format }} </span>
28+
<div id="date">
29+
<span id="text">{{ post.date | date: date_format }}</span>
30+
<i id="icon">
31+
<img class="date_icon" src="{{ site.baseurl }}/assets/icons/page/calendar.svg">
32+
</i>
33+
</div>
3234
</div>
3335
</li>
3436
{% endfor %}

‎_includes/sub-category.html‎

Lines changed: 15 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,34 @@
11
<!-- Collapsible list of sub-categories -->
22

3+
<div class="project-container">
34
<ul class="project-list">
45
{% for post in site[include.parent] %}
5-
<li id="list_out">
6-
<div id="container_list">
7-
<a id="category" href="{{ post.url | relative_url }}"> {{ post.title }} </a>
6+
{% if forloop.last %}
7+
<li class="list_out forlast">
8+
{% else %}
9+
<li class="list_out">
10+
{% endif %}
11+
<div class="container_list">
12+
<!-- category -->
13+
<a class="category" href="{{ post.url | relative_url }}"> {{ post.title }} </a>
814

15+
<!-- dropdown -->
916
<details>
1017
<summary>
1118
{% if post.description %}
1219
<span>{{ post.description }}</span>
1320
{% endif %}
14-
15-
<span class="button_on">[show]</span>
16-
<span class="button_off">[hide]</span>
21+
<!-- buttons -->
22+
<span class="button_on">[show] &#9666;</span>
23+
<span class="button_off">[hide] &#9662;</span>
1724
</summary>
1825

19-
<div id="content">
26+
<div class="content">
2027
{% include category-posts.html category=post.category %}
2128
</div>
2229
</details>
2330
</div>
2431
</li>
2532
{% endfor %}
2633
</ul>
34+
</div>

‎_sass/icons.scss‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
.icon {
22
display: inline;
33
width: 32px;
4-
height: 32px;
4+
aspect-ratio: 1;
55
}
66

77
.page_icon {
@@ -13,3 +13,8 @@
1313
@extend .page_icon;
1414
padding-left: 0px;
1515
}
16+
17+
.date_icon {
18+
@extend .icon;
19+
width: 18px;
20+
}

‎_sass/minima.scss‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
// Define defaults for each variable.
44

55
$base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
6-
$base-font-size: 15px !default;
6+
$base-font-size: 16px !default;
77
$base-font-weight: 400 !default;
88
$small-font-size: $base-font-size * 0.875 !default;
99
$base-line-height: 1.5 !default;
@@ -12,9 +12,10 @@ $base-line-height: 1.5 !default;
1212
$spacing-unit: 12px !default;
1313
$img-radius: 5px;
1414

15-
$text-color: gray;//#111 !default;
15+
$text-color: gray; //#111 !default;
1616
$background-color: #fdfdfd !default;
17-
$brand-color: #2a7ae2 !default;
17+
$brand-color: DodgerBlue; //#2a7ae2 !default;
18+
$post-color: darken(LightSteelBlue, 35%);
1819

1920
$grey-color: #828282 !default;
2021
$grey-color-light: lighten($grey-color, 40%) !default;
@@ -23,6 +24,7 @@ $grey-color-dark: darken($grey-color, 25%) !default;
2324
$table-text-align: left !default;
2425

2526
$header-color: #f8f9f9;
27+
$footer-color: darken($header-color, 4%);
2628

2729
// Width of the content area
2830
$content-width: 1000px !default;

‎_sass/minima/_base.scss‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -130,11 +130,11 @@ h1, h2, h3, h4, h5, h6 {
130130
* Links
131131
*/
132132
a {
133-
color: darken($brand-color, 15%);
133+
color: darken($brand-color, 0%);
134134
text-decoration: none;
135135

136136
&:visited {
137-
color: darken($brand-color, 25%);
137+
color: darken($brand-color, 0%);
138138
}
139139

140140
&:hover {

‎_sass/minima/_layout.scss‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -121,12 +121,11 @@
121121
* Site footer
122122
*/
123123
.site-footer {
124-
border-top: 1px solid $grey-color-light;
125-
border-bottom: none;//5px solid $grey-color-dark;
124+
border-top: 2px solid $grey-color-light;
126125
padding: $spacing-unit 0;
127126

128127
box-shadow: 0px -1px 6px $grey-color-light;
129-
background: $header-color; //#ff9933; //
128+
background: $footer-color;
130129
}
131130

132131
.footer-heading {

‎_sass/pagination.scss‎

Lines changed: 44 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,11 @@
22
.paginator-list {
33
display: flex;
44
justify-content: center;
5+
list-style: none;
56

6-
list-style-type: circle;
7-
//list-style: none;
7+
.title {
8+
color: $post-color;
9+
}
810

911
#container_out {
1012
width: 100%;
@@ -22,35 +24,66 @@
2224
}
2325

2426
.list_item {
25-
font-size: 16px;
26-
margin-bottom: 20px;
27-
//margin-left: 10px;
27+
font-size: 24px;
28+
margin-bottom: 25px;
29+
padding-bottom: 8px;
30+
border-bottom: 1px dotted LightGrey;
31+
}
32+
33+
.forlast {
34+
border-bottom: none !important;
35+
margin-bottom: none !important;
36+
padding-bottom: none !important;
2837
}
2938

3039
#categories {
31-
color: $grey-color-dark;
40+
font-size: 14px;
41+
width: auto;
42+
43+
.text {
44+
background: PaleGoldenRod;
45+
padding: 1px 5px 1px 5px;
46+
border-radius: 8px;
47+
}
3248
}
3349

3450
#date {
35-
color: gray;
51+
min-width: 120px;
3652
text-align: right;
37-
font-size: 14px;
38-
width: 150px;
39-
}
53+
54+
#text {
55+
font-size: 14px;
56+
}
57+
#icon {
58+
padding-left: 5px;
59+
}
60+
}
4061
}
4162

4263

43-
@media (max-width: $on-palm) {
64+
@media (max-width: $on-laptop) {
4465
.paginator-list {
4566
justify-content: left;
67+
4668
#container_out {
4769
width: 100%;
4870
}
71+
4972
#container_in {
5073
flex-direction: column;
5174
}
75+
5276
#date {
5377
text-align: left;
78+
min-width: auto;
79+
80+
#icon {
81+
float: left;
82+
}
83+
#text {
84+
vertical-align: middle;
85+
margin-left: 5px;
86+
}
5487
}
5588
}
5689
}

0 commit comments

Comments
 (0)