fixed image slider

Author: RCmags

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

@@ -1 +1 @@
-I"Z{"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
+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

_includes/image-slider.html

@@ -3,7 +3,7 @@
   	{% for image in include.list %}
     	<div class="container_in" 
     	{% if include.aspect_ratio %} 
-    		style="aspect-ratio: {{aspect_ratio}} !important;"
+    		style="aspect-ratio: {{include.aspect_ratio}} !important;"
     	{% endif %}>
     		<span class="counter">{{ forloop.index }} / {{ forloop.length }}</span>      		
       		<img class="image" loading="lazy" src="{{ image.url }}">

_includes/page-header.html

@@ -1,5 +1,5 @@
 <header class="header-holder">
-	<h1 class="header-title">
+	<span class="header-title">
 		{{ include.content }}
-	</h1>
+	</spaj>
 </header>

_layouts/category-page.html

@@ -6,7 +6,8 @@
 
 <!-- category -->
 <header class="post-header">
-	<h1 style ="text-align: center;" class="post-title">{{ page.category | escape }}</h1>
+	<h1 class="post-title">{{ page.category | escape }}</h1>
+	<span>{{ page.description }}<span>
 </header>
 
 <!-- post list -->

_sass/image-slider.scss

@@ -2,20 +2,20 @@
 	// scroll bar
 		/* width */
 	::-webkit-scrollbar {
-  		height: 10px;	
+  		height: 8px;	
 	}
 
 		/* Track */
 	::-webkit-scrollbar-track {
-  		box-shadow: inset 0 0 3px grey; 
-  		//border: 1px solid grey;
-  		border-radius: 5px;
+  		//box-shadow: inset 0 0 2px grey; 
+  		border-bottom: 1px solid LightGray;
+  		//border-radius: 4px;
 	}
 
 		/* Handle */
 	::-webkit-scrollbar-thumb {
   		background: LightGray; 
-  		border-radius: 5px;
+  		border-radius: 4px;
 	}
 
 		/* Handle on hover */

_sass/minima.scss

@@ -10,8 +10,9 @@ $base-line-height: 1.5 !default;
 
 	// Decreased spacing unit, 30px default
 $spacing-unit:     12px !default;
+$img-radius:		5px;
 
-$text-color:       #111 !default;
+$text-color:       gray;//#111 !default;
 $background-color: #fdfdfd !default;
 $brand-color:      #2a7ae2 !default;
 
@@ -29,6 +30,7 @@ $on-palm:          600px !default;
 $on-laptop:        800px !default;
 $max-image-size:   650px;
 
+
 // Use media queries like this:
 // @include media-query($on-palm) {
 //   .wrapper {

_sass/minima/_base.scss

@@ -9,11 +9,12 @@ dl, dd, ol, ul, figure {
 }
 
 
-// text formatting
+// general text formatting, colors!
 li, p {
-  color: grey;
+  //color: grey;
 }
 
+	/* margin */
 p {
   padding-bottom: 10px;
 }
@@ -80,7 +81,7 @@ img {
   display: block;
   margin-left: auto;
   margin-right: auto;
-  border-radius: 5px;
+  border-radius: $img-radius;
 }
 
 

_sass/minima/_layout.scss

@@ -4,8 +4,8 @@
 .site-header {
   //border-top: 1px solid $grey-color-dark;
   border-bottom: 2px solid $grey-color-light;
-  //min-height: 60px; //$spacing-unit * 1.865;
-  height: 60px;
+  min-height: 60px; //$spacing-unit * 1.865;
+  //height: 60px;
 
   box-shadow: 0px 1px 6px $grey-color-light;
   margin-bottom: 5px; 
@@ -256,7 +256,7 @@
 
 .header-holder {
   position: absolute;
-  top: 7px;
+  top: 9px;
   //margin-bottom: $spacing-unit;
   //padding-left: 10px;
   //padding-right: 10px;
@@ -271,7 +271,7 @@
   @include relative-font-size(2.625);
   letter-spacing: -1px;
   line-height: 1;
-  color: LightSteelBlue;
+  color: SteelBlue;
 }
 
 .post-content {

_sass/projects.scss

@@ -9,7 +9,6 @@
 		display: flex;
 		flex-direction: row;
 		justify-content: space-between;
-		color: $grey-color-dark;
 		outline:none;
 	}
 		// hide default arrow

_sass/youtube.scss

@@ -5,6 +5,7 @@
 
 	iframe {
 		border: 0;
+		border-radius: $img-radius;
 
 		// position
 		position: absolute;