Website improvements

Author: natario1

docs/_config.yml

@@ -13,6 +13,7 @@ google_site_verification: '4x49i17ABIrSvUl52SeL0-t0341aTnWWaC62-FYCRT4'
 github: [metadata] # TODO What's this?
 github_repo: Transcoder
 github_version: 0.7.4
+github_branch: master
 donateurl: '/extra/donate' # relative URL for donations, used in footer.html
 baseurl: '/Transcoder' # Keep as an empty string if served up at the root
 sections: [

docs/_layouts/page.html

@@ -4,8 +4,26 @@
 
 <div class="page-header border-bottom has-divider pb-3">
  <h1 class="d-inline-block mt-1 mb-0 mr-2">{{ page.title }}</h1>
- {% if page.description %}<span>{{ page.description }}</span>{% endif %}
+ {% if page.description %}<span class="mr-2">{{ page.description }}</span>{% endif %}
+ <span><a href="https://github.com/{{ site.author.github }}/{{ site.github_repo }}/edit/{{ site.github_branch }}/docs/{{ page.path }}">[edit this page]</a></span>
 </div>
-<div class="page mt-4">
+<div class="page my-4">
  {{ content }}
 </div>
+<div class="page-footer border-top has-divider">
+ <div class="row text-center">
+ {% assign next = page.order | plus: 1 %}
+ {% assign previous = page.order | minus: 1 %}
+ {% for other in site.categories[page.category] %}
+ {% if other.order == previous %}
+ <a class="previous col mt-3" href="{{ site.baseurl }}{{ other.url }}">< {{ other.title }}</a>
+ {% endif %}
+ {% endfor %}
+
+ {% for other in site.categories[page.category] %}
+ {% if other.order == next %}
+ <a class="next col mt-3" href="{{ site.baseurl }}{{ other.url }}">{{ other.title }} ></a>
+ {% endif %}
+ {% endfor %}
+ </div>
+</div>

docs/css/main.css

@@ -77,13 +77,11 @@ footer {
 
 /* drawer */
 
-.drawer-toggle {
- background-color: transparent;
- border-radius: 50%;
-}
-
-.drawer-toggle:hover {
- background-color: rgba(240, 240, 240, 0.25);
+@media (hover: hover) {
+ .drawer-toggle:hover {
+ background-color: rgba(240, 240, 240, 0.15);
+ border-radius: 50%;
+ }
 }
 
 @media (max-width: 768px) {
@@ -236,6 +234,13 @@ td {
  color: var(--color-text-muted);
 }
 
+.page-footer a {
+ color: black;
+ font-family: var(--font-display), cursive;
+ font-weight: 700;
+ font-size: 1.2em;
+}
+
 /* code */
 
 pre {
@@ -252,11 +257,11 @@ pre {
  font-size: 0.8rem !important;
 }
 
-.language-java, .language-xml, .language-groovy {
+.language-java, .language-xml, .language-kotlin, .language-groovy {
  position: relative;
 }
 
-.language-java::after, .language-xml::after, .language-groovy::after {
+.language-java::after, .language-xml::after, .language-kotlin::after, .language-groovy::after {
  position: absolute;
  top: 0;
  right: 0;
@@ -276,3 +281,7 @@ pre {
 .language-groovy::after {
  content: 'groovy';
 }
+
+.language-kotlin::after {
+ content: 'kotlin';
+}