classic-jekyll-theme 1.9.4 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (114) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +18 -359
  3. data/_data/setup.yml +62 -10
  4. data/_data/text-for.yml +3 -0
  5. data/_includes/banner-area.html +57 -0
  6. data/_includes/banner-icon.html +23 -0
  7. data/_includes/banner-title-area.html +30 -0
  8. data/_includes/cblock-row.html +15 -3
  9. data/_includes/cblock.html +16 -1
  10. data/_includes/disqus-comments.html +39 -0
  11. data/_includes/footer.html +11 -0
  12. data/_includes/google-analytics.html +18 -8
  13. data/_includes/head.html +71 -30
  14. data/_includes/menubar-icon.html +23 -0
  15. data/_includes/menubar.html +428 -0
  16. data/_includes/secondary-column.html +30 -9
  17. data/_includes/tertiary-column.html +7 -3
  18. data/_includes/vertical-menu.html +284 -0
  19. data/_includes/widgets/browser-info.html +5 -2
  20. data/_includes/widgets/categories.html +21 -0
  21. data/_includes/widgets/cookie-consent.html +10 -10
  22. data/_includes/widgets/older-posts.html +63 -42
  23. data/_includes/widgets/recent-posts.html +14 -8
  24. data/_includes/widgets/social-media-res/icon-github.html +7 -1
  25. data/_includes/widgets/social-media-res/icon-github.svg +1 -1
  26. data/_includes/widgets/social-media-res/icon-twitter.html +7 -1
  27. data/_includes/widgets/social-media-res/icon-twitter.svg +1 -1
  28. data/_includes/widgets/social-media.html +19 -10
  29. data/_includes/widgets/subscribe.html +9 -4
  30. data/_includes/widgets/youtube-player.html +8 -8
  31. data/_layouts/banner-layout.html +1 -0
  32. data/_layouts/category-page.html +33 -33
  33. data/_layouts/content-blocks.html +1 -3
  34. data/_layouts/default.html +129 -55
  35. data/_layouts/home.html +4 -4
  36. data/_layouts/page.html +13 -12
  37. data/_layouts/post.html +13 -12
  38. data/_sass/classic-jekyll-theme.scss +1143 -155
  39. data/_sass/classic/_banner-area.scss +548 -0
  40. data/_sass/classic/_body.scss +15 -0
  41. data/_sass/classic/_columns.scss +122 -0
  42. data/_sass/classic/{_support.scss → _custom.scss} +12 -4
  43. data/_sass/classic/_footer.scss +31 -0
  44. data/_sass/classic/_menubar.scss +509 -0
  45. data/_sass/classic/_normalize-override.scss +9 -9
  46. data/_sass/classic/_normalize.scss +13 -27
  47. data/_sass/classic/_page.scss +1 -1
  48. data/_sass/classic/_post.scss +1 -1
  49. data/_sass/classic/_theme-internal.scss +37 -0
  50. data/_sass/classic/_theme-library.scss +85 -0
  51. data/_sass/classic/_vertical-menu.scss +237 -0
  52. data/_sass/classic/_widgets.scss +88 -0
  53. data/assets/img/banner-area-layout.png +0 -0
  54. data/assets/img/cog-wheels-120x68.png +0 -0
  55. data/assets/img/cog-wheels-240x135.png +0 -0
  56. data/assets/img/cog-wheels-30x17.png +0 -0
  57. data/assets/img/cog-wheels-60x43.png +0 -0
  58. data/assets/img/column-panel-layout.png +0 -0
  59. data/assets/img/test-pattern-110x83.png +0 -0
  60. data/assets/img/test-pattern-1280x800.png +0 -0
  61. data/assets/img/test-pattern-220x165.png +0 -0
  62. data/assets/img/test-pattern-55x42.png +0 -0
  63. data/assets/img/test-pattern-640x400.png +0 -0
  64. data/assets/img/top-level-layout.png +0 -0
  65. data/icons/android-chrome-192x192.png +0 -0
  66. data/icons/apple-touch-icon.png +0 -0
  67. data/icons/browserconfig.xml +9 -0
  68. data/icons/favicon-16x16.png +0 -0
  69. data/icons/favicon-32x32.png +0 -0
  70. data/icons/favicon.ico +0 -0
  71. data/icons/manifest.json +13 -0
  72. data/icons/mstile-150x150.png +0 -0
  73. data/icons/safari-pinned-tab.svg +14 -0
  74. data/pages/about/about.md +4 -1
  75. data/pages/classic/01-features.md +36 -0
  76. data/pages/classic/02-setup.md +113 -0
  77. data/pages/classic/03-pages-and-posts.md +21 -0
  78. data/pages/classic/04-posts.md +18 -0
  79. data/pages/classic/05-menus.md +122 -0
  80. data/pages/classic/06-categories.md +38 -0
  81. data/pages/classic/07-terminology.md +35 -0
  82. data/pages/classic/08-versioning.md +23 -0
  83. data/pages/contact/contact.md +7 -2
  84. data/pages/jekyll/01-jekyll.md +42 -0
  85. data/pages/jekyll/02-speed.md +88 -0
  86. data/pages/jekyll/03-ruby.md +19 -0
  87. data/pages/layouts/banner-main.md +36 -0
  88. data/pages/{other → layouts}/blocks.md +4 -3
  89. data/pages/layouts/landing-page.md +21 -0
  90. data/pages/layouts/no-sec-no-ter.md +28 -0
  91. data/pages/layouts/sec-left-no-ter.md +28 -0
  92. data/pages/layouts/sec-left-ter-right.md +28 -0
  93. data/pages/layouts/sec-right-no-ter.md +28 -0
  94. data/pages/layouts/sec-right-ter-left.md +28 -0
  95. data/pages/{more/more.md → menus/landing-page.md} +2 -5
  96. data/pages/menus/submenu-subsections.md +72 -0
  97. data/pages/menus/submenu1.md +22 -0
  98. data/pages/menus/submenu2.md +21 -0
  99. data/pages/menus/submenu3.md +30 -0
  100. metadata +72 -24
  101. data/_includes/disqus_comments.html +0 -25
  102. data/_includes/navbanner.html +0 -232
  103. data/_layouts/navbanner-layout.html +0 -1
  104. data/_sass/classic/_formatting.scss +0 -336
  105. data/_sass/classic/_layout.scss +0 -331
  106. data/_sass/classic/_widget-support.scss +0 -42
  107. data/navbanner.md +0 -5
  108. data/pages/classic/categories.md +0 -13
  109. data/pages/classic/classic.md +0 -12
  110. data/pages/classic/known-problems.md +0 -14
  111. data/pages/classic/pages.md +0 -23
  112. data/pages/classic/posts.md +0 -19
  113. data/pages/other/example-page.md +0 -12
  114. data/pages/other/other.md +0 -10
