Saqib

@creedon right on. 

So here is a code that does everything I want to do with the summary block when I am using it purely for display purposes and I don't want the thumbnail, title, metadata or anything to point anywhere else. I also want to improve the size of the excerpt so it's readable. This is code inserted into the Index and Page both, in case you may use the page individually without the index. You can see the following implemented here in the summary grid in the middle of the page. 
http://rasool.vc/the-club-of-alchemists


 
<style> .summary-excerpt p { font-size: 19px !important; font-family: "Roboto Light"; } .summary-thumbnail-container, .summary-metadata-item--location, .summary-metadata-item--tags, .summary-title-link { pointer-events : none; !important; } </style>  

One more point, I realized that the Title of the Summary block also points to some long string of URL going nowhere, so it also needs to be quiet down. I insert following code in the Index | Advance | Code Injection  containing the page itself. This works to kills dangling hrefs in Summary items if you don't need them. 
<style>   .summary-metadata-item--location,   .summary-metadata-item--tags,   .summary-title-link        {            pointer-events : none;              }          </style>  

Works like a charm. One point to note though: It has to be inserted in the index settings (if you are using index  and pages within it, which is my scenario). I updated the page code itself, didn't make a change. When I updated Index, the code worked on the page. Thank you @creedon