diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 97aca1f..599e10b 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -1,15 +1,18 @@
-
-
-
-
+
+
+
+
+
+
+
-
-
-
+
+
+
@@ -19,8 +22,8 @@
@@ -76,7 +79,7 @@
-
+
1670844191163
@@ -106,7 +109,14 @@
1671029892636
-
+
+ 1671100962105
+
+
+
+ 1671100962105
+
+
@@ -128,6 +138,7 @@
-
+
+
\ No newline at end of file
diff --git a/index.html b/index.html
index 9499b74..d0d6d31 100644
--- a/index.html
+++ b/index.html
@@ -4,8 +4,8 @@
-
+
+
Agorata
diff --git a/package-lock.json b/package-lock.json
index af2d814..4204c0d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,8 @@
"sass": "^1.56.2",
"vue": "^3.2.45",
"vue-contenteditable": "^4.1.0",
- "vue-router": "^4.1.6"
+ "vue-router": "^4.1.6",
+ "vue3-popper": "^1.5.0"
},
"devDependencies": {
"@types/node": "^18.11.12",
@@ -486,6 +487,15 @@
"node": ">= 8"
}
},
+ "node_modules/@popperjs/core": {
+ "version": "2.11.6",
+ "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.6.tgz",
+ "integrity": "sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==",
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/popperjs"
+ }
+ },
"node_modules/@types/node": {
"version": "18.11.13",
"resolved": "https://registry.npmjs.org/@types/node/-/node-18.11.13.tgz",
@@ -964,6 +974,11 @@
"integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==",
"dev": true
},
+ "node_modules/debounce": {
+ "version": "1.2.1",
+ "resolved": "https://registry.npmjs.org/debounce/-/debounce-1.2.1.tgz",
+ "integrity": "sha512-XRRe6Glud4rd/ZGQfiV1ruXSfbvfJedlV9Y6zOlP+2K04vBYiJEte6stfFkCP03aMnY5tsipamumUjL14fofug=="
+ },
"node_modules/define-properties": {
"version": "1.1.4",
"dev": true,
@@ -2606,6 +2621,21 @@
"typescript": "*"
}
},
+ "node_modules/vue3-popper": {
+ "version": "1.5.0",
+ "resolved": "https://registry.npmjs.org/vue3-popper/-/vue3-popper-1.5.0.tgz",
+ "integrity": "sha512-xaEnx90YBnlSg5G2yWqm2DHWHg+DB99UVRp4VsyTF0QLXyHrqSuE1Xo5+sG0AQq/lBcrGMlk5NU5xE2MDLKViw==",
+ "dependencies": {
+ "@popperjs/core": "^2.9.2",
+ "debounce": "^1.2.1"
+ },
+ "engines": {
+ "node": ">=12"
+ },
+ "peerDependencies": {
+ "vue": "^3.2.20"
+ }
+ },
"node_modules/which-boxed-primitive": {
"version": "1.0.2",
"dev": true,
@@ -2875,6 +2905,11 @@
"fastq": "^1.6.0"
}
},
+ "@popperjs/core": {
+ "version": "2.11.6",
+ "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.6.tgz",
+ "integrity": "sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw=="
+ },
"@types/node": {
"version": "18.11.13",
"resolved": "https://registry.npmjs.org/@types/node/-/node-18.11.13.tgz",
@@ -3276,6 +3311,11 @@
"integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==",
"dev": true
},
+ "debounce": {
+ "version": "1.2.1",
+ "resolved": "https://registry.npmjs.org/debounce/-/debounce-1.2.1.tgz",
+ "integrity": "sha512-XRRe6Glud4rd/ZGQfiV1ruXSfbvfJedlV9Y6zOlP+2K04vBYiJEte6stfFkCP03aMnY5tsipamumUjL14fofug=="
+ },
"define-properties": {
"version": "1.1.4",
"dev": true,
@@ -4352,6 +4392,15 @@
"@volar/vue-typescript": "1.0.13"
}
},
+ "vue3-popper": {
+ "version": "1.5.0",
+ "resolved": "https://registry.npmjs.org/vue3-popper/-/vue3-popper-1.5.0.tgz",
+ "integrity": "sha512-xaEnx90YBnlSg5G2yWqm2DHWHg+DB99UVRp4VsyTF0QLXyHrqSuE1Xo5+sG0AQq/lBcrGMlk5NU5xE2MDLKViw==",
+ "requires": {
+ "@popperjs/core": "^2.9.2",
+ "debounce": "^1.2.1"
+ }
+ },
"which-boxed-primitive": {
"version": "1.0.2",
"dev": true,
diff --git a/package.json b/package.json
index 21591a2..15283b9 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,8 @@
"sass": "^1.56.2",
"vue": "^3.2.45",
"vue-contenteditable": "^4.1.0",
- "vue-router": "^4.1.6"
+ "vue-router": "^4.1.6",
+ "vue3-popper": "^1.5.0"
},
"devDependencies": {
"@types/node": "^18.11.12",
diff --git a/src/assets/icons/buy.svg b/src/assets/icons/buy.svg
new file mode 100644
index 0000000..f46b05d
--- /dev/null
+++ b/src/assets/icons/buy.svg
@@ -0,0 +1,55 @@
+
+
+
+
diff --git a/src/assets/icons/instant_buy.svg b/src/assets/icons/instant_buy.svg
new file mode 100644
index 0000000..766d6da
--- /dev/null
+++ b/src/assets/icons/instant_buy.svg
@@ -0,0 +1,58 @@
+
+
+
+
diff --git a/src/assets/main.css b/src/assets/main.css
index 18357dc..64d2c51 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -105,3 +105,48 @@ a,
.rbox > p:not(:first-child) {
margin-top: 1rem;
}
+
+.center {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ place-items: center;
+ flex-direction: column;
+}
+
+.b.darkish {
+ background-color: #4e5a88;
+ color: white;
+ border-radius: 0.5rem;
+ font-size: 1rem;
+}
+
+.mono {
+ font-family: 'Inconsolata', monospace;
+}
+
+:root {
+ --popper-theme-background-color: #fff;
+ --popper-theme-background-color-hover: #fff;
+ --popper-theme-text-color: black;
+ --popper-theme-border-width: 0px;
+ --popper-theme-border-style: solid;
+ --popper-theme-border-radius: 6px;
+ --popper-theme-padding: 4px;
+ --popper-theme-box-shadow: 0 6px 30px -6px rgba(0, 0, 0, 0.25);
+}
+
+.popper {
+ font-size: 0.8rem;
+ font-family: 'Inconsolata', monospace;
+}
+
+.mobile-scale {
+ scale: 100%;
+}
+
+@media (max-width: 800px) {
+ .mobile-scale {
+ scale: 70%;
+ }
+}
\ No newline at end of file
diff --git a/src/components/DarkLayout.vue b/src/components/DarkLayout.vue
index 301b6bf..db092f2 100644
--- a/src/components/DarkLayout.vue
+++ b/src/components/DarkLayout.vue
@@ -34,11 +34,4 @@ export default {
margin: 0.5rem 3rem;
}
-.center {
- display: flex;
- justify-content: center;
- align-items: center;
- place-items: center;
- flex-direction: column;
-}
\ No newline at end of file
diff --git a/src/components/TonButton.vue b/src/components/TonButton.vue
new file mode 100644
index 0000000..a6d6ee7
--- /dev/null
+++ b/src/components/TonButton.vue
@@ -0,0 +1,29 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/ZonePricing.vue b/src/components/ZonePricing.vue
new file mode 100644
index 0000000..3766c4b
--- /dev/null
+++ b/src/components/ZonePricing.vue
@@ -0,0 +1,102 @@
+
+
+
+
+
+
+
+ |
+
+
+
+
+ |
+
+
+
+
+ |
+
+
+
+
+ {{ '*'.repeat(zone.length_1) + zone.zone }} |
+
+ {{ zone.price_auction_1 }}
+ |
+
+ {{ zone.price_buy_1 }}
+ |
+
+
+ {{ '*'.repeat(zone.length_2) + zone.zone }} |
+
+ {{ zone.price_auction_2 }}
+ |
+
+ {{ zone.price_buy_2 }}
+ |
+
+
+
+
+
+ Get
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/ZoneTable.vue b/src/components/ZoneTable.vue
index 04b7b57..7461943 100644
--- a/src/components/ZoneTable.vue
+++ b/src/components/ZoneTable.vue
@@ -1,30 +1,35 @@
-
-
-
-
-
-
-
- {{ zone.zone }}
-
- |
- |
-
-
-
+
+
+
+
+
+
+
+ {{ zone.zone }}
+
+ |
+
+
+ |
+
+
+
+