@@ -1,4 +1,7 @@
1
- {% comment %}
1
+
2
+ <!-- include recent-posts.html -->
3
+ {%- if jekyll.environment != 'production' and site.data.setup.fast-content-build -%}{%- else -%}
4
+ {%- comment -%}<!--
2
5
 
3
6
  Usage:
4
7
 
@@ -6,13 +9,16 @@ Configure the number of referenced posts by assigning a value to `number-of-rece
6
9
 
7
10
  Configure the text for the header message in "_data/text-for.yml" for the item `tRecent`.
8
11
 
9
- {% endcomment %}
12
+ -->{%- endcomment %}
10
13
  <div>
11
- {% assign recent = 'Recent' %}
12
- {% if site.data.text-for.tRecent %}{% assign recent = site.data.text-for.tRecent %}{% endif %}
14
+ {%- assign recent = 'Recent' -%}
15
+ {%- if site.data.text-for.tRecent -%}
16
+ {%- assign recent = site.data.text-for.tRecent -%}
17
+ {%- endif %}
13
18
  <h1>{{ recent }}:</h1>
14
- {% for post in site.posts limit: site.data.setup.number-of-recent-posts-in-widget %}
15
- <p><a href="{{ post.url }}">{% if post.date %}{{ post.date | date: "%F" }}{% endif %} {{ post.title }}</a></p>
16
- {% endfor %}
19
+ {%- for post in site.posts limit: site.data.setup.number-of-recent-posts-in-widget %}
20
+ <p><a href="{{ post.url | relative_url }}">{% if post.date %}{{ post.date | date: "%F" }}{% endif %} {{ post.title }}</a></p>
21
+ {%- endfor %}
17
22
  </div>
18
-
23
+ {%- endif %}
24
+ <!-- end of include recent-posts.html -->
@@ -1 +1,7 @@
1
- <a href="https://github.com/{{ include.username }}"><span class="icon icon--github">{% include widgets/social-media-res/icon-github.svg %}</span><span class="username">{{ include.username }}</span></a>
1
+
2
+ <!-- include icon-github.html -->
3
+ <a href="https://github.com/{{ include.username }}">
4
+ <span class="icon icon--github">{%- include widgets/social-media-res/icon-github.svg -%}</span>
5
+ <span class="username">{{ include.username }}</span>
6
+ </a>
7
+ <!-- end of include icon-github.html -->
@@ -1 +1 @@
1
- <svg viewBox="0 0 16 16" width="16px" height="16px"><path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/></svg>
1
+ <svg viewBox="0 0 16 16" width="16px" height="16px"><path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/></svg>
@@ -1 +1,7 @@
1
- <a href="https://twitter.com/{{ include.username }}"><span class="icon icon--twitter">{% include widgets/social-media-res/icon-twitter.svg %}</span><span class="username">{{ include.username }}</span></a>
1
+
2
+ <!-- include icon-twitter.html -->
3
+ <a href="https://twitter.com/{{ include.username }}">
4
+ <span class="icon icon--twitter">{%- include widgets/social-media-res/icon-twitter.svg -%}</span>
5
+ <span class="username">{{ include.username }}</span>
6
+ </a>
7
+ <!-- end of include icon-twitter.html -->
@@ -1 +1 @@
1
- <svg viewBox="0 0 16 16" width="16px" height="16px"><path fill="#828282" d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27 c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767 c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206 C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271 c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469,5.013,1.469 c6.015,0,9.304-4.983,9.304-9.304c0-0.142-0.003-0.283-0.009-0.423C14.976,4.29,15.531,3.714,15.969,3.058z"/></svg>
1
+ <svg viewBox="0 0 16 16" width="16px" height="16px"><path fill="#828282" d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27 c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767 c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206 C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271 c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469,5.013,1.469 c6.015,0,9.304-4.983,9.304-9.304c0-0.142-0.003-0.283-0.009-0.423C14.976,4.29,15.531,3.714,15.969,3.058z"/></svg>
@@ -1,4 +1,6 @@
1
- {% comment %}
1
+
2
+ <!-- include social-media.html -->
3
+ {%- comment -%}<!--
2
4
 
3
5
  Usage:
4
6
 
@@ -6,15 +8,22 @@ Configure the github-username and twitter-username in `_config.yml`.
6
8
 
7
9
  Configure the text for the header message in "_data/text-for.yml" for the item `tSocialMediaResources`.
8
10
 
9
- {% endcomment %}
11
+ -->{%- endcomment %}
10
12
  <div>
11
- {% assign message = 'Social Media & Resources' %}
12
- {% if site.data.text-for.tSocialMediaResources %}{% assign message = site.data.text-for.tSocialMediaResources %}{% endif %}
13
+ {%- assign message = 'Social Media & Resources' -%}
14
+ {%- if site.data.text-for.tSocialMediaResources -%}
15
+ {%- assign message = site.data.text-for.tSocialMediaResources -%}
16
+ {%- endif %}
13
17
  <h1>{{ message }}:</h1>
14
- {% if site.github_username %}
15
- <div>{% include widgets/social-media-res/icon-github.html username=site.github_username %}</div>
16
- {% endif %}
17
- {% if site.twitter_username %}
18
- <div>{% include widgets/social-media-res/icon-twitter.html username=site.twitter_username %}</div>
19
- {% endif %}
18
+ {%- if site.github_username %}
19
+ <div>
20
+ {% include widgets/social-media-res/icon-github.html username=site.github_username %}
21
+ </div>
22
+ {%- endif -%}
23
+ {%- if site.twitter_username %}
24
+ <div>
25
+ {% include widgets/social-media-res/icon-twitter.html username=site.twitter_username %}
26
+ </div>
27
+ {%- endif %}
20
28
  </div>
29
+ <!-- end of include social-media.html -->
@@ -1,13 +1,18 @@
1
- {% comment %}
1
+
2
+ <!-- include subscribe.html -->
3
+ {%- comment -%}<!--
2
4
 
3
5
  Usage:
4
6
 
5
7
  Configure the text for the header message in "_data/text-for.yml" for the item `tSubscribe`.
6
8
 
7
- {% endcomment %}
9
+ -->{%- endcomment %}
8
10
  <div>
9
- {% assign subscribe = 'Subscribe' %}
10
- {% if site.data.text-for.tSubscribe %}{% assign subscribe = site.data.text-for.tSubscribe %}{% endif %}
11
+ {%- assign subscribe = 'Subscribe' -%}
12
+ {%- if site.data.text-for.tSubscribe -%}
13
+ {%- assign subscribe = site.data.text-for.tSubscribe -%}
14
+ {%- endif %}
11
15
  <h1>{{ subscribe }}:</h1>
12
16
  <p class="rss-subscribe"><a href="{{ "/feed.xml" | relative_url }}">via RSS</a></p>
13
17
  </div>
18
+ <!-- end of include subscribe.html -->
@@ -1,4 +1,6 @@
1
- {% comment %}
1
+
2
+ <!-- include youtube-player.html for {{include.video}} -->
3
+ {%- comment -%}<!--
2
4
 
3
5
  Purpose:
4
6
 
@@ -7,12 +9,10 @@ To include a youtube video player in HD format in a column. The player will size
7
9
 
8
10
  Usage:
9
11
 
10
- {% include youtube-hd-player.html
11
- video = "Identifier of the video"
12
- %}
12
+ {%- include widgets/youtube-player.html video='Identifier of the video' -%}
13
13
 
14
14
 
15
- Also needs the following CSS (written in SASS, included in `_sass/_widget-support.scss`):
15
+ Also needs the following CSS (written in SASS, included in `_sass/_widgets.scss`):
16
16
 
17
17
  .scaling-iframe-wrapper-hd {
18
18
  position: relative;
@@ -33,6 +33,6 @@ Also needs the following CSS (written in SASS, included in `_sass/_widget-suppor
33
33
  }
