From 1ebd30c0b290907320e2da7e7e5b0f691721a2a9 Mon Sep 17 00:00:00 2001 From: louiscklaw Date: Sat, 1 Feb 2025 02:00:21 +0800 Subject: [PATCH] update, --- .gitattributes | 31 ++++++ .gitignore | 1 + cart-page/2022-12-09_16-41.png | 3 + cart-page/build_delivery.sh | 15 +++ cart-page/src/assets/bin.png | 3 + cart-page/src/assets/minus.png | 3 + cart-page/src/assets/plus.png | 3 + cart-page/src/index.html | 142 ++++++++++++++++++++++++++ cart-page/src/package.json | 12 +++ cart-page/src/product1.png | 3 + cart-page/src/product2.png | 3 + cart-page/src/product3.png | 3 + cart-page/src/styles.css | 178 +++++++++++++++++++++++++++++++++ gitUpdate.bat | 7 ++ gitUpdate.sh | 16 +++ meta.md | 5 + 16 files changed, 428 insertions(+) create mode 100644 .gitattributes create mode 100644 .gitignore create mode 100644 cart-page/2022-12-09_16-41.png create mode 100644 cart-page/build_delivery.sh create mode 100644 cart-page/src/assets/bin.png create mode 100644 cart-page/src/assets/minus.png create mode 100644 cart-page/src/assets/plus.png create mode 100644 cart-page/src/index.html create mode 100644 cart-page/src/package.json create mode 100644 cart-page/src/product1.png create mode 100644 cart-page/src/product2.png create mode 100644 cart-page/src/product3.png create mode 100644 cart-page/src/styles.css create mode 100644 gitUpdate.bat create mode 100755 gitUpdate.sh create mode 100644 meta.md diff --git a/.gitattributes b/.gitattributes new file mode 100644 index 0000000..d54c38a --- /dev/null +++ b/.gitattributes @@ -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 diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..67a5a14 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +**/~*.* \ No newline at end of file diff --git a/cart-page/2022-12-09_16-41.png b/cart-page/2022-12-09_16-41.png new file mode 100644 index 0000000..7cb63a7 --- /dev/null +++ b/cart-page/2022-12-09_16-41.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:89f7467593a092a2851988a4acbd7fa876949332accbee6c91cb027d5a747e94 +size 134096 diff --git a/cart-page/build_delivery.sh b/cart-page/build_delivery.sh new file mode 100644 index 0000000..b6b833b --- /dev/null +++ b/cart-page/build_delivery.sh @@ -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 diff --git a/cart-page/src/assets/bin.png b/cart-page/src/assets/bin.png new file mode 100644 index 0000000..105d8c8 --- /dev/null +++ b/cart-page/src/assets/bin.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:e51eb748223c4b1644e3507e61cc4c9a39ea3ff30094513ffb428ee820870302 +size 300 diff --git a/cart-page/src/assets/minus.png b/cart-page/src/assets/minus.png new file mode 100644 index 0000000..fa4d53c --- /dev/null +++ b/cart-page/src/assets/minus.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:2ef4f954b131b736415a7f3c7f3784b219f01b5178ca7dfb8af6a98e4a4e29d9 +size 278 diff --git a/cart-page/src/assets/plus.png b/cart-page/src/assets/plus.png new file mode 100644 index 0000000..868cfa2 --- /dev/null +++ b/cart-page/src/assets/plus.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:5536002709144b3f8f032a77e4cc2a0575ec8916ffd01f532ee787812e68739d +size 289 diff --git a/cart-page/src/index.html b/cart-page/src/index.html new file mode 100644 index 0000000..9ab74eb --- /dev/null +++ b/cart-page/src/index.html @@ -0,0 +1,142 @@ + + + + + + + Document + + + + + + + +
+
+ My Cart +
+ +
+
+
+
+
+ Jake Duffle Bag + +
+ Hamilton Brown +
+
+
+ HKD 800 +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+ Jake Duffle Bag + +
+ Hamilton Brown +
+
+
+ HKD 800 +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+ Jake Duffle Bag + +
+ Hamilton Brown +
+
+
+ HKD 800 +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+ +
+ +
+ +
+ +
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+ + \ No newline at end of file diff --git a/cart-page/src/package.json b/cart-page/src/package.json new file mode 100644 index 0000000..636036e --- /dev/null +++ b/cart-page/src/package.json @@ -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" +} diff --git a/cart-page/src/product1.png b/cart-page/src/product1.png new file mode 100644 index 0000000..e8d2892 --- /dev/null +++ b/cart-page/src/product1.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:c28b7da760995bc73f57ed57c7432b938815d01ed9d00bbcc1d343371ed374ac +size 8416 diff --git a/cart-page/src/product2.png b/cart-page/src/product2.png new file mode 100644 index 0000000..8c5a715 --- /dev/null +++ b/cart-page/src/product2.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:f290c701156d048a202a1ce2248c70279597a6e2b40f671104d821d1d9877b11 +size 8265 diff --git a/cart-page/src/product3.png b/cart-page/src/product3.png new file mode 100644 index 0000000..0e0684c --- /dev/null +++ b/cart-page/src/product3.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:a131805e277a0d78204b81fb509242e8940eeac59ad7d5c3dd1702e8cdd81eb8 +size 8503 diff --git a/cart-page/src/styles.css b/cart-page/src/styles.css new file mode 100644 index 0000000..bb3aa33 --- /dev/null +++ b/cart-page/src/styles.css @@ -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; +} \ No newline at end of file diff --git a/gitUpdate.bat b/gitUpdate.bat new file mode 100644 index 0000000..f487d34 --- /dev/null +++ b/gitUpdate.bat @@ -0,0 +1,7 @@ +git status . + +@pause + +git add . +git commit -m"update can.f," +start git push \ No newline at end of file diff --git a/gitUpdate.sh b/gitUpdate.sh new file mode 100755 index 0000000..c96734f --- /dev/null +++ b/gitUpdate.sh @@ -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" diff --git a/meta.md b/meta.md new file mode 100644 index 0000000..db9aa6d --- /dev/null +++ b/meta.md @@ -0,0 +1,5 @@ +--- +tags: [html, css] +--- + +# can.f