fixed image slide aspect ratio

Author: RCmags

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

@@ -1 +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"=>"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

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

_sass/image-slider.scss

@@ -1,4 +1,29 @@
 .image-slider {
+	// scroll bar
+		/* width */
+	::-webkit-scrollbar {
+  		height: 10px;	
+	}
+	
+		/* Track */
+	::-webkit-scrollbar-track {
+  		box-shadow: inset 0 0 3px grey; 
+  		//border: 1px solid grey;
+  		border-radius: 5px;
+	}
+ 	
+		/* Handle */
+	::-webkit-scrollbar-thumb {
+  		background: LightGray; 
+  		border-radius: 5px;
+	}
+	
+		/* Handle on hover */
+	::-webkit-scrollbar-thumb:hover {
+  		background: gray; 
+	}
+
+	// containers
   	width: 100%;
   	margin-bottom: 16px;  	
   	max-width: $max-image-size;

collections/projects/Aircraft/_posts/2019-09-19-stabilized_airplane.md

@@ -107,7 +107,7 @@ __Iteration 2:__
 
 For the second iteration, the thrust line of the aircraft was rotated by tilting the firewall of the motor. Through trial and error, the motor was aligned such that the thrust did not generate a noticeable torque about the pitch and yaw axes. This was verified by running the motor at full throttle and letting the airplane enter free fall to see how it rotated.
 
-{% include image-slider.html list=page.slider2 aspect_ratio="16/9" %}
+{% include image-slider.html list=page.slider2 aspect_ratio="2/1" %}
 
 The elevons were also made twice as large to increase the control authority and reduce lag in the control response. By extending the surfaces aft, not only did the area increase but so too did the lever arm with respect to the center of mass.