34
34
  }
35
35
 
36
- {% endcomment %}
37
-
38
- <div class="scaling-iframe-wrapper-hd"><iframe src="https://www.youtube.com/embed/{{ include.video }}"></iframe></div>
36
+ -->{%- endcomment %}
37
+ <div class="scaling-iframe-wrapper-hd"><iframe src="https://www.youtube.com/embed/{{ include.video }}"></iframe></div>
38
+ <!-- end of include youtube-player.html -->
@@ -0,0 +1 @@
1
+ {% include banner-area.html %}
@@ -1,51 +1,51 @@
1
1
  ---
2
2
  layout: default
3
3
  ---
4
+ <!-- Start of generated category page -->
4
5
  <article class="page">
5
-
6
- {% assign category = 'Category' %}
7
- {% if site.data.text-for.tCategory %}{% assign category = site.data.text-for.tCategory %}{% endif %}
6
+ {%- assign category = 'Category' -%}
7
+ {%- if site.data.text-for.tCategory -%}{%- assign category = site.data.text-for.tCategory -%}{%- endif %}
8
8
  <header class="page-header">
9
9
  <h1 class="page-title">{{ category }}: {{ page.title | capitalize }}</h1>
10
10
  </header>
11
-
12
- {% assign found = false %}
13
- {% for post in site.posts %}
14
- {% if post.categories %}
15
- {% for cat in post.categories %}
16
- {% if cat == page.title %}
17
- {% assign found = true %}
18
-
11
+ {%- assign found = false -%}
12
+ {%- for post in site.posts -%}
13
+ {%- if post.categories -%}
14
+ {%- for cat in post.categories -%}
15
+ {%- if cat == page.title -%}
16
+ {%- assign found = true %}
19
17
  <div class="category-post">
