two-moar

public/index.html

@@ -250,6 +250,23 @@
         </div>
       </div>
 
+      <div class="sm:w1/1 md:w-1/2 lg:w-1/4 xl:w-1/6 rounded overflow-hidden p-1">
+        <img class="w-full p-2 md:p-32 lg:p-16" src="/img/donate.svg">
+        <div class="px-6 py-4">
+          <div class="font-bold sm:text-xl lg:text-l mb-2">Donate</div>
+          <p class="text-gray-600 text-base lg:visible">
+            Go through your old clothes, books, and household items, and set
+aside a box to donate to friends or charity. 
+
+          </p>
+        </div>
+        <div class="px-6 py-4">
+
+            <span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2">#arts</span>
+
+        </div>
+      </div>
+
       <div class="sm:w1/1 md:w-1/2 lg:w-1/4 xl:w-1/6 rounded overflow-hidden p-1">
         <img class="w-full p-2 md:p-32 lg:p-16" src="/img/machine.svg">
         <div class="px-6 py-4">
@@ -843,6 +860,23 @@
         </div>
       </div>
 
+      <div class="sm:w1/1 md:w-1/2 lg:w-1/4 xl:w-1/6 rounded overflow-hidden p-1">
+        <img class="w-full p-2 md:p-32 lg:p-16" src="/img/keyboard.svg">
+        <div class="px-6 py-4">
+          <div class="font-bold sm:text-xl lg:text-l mb-2">Clean Keyboard</div>
+          <p class="text-gray-600 text-base lg:visible">
+            Take a swab before and after and put it in a petry dish to measurement. Next, make your fingers happy! 
+Wipe down those keys and clear the gunk that&#39;s underneath them!
+
+          </p>
+        </div>
+        <div class="px-6 py-4">
+
+            <span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2">#home</span>
+
+        </div>
+      </div>
+
       <div class="sm:w1/1 md:w-1/2 lg:w-1/4 xl:w-1/6 rounded overflow-hidden p-1">
         <img class="w-full p-2 md:p-32 lg:p-16" src="/img/lego.svg">
         <div class="px-6 py-4">

src/ideas/donate.yml

@@ -1,5 +1,5 @@
 name: Donate
-img: 
+img: donate.svg
 tags:
   - arts
 appendix: | 

src/ideas/keyboard.yml

@@ -1,6 +1,7 @@
-name: Clean your Keyboard
-img: ?
+name: Clean Keyboard
+img: keyboard.svg
 tags:
   - home
 appendix: |
-  Make your fingers happy. Wipe down those keys and clear the gunk that's underneath them!
+  Take a swab before and after and put it in a petry dish to measurement. Next, make your fingers happy! 
+  Wipe down those keys and clear the gunk that's underneath them!