[#331,paper][s]: fix up styling of buttons and reformat layout of page.

- also add newer unpixelated cover image

content/paper.md

@@ -1,17 +1,21 @@
 ---
 title: Second Renaissance Whitepaper
 image: /assets/img/homepage/second-renaissance-whitepaper-cover.webp
-description: "We live in a time of civilizational crisis and awakening - a second renaissance. This whitepaper sets out in detail what is a second renaissance would be and why it matters."
+description: "We live in a time of civilizational crisis and awakening - a second renaissance. This whitepaper sets out in detail what is a second renaissance, and why it matters and how it can come about."
 ---
 
-<p className="sm:text-xl">Read our full whitepapers setting out the core thesis and theory of change of a second renaissance -- what it is and why it is important.</p>
+<p className="sm:text-xl">Read our whitepapers setting out the core thesis and theory of change of a second renaissance in detail. What it is,  why it is needed and how it can come about.</p>
 
-<a className="btn btn-blue sm:text-lg no-underline" target="_blank" href="/assets/second-renaissance-whitepaper.pdf">View and download whitepaper no 1:<br />"What and Why of a Second Renaissance and Paradigmatic Change" &raquo;</a>
+<p><a href="/assets/second-renaissance-whitepaper.pdf"><img src="/assets/img/homepage/second-renaissance-whitepaper-cover.webp" alt="Second Renaissance Whitepaper cover" className="sm:w-60 mx-auto block" /></a></p>
 
-<br />
-<br />
-<br />
+### Paper 1: What and Why of a Second Renaissance
 
-<a className="btn btn-blue sm:text-lg no-underline" target="_blank" href="/assets/second-renaissance-how-whitepaper-2.pdf">View and download whitepaper no 2:<br />"How paradigmatic change and a second renaissance can come about" &raquo;</a>
+What is a second renaissance and why is it relevant in this moment of escalating crisis.
 
-<a href="/assets/second-renaissance-whitepaper.pdf"><img src="/assets/img/homepage/second-renaissance-whitepaper-cover.webp" alt="Second Renaissance Whitepaper cover" /></a>
+<a className="btn btn-blue sm:text-lg no-underline" target="_blank" href="/assets/second-renaissance-whitepaper.pdf">View and download Paper 1 &raquo;</a>
+
+### Paper 2: How of a Second Renaissance
+
+How paradigmatic change and a second renaissance can come about.
+
+<a className="btn btn-blue sm:text-lg no-underline" target="_blank" href="/assets/second-renaissance-how-whitepaper-2.pdf">View and download Paper 2 &raquo;</a>

styles/global.css

@@ -89,7 +89,7 @@ html {
 
 /* buttons */
 .btn {
-  @apply font-bold py-2 px-4 rounded-md px-4 py-3 font-medium text-primary shadow no-underline;
+  @apply font-bold py-2 px-4 rounded-md px-4 py-3 font-medium text-primary shadow no-underline inline-block;
 }
 .btn-blue {
   @apply bg-[#F0CA5E];