20
18
  <h2 class="cp-header">
21
19
  <span class="cph-title">{{ post.title }}</span>
22
20
  <span class="post-meta">{{ post.date | date: "%F" }}</span>
23
21
  </h2>
24
-
25
- {% if post.tags.size > 0 %}
26
- {% assign tags = 'Tags' %}
27
- {% if site.data.text-for.tTags %}{% assign tags = site.data.text-for.tTags %}{% endif %}
22
+ {%- if post.tags.size > 0 -%}
23
+ {%- assign tags = 'Tags' -%}
24
+ {%- if site.data.text-for.tTags -%}
25
+ {%- assign tags = site.data.text-for.tTags -%}
26
+ {%- endif %}
28
27
  <p class="post-tags">{{ tags }}: <span>
29
- {% for tag in post.tags %}
30
- {{ tag }}{% if tag != post.tags.last %}, {% endif %}
31
- {% endfor %}</span>
28
+ {%- for tag in post.tags -%}
29
+ {{ tag }}{%- if tag != post.tags.last -%}, {%- endif -%}
30
+ {%- endfor -%}</span>
32
31
  </p>
33
- {% endif %}
34
-
35
- {% assign more = 'more' %}
36
- {% if site.data.text-for.tMore %}{% assign more = site.data.text-for.tMore %}{% endif %}
32
+ {%- endif -%}
33
+ {%- assign more = 'more' -%}
34
+ {%- if site.data.text-for.tMore -%}
35
+ {%- assign more = site.data.text-for.tMore -%}
36
+ {%- endif %}
37
37
  <p>{{ post.excerpt | remove: '<p>' | remove: '</p>' }}<a href="{{ post.url }}">{{ more }}...</a></p>
