Make links open in new tab

Author: alescode

css/custom.css

@@ -27,6 +27,9 @@
 .btn--ghost .btn__text {
     color: #333;
 }
+.btn--ghost:visited .btn__text {
+    color: #333;
+}
 
 .btn--lightblue {
     background-color: #F7F9FC;

index.html

@@ -88,7 +88,7 @@ <h2>The challenge</h2>
                         <div class="col-lg-8 col-md-7">
                             <h2>About TPL</h2>
                             <p class="lead body">TPL is an opt-in regulatory system that is governed by the network and enforced on-chain, allowing parties that trust one another to transact securely. It is inspired by SSL (Secure Sockets Layer), a protocol created by Netscape in 1994 and adopted by major web browsers to identify secure connections to a server via the Internet.</p>
-                            <p class="lead body"><a class="details" href="https://medium.com/@demibrener/7c69fd0aebc9/">Why TPL is needed ▸</a></p>
+                            <p class="lead body"><a class="details" target="_blank" href="https://medium.com/@demibrener/7c69fd0aebc9/">Why TPL is needed ▸</a></p>
                         </div>
                     </div>
                 </div>
@@ -101,7 +101,7 @@ <h2>How it works</h2>
                             <p class="lead body">Individuals and entities are validated via Know Your Customer (KYC), Anti Money Laundering (AML), and investor accreditation processes, mirroring the ICANN process for domain validation that the internet industry is already familiar with.</p>
                             <p class="lead body">When issuing a token, a project can demand its buyers to meet certain validation requirements,  which are introduced within the token smart contract code itself. The protocol then validates that participants meet these requirements, and approves transactions automatically if they are met.</p>
                             <p class="lead body">An immediate consequence is that TPL allows any project to guarantee regulatory compliance in every single exchange between participants, beyond just the initial offering.</p>
-                            <p class="lead body"><a class="details" href="pdf/TPL%20-%20Transaction%20Permission%20Layer.pdf">Learn about the protocol proposal ▸</a></p>
+                            <p class="lead body"><a class="details" target="_blank" href="pdf/TPL%20-%20Transaction%20Permission%20Layer.pdf">Learn about the protocol proposal ▸</a></p>
                         </div>
                     </div>
                 </div>