rating finished

.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"=>nil, "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"�{"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"=>nil, "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

.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/9f/4d63d61a30d292417f4f64475f25acb0eebe42b2a1d24e14294178b3f361cf → .jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/86/be4e98b3de12f0a66ff595ef82185c658ea49f0afdcfc3ed05c235ad811b7b

@@ -1,4 +1,6 @@
-I"�
<meta name="description" content="Post about my time at MLH INIT" />
+I",<meta property="og:description" name="description" content="Post about my time at MLH INIT" />
+
+<meta property="og:image" content="https://niaapps.github.io/images/d3.png" alt="virtual donut I made" />
 
 <link href="/css/syntax.css" rel="stylesheet" />
 

.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/6b/ec4010ec77426d9fdd4aab90a505e396dd1b2824c3751a9107ee4293aceb5f → .jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/95/0961f0c6d4554f8306ab93d35f5f28908f39457d1fdd48a5c6c1f29bf7e7bf

@@ -1,4 +1,6 @@
-I"�-<meta name="description" content="Post about my time at MLH INIT" />
+I"�-<meta property="og:description" name="description" content="Post about my time at MLH INIT" />
+
+<meta property="og:image" content="https://niaapps.github.io/images/d3.png" alt="virtual donut I made" />
 
 <link href="/css/syntax.css" rel="stylesheet" />
 
@@ -144,9 +146,5 @@ If I were to improve this simple project I would probably make an object from th
     <a href="https://niaapps.github.io/niaapps-blog/updates-coding/2021/07/07/AI-Throughout-Time.html" class="post-button" id="button-nxt">Previous Post</a>
     <!-- <a href="" class="post-button" id="button-nxt">Next Post</a> -->
 
-  </div>
-
-<div class="thumbnail">
- <img id="img-id" src="/../../images/d10.png" alt="virtual donut I made" />
 </div>
 :ET

_site/css/styles.css

@@ -550,55 +550,94 @@ footer ul {
   border-color: #7F4D92;
 }
 
-#feedback,
-#fname,
-#lname,
-#fname::placeholder,
-#lname::placeholder #feedback::placeholder {
-  font-size: 16px;
+@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');
+
+* {
+  margin    : 0;
+  padding   : 0;
+  box-sizing: border-box;
 }
 