38
38
  </div>
39
-
40
- {% endif %}
41
- {% endfor %}
42
- {% endif %}
43
- {% endfor %}
44
-
45
- {% if found == false %}
46
- {% assign message = 'No blogposts found for this category' %}
47
- {% if site.data.text-for.tNoBlogpostFound %}{% assign message = site.data.text-for.tNoBlogpostFound %}{% endif %}
39
+ {%- endif -%}
40
+ {%- endfor -%}
41
+ {%- endif -%}
42
+ {%- endfor -%}
43
+ {%- if found == false -%}
44
+ {%- assign message = 'No blogposts found for this category' -%}
45
+ {%- if site.data.text-for.tNoBlogpostFound -%}
46
+ {%- assign message = site.data.text-for.tNoBlogpostFound -%}
47
+ {%- endif %}
48
48
  <div><p style="text-align: center;">{{ message }}</p></div>
49
- {% endif %}
50
-
49
+ {%- endif %}
51
50
  </article>
51
+ <!-- End of generated category page -->
@@ -2,7 +2,5 @@
2
2
  layout: default
3
3
  ---
4
4
  <div class="cblock-page">
5
-
6
- {% include cblock-row.html title="Content Blocks" cblocks=site.data.cblocks %}
7
-
5
+ {% include cblock-row.html title="Content Blocks" cblocks=site.data.cblocks %}
8
6
  </div>
@@ -1,78 +1,152 @@
1
1
  <!DOCTYPE html>
2
- {% if page.secondary-column %}{% if page.secondary-column == 'left' %}{% assign secondary-column = 'left' %}{% endif %}{% if page.secondary-column == 'right' %}{% assign secondary-column = 'right' %}{% endif %}{% else %}{% if site.data.setup.secondary-column == 'left' %}{% assign secondary-column = 'left' %}{% endif %}{% if site.data.setup.secondary-column == 'right' %}{% assign secondary-column = 'right' %}{% endif %}{% endif %}
3
- {% if page.secondary-column-content %}{% assign secondary-column-content = page.secondary-column-content %}{% else %}{% assign secondary-column-content = 'secondary-column.html' %}{% endif %}
4
- {% if page.tertiary-column %}{% if page.tertiary-column == 'present' %}{% assign tertiary-column = 'present' %}{% endif %}{% else %}{% if site.data.setup.tertiary-column == 'present' %}{% assign tertiary-column = 'present' %}{% endif %}{% endif %}
5
- {% if page.tertiary-column-content %}{% assign tertiary-column-content = page.tertiary-column-content %}{% else %}{% assign tertiary-column-content = 'tertiary-column.html' %}{% endif %}
6
- {% if page.navbanner-position %}{% assign navbanner-position = page.navbanner-position %}{% else %}{% assign navbanner-position = site.data.setup.navbanner-position %}{% endif %}
7
- <html>
8
2
 
