mirror of
https://gitlab.com/nekoya/presentation.git
synced 2024-12-04 14:05:02 +01:00
Update presentation
This commit is contained in:
parent
6ad88e97ac
commit
04e89e4c4f
1 changed files with 351 additions and 17 deletions
368
slides.md
368
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>
|
||||
|
||||
---
|
||||
|
|
|
|||
Loading…
Reference in a new issue