Updated to table, fix images

Author: nimishbongale

content/blog/entries/cc-vocabulary-docs-updates-closing/contents.lr

@@ -113,50 +113,59 @@ Here's a list of all the weekly goals that I met:
 
 ### The Vocabulary Site
 
-Link to [the landing site](https://cc-vocab-draft.web.app)
+Here's the link to [the landing site](https://cc-vocab-draft.web.app).
 
 - Went through **3** Design Iterations
 - Designed the mockups in [Figma](https://figma.com).
 - Wrote the content filling up the landing page.
 - After approval from the UX Designer, waited for an approval from the Frontend Engineer.
 - Sought continuous approval from my mentor
-- Used [Vuejs](https://vuejs.org) + [CC Vocabulary](https://www.npmjs.com/package/@creativecommons/vocabulary) to build a highly modularised site.
+- Used [Vue.js](https://vuejs.org) + [CC Vocabulary](https://www.npmjs.com/package/@creativecommons/vocabulary) to build a highly modularised site.
 - Went through a couple of iterations of the website itself.
 - Made about **112** commits (**15,000** lines of code) in my *gsod-nimish* branch.
 
+<pre>
 <center>
 <img alt"Contributions to CC" src="github.png"/><br>
-<small class="muted">All my contributions to Creative Commons</small>
+<small class="muted">All my contributions to Creative Commons!</small>
 </center>
+</pre>
 
 - Used Github API to display repository statistics.
 
+<pre>
 <center>
 <img alt"Fetch stats from Github API" src="stats.png"/><br>
-<small class="muted">All my contributions to Creative Commons</small>
+<small class="muted">Fetching dynamic stats from the GitHub API</small>
 </center>
+</pre>
 
 - PR was reviewed and merged on the **25th of November**.
 
+<pre>
 <center>
 <img alt"The final website!" src="website.png"/><br>
 <small class="muted">Snapshot of the final website!</small>
 </center>
+</pre>
 
 - Used [surge](https://surge.sh) & [firebase](https://web.app) for draft deploys.
 - Carried out [lighthouse](https://developers.google.com/web/tools/lighthouse) testing.
 
+<pre>
 <center>
 <img alt="Lighthouse reports" src="light.png"/><br>
 <small class="muted">Lighthouse reports for our live site</small>
 </center>
+</pre>
 
 - Prompted changes to improve accessibility, SEO and PWA characteristics.
 
 ### Core Documentation
 
-Link to the [documentation site](https://cc-vocabulary.netlify.app)
+Here's the link to the [documentation site](https://cc-vocabulary.netlify.app).
 
+- Used [StorybookJS](https://storybook.js.org/).
 - Modified the existing overview page.
 - Removed highly verbose sections from the docs. 
 - Documented Vocabulary sprint planning workflow.
@@ -167,70 +176,141 @@ Link to the [documentation site](https://cc-vocabulary.netlify.app)
 
 ### Issues & PR's raised during GSoD period
 
-On the [creativecommons/vocabulary](https://github.com/creativecommons/vocabulary)
-
-- https://github.com/creativecommons/vocabulary/pull/747 - GSoD Vocabulary Landing Page
-
+<table>
+<thead>
+<tr>
+<th>Repository</th> 
+<th>Contribution</th>
+<th>Relevant links</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td rowspan=14><a href="https://github.com/creativecommons/vocabulary">@creativecommons/vocabulary</a></td>
+<td>Developed the CC Vocabulary Landing Page</td>
+<td><a href="https://github.com/creativecommons/vocabulary/pull/747">https://github.com/creativecommons/vocabulary/pull/747<br><a href="https://cc-vocab-draft.web.app">https://cc-vocab-draft.web.app</a></td>
+</tr>
+<tr>
+<td>Implemented dark mode for our storybooks</td>
+<td><a href="https://github.com/creativecommons/vocabulary/pull/806">https://github.com/creativecommons/vocabulary/pull/806</a><br><a href="https://cc-vocabulary.netlify.app">https://cc-vocabulary.netlify.app</a></td>
+</tr>
+<tr>
+<td>Carried out a monorepo wide documentation revamp</td>
+<td><a href="https://github.com/creativecommons/vocabulary/pull/813">https://github.com/creativecommons/vocabulary/pull/813</a></td>
+</tr>
+<tr>
+<td>Wrote the Monorepo Documentation Story</td>
+<td><a href="https://github.com/creativecommons/vocabulary/pull/785">https://github.com/creativecommons/vocabulary/pull/785</a><br><a href="https://cc-vocabulary.netlify.app/?path=/docs/vocabulary-structure--page#why-is-vocabulary-a-monorepo">https://cc-vocabulary.netlify.app/?path=/docs/vocabulary-structure--page#why-is-vocabulary-a-monorepo</a></td>
+</tr>
+<tr>
+<td>Wrote the Grid Documentation Story</td>
+<td><a href="https://github.com/creativecommons/vocabulary/pull/802">https://github.com/creativecommons/vocabulary/pull/802</a><br><a href="https://cc-vocabulary.netlify.app/?path=/docs/layouts-grid--fullhd#grid-system">https://cc-vocabulary.netlify.app/?path=/docs/layouts-grid--fullhd#grid-system</a></td>
+</tr>
+<tr>
+<td>Wrote the "Getting Started" Usage Guide</td>
+<td><a href="https://github.com/creativecommons/vocabulary/pull/774">https://github.com/creativecommons/vocabulary/pull/774</a><br><a href="https://cc-vocabulary.netlify.app/?path=/story/vocabulary-getting-started--page#getting-started">https://cc-vocabulary.netlify.app/?path=/story/vocabulary-getting-started--page#getting-started</a></td>
+</tr>
+<tr>
+<td>Added a CHANGELOG.md to adhere to OSS conventions</td>
+<td><a href=https://github.com/creativecommons/vocabulary/pull/671">https://github.com/creativecommons/vocabulary/pull/671</a><br><a href="https://github.com/creativecommons/vocabulary/blob/master/CHANGELOG.md">https://github.com/creativecommons/vocabulary/blob/master/CHANGELOG.md</a></td>
+</tr>
+<tr>
+<td>Unified README.md and updated monorepo build process</td>
+<td><a href="https://github.com/creativecommons/vocabulary/pull/649">https://github.com/creativecommons/vocabulary/pull/649</a><br><a href="https://www.npmjs.com/package/@creativecommons/vocabulary">https://www.npmjs.com/package/@creativecommons/vocabulary</a><br><a href="https://www.npmjs.com/package/@creativecommons/fonts">https://www.npmjs.com/package/@creativecommons/fonts</a><br><a href="https://www.npmjs.com/package/@creativecommons/vue-vocabulary">https://www.npmjs.com/package/@creativecommons/vue-vocabulary</a></td>
+</tr>
+<tr>
+<td>Configured GitHub native dependabot</td>
+<td><a href="https://github.com/creativecommons/vocabulary/pull/452">https://github.com/creativecommons/vocabulary/pull/452</a></td>
+</tr>
+<tr>
+<td>Added phone screen backgrounds</td>
+<td><a href="https://github.com/creativecommons/vocabulary/pull/445">https://github.com/creativecommons/vocabulary/pull/445</a></td>
+</tr>
+<tr>
+<td>Introduce Snapshot Testing to Vocabulary using Chromatic</td>
+<td><a href="https://github.com/creativecommons/vocabulary/issues/735">https://github.com/creativecommons/vocabulary/issues/735</a></td>
+</tr>
+<tr>
+<td>Add a maintained with Lerna badge</td>
+<td><a href="https://github.com/creativecommons/vocabulary/issues/807">https://github.com/creativecommons/vocabulary/issues/807</a><br><a href="https://github.com/creativecommons/vocabulary/blob/master/README.md">https://github.com/creativecommons/vocabulary/blob/master/README.md</a></td>
+</tr>
+<tr>
+<td>Add new install size badges for our packages</td>
+<td><a href="https://github.com/creativecommons/vocabulary/issues/776">https://github.com/creativecommons/vocabulary/issues/776</a><br><a href="https://github.com/creativecommons/vocabulary/blob/master/README.md">https://github.com/creativecommons/vocabulary/blob/master/README.md</a</td>
+</tr>
+<tr>
+<td>Customise individual README's for our packages</td>
+<td><a href="https://github.com/creativecommons/vocabulary/issues/736">https://github.com/creativecommons/vocabulary/issues/736</a></td>
+</tr>
+<tr>
+<td rowspan=5><a href="https://github.com/creativecommons/creativecommons.github.io-source">@creativecommons/creativecommons.github.io-source</a></td>
+<td>Introductory First Blog Post</td>
+<td><a href="https://github.com/creativecommons/creativecommons.github.io-source/pull/530">https://github.com/creativecommons/creativecommons.github.io-source/pull/530</a><br><a href="https://opensource.creativecommons.org/blog/entries/cc-vocabulary-docs-intro/">https://opensource.creativecommons.org/blog/entries/cc-vocabulary-docs-intro/</a></td>
+</tr>
+<tr>
+<td>Vocabulary Site Update v1</td>
+<td><a href="https://github.com/creativecommons/creativecommons.github.io-source/pull/549">https://github.com/creativecommons/creativecommons.github.io-source/pull/549</a><br><a href="https://opensource.creativecommons.org/blog/entries/cc-vocabulary-docs-updates-1/">https://opensource.creativecommons.org/blog/entries/cc-vocabulary-docs-updates-1/</a></td>
+</tr>
+<tr>
+<td>Vocabulary Mid Internship Update v2</td>
+<td><a href="https://github.com/creativecommons/creativecommons.github.io-source/pull/555">https://github.com/creativecommons/creativecommons.github.io-source/pull/555</a><br><a href="https://opensource.creativecommons.org/blog/entries/cc-vocabulary-docs-updates-2/">https://opensource.creativecommons.org/blog/entries/cc-vocabulary-docs-updates-2/</a></td>
+</tr>
+<tr>
+<td>Vocabulary Site Update v3</td>
+<td><a href="https://github.com/creativecommons/creativecommons.github.io-source/pull/561">https://github.com/creativecommons/creativecommons.github.io-source/pull/561</a><br><a href="https://opensource.creativecommons.org/blog/entries/cc-vocabulary-docs-updates-3/">https://opensource.creativecommons.org/blog/entries/cc-vocabulary-docs-updates-3/</a></td>
+</tr>
+<tr>
+<td>Vocabulary Site Final Update</td>
+<td><a href="https://github.com/creativecommons/creativecommons.github.io-source/pull/564">https://github.com/creativecommons/creativecommons.github.io-source/pull/564</a><br><a href="/">https://opensource.creativecommons.org/blog/entries/cc-vocabulary-docs-updates-closing/</a></td>
+</tr>
+<tr>
+<td><a href="https://github.com/creativecommons/cccatalog-api">@creativecommons/cccatalog-api</a></td>
+<td>Configured GitHub native dependabot</td>
+<td><a href="https://github.com/creativecommons/cccatalog-api/pull/53">https://github.com/creativecommons/cccatalog-api/pull/53</a></td>
+</tr>
+<tr>
+<td><a href="https://github.com/creativecommons/ccos-scripts">@creativecommons/ccos-scripts</a></td>
+<td>Fix file extension in README.md docs</td>
+<td><a href="https://github.com/creativecommons/ccos-scripts/pull/100">https://github.com/creativecommons/ccos-scripts/pull/100</a></td>
+</tr>
+</tbody>
+</table>
+
+Follow along my complete GSoD journey through [these series of posts](https://opensource.creativecommons.org/blog/series/gsod-2020-vocabulary-usage-guide/).
+
+### Memorable Milestones Screenshots
+
+<pre>
 <center>
 <img alt"Merged!" src="merged747.png"/><br>
 <small class="muted">GSoD PR merged!</small>
 </center>
-
-- https://github.com/creativecommons/vocabulary/pull/813 - Documentation revamp
-- https://github.com/creativecommons/vocabulary/pull/806 - Dark mode for our storybooks
-
+</pre>
+<br>
+<pre>
 <center>
 <img alt"Dark Mode" src="darkmode.png"/><br>
-<small class="muted">Behold, the dark theme!</small>
+<small class="muted">Behold the dark theme!</small>
 </center>
-
-- https://github.com/creativecommons/vocabulary/pull/802 - [Grid Documentation Story](https://cc-vocabulary.netlify.app/?path=/docs/layouts-grid--fullhd#grid-system)
-
+</pre>
+<br>
+<pre>
 <center>
 <img alt"Grid Docs" src="grid.png"/><br>
 <small class="muted">Grid Documenation Story</small>
 </center>
-
-- https://github.com/creativecommons/vocabulary/pull/785 - [Monorepo Document Story](https://cc-vocabulary.netlify.app/?path=/docs/vocabulary-structure--page#why-is-vocabulary-a-monorepo)
-
+</pre>
+<br>
+<pre>
 <center>
 <img alt"Monorepo Document Story" src="structure.png"/><br>
 <small class="muted">Monorepo Structure Story</small>
 </center>
-
-- https://github.com/creativecommons/vocabulary/pull/774 - [Getting Started Story](https://cc-vocabulary.netlify.app/?path=/story/vocabulary-getting-started--page#getting-started)
-
-- https://github.com/creativecommons/vocabulary/pull/734 - README.md customisation
-- https://github.com/creativecommons/vocabulary/pull/671 - Add a CHANGELOG.md to fit conventions
-- https://github.com/creativecommons/vocabulary/pull/649 - Unified README.md and updated build process
-- https://github.com/creativecommons/vocabulary/pull/452 - Configured native dependabot
-- https://github.com/creativecommons/vocabulary/pull/445 - Phone Screen backgrounds
-- https://github.com/creativecommons/vocabulary/issues/757 - Snapshot testing on Vocabulary
-- https://github.com/creativecommons/vocabulary/issues/735 - Document Component Capable of rendering markdown
-- https://github.com/creativecommons/vocabulary/issues/807 - Add a Maintained with lerna badge to README.md
-- https://github.com/creativecommons/vocabulary/issues/776 - Add a new Install size badge
-- https://github.com/creativecommons/vocabulary/issues/736 - Customize npm README.md for individual packages
-
-  
-On the [creativecommons/creativecommons.github.io-source](https://github.com/creativecommons/creativecommons.github.io-source) repository:
-- https://github.com/creativecommons/creativecommons.github.io-source/pull/530 - Introductory first blog post
-- https://github.com/creativecommons/creativecommons.github.io-source/pull/549 - Vocabulary Site Update v1
-- https://github.com/creativecommons/creativecommons.github.io-source/pull/555 - Vocabulary Site Mid-Internship Update v2
-- https://github.com/creativecommons/creativecommons.github.io-source/pull/561 - Vocabulary Site Update v3
-
-On the [creativecommons/ccos-scripts](https://github.com/creativecommons/ccos-scripts) repository:
-
-- https://github.com/creativecommons/ccos-scripts/pull/100 - Fix file extension in README.md
-
-On the [creativecommons/cccatalog-api](https://github.com/creativecommons/cccatalog-api) repository:
-
-- https://github.com/creativecommons/cccatalog-api/pull/533 - Configured Dependabot
-
-Follow along my full GSoD journey through [these series of posts](https://opensource.creativecommons.org/blog/series/gsod-2020-vocabulary-usage-guide/).
+</pre>
 
 ### Conclusion
 
-My GSoD period has been by far, a very successful and a fruitful one. I thank the the GSoD team for all their efforts in oragnising it this year. I would also like to thank the entire Creative Commons team for all their motivation and support. The onboarding & see-off was very smooth indeed!
+My GSoD internship has been by far, a very successful and a fruitful one. I thank the the GSoD team for all their efforts in oragnising it this year. I would also like to thank the entire Creative Commons team for all their motivation and support. The onboarding & see-off was very smooth indeed!
 
 <p align="center">
     <strong>Thank you for all your time! This was the final blog post under the Vocabulary docs series. I'll be around for times to come, but until then, sayonara!</strong>