3
+ {%- comment -%}<!-- Determine placing of secondary column -->{%- endcomment -%}
4
+
5
+ {%- if page.secondary-column -%}
6
+ {%- if page.secondary-column == 'left' -%}
7
+ {%- assign secondary-column = 'left' -%}
8
+ {%- endif -%}
9
+ {%- if page.secondary-column == 'right' -%}
10
+ {%- assign secondary-column = 'right' -%}
11
+ {%- endif -%}
12
+ {%- else -%}
13
+ {%- if site.data.setup.secondary-column == 'left' -%}
14
+ {%- assign secondary-column = 'left' -%}
15
+ {%- endif -%}
16
+ {%- if site.data.setup.secondary-column == 'right' -%}
17
+ {%- assign secondary-column = 'right' -%}
18
+ {%- endif -%}
19
+ {%- endif -%}
20
+
21
+
22
+ {%- comment -%}<!-- Determine content source of secondary column -->{%- endcomment -%}
23
+
24
+ {%- if page.secondary-column-content -%}
25
+ {%- assign secondary-column-content = page.secondary-column-content -%}
26
+ {%- else -%}
27
+ {%- assign secondary-column-content = 'secondary-column.html' -%}
28
+ {%- endif -%}
29
+
30
+
31
+ {%- comment -%}<!-- Determine placing of tertiary column -->{%- endcomment -%}
32
+
33
+ {%- if page.tertiary-column -%}
34
+ {%- if page.tertiary-column == 'present' -%}
35
+ {%- assign tertiary-column = 'present' -%}
36
+ {%- endif -%}
37
+ {%- else -%}
38
+ {%- if site.data.setup.tertiary-column == 'present' -%}
39
+ {%- assign tertiary-column = 'present' -%}
40
+ {%- endif -%}
41
+ {%- endif -%}
42
+
43
+
44
+ {%- comment -%}<!-- Determine content source of secondary column -->{%- endcomment -%}
45
+
46
+ {%- if page.tertiary-column-content -%}
47
+ {%- assign tertiary-column-content = page.tertiary-column-content -%}
48
+ {%- else -%}
49
+ {%- assign tertiary-column-content = 'tertiary-column.html' -%}
50
+ {%- endif -%}
51
+
52
+
53
+ {%- comment -%}<!-- Determine placing of banner-area -->{%- endcomment -%}
54
+
55
+ {%- if page.banner-position -%}
56
+ {%- assign banner-position = page.banner-position -%}
57
+ {%- elsif page.navbanner-position -%}
58
+ {%- assign banner-position = page.navbanner-position -%}
59
+ {%- else -%}
60
+ {%- assign banner-position = site.data.setup.banner-position -%}
61
+ {%- endif %}
62
+ <html>
9
63
  {% include head.html %}
10
64
 
11
65
  <body class="body-panel">
12
66
 
13
- {% if navbanner-position == 'top' %}
14
- {% if site.data.setup.use-separate-navbanner %}
15
- <div id="navFrame" class="navbanner-panel"><script>$("#navFrame").load("/navbanner.html");</script></div>
16
- {% else %}
17
- <div class="navbanner-panel">{% include navbanner.html %}</div>
18
- {% endif %}
19
- {% endif %}
67
+ {%- if banner-position == 'top' or banner-position == 'top-fixed' -%}
68
+ {%- if site.data.setup.use-separate-banner-menubar-file %}
69
+ <div id="navFrame"><script>$("#navFrame").load("/banner-area.html");</script></div>
70
+ {%- else -%}
71
+ {%- include banner-area.html -%}
72
+ {%- endif -%}
73
+ {%- endif %}
20
74
 
21
75
  <div class="column-panel">
22
76
 
23
- {% if secondary-column == 'left' %}
77
+ {%- if secondary-column == 'left' %}
24
78
  <div class="secondary-column">
25
- <div class="secondary-column-content">{% include {{ secondary-column-content }} %}</div>
26
- {% if tertiary-column == 'present' %}
27
- <div class="tertiary-column-content">{% include {{ tertiary-column-content }} %}</div>
28
- {% endif %}
79
+ <div class="secondary-column-content">
80
+ {%- if site.data.setup.drop-down-menu -%}{%- else -%}
81
+ {%- include vertical-menu.html label-modifier="a" -%}
82
+ {%- endif %}
83
+ {% include {{ secondary-column-content }} label-modifier="a" %}
84
+ </div>
85
+ {%- if tertiary-column == 'present' %}
86
+ <div class="tertiary-column-content">
87
+ {% include {{ tertiary-column-content }} %}
88
+ </div>
89
+ {%- endif %}
29
90
  </div>
