JS adventures fix

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

@@ -1 +1 @@
-I"�{"source"=>"C:/Users/niaaw/Documents/Business/website/niaapps.github.io", "destination"=>"C:/Users/niaaw/Documents/Business/website/niaapps.github.io/_site", "collections_dir"=>"", "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"}}, "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"=>true, "limit_posts"=>0, "future"=>false, "unpublished"=>false, "whitelist"=>[], "plugins"=>[], "markdown"=>"kramdown", "highlighter"=>"rouge", "lsi"=>false, "excerpt_separator"=>"\n\n", "incremental"=>false, "detach"=>false, "port"=>"4000", "host"=>"127.0.0.1", "baseurl"=>"", "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..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"=>{:guess_lang=>true}, "coderay"=>{}}, "title"=>"Nia Applications", "email"=>"niaapplications@gmail.com", "description"=>"Personal and Coding blog of an aspiring software developer. I code Android Applications and websites.", "url"=>"http://localhost:4000", "twitter_username"=>"niawillie", "github_username"=>"niaapps", "gems"=>["jekyll-feed"], "livereload_port"=>35729, "serving"=>true, "watch"=>true}:ET
+I"P{"source"=>"C:/Users/niaaw/Documents/Business/website/niaapps.github.io", "destination"=>"C:/Users/niaaw/Documents/Business/website/niaapps.github.io/_site", "collections_dir"=>"", "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"}}, "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"=>true, "limit_posts"=>0, "future"=>false, "unpublished"=>false, "whitelist"=>[], "plugins"=>[], "markdown"=>"kramdown", "highlighter"=>"rouge", "lsi"=>false, "excerpt_separator"=>"\n\n", "incremental"=>false, "detach"=>false, "port"=>"4000", "host"=>"127.0.0.1", "baseurl"=>"", "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..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"=>"Nia Applications", "email"=>"niaapplications@gmail.com", "description"=>"Personal and Coding blog of an aspiring software developer. I code Android Applications and websites.", "url"=>"http://localhost:4000", "twitter_username"=>"niawillie", "github_username"=>"niaapps", "gems"=>["jekyll-feed"], "livereload_port"=>35729, "serving"=>true, "watch"=>true}:ET

.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/18/14fb1b22fa0dc75df49367ffe85199bf6e824575656ba5f1e541e076535d5d

@@ -0,0 +1,15 @@
+I"e<div class="feed">
+  <p><a href="https://niaapps.github.io/niaapps-blog/updates-personal/2022/01/31/BHM.html" title="Link to this post">For my email subscribers, please click here</a></p>
+</div>
+
+<p>Hello Readers!
+If you follow me on <a href="https://www.instagram.com/niaapplications/" target="_blank" title="NiaApps on Instagram">instagram,</a> some of this post might feel like a repeat. I do highlight things that did not make it onto the platform, so there is something new, keep reading!</p>
+
+<p>This month I have been highlighting Black History, most of which I was not taught in school, but either at home from family or discovering on my own. Speaking of family, I want to start this post off by honoring some family who made history in their own ways.</p>
+
+<p>My grandfather is someone I did not get to know because he passed before I was born. I have been told he was a great musician and music teacher. A writer in his spare time and a kind husband to my grandmother whom I did get to know.</p>
+
+<p>Clarence _ Williams.</p>
+
+<p>My grandmother, Suzanne Elaine Williams, whom I miss dearly was one of the few Black nurses at the hospital she worked at. She always loved to help people, and I like to think I got that altruism from her. She also went on “night-rides” preparing food and other necessities in packets, and then with others in the community distributing them to the homeless. Suzanne traveled in her lifetime and loved to garden. When my father refused to get a real job, despite having a newly-wed wife and child (me), my grandmother allowed us to stay in her home. My childhood home is a place with both</p>
+:ET

.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/e2/5ebf89578ba3d8bcba42b01bb1758a4fe4ffc43e6ab385e5f84288a2803712 → .jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/63/e11879a17907713880e2bd0cf3ef92bd08991d3a0351f9da7968396c8f2b58

@@ -1,12 +1,13 @@
-I"V]<meta name="description" content="This is a coding post about work I have been doing in JavaScript both on this site and on a project I have for work." />
+I"�]<meta name="description" content="This is a coding post about work I have been doing in JavaScript both on this site and on a project I have for work." />
 
 <!-- Need to copy/paste to each post: Don't forget to change updates-personal or updates-coding-->
 <div class="feed">
   <p><a href="https://niaapps.github.io/niaapps-blog/updates-coding/2020/08/17/JavaScript-Adventure.html" title="Link to this post">For my email subscribers, please click here</a></p>
 </div>
 <link href="/css/syntax.css" rel="stylesheet" />
 
