From 04e89e4c4f5e7e1a4e4f7acedcf06b2436349e6b Mon Sep 17 00:00:00 2001
From: Moe <moe@chocola.dev>
Date: Sat, 21 May 2022 18:09:32 +0700
Subject: [PATCH] Update presentation

---
 slides.md | 368 +++++++++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 351 insertions(+), 17 deletions(-)

diff --git a/slides.md b/slides.md
index 9f9558c..17ae28e 100644
--- a/slides.md
+++ b/slides.md
@@ -21,38 +21,372 @@ E-Commerce
   </span>
 </div>
 
----
-layout: image-right
-image: https://gitlab.com/nekoya/app/-/design_management/designs/412683/6a4e6acdd7d529280804036388ce08762e067c1e/raw_image
 ---
 
-# Products Page
+<div grid="~ cols-2 gap-4">
+<div>
 
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+# Register
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer suscipit malesuada purus, in vulputate urna aliquam id. Etiam fermentum vel libero non pharetra. Mauris id finibus lectus. Nam ultricies consectetur diam. Suspendisse eu libero fermentum, venenatis lorem eget, sollicitudin nisl. Aliquam dictum imperdiet risus, id maximus sapien tincidunt ut. Nulla facilisi. Vivamus at dictum velit, sed rutrum lectus. In consectetur aliquam diam, a consequat risus posuere eu. Nunc egestas elit dui, vitae varius lorem malesuada a. Nam in lacus vitae leo pharetra convallis eget a risus. 
+
+</div>
+
+<style>
+  #wrap {
+    width: 400px;
+    height: 600px;
+    padding: 0;
+    overflow: hidden;
+    margin-left: 80px;
+  }
+  #scaled-frame {
+    width: 400px;
+    height: 650px;
+    border: 0px;
+  }
+  #scaled-frame {
+    zoom: 0.75;
+    -moz-transform: scale(0.75);
+    -moz-transform-origin: 0 0;
+    -o-transform: scale(0.75);
+    -o-transform-origin: 0 0;
+    -webkit-transform: scale(0.75);
+    -webkit-transform-origin: 0 0;
+  }
+  @media screen and (-webkit-min-device-pixel-ratio:0) {
+    #scaled-frame {
+      zoom: 1;
+    }
+  }
+</style>
+
+<div id="wrap">
+
+<iframe id="scaled-frame" src="https://preview.nekoya.moe.team/#/register"></iframe>
+
+</div>
+</div>
 
 ---
 
 <div grid="~ cols-2 gap-4">
 <div>
 
-# Cart Page
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eget arcu dictum varius duis at consectetur lorem. Suscipit adipiscing bibendum est ultricies.
-
-</div>
-<div>
-
-<img src="https://gitlab.com/nekoya/app/-/design_management/designs/412692/3eb8a90a99fe0d735b4be90ddfd0238a6593722a/raw_image"/>
+# Login
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer suscipit malesuada purus, in vulputate urna aliquam id. Etiam fermentum vel libero non pharetra. Mauris id finibus lectus. Nam ultricies consectetur diam. Suspendisse eu libero fermentum, venenatis lorem eget, sollicitudin nisl. Aliquam dictum imperdiet risus, id maximus sapien tincidunt ut. Nulla facilisi. Vivamus at dictum velit, sed rutrum lectus. In consectetur aliquam diam, a consequat risus posuere eu. Nunc egestas elit dui, vitae varius lorem malesuada a. Nam in lacus vitae leo pharetra convallis eget a risus. 
 
 </div>
 
 <style>
-img {
-  max-width: 75%;
-  height: 70%;
-  margin-left: 80px;
-}
+  #wrap {
+    width: 400px;
+    height: 600px;
+    padding: 0;
+    overflow: hidden;
+    margin-left: 80px;
+  }
+  #scaled-frame {
+    width: 400px;
+    height: 650px;
+    border: 0px;
+  }
+  #scaled-frame {
+    zoom: 0.75;
+    -moz-transform: scale(0.75);
+    -moz-transform-origin: 0 0;
+    -o-transform: scale(0.75);
+    -o-transform-origin: 0 0;
+    -webkit-transform: scale(0.75);
+    -webkit-transform-origin: 0 0;
+  }
+  @media screen and (-webkit-min-device-pixel-ratio:0) {
+    #scaled-frame {
+      zoom: 1;
+    }
+  }
 </style>
 
