pretty much done

content/writing.md

@@ -40,12 +40,29 @@ octo: octo-4.webp
         <tr>
             <td rowspan=2>BOOKS</td>
             <td>
+                <div class="book-cover">
+                    <img src="/img/books/fsn-cover.jpg" alt='Full Surrogacy Now Cover'>
+                    <a href="">
+                        <p>
+                        BUY NOW
+                        </p>
+                    </a>
+                    <a href="">
+                        <p>
+                        AUDIOBOOK
+                        </p>
+                    </a>
+                </div>
                 <p><b>Aliquam sed quam metus</b></p>
                 <p><i>Published in Jan 2015</i></p>
             </td>
         </tr>
         <tr>
             <td>
+                <div class="book-cover">
+                    <div class="placeholder"></div>
+                    <p>COMING SOON</p>
+                </div>
                 <p><b>Aliquam sed quam metus</b></p>
                 <p><i>Published in Jan 2015</i></p>
             </td>

themes/sophie-lewis/assets/scss/main.scss

@@ -112,6 +112,30 @@ hr {
         }
         padding-bottom: 1rem;
     }
+    &.writing {
+        .book-cover {
+            float: left;
+            margin-right: 1rem;
+            text-align: center;
+            img {
+                height: 184px;
+            }
+            a {
+                color: $text-colour;
+            }
+            p {
+                color: $text-colour;
+                text-decoration: underline;
+                font-weight: 200;
+                font-family: $sans_font;
+            }
+            div.placeholder {
+                height: 184px;
+                width: 122px;
+                background-color: #adadad;
+            }
+        }
+    }
 }
 
 .headshot {