-<style>#section-1 ul, #section-2 ul, #section-3 ul{list-style:none;} 
+<style>
+#section-1 ul, #section-2 ul, #section-3 ul{list-style:none;} 
 .slider {
   -webkit-appearance: none;
   width             : 220px;
@@ -299,7 +300,7 @@
   <span class="nx">output</span><span class="p">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="nx">slider</span><span class="p">.</span><span class="nx">value</span><span class="p">;</span>  
   <span class="nx">slider</span><span class="p">.</span><span class="nx">oninput</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
   <span class="nx">output</span><span class="p">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">value</span><span class="p">;</span>
-  <span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="dl">"</span><span class="s2">post-text</span><span class="dl">"</span><span class="p">).</span><span class="nx">style</span><span class="p">.</span><span class="nx">fontSize</span> <span class="o">=</span> <span class="nx">output</span><span class="p">.</span><span class="nx">innerHTML</span><span class="p">;}</span>
+  <span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="dl">"</span><span class="s2">post-text</span><span class="dl">"</span><span class="p">).</span><span class="nx">style</span><span class="p">.</span><span class="nx">fontSize</span> <span class="o">=</span> <span class="nx">output</span><span class="p">.</span><span class="nx">innerHTML</span> <span class="o">+</span> <span class="dl">'</span><span class="s1">px</span><span class="dl">'</span><span class="p">;}</span>
 <span class="nt">&lt;/script&gt;</span>
 </pre></td></tr></tbody></table></code></pre></figure>
 
@@ -313,12 +314,14 @@
  </div>
 
 <script>
+
   var slider = document.getElementById("font-range");
   var output = document.getElementById("size");
   output.innerHTML = slider.value;  
   slider.oninput = function() {
   output.innerHTML = this.value;
-  document.getElementById("post-text").style.fontSize = output.innerHTML;}
+  document.getElementById("post-text").style.fontSize = output.innerHTML + 'px';}
+
 </script>
 
 <div id="post-text">Hi, this text will change size!</div>

.vscode/ltex.disabledRules.en-US.txt

@@ -1,2 +1,3 @@
 PROFANITY
 FILL_OF_WITH
+ENGLISH_WORD_REPEAT_BEGINNING_RULE

_site/index.html

@@ -24,6 +24,7 @@
   <meta name="msapplication-TileColor" content="#ffffff">
   <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
   <meta name="theme-color" content="#ffffff">
+  <meta property='og:image' content='/../../images/logo.png' />
 
 
   <script id="mcjs">

_site/niaapps-blog/updates-coding/2020/08/17/JavaScript-Adventure.html

@@ -82,7 +82,8 @@ <h3>August 17, 2020</h3>
 </div>
 <link href="/css/syntax.css" rel="stylesheet" />
 
-<style>#section-1 ul, #section-2 ul, #section-3 ul{list-style:none;} 
+<style>
+#section-1 ul, #section-2 ul, #section-3 ul{list-style:none;} 
 .slider {
   -webkit-appearance: none;
   width             : 220px;
@@ -375,7 +376,7 @@ <h3>August 17, 2020</h3>
   <span class="nx">output</span><span class="p">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="nx">slider</span><span class="p">.</span><span class="nx">value</span><span class="p">;</span>  
   <span class="nx">slider</span><span class="p">.</span><span class="nx">oninput</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
   <span class="nx">output</span><span class="p">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">value</span><span class="p">;</span>
-  <span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="dl">"</span><span class="s2">post-text</span><span class="dl">"</span><span class="p">).</span><span class="nx">style</span><span class="p">.</span><span class="nx">fontSize</span> <span class="o">=</span> <span class="nx">output</span><span class="p">.</span><span class="nx">innerHTML</span><span class="p">;}</span>
+  <span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="dl">"</span><span class="s2">post-text</span><span class="dl">"</span><span class="p">).</span><span class="nx">style</span><span class="p">.</span><span class="nx">fontSize</span> <span class="o">=</span> <span class="nx">output</span><span class="p">.</span><span class="nx">innerHTML</span> <span class="o">+</span> <span class="dl">'</span><span class="s1">px</span><span class="dl">'</span><span class="p">;}</span>
 <span class="nt">&lt;/script&gt;</span>
 </pre></td></tr></tbody></table></code></pre></figure>
 
@@ -389,12 +390,14 @@ <h3>August 17, 2020</h3>
  </div>
 
 <script>
+
   var slider = document.getElementById("font-range");
   var output = document.getElementById("size");
   output.innerHTML = slider.value;  
   slider.oninput = function() {
   output.innerHTML = this.value;
-  document.getElementById("post-text").style.fontSize = output.innerHTML;}
+  document.getElementById("post-text").style.fontSize = output.innerHTML + 'px';}
+
 </script>
 
 <div id="post-text">Hi, this text will change size!</div>