-.rating {
-  margin-bottom : 50px;
-  display       : flex;
-  flex-direction: row-reverse;
+.r-txt {
+  padding: 15px;
+  margin : 15px;
 }
 
-.rating input {
+.stars {
+  height: 80px;
+  width : 500px;
+
+  text-align: center;
+}
+
+.stars input {
   display: none;
 }
 
-.rating label {
-  display   : block;
-  cursor    : pointer;
-  width     : 50px;
-  background: #ccc;
+.stars label {
+  float      : right;
+  font-size  : 40px;
+  color      : lightgrey;
+  margin     : 0 5px;
+  text-shadow: 1px 1px #bbb;
 }
 
-.rating label ::before {
-  content  : '../images/star-empty.svg';
-  position : relative;
-  display  : block;
-  font-size: 30px;
-  color    : black;
+.stars label:before {
+  content: '★';
 }
 
-.rating label ::after {
-  content    : '../images/star-empty.svg';
+.stars input:checked~label {
+  color      : gold;
+  text-shadow: 1px 1px #c60;
+}
+
+.stars:not(:checked)>label:hover,
+.stars:not(:checked)>label:hover~label {
+  color: gold;
+}
+
+.stars input:checked>label:hover,
+.stars input:checked>label:hover~label {
+  color      : gold;
+  text-shadow: 1px 1px goldenrod;
+}
+
+.stars .result:before {
   position   : absolute;
-  display    : block;
+  content    : "";
+  width      : 100%;
+  left       : 50%;
+  transform  : translateX(-47%);
+  bottom     : -30px;
   font-size  : 30px;
-  color      : #fff2b3;
-  top        : 0;
-  opacity    : 1;
-  transition : 1.5s;
-  text-shadow: 0 2px 5px rgba(0, 0, 0, .5);
+  font-weight: 500;
+  color      : gold;
+  font-family: 'Poppins', sans-serif;
+  display    : none;
+}
 
+.stars input:checked~.result:before {
+  display: block;
 }
 
-.rating label :hover ::after,
-.rating input :checked~label::after {
-  opacity: 1;
+.stars #five:checked~.result:before {
+  content: "5 stars ";
+}
+
+.stars #four:checked~.result:before {
+  content: "4 stars ";
+}
+
+.stars #three:checked~.result:before {
+  content: "3 stars ";
+}
+
+.stars #two:checked~.result:before {
+  content: "2 stars ";
+}
+
+.stars #one:checked~.result:before {
+  content: "1 star ";
 }
 
 /*Niaapps Blog CSS*/

_site/feed.xml

@@ -1,4 +1,6 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.0.1">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2021-07-15T11:10:10-04:00</updated><id>http://localhost:4000/feed.xml</id><title type="html">Nia Applications</title><subtitle>Personal and Coding blog of an aspiring software developer. I code Android Applications and websites.</subtitle><entry><title type="html">INIT Hackathon</title><link href="http://localhost:4000/niaapps-blog/updates-coding/2021/07/15/INIT-Hackathon.html" rel="alternate" type="text/html" title="INIT Hackathon" /><published>2021-07-15T08:00:00-04:00</published><updated>2021-07-15T08:00:00-04:00</updated><id>http://localhost:4000/niaapps-blog/updates-coding/2021/07/15/INIT-Hackathon</id><content type="html" xml:base="http://localhost:4000/niaapps-blog/updates-coding/2021/07/15/INIT-Hackathon.html">&lt;meta name=&quot;description&quot; content=&quot;Post about my time at MLH INIT&quot; /&gt;
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.0.1">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2021-07-31T20:34:11-04:00</updated><id>http://localhost:4000/feed.xml</id><title type="html">Nia Applications</title><subtitle>Personal and Coding blog of an aspiring software developer. I code Android Applications and websites.</subtitle><entry><title type="html">INIT Hackathon</title><link href="http://localhost:4000/niaapps-blog/updates-coding/2021/07/15/INIT-Hackathon.html" rel="alternate" type="text/html" title="INIT Hackathon" /><published>2021-07-15T08:00:00-04:00</published><updated>2021-07-15T08:00:00-04:00</updated><id>http://localhost:4000/niaapps-blog/updates-coding/2021/07/15/INIT-Hackathon</id><content type="html" xml:base="http://localhost:4000/niaapps-blog/updates-coding/2021/07/15/INIT-Hackathon.html">&lt;meta property=&quot;og:description&quot; name=&quot;description&quot; content=&quot;Post about my time at MLH INIT&quot; /&gt;
+
+&lt;meta property=&quot;og:image&quot; content=&quot;https://niaapps.github.io/images/d3.png&quot; alt=&quot;virtual donut I made&quot; /&gt;
 
 &lt;link href=&quot;/css/syntax.css&quot; rel=&quot;stylesheet&quot; /&gt;
 
@@ -144,10 +146,6 @@ If I were to improve this simple project I would probably make an object from th
     &lt;a href=&quot;https://niaapps.github.io/niaapps-blog/updates-coding/2021/07/07/AI-Throughout-Time.html&quot; class=&quot;post-button&quot; id=&quot;button-nxt&quot;&gt;Previous Post&lt;/a&gt;
     &lt;!-- &lt;a href=&quot;&quot; class=&quot;post-button&quot; id=&quot;button-nxt&quot;&gt;Next Post&lt;/a&gt; --&gt;
 
-  &lt;/div&gt;
-
-&lt;div class=&quot;thumbnail&quot;&gt;
- &lt;img id=&quot;img-id&quot; src=&quot;/../../images/d10.png&quot; alt=&quot;virtual donut I made&quot; /&gt;
 &lt;/div&gt;</content><author><name></name></author><category term="niaapps-blog" /><category term="updates-coding" /><summary type="html">For my email subscribers, please click here</summary></entry><entry><title type="html">AI Throughout Time</title><link href="http://localhost:4000/niaapps-blog/updates-coding/2021/07/07/AI-Throughout-Time.html" rel="alternate" type="text/html" title="AI Throughout Time" /><published>2021-07-07T08:00:00-04:00</published><updated>2021-07-07T08:00:00-04:00</updated><id>http://localhost:4000/niaapps-blog/updates-coding/2021/07/07/AI-Throughout-Time</id><content type="html" xml:base="http://localhost:4000/niaapps-blog/updates-coding/2021/07/07/AI-Throughout-Time.html">&lt;!-- unofficial launch is 7/7--&gt;
 &lt;meta name=&quot;description&quot; content=&quot;Dive into the AI world!&quot; /&gt;
 

_site/niaapps-blog/updates-coding/2021/07/15/INIT-Hackathon.html

@@ -62,7 +62,9 @@ <h2>Nia's Blog</h2>
 <div class="wrapper col-2">
   <h3>INIT Hackathon</h3>
   <h3>July 15, 2021</h3>
-  <div class="blog-text col-7"><meta name="description" content="Post about my time at MLH INIT" />
+  <div class="blog-text col-7"><meta property="og:description" name="description" content="Post about my time at MLH INIT" />
+
+<meta property="og:image" content="https://niaapps.github.io/images/d3.png" alt="virtual donut I made" />
 
 <link href="/css/syntax.css" rel="stylesheet" />
 
@@ -208,10 +210,6 @@ <h3 id="mobile-app">Mobile App</h3>
     <a href="https://niaapps.github.io/niaapps-blog/updates-coding/2021/07/07/AI-Throughout-Time.html" class="post-button" id="button-nxt">Previous Post</a>
     <!-- <a href="" class="post-button" id="button-nxt">Next Post</a> -->
 
-  </div>
-
-<div class="thumbnail">
- <img id="img-id" src="/../../images/d10.png" alt="virtual donut I made" />
 </div>
 </div>
 

_site/rate-submission.html

@@ -66,38 +66,41 @@ <h2>Feedback Form</h2>
 
 <div class="wrapper col-2">
     <div class="wps col-7 wp-text">
-        <p>
-            Thank you so much for working with me! I hope that here at NiaApps your expectations were exceeded in
-            providing
-            innovative solutions to your website and app development needs. It would greatly help if you could provide
-            feedback on
-            your experience with me so that I can serve you & other clients better in the future. To see past examples
-            of
-            feedback
-            click here. Have a wonderful day and feel free to reach out if you need my services again!
-            <br />
-            May we meet again soon,
-        <h3>Nia W. of NiaApps</h3>
-        </p>
-        <br />
-        <br />
-        <br />
+        <div class="r-txt">
+            <p>
+                Thank you so much for working with me! I hope that here at NiaApps your expectations were exceeded in
+                providing innovative solutions to your website and app development needs. It would greatly help if you
+                could
+                provide feedback on your experience with me so that I can serve you & other clients better in the
+                future. To
+                see past examples of feedback click here. Have a wonderful day and feel free to reach out if you need my
+                services again!
+                <br /> <br />
+                May we meet again soon,
+                <br /><br />
+            <h3>Nia W. of NiaApps</h3>
+            </p>
 
 
 
+        </div>
+
+
         <form action="https://formkeep.com/f/38fa16dcdcc5" accept-charset="UTF-8" enctype="multipart/form-data"
             method="POST">
-            <div class="rating">
-                <input type="radio" id="star1" name="star1" required><label for="star1">
-                </label>
-                <input type="radio" id="star2" name="star2" required><label for="star2">
-                </label>
-                <input type="radio" id="star3" name="star3" required><label for="star3">
-                </label>
-                <input type="radio" id="star4" name="star4" required><label for="star4">
-                </label>
-                <input type="radio" id="star5" name="star5" required><label for="star5">
-                </label>
+            <div class="stars">
+                <input type="radio" id="five" name="rate" value="5">
+                <label for="five"></label>
+                <input type="radio" id="four" name="rate" value="4">
+                <label for="four"></label>
+                <input type="radio" id="three" name="rate" value="3">
+                <label for="three"></label>
+                <input type="radio" id="two" name="rate" value="2">
+                <label for="two"></label>
+                <input type="radio" id="one" name="rate" value="1">
+                <label for="one"></label>
+
+
             </div>
             <label for="fname">First Name:</label><br /><br />
             <input type="text" id="fname" name="fname" required placeholder="Ex: Yessenia"><br /><br />

css/styles.css

@@ -550,55 +550,94 @@ footer ul {
   border-color: #7F4D92;
 }
 
-#feedback,
-#fname,
-#lname,
-#fname::placeholder,
-#lname::placeholder #feedback::placeholder {
-  font-size: 16px;
+@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');
+
+* {
+  margin    : 0;
+  padding   : 0;
+  box-sizing: border-box;
 }
 
-.rating {
-  margin-bottom : 50px;
-  display       : flex;
-  flex-direction: row-reverse;
+.r-txt {
+  padding: 15px;
+  margin : 15px;
 }
 
-.rating input {
+.stars {
+  height: 80px;
+  width : 500px;
+
+  text-align: center;
+}
+
+.stars input {
   display: none;
 }
 
-.rating label {
-  display   : block;
-  cursor    : pointer;
-  width     : 50px;
-  background: #ccc;
+.stars label {
+  float      : right;
+  font-size  : 40px;
+  color      : lightgrey;
+  margin     : 0 5px;
+  text-shadow: 1px 1px #bbb;
 }
 
-.rating label ::before {
-  content  : '../images/star-empty.svg';
-  position : relative;
-  display  : block;
-  font-size: 30px;
-  color    : black;
+.stars label:before {
+  content: '★';
 }
 
-.rating label ::after {
-  content    : '../images/star-empty.svg';
+.stars input:checked~label {
+  color      : gold;
+  text-shadow: 1px 1px #c60;
+}
+
+.stars:not(:checked)>label:hover,
+.stars:not(:checked)>label:hover~label {
+  color: gold;
+}
+
+.stars input:checked>label:hover,
+.stars input:checked>label:hover~label {
+  color      : gold;
+  text-shadow: 1px 1px goldenrod;
+}
+
+.stars .result:before {
   position   : absolute;
-  display    : block;
+  content    : "";
+  width      : 100%;
+  left       : 50%;
+  transform  : translateX(-47%);
+  bottom     : -30px;
   font-size  : 30px;
-  color      : #fff2b3;
-  top        : 0;
-  opacity    : 1;
-  transition : 1.5s;
-  text-shadow: 0 2px 5px rgba(0, 0, 0, .5);
+  font-weight: 500;
+  color      : gold;
+  font-family: 'Poppins', sans-serif;
+  display    : none;
+}
 
+.stars input:checked~.result:before {
+  display: block;
 }
 
-.rating label :hover ::after,
-.rating input :checked~label::after {
-  opacity: 1;
+.stars #five:checked~.result:before {
+  content: "5 stars ";
+}
+
+.stars #four:checked~.result:before {
+  content: "4 stars ";
+}
+
+.stars #three:checked~.result:before {
+  content: "3 stars ";
+}
+
+.stars #two:checked~.result:before {
+  content: "2 stars ";
+}
+
+.stars #one:checked~.result:before {
+  content: "1 star ";
 }
 
 /*Niaapps Blog CSS*/