Fucking templates.

nicodinh · Feb 20, 2020 · a2a7b9b · a2a7b9b
1 parent e931874
commit a2a7b9b
Show file tree

Hide file tree

Showing 4 changed files with 42 additions and 10 deletions.
diff --git a/pages/index.js b/pages/index.js
@@ -5,7 +5,7 @@ export default () => (
   <>
     <nav
       className='flex items-center justify-between flex-wrap p-6 rounded-lg mb-4'
-      style={{ backgroundColor: 'rgb(54,188,238)' }}
+      style={{ backgroundColor: '#15bef0' }}
     >
       <div className='flex items-center flex-shrink-0 text-white mr-4'>
         <img src='/logo.svg' style={{ height: 80 }} />
@@ -37,15 +37,46 @@ export default () => (
       </div>
     </nav>
 
-    <div class='flex flex-wrap -mx-2'>
-      <div class='w-full sm:w-full md:w-1/3 lg:w-1/3 xl:w-1/3 px-2 mb-4'>
-        <div class='h-64 p-4 shadow rounded bg-white text-center'>a</div>
+    <div className='flex flex-wrap -mx-2'>
+      <div className='w-full sm:w-full md:w-1/3 lg:w-1/3 xl:w-1/3 px-2 mb-4'>
+        <div className='h-auto p-4 shadow rounded bg-white text-center'>
+          {/* content1 */}
+          <div className='max-w-sm w-full lg:max-w-full lg:flex'>
+            <div
+              className='h-48 lg:h-auto lg:w-48 flex-none bg-cover rounded-t lg:rounded-t-none lg:rounded-l text-center overflow-hidden'
+              style={{ backgroundImage: 'url(' + '/lifeinabox.jpg' + ')' }}
+              title='lifeinabox'
+            ></div>
+            <div className='border-r border-b border-l border-gray-400 lg:border-l-0 lg:border-t lg:border-gray-400 bg-white rounded-b lg:rounded-b-none lg:rounded-r p-4 flex flex-col justify-between leading-normal'>
+              <div className='mb-8'>
+                <p className='text-sm text-gray-600 flex items-center'>
+                  #1 LifeinaBox
+                </p>
+              </div>
+              {/* <div className="flex items-center">
+                <div className="text-sm">
+                  <p className="text-gray-900 leading-none">Jonathan Reinink</p>
+                  <p className="text-gray-600">Aug 18</p>
+                </div>
+              </div> */}
+            </div>
+          </div>
+          {/* content1 */}
+        </div>
       </div>
-      <div class='w-full sm:w-full md:w-1/3 lg:w-1/3 xl:w-1/3 px-2 mb-4'>
-        <div class='h-64 p-4 shadow rounded bg-white text-center'>a</div>
+      <div className='w-full sm:w-full md:w-1/3 lg:w-1/3 xl:w-1/3 px-2 mb-4'>
+        <div className='h-64 p-4 shadow rounded bg-white text-center'>
+          {/* content2 */}
+
+          {/* content2 */}
+        </div>
       </div>
-      <div class='w-full sm:w-full md:w-1/3 lg:w-1/3 xl:w-1/3 px-2 mb-4'>
-        <div class='h-64 p-4 shadow rounded bg-white text-center'>a</div>
+      <div className='w-full sm:w-full md:w-1/3 lg:w-1/3 xl:w-1/3 px-2 mb-4'>
+        <div className='h-64 p-4 shadow rounded bg-white text-center'>
+          {/* content3 */}
+
+          {/* content3 */}
+        </div>
       </div>
     </div>
   </>

diff --git a/pages/settings.js b/pages/settings.js
@@ -5,7 +5,7 @@ export default () => (
   <>
     <nav
       className='flex items-center justify-between flex-wrap p-6 rounded-lg mb-4'
-      style={{ backgroundColor: 'rgb(54,188,238)' }}
+      style={{ backgroundColor: '#15bef0' }}
     >
       <div className='flex items-center flex-shrink-0 text-white mr-4'>
         <img src='/logo.svg' style={{ height: 80 }} />

diff --git a/public/lifeinabox.jpg b/public/lifeinabox.jpg
diff --git a/styles/index.css b/styles/index.css
@@ -8,5 +8,6 @@
 
 body {
   background-image: url("/background-lifeina-web.png");
-  @apply bg-blue-500 p-12;
+  background-color: #15bef0;
+  @apply p-12;
 }