+<div id="wrap">
+
+<iframe id="scaled-frame" src="https://preview.nekoya.moe.team/#/login"></iframe>
+
+</div>
+</div>
+
+---
+
+<div grid="~ cols-2 gap-4">
+<div>
+
+# Home
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer suscipit malesuada purus, in vulputate urna aliquam id. Etiam fermentum vel libero non pharetra. Mauris id finibus lectus. Nam ultricies consectetur diam. Suspendisse eu libero fermentum, venenatis lorem eget, sollicitudin nisl. Aliquam dictum imperdiet risus, id maximus sapien tincidunt ut. Nulla facilisi. Vivamus at dictum velit, sed rutrum lectus. In consectetur aliquam diam, a consequat risus posuere eu. Nunc egestas elit dui, vitae varius lorem malesuada a. Nam in lacus vitae leo pharetra convallis eget a risus. 
+
+</div>
+
+<style>
+  #wrap {
+    width: 400px;
+    height: 600px;
+    padding: 0;
+    overflow: hidden;
+    margin-left: 80px;
+  }
+  #scaled-frame {
+    width: 400px;
+    height: 650px;
+    border: 0px;
+  }
+  #scaled-frame {
+    zoom: 0.75;
+    -moz-transform: scale(0.75);
+    -moz-transform-origin: 0 0;
+    -o-transform: scale(0.75);
+    -o-transform-origin: 0 0;
+    -webkit-transform: scale(0.75);
+    -webkit-transform-origin: 0 0;
+  }
+  @media screen and (-webkit-min-device-pixel-ratio:0) {
+    #scaled-frame {
+      zoom: 1;
+    }
+  }
+</style>
+
+<div id="wrap">
+
+<iframe id="scaled-frame" src="https://preview.nekoya.moe.team"></iframe>
+
+</div>
+</div>
+
+---
+
+<div grid="~ cols-2 gap-4">
+<div>
+
+# Products
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer suscipit malesuada purus, in vulputate urna aliquam id. Etiam fermentum vel libero non pharetra. Mauris id finibus lectus. Nam ultricies consectetur diam. Suspendisse eu libero fermentum, venenatis lorem eget, sollicitudin nisl. Aliquam dictum imperdiet risus, id maximus sapien tincidunt ut. Nulla facilisi. Vivamus at dictum velit, sed rutrum lectus. In consectetur aliquam diam, a consequat risus posuere eu. Nunc egestas elit dui, vitae varius lorem malesuada a. Nam in lacus vitae leo pharetra convallis eget a risus. 
+
+</div>
+
+<style>
+  #wrap {
+    width: 400px;
+    height: 600px;
+    padding: 0;
+    overflow: hidden;
+    margin-left: 80px;
+  }
+  #scaled-frame {
+    width: 400px;
+    height: 650px;
+    border: 0px;
+  }
+  #scaled-frame {
+    zoom: 0.75;
+    -moz-transform: scale(0.75);
+    -moz-transform-origin: 0 0;
+    -o-transform: scale(0.75);
+    -o-transform-origin: 0 0;
+    -webkit-transform: scale(0.75);
+    -webkit-transform-origin: 0 0;
+  }
+  @media screen and (-webkit-min-device-pixel-ratio:0) {
+    #scaled-frame {
+      zoom: 1;
+    }
+  }
+</style>
+
+<div id="wrap">
+
+<iframe id="scaled-frame" src="https://preview.nekoya.moe.team/#/products"></iframe>
+
+</div>
+</div>
+
+---
+
+<div grid="~ cols-2 gap-4">
+<div>
+
+# Cart
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer suscipit malesuada purus, in vulputate urna aliquam id. Etiam fermentum vel libero non pharetra. Mauris id finibus lectus. Nam ultricies consectetur diam. Suspendisse eu libero fermentum, venenatis lorem eget, sollicitudin nisl. Aliquam dictum imperdiet risus, id maximus sapien tincidunt ut. Nulla facilisi. Vivamus at dictum velit, sed rutrum lectus. In consectetur aliquam diam, a consequat risus posuere eu. Nunc egestas elit dui, vitae varius lorem malesuada a. Nam in lacus vitae leo pharetra convallis eget a risus. 
+
+</div>
+
+<style>
+  #wrap {
+    width: 400px;
+    height: 600px;
+    padding: 0;
+    overflow: hidden;
+    margin-left: 80px;
+  }
+  #scaled-frame {
+    width: 400px;
+    height: 650px;
+    border: 0px;
+  }
+  #scaled-frame {
+    zoom: 0.75;
+    -moz-transform: scale(0.75);
+    -moz-transform-origin: 0 0;
+    -o-transform: scale(0.75);
+    -o-transform-origin: 0 0;
+    -webkit-transform: scale(0.75);
+    -webkit-transform-origin: 0 0;
+  }
+  @media screen and (-webkit-min-device-pixel-ratio:0) {
+    #scaled-frame {
+      zoom: 1;
+    }
+  }
+</style>
+
+<div id="wrap">
+
+<iframe id="scaled-frame" src="https://preview.nekoya.moe.team/#/cart"></iframe>
+
+</div>
+</div>
+
+---
+
+<div grid="~ cols-2 gap-4">
+<div>
+
+# Payment
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer suscipit malesuada purus, in vulputate urna aliquam id. Etiam fermentum vel libero non pharetra. Mauris id finibus lectus. Nam ultricies consectetur diam. Suspendisse eu libero fermentum, venenatis lorem eget, sollicitudin nisl. Aliquam dictum imperdiet risus, id maximus sapien tincidunt ut. Nulla facilisi. Vivamus at dictum velit, sed rutrum lectus. In consectetur aliquam diam, a consequat risus posuere eu. Nunc egestas elit dui, vitae varius lorem malesuada a. Nam in lacus vitae leo pharetra convallis eget a risus. 
+
+</div>
+
+<style>
+  #wrap {
+    width: 400px;
+    height: 600px;
+    padding: 0;
+    overflow: hidden;
+    margin-left: 80px;
+  }
+  #scaled-frame {
+    width: 400px;
+    height: 650px;
+    border: 0px;
+  }
+  #scaled-frame {
+    zoom: 0.75;
+    -moz-transform: scale(0.75);
+    -moz-transform-origin: 0 0;
+    -o-transform: scale(0.75);
+    -o-transform-origin: 0 0;
+    -webkit-transform: scale(0.75);
+    -webkit-transform-origin: 0 0;
+  }
+  @media screen and (-webkit-min-device-pixel-ratio:0) {
+    #scaled-frame {
+      zoom: 1;
+    }
+  }
+</style>
+
+<div id="wrap">
+
+<iframe id="scaled-frame" src="https://preview.nekoya.moe.team/#/payment"></iframe>
+
+</div>
+</div>
+
+---
+
+<div grid="~ cols-2 gap-4">
+<div>
+
+# Transactions
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer suscipit malesuada purus, in vulputate urna aliquam id. Etiam fermentum vel libero non pharetra. Mauris id finibus lectus. Nam ultricies consectetur diam. Suspendisse eu libero fermentum, venenatis lorem eget, sollicitudin nisl. Aliquam dictum imperdiet risus, id maximus sapien tincidunt ut. Nulla facilisi. Vivamus at dictum velit, sed rutrum lectus. In consectetur aliquam diam, a consequat risus posuere eu. Nunc egestas elit dui, vitae varius lorem malesuada a. Nam in lacus vitae leo pharetra convallis eget a risus. 
+
+</div>
+
+<style>
+  #wrap {
+    width: 400px;
+    height: 600px;
+    padding: 0;
+    overflow: hidden;
+    margin-left: 80px;
+  }
+  #scaled-frame {
+    width: 400px;
+    height: 650px;
+    border: 0px;
+  }
+  #scaled-frame {
+    zoom: 0.75;
+    -moz-transform: scale(0.75);
+    -moz-transform-origin: 0 0;
+    -o-transform: scale(0.75);
+    -o-transform-origin: 0 0;
+    -webkit-transform: scale(0.75);
+    -webkit-transform-origin: 0 0;
+  }
+  @media screen and (-webkit-min-device-pixel-ratio:0) {
+    #scaled-frame {
+      zoom: 1;
+    }
+  }
+</style>
+
+<div id="wrap">
+
+<iframe id="scaled-frame" src="https://preview.nekoya.moe.team/#/transactions"></iframe>
+
+</div>
+</div>
+
+---
+
+<div grid="~ cols-2 gap-4">
+<div>
+
+# Sessions
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer suscipit malesuada purus, in vulputate urna aliquam id. Etiam fermentum vel libero non pharetra. Mauris id finibus lectus. Nam ultricies consectetur diam. Suspendisse eu libero fermentum, venenatis lorem eget, sollicitudin nisl. Aliquam dictum imperdiet risus, id maximus sapien tincidunt ut. Nulla facilisi. Vivamus at dictum velit, sed rutrum lectus. In consectetur aliquam diam, a consequat risus posuere eu. Nunc egestas elit dui, vitae varius lorem malesuada a. Nam in lacus vitae leo pharetra convallis eget a risus. 
+
+</div>
+
+<style>
+  #wrap {
+    width: 400px;
+    height: 600px;
+    padding: 0;
+    overflow: hidden;
+    margin-left: 80px;
+  }
+  #scaled-frame {
+    width: 400px;
+    height: 650px;
+    border: 0px;
+  }
+  #scaled-frame {
+    zoom: 0.75;
+    -moz-transform: scale(0.75);
+    -moz-transform-origin: 0 0;
+    -o-transform: scale(0.75);
+    -o-transform-origin: 0 0;
+    -webkit-transform: scale(0.75);
+    -webkit-transform-origin: 0 0;
+  }
+  @media screen and (-webkit-min-device-pixel-ratio:0) {
+    #scaled-frame {
+      zoom: 1;
+    }
+  }
+</style>
+
+<div id="wrap">
+
+<iframe id="scaled-frame" src="https://preview.nekoya.moe.team/#/sessions"></iframe>
+
+</div>
 </div>
 
 ---