30
- <div class="secondary-divider"></div>
31
- {% else %}
32
- {% if tertiary-column == 'present' %}
33
- <div class="tertiary-column">
34
- <div class="tertiary-column-content">{% include {{ tertiary-column-content }} %}</div>
91
+ <div class="secondary-separator"></div>
92
+ {%- else -%}
93
+ {%- if tertiary-column == 'present' %}
94
+ <div class="tertiary-column">
95
+ <div class="tertiary-column-content">
96
+ {% include {{ tertiary-column-content }} %}
35
97
  </div>
36
- <div class="tertiary-divider"></div>
37
- {% endif %}
38
- {% endif %}
39
-
98
+ </div>
99
+ <div class="tertiary-separator"></div>
100
+ {%- endif -%}
101
+ {%- endif %}
40
102
 
41
103
  <div class="primary-column">
42
- {% if navbanner-position == 'main' %}
43
- {% if site.data.setup.use-separate-navbanner %}
44
- <div id="navFrame" class="navbanner-panel"><script>$("#navFrame").load("/navbanner.html");</script></div>
45
- {% else %}
46
- <div class="navbanner-panel">{% include navbanner.html %}</div>
47
- {% endif %}
48
- {% endif %}
49
- <main>{{ content }}</main>
104
+ {%- if banner-position == 'main' -%}
105
+ {%- if site.data.setup.use-separate-banner-menubar-file %}
106
+ <div id="navFrame"><script>$("#navFrame").load("/banner-area.html");</script></div>
107
+ {%- else -%}
108
+ {% include banner-area.html %}
109
+ {%- endif -%}
110
+ {%- endif %}
111
+ <main>
112
+
113
+ <!-- Start of main content -->
114
+ {{ content }}
115
+ <!-- End of main content -->
116
+
117
+ </main>
50
118
  </div>
51
119
 
52
-
53
- {% if secondary-column == 'right' %}
54
- <div class="secondary-divider"></div>
120
+ {%- if secondary-column == 'right' %}
121
+ <div class="secondary-separator"></div>
55
122
  <div class="secondary-column">
56
- <div class="secondary-column-content">{% include {{ secondary-column-content }} %}</div>
57
- {% if tertiary-column == 'present' %}
58
- <div class="tertiary-column-content">{% include {{ tertiary-column-content }} %}</div>
59
- {% endif %}
123
+ <div class="secondary-column-content">
124
+ {%- if site.data.setup.drop-down-menu -%}{%- else -%}
125
+ {% include vertical-menu.html label-modifier="c" %}
126
+ {%- endif -%}
127
+ {% include {{ secondary-column-content }} label-modifier="b" %}
128
+ </div>
129
+ {%- if tertiary-column == 'present' %}
130
+ <div class="tertiary-column-content">
131
+ {%- include {{ tertiary-column-content }} %}
132
+ </div>
133
+ {%- endif -%}
60
134
  </div>
61
- {% else %}
62
- {% if tertiary-column == 'present' %}
63
- <div class="tertiary-divider"></div>
64
- <div class="tertiary-column">
65
- <div class="tertiary-column-content">{% include {{ tertiary-column-content }} %}</div>
135
+ {%- else -%}
136
+ {%- if tertiary-column == 'present' %}
137
+ <div class="tertiary-separator"></div>
138
+ <div class="tertiary-column">
139
+ <div class="tertiary-column-content">
140
+ {% include {{ tertiary-column-content }} %}
66
141
  </div>
67
- {% endif %}
68
- {% endif %}
142
+ </div>
143
+ {%- endif -%}
144
+ {%- endif %}
69
145
 
70
146
  </div>
71
-
72
- <div class="footer-divider"></div>
73
-
74
- <div class="footer-panel">{% include footer.html %}</div>
75
-
147
+ <div class="footer-separator"></div>
148
+ <div class="footer-panel">
149
+ {% include footer.html %}
150
+ </div>
76
151
  </body>
77
-
78
152
  </html>