Add breakdown of technical level assessment

_posts/2019-03-25-rosa-instrument.md

@@ -5,7 +5,7 @@ date: 2019-03-25 06:34:00
 image: '/assets/img/ROSA/rosa2.png'
 background: '/assets/img/ROSA/rosa2.png'
 description: 'The Roll-Out Solar Array'
-level: '/assets/img/technical-level/1.png'
+level: '/assets/img/technical-level/2.png'
 ert: ' 2 min read'
 tags:
 - asteroid

_posts/2019-04-11-dart-has-a-ride 12-12-56-355.md

@@ -5,7 +5,7 @@ date: 2019-04-11 12:00:00
 image: '/assets/img/DART/spacex.jpg'
 background: '/assets/img/DART/spacex.jpg'
 description: 'NASA chooses SpaceX Falcon 9 for DART liftoff'
-level: '/assets/img/technical-level/1.png'
+level: '/assets/img/technical-level/2.png'
 ert: ' 2 min read'
 tags:
 - asteroid

_posts/2019-04-16-falcon-heavy-safe-and-sound.md

@@ -5,7 +5,7 @@ date: 2019-04-16 12:00:00
 image: '/assets/img/FHLanding/FHLanding.png'
 background: '/assets/img/FHLanding/FHLanding.png'
 description: 'SpaceX Flacon Heavy Lands Successfully But Loses Center Core'
-level: '/assets/img/technical-level/1.png'
+level: '/assets/img/technical-level/2.png'
 ert: ' 6 min read'
 tags:
 - flight

_posts/2019-04-28-2019-planetary-defense-conference.md

@@ -5,7 +5,7 @@ date: 2019-04-28 20:28:00
 image: '/assets/img/DART/target.jpg'
 background: '/assets/img/DART/target.jpg'
 description: 'Experts from around the world unite to discuss near-earth objects'
-level: '/assets/img/technical-level/0.png'
+level: '/assets/img/technical-level/1.png'
 ert: ' 3 min read'
 tags:
 - asteroid

about.html

@@ -14,6 +14,16 @@ <h2>About SpaceWired</h2>
 interesting research papers I find. You'll also notice that I'll occasionally throw in a post on something new I've learned related to the Computer Science
 field and hopefully can be useful to someone else. Thought I'd throw those in for seasoning :) .</p>
 
+<p> On each post, you will see two pieces of metadata under the post's title. One of them will indicate the time (on average) 
+that it takes to finish reading the post. The other piece of information is designed to help you identify how technical 
+the post is, in general the more black SpaceWired logos you see, the more technical jargon you will find on the post. </p>
+<p> Below is a key of what the symbols mean: </p>
+
+<p>
+<img src="/assets/img/technical-level/rubric-s.png" height="100%" alt="rubric image">
+</p>
+
+<p align="middle">________________________________________<p>
 <img itemprop="image" class="img-rounded" src="/assets/img/blog-author.jpg" alt="Luis Rodriguez">
 
 <h2>About Me</h2>

index.html

@@ -19,8 +19,8 @@
                 </a>
                 <div class="content">
                     <a href="{{ post.url | prepend: site.baseurl }}"><h2 class="post-title" itemprop="name">{{ post.title }}</h2></a>
-                    <p class="level"><img src={{ post.level }} alt="techincal level" height=30px></p>
-                    <p class="estimated-read-time"><img src="/assets/img/clock.png" alt="clock" height=12px>{{ post.ert }}</p>
+                    <p class="level"><span title="Shows level of technical jargon used in post."><a href="{{site.baseurl}}/about/" ><img src={{ post.level }} alt="techincal level" height=30px></a></span></p>
+                    <p class="estimated-read-time"><span title="Shows estimated time taken to read the post."><img src="/assets/img/clock.png" alt="clock" height=12px>{{ post.ert }}</span></p>
                     <a href="{{ post.url | prepend: site.baseurl }}"><img src="{{ post.background }}" width="100%" ></a>
                     <p class="description">
                         {{ post.content | strip_html | truncatewords:40 }}
@@ -55,7 +55,7 @@
                 <div class="content">
                     <a href="{{ post.url | prepend: site.baseurl }}"><h2 class="post-title" itemprop="name">{{ post.title }}</h2></a>
                     <a href="{{ post.url | prepend: site.baseurl }}"><img src="{{ post.background }}" width="100%" ></a>
-                    <p class="estimated-read-time"><a align="left"><img src="/assets/img/clock.png" alt="clock" height=12px>{{ post.ert }}</a><a><img src={{ post.level }} alt="techincal level" height=30px align="right"></a></p>
+                    <p class="estimated-read-time"><span title="Shows estimated time taken to read the post."><a align="left"><img src="/assets/img/clock.png" alt="clock" height=12px>{{ post.ert }}</a></span><span title="Shows level of technical jargon used in post."><a href="{{site.baseurl}}/about/" ><img src={{ post.level }} alt="techincal level" height=30px align="right"></a></span></p>
                     <p class="description">
                         {{ post.content | strip_html | truncatewords:40 }}
                         <a href="{{ post.url | prepend: site.baseurl }}" class="link">Read more about {{post.title}}</a>