update,
This commit is contained in:
louiscklaw
31
.gitattributes
vendored
Normal file
31
.gitattributes
vendored
Normal file
@@ -0,0 +1,31 @@
|
||||
*.mp4 filter=lfs diff=lfs merge=lfs
|
||||
*.zip filter=lfs diff=lfs merge=lfs
|
||||
*.7z filter=lfs diff=lfs merge=lfs
|
||||
*.tar.gz filter=lfs diff=lfs merge=lfs
|
||||
*.jpg filter=lfs diff=lfs merge=lfs
|
||||
*.png filter=lfs diff=lfs merge=lfs
|
||||
*.avif filter=lfs diff=lfs merge=lfs
|
||||
*.webm filter=lfs diff=lfs merge=lfs
|
||||
*.mkv filter=lfs diff=lfs merge=lfs
|
||||
|
||||
# Documents
|
||||
*.doc diff=astextplain
|
||||
*.DOC diff=astextplain
|
||||
*.docx diff=astextplain
|
||||
*.DOCX diff=astextplain
|
||||
*.dot diff=astextplain
|
||||
*.DOT diff=astextplain
|
||||
*.pdf diff=astextplain
|
||||
*.PDF diff=astextplain
|
||||
*.rtf diff=astextplain
|
||||
*.RTF diff=astextplain
|
||||
|
||||
*.gif filter=lfs diff=lfs merge=lfs
|
||||
*.GIF filter=lfs diff=lfs merge=lfs
|
||||
*.bmp filter=lfs diff=lfs merge=lfs
|
||||
*.BMP filter=lfs diff=lfs merge=lfs
|
||||
*.tiff filter=lfs diff=lfs merge=lfs
|
||||
*.TIFF filter=lfs diff=lfs merge=lfs
|
||||
*.wav filter=lfs diff=lfs merge=lfs
|
||||
*.WAV filter=lfs diff=lfs merge=lfs
|
||||
*.log filter=lfs diff=lfs merge=lfs
|
||||
1
.gitignore
vendored
Normal file
1
.gitignore
vendored
Normal file
@@ -0,0 +1 @@
|
||||
**/~*.*
|
||||
BIN
cart-page/2022-12-09_16-41.png
(Stored with Git LFS)
Normal file
BIN
cart-page/2022-12-09_16-41.png
(Stored with Git LFS)
Normal file
Binary file not shown.
15
cart-page/build_delivery.sh
Normal file
15
cart-page/build_delivery.sh
Normal file
@@ -0,0 +1,15 @@
|
||||
#!/usr/bin/env bash
|
||||
|
||||
rm -rf delivery.zip
|
||||
|
||||
mkdir -p _temp
|
||||
|
||||
rm -rf delivery/*
|
||||
|
||||
cp -r src _temp
|
||||
|
||||
set -ex
|
||||
|
||||
7za a -tzip delivery.zip src/
|
||||
|
||||
rm -rf _temp
|
||||
BIN
cart-page/src/assets/bin.png
(Stored with Git LFS)
Normal file
BIN
cart-page/src/assets/bin.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
cart-page/src/assets/minus.png
(Stored with Git LFS)
Normal file
BIN
cart-page/src/assets/minus.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
cart-page/src/assets/plus.png
(Stored with Git LFS)
Normal file
BIN
cart-page/src/assets/plus.png
(Stored with Git LFS)
Normal file
Binary file not shown.
142
cart-page/src/index.html
Normal file
142
cart-page/src/index.html
Normal file
@@ -0,0 +1,142 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
|
||||
<script src="https://kit.fontawesome.com/7f7422272b.js" crossorigin="anonymous"></script>
|
||||
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
|
||||
<body class="prod-page">
|
||||
<div class="container">
|
||||
<div class="top-label">
|
||||
My Cart
|
||||
</div>
|
||||
|
||||
<div class="prod-item-container-first">
|
||||
<div class="prod">
|
||||
<div class="prod-img" style="background-image: url('./product1.png');"></div>
|
||||
<div style="flex-grow: 2; padding-left: 2rem">
|
||||
<div class="prod-name">
|
||||
Jake Duffle Bag
|
||||
|
||||
<div class="description">
|
||||
Hamilton Brown
|
||||
</div>
|
||||
</div>
|
||||
<div class="price">
|
||||
HKD 800
|
||||
</div>
|
||||
<div style="padding-top: 1rem">
|
||||
<div class="button-group">
|
||||
<div class="qty-button-group">
|
||||
<div class="minus-button"></div>
|
||||
<div style="margin-left: 0.5rem">
|
||||
<input class="qty" type="text" value="1" />
|
||||
</div>
|
||||
<div class="plus-button">
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="bin-button"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="prod-item-container">
|
||||
<div class="prod">
|
||||
<div class="prod-img" style="background-image: url('./product2.png');"></div>
|
||||
<div style="flex-grow: 2; padding-left: 2rem">
|
||||
<div class="prod-name">
|
||||
Jake Duffle Bag
|
||||
|
||||
<div class="description">
|
||||
Hamilton Brown
|
||||
</div>
|
||||
</div>
|
||||
<div class="price">
|
||||
HKD 800
|
||||
</div>
|
||||
<div style="padding-top: 1rem">
|
||||
<div class="button-group">
|
||||
<div class="qty-button-group">
|
||||
<div class="minus-button"></div>
|
||||
<div style="margin-left: 0.5rem">
|
||||
<input class="qty" type="text" value="1" />
|
||||
</div>
|
||||
<div class="plus-button">
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="bin-button"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="prod-item-container">
|
||||
<div class="prod">
|
||||
<div class="prod-img" style="background-image: url('./product3.png');"></div>
|
||||
<div style="flex-grow: 2; padding-left: 2rem">
|
||||
<div class="prod-name">
|
||||
Jake Duffle Bag
|
||||
|
||||
<div class="description">
|
||||
Hamilton Brown
|
||||
</div>
|
||||
</div>
|
||||
<div class="price">
|
||||
HKD 800
|
||||
</div>
|
||||
<div style="padding-top: 1rem">
|
||||
<div class="button-group">
|
||||
<div class="qty-button-group">
|
||||
<div class="minus-button"></div>
|
||||
<div style="margin-left: 0.5rem">
|
||||
<input class="qty" type="text" value="1" />
|
||||
</div>
|
||||
<div class="plus-button">
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="bin-button"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="check-out-button-container">
|
||||
<button class="check-out-button">CheckOut</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="bottom-bar-container">
|
||||
<div class="bottom-bar">
|
||||
<div style="padding-top: 3rem">
|
||||
<i class="fa-solid fa-house fa-xl"></i>
|
||||
</div>
|
||||
<div style="padding-top: 3rem">
|
||||
<i class="fa-regular fa-heart fa-xl"></i>
|
||||
</div>
|
||||
<div style="padding-top: 3rem">
|
||||
<i class="fa-solid fa-cart-shopping fa-xl"></i>
|
||||
</div>
|
||||
<div style="padding-top: 3rem">
|
||||
<i class="fa-regular fa-user fa-xl"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
12
cart-page/src/package.json
Normal file
12
cart-page/src/package.json
Normal file
@@ -0,0 +1,12 @@
|
||||
{
|
||||
"name": "can.f",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"keywords": [],
|
||||
"author": "",
|
||||
"license": "ISC"
|
||||
}
|
||||
BIN
cart-page/src/product1.png
(Stored with Git LFS)
Normal file
BIN
cart-page/src/product1.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
cart-page/src/product2.png
(Stored with Git LFS)
Normal file
BIN
cart-page/src/product2.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
cart-page/src/product3.png
(Stored with Git LFS)
Normal file
BIN
cart-page/src/product3.png
(Stored with Git LFS)
Normal file
Binary file not shown.
178
cart-page/src/styles.css
Normal file
178
cart-page/src/styles.css
Normal file
@@ -0,0 +1,178 @@
|
||||
.prod-page {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.container {
|
||||
background: #EAEAEA;
|
||||
height: 100%;
|
||||
padding: 1rem 1.5rem 1rem 1.5rem
|
||||
}
|
||||
|
||||
.button-group {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.qty-button-group {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.top-label {
|
||||
font-family: 'Cantarell';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-size: 32px;
|
||||
line-height: 46px;
|
||||
padding-top: 2rem;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
.prod-item-container-first{
|
||||
background-color:white;
|
||||
background: #FFFFFF;
|
||||
border: 1px solid rgba(218, 218, 218, 0.5);
|
||||
box-shadow: -1px 4px 4px 2px rgba(0, 0, 0, 0.15);
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.prod-item-container{
|
||||
background-color:white;
|
||||
background: #FFFFFF;
|
||||
border: 1px solid rgba(218, 218, 218, 0.5);
|
||||
box-shadow: -1px 4px 4px 2px rgba(0, 0, 0, 0.15);
|
||||
border-radius: 15px;
|
||||
margin-top: 2rem
|
||||
}
|
||||
|
||||
.prod {
|
||||
height: 100px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 1rem
|
||||
}
|
||||
|
||||
.prod-img {
|
||||
width: 35%;
|
||||
height: 100%;
|
||||
/* background-color: gold; */
|
||||
|
||||
background-size: contain;
|
||||
background-position:center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.prod-name {
|
||||
font-family: 'Cantarell';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-size: 18px;
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
.description {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.price {
|
||||
font-family: 'Cantarell';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
text-decoration-line: underline;
|
||||
color: #0D0C0C;
|
||||
}
|
||||
|
||||
.qty {
|
||||
width: 45px;
|
||||
height: 20px;
|
||||
background: #DADADA;
|
||||
border-radius: 34px;
|
||||
border-width: 0;
|
||||
text-align: center;
|
||||
|
||||
font-family: 'Bakbak One';
|
||||
font-style: normal;
|
||||
font-weight: 800;
|
||||
font-size: 10px;
|
||||
line-height: 14px;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.minus-button {
|
||||
margin-left: 0.5rem;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-image: url('./assets/minus.png');
|
||||
background-size: contain;
|
||||
background-position:center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.plus-button {
|
||||
margin-left: 0.5rem;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-image: url('./assets/plus.png');
|
||||
background-size: contain;
|
||||
background-position:center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.bin-button {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-image: url('./assets/bin.png');
|
||||
background-size: contain;
|
||||
background-position:center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.check-out-button-container{
|
||||
padding-top: 2rem
|
||||
}
|
||||
|
||||
.check-out-button {
|
||||
width:100%;
|
||||
background: #000000;
|
||||
border-radius: 26px;
|
||||
height:50px;
|
||||
|
||||
font-family: 'Cantarell';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-size: 20px;
|
||||
line-height: 28px;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.bottom-bar-container {
|
||||
position: fixed;
|
||||
bottom:0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bottom-bar {
|
||||
background: #000000;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-evenly;
|
||||
height: 122px;
|
||||
border-radius: 15px 15px 0px 0px;
|
||||
color: #D9D4C9;
|
||||
}
|
||||
|
||||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
7
gitUpdate.bat
Normal file
7
gitUpdate.bat
Normal file
@@ -0,0 +1,7 @@
|
||||
git status .
|
||||
|
||||
@pause
|
||||
|
||||
git add .
|
||||
git commit -m"update can.f,"
|
||||
start git push
|
||||
16
gitUpdate.sh
Executable file
16
gitUpdate.sh
Executable file
@@ -0,0 +1,16 @@
|
||||
#!/usr/bin/env bash
|
||||
|
||||
set -ex
|
||||
|
||||
git config --global http.version HTTP/1.1
|
||||
git config --global lfs.allowincompletepush true
|
||||
git config --global lfs.locksverify true
|
||||
git config --global http.postBuffer 5368709120
|
||||
|
||||
git add .
|
||||
|
||||
git commit -m 'update,'
|
||||
|
||||
git push
|
||||
|
||||
echo "done"
|
||||
Reference in New Issue
Block a user