_site/niaapps-blog/updates-personal/2022/01/31/BHM.html

@@ -79,13 +79,15 @@ <h3>January 31, 2022</h3>
 </div>
 
 <p>Hello Readers!
-If you follow me on instagram, some of this post might feel like a repeat. I do highlight things that did not make it onto the platform so there is some new stuff so keep reading!</p>
+If you follow me on <a href="https://www.instagram.com/niaapplications/" target="_blank" title="NiaApps on Instagram">instagram,</a> some of this post might feel like a repeat. I do highlight things that did not make it onto the platform, so there is something new, keep reading!</p>
 
 <p>This month I have been highlighting Black History, most of which I was not taught in school, but either at home from family or discovering on my own. Speaking of family, I want to start this post off by honoring some family who made history in their own ways.</p>
 
 <p>My grandfather is someone I did not get to know because he passed before I was born. I have been told he was a great musician and music teacher. A writer in his spare time and a kind husband to my grandmother whom I did get to know.</p>
 
 <p>Clarence _ Williams.</p>
+
+<p>My grandmother, Suzanne Elaine Williams, whom I miss dearly was one of the few Black nurses at the hospital she worked at. She always loved to help people, and I like to think I got that altruism from her. She also went on “night-rides” preparing food and other necessities in packets, and then with others in the community distributing them to the homeless. Suzanne traveled in her lifetime and loved to garden. When my father refused to get a real job, despite having a newly-wed wife and child (me), my grandmother allowed us to stay in her home. My childhood home is a place with both</p>
 </div>
 
 </div>

niaapps-blog/_drafts/2022-02-18-BHM.md

@@ -9,10 +9,12 @@ categories: updates-personal
 </div>
 
 Hello Readers!
-If you follow me on instagram, some of this post might feel like a repeat. I do highlight things that did not make it onto the platform so there is some new stuff so keep reading!
+If you follow me on <a href="https://www.instagram.com/niaapplications/" target="_blank" title="NiaApps on Instagram">instagram,</a> some of this post might feel like a repeat. I do highlight things that did not make it onto the platform, so there is something new, keep reading!
 
 This month I have been highlighting Black History, most of which I was not taught in school, but either at home from family or discovering on my own. Speaking of family, I want to start this post off by honoring some family who made history in their own ways.
 
 My grandfather is someone I did not get to know because he passed before I was born. I have been told he was a great musician and music teacher. A writer in his spare time and a kind husband to my grandmother whom I did get to know.
 
-Clarence _ Williams.
+Clarence _ Williams.
+
+My grandmother, Suzanne Elaine Williams, whom I miss dearly was one of the few Black nurses at the hospital she worked at. She always loved to help people, and I like to think I got that altruism from her. She also went on "night-rides" preparing food and other necessities in packets, and then with others in the community distributing them to the homeless. Suzanne traveled in her lifetime and loved to garden. When my father refused to get a real job, despite having a newly-wed wife and child (me), my grandmother allowed us to stay in her home. My childhood home is a place with both 

niaapps-blog/_posts/updates-coding/2020-08-17-JavaScript-Adventure.md

@@ -10,7 +10,8 @@ categories: updates-coding
  [For my email subscribers, please click here](https://niaapps.github.io/niaapps-blog/updates-coding/{{page.date | date:"%Y/%m/%d/"}}{{page.slug}}.html "Link to this post")
 </div>
 <link href="/css/syntax.css" rel="stylesheet">
-<style>#section-1 ul, #section-2 ul, #section-3 ul{list-style:none;} 
+<style>
+#section-1 ul, #section-2 ul, #section-3 ul{list-style:none;} 
 .slider {
   -webkit-appearance: none;
   width             : 220px;
@@ -192,7 +193,7 @@ The JS:
   output.innerHTML = slider.value;  
   slider.oninput = function() {
   output.innerHTML = this.value;
-  document.getElementById("post-text").style.fontSize = output.innerHTML;}
+  document.getElementById("post-text").style.fontSize = output.innerHTML + 'px';}
 </script>
 {% endhighlight %}
 </div>
@@ -204,13 +205,16 @@ So how does this work? Begin by setting a div's id to equal "post-text"(any text
 <input type="range" min="19" max="40" value="19" class="slider" id="font-range">
  </div>
 
+
 <script>
+
   var slider = document.getElementById("font-range");
   var output = document.getElementById("size");
   output.innerHTML = slider.value;  
   slider.oninput = function() {
   output.innerHTML = this.value;
-  document.getElementById("post-text").style.fontSize = output.innerHTML;}
+  document.getElementById("post-text").style.fontSize = output.innerHTML + 'px';}
+
 </script>  
 
 <div id="post-text">Hi, this text will change size!</div>