diff --git a/luckydiamond/package-lock.json b/luckydiamond/package-lock.json index df79270..ec49235 100644 --- a/luckydiamond/package-lock.json +++ b/luckydiamond/package-lock.json @@ -8,6 +8,8 @@ "name": "luckydiamond", "version": "0.1.0", "dependencies": { + "@popperjs/core": "^2.11.8", + "bootstrap": "^5.3.2", "core-js": "^3.8.3", "vue": "^3.2.13", "vue-router": "^4.2.5" @@ -2040,6 +2042,15 @@ "integrity": "sha512-C16M+IYz0rgRhWZdCmK+h58JMv8vijAA61gmz2rspCSwKwzBebpdcsiUmwrtJRdphuY30i6BSLEOP8ppbNLyLg==", "dev": true }, + "node_modules/@popperjs/core": { + "version": "2.11.8", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz", + "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==", + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/popperjs" + } + }, "node_modules/@sideway/address": { "version": "4.1.4", "resolved": "https://registry.npmjs.org/@sideway/address/-/address-4.1.4.tgz", @@ -3813,6 +3824,24 @@ "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==", "dev": true }, + "node_modules/bootstrap": { + "version": "5.3.2", + "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.2.tgz", + "integrity": "sha512-D32nmNWiQHo94BKHLmOrdjlL05q1c8oxbtBphQFb9Z5to6eGRDCm0QgeaZ4zFBHzfg2++rqa2JkqCcxDy0sH0g==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/twbs" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/bootstrap" + } + ], + "peerDependencies": { + "@popperjs/core": "^2.11.8" + } + }, "node_modules/brace-expansion": { "version": "1.1.11", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", diff --git a/luckydiamond/package.json b/luckydiamond/package.json index 3d292ae..97b22d9 100644 --- a/luckydiamond/package.json +++ b/luckydiamond/package.json @@ -9,6 +9,8 @@ "deploy": "sh deploy.sh" }, "dependencies": { + "@popperjs/core": "^2.11.8", + "bootstrap": "^5.3.2", "core-js": "^3.8.3", "vue": "^3.2.13", "vue-router": "^4.2.5" diff --git a/luckydiamond/src/assets/css/ComponentsStyles/chat.css b/luckydiamond/src/assets/css/ComponentsStyles/chat.css index b46a657..333f103 100644 --- a/luckydiamond/src/assets/css/ComponentsStyles/chat.css +++ b/luckydiamond/src/assets/css/ComponentsStyles/chat.css @@ -97,7 +97,7 @@ .write__content button { padding: 8px 9px; - margin-left: -15%; + margin-left: -20%; border-radius: 6px; background: #3D3F48; border: none; diff --git a/luckydiamond/src/assets/css/ComponentsStyles/header.css b/luckydiamond/src/assets/css/ComponentsStyles/header.css index b635559..e31ad79 100644 --- a/luckydiamond/src/assets/css/ComponentsStyles/header.css +++ b/luckydiamond/src/assets/css/ComponentsStyles/header.css @@ -15,10 +15,10 @@ } .header__nav nav a { - margin-right: 30%; text-decoration: none; font-family: Montserrat Alternates; font-weight: 700; + margin-right: 3em; } .header__nav--now { diff --git a/luckydiamond/src/assets/css/ComponentsStyles/payments-modal.css b/luckydiamond/src/assets/css/ComponentsStyles/payments-modal.css new file mode 100644 index 0000000..3948467 --- /dev/null +++ b/luckydiamond/src/assets/css/ComponentsStyles/payments-modal.css @@ -0,0 +1,51 @@ +.payment-modal { + position: absolute; + top: 20%; + left: 35%; + background: #000; + width: 400px; + height: 200px; +} + +.payments-modal__content { + text-align: center; + display: flex; + justify-content: space-between; +} + +.payments-modal__content button { + background: #fff; + border: none; + color: #ff0000; + width: 40px; + height: 40px; + font-size: 40px; + cursor: pointer; +} + +.payments__input--color input { + color: #000; +} + +.payments__margin { + margin: 40px 0 0 20px; +} + +.payments__margin input { + margin-left: 10px; +} + +.payments__button .payments-modal__content--btn { + display: flex; + justify-content: center; + margin-top: 5%; +} + +.payments__button .payments-modal__content--btn button { + background: #fff; + color: #000; + font-weight: 700; + padding: 10px 10px; + border: none; + cursor: pointer; +} \ No newline at end of file diff --git a/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css b/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css new file mode 100644 index 0000000..e046138 --- /dev/null +++ b/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css @@ -0,0 +1,208 @@ +body { + overflow-y: scroll; +} + +.content-grid__mobile-home { + display: grid; + grid-auto-columns: 1fr; + grid-template-columns: repeat(4, 1fr); + grid-template-rows: repeat(7, 1fr); + grid-template-areas: + "header-mobile header-mobile header-mobile header-mobile" + "main-mobile main-mobile main-mobile main-mobile" + "main-mobile main-mobile main-mobile main-mobile" + "footer-mobile footer-mobile footer-mobile footer-mobile"; + height: 100%; + width: 100%; +} + +.header-mobile { + grid-area: header-mobile; + border-radius: 20px; + background: #17181C; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + height: 45%; +} + +.main-mobile { + grid-area: main-mobile; + width: 100%; + height: 100%; +} + +.footer-mobile { + grid-area: footer-mobile; + width: 100%; + height: 10%; + background: #17181C; + position: fixed; + bottom: 0; +} + +/* Header */ + +.header-mobile__content { + display: flex; + align-items: center; + justify-content: space-between; +} + +.header-mobile__logo { + padding: 6% 0 2.5% 4%; +} + +.header-mobile__logo img { + width: 85%; +} + +.header-mobile__balance--content { + display: flex; + align-items: center; +} + +.header-mobile__card { + border-radius: 7px; + background: #22252F; + box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25); +} + +.card-display h2 { + display: flex; + align-items: flex-end; + padding: 8% 15px 8% 7%; +} + +.card-img img { + width: 100%; + height: 100%; +} + +.card-text { + color: #FFF; + font-weight: 700; + text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); + font-family: Montserrat Alternates; + font-size: 13px; +} + +.btn-card img { + width: 90%; + height: 40px; +} + +.btn-card__margin { + margin-left: -8%; +} + +/* /Header */ + +/* Main */ + +.main-mobile__content { + margin-top: 12%; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} + +.bg-mobile { + border-radius: 10px; + background: #EF4444; + box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25); + width: 100%; + height: 10em; +} + +.main-mobile__first-line { + display: flex; + width: 100%; +} + +.main-mobile__two-line { + display: flex; + width: 100%; +} + +.card-mobile__content { /* text display */ + display: flex; + flex-direction: column; + justify-content: space-around; + align-items: center; +} + +.card-first { + margin: 0 2.5% 0 3%; +} + +.card-game__text h2 { + color: #FFF; + font-weight: 700; + font-size: 41px; + text-align: center; + text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); + font-family: Montserrat Alternates; + text-transform: uppercase; +} + +.card-two { + margin: 5.1% 2.5% 0 3%; +} + +.card-mobile__btn a { + text-decoration: none; + color: #000; + font-weight: 700; + text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); + font-family: Montserrat Alternates; + font-size: 30px; + border-radius: 21px; + background: #FFF; + padding: 6px 11px; + box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25); +} + +.card-mobile__btn span { + font-size: 29px; + color: #000; +} + +/* /Main */ + +/* Footer */ + +.footer-mobile__content { + display: flex; + justify-content: center; + align-items: center; + margin-top: 2%; +} +.chat-icon a, +.home-icon a, +.settings-icon a { + background: #000; +} + +.home-icon a img { + padding-left: 6px; +} + +.settings-icon a img { + width: 75px; + height: 75px; + padding: 9px 0 0 6px; +} + +.footer-mobile__block a { + display: flex; + justify-content: center; + align-items: center; + width: 90%; + height: 4em; + background: #D9D9D91F; + border-radius: 20px; + margin: 0 .8em; +} + + +/* /Footer */ \ No newline at end of file diff --git a/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css b/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css new file mode 100644 index 0000000..ca269dd --- /dev/null +++ b/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css @@ -0,0 +1,243 @@ +#chat { + height: 95%; +} + +button { + cursor: pointer; +} + +button:focus { + outline: none; +} + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} + +.saper { + padding-top: 10%; + border-radius: 20px; + background: #17181C; + backdrop-filter: blur(100px); + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); +} + +.bg { + background: #293561; + filter: blur(120px); + position: absolute; + top: 250px; + transform: rotate(180deg); + left: 200px; + width: 40%; + height: 55%; + z-index: -1; +} + +.bg-two { + background: #293561; + filter: blur(120px); + position: absolute; + top: 220px; + transform: rotate(330deg); + left: 600px; + width: 60%; + height: 35%; + z-index: -1; +} + +.saper-start { + z-index: 1; + margin-left: 5%; + border-radius: 20px; + background: #22252F; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + width: 27%; + height: 70%; +} + +.padding-elements { + padding-left: 5%; +} + +.title-saper h2 { + padding: 16px 0 5px 0; + color: #FFF; + font-weight: 700; + line-height: 31px; + text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.00); + font-family: Montserrat Alternates; + font-size: 26px; +} + +.saper-start__content p { + color: #FFFFFF84; + font-weight: 700; + line-height: 31px; + text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); + font-family: Montserrat Alternates; + font-size: 13px; +} + +.crystals h3, +.diamonds h3 { + color: #44C6EF54; + text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); + font-family: Montserrat Alternates; + font-size: 12px; + font-weight: 700; + line-height: 31px; +} + +.crystals .crystals__choises input, +.diamonds .diamonds__choises input { + width: 110px; + height: 38px; + color: #FFF; + font-weight: 700; + line-height: 31px; + font-family: Montserrat Alternates; + font-size: 12px; + border-radius: 10px; + padding-left: 25px; + border: 2px solid #2B3458; + background: #22252F; +} + +.crystals__choises { + display: flex; + align-items: center; +} + +.crystals .crystals__choises input:focus, +.diamonds .diamonds__choises input:focus { + outline: none; +} + +.crystals-input__margin { + margin-left: -5.5%; +} + +.crystals-btns__choices button, +.btn-style__diamonds button { + margin-left: 5px; + border-radius: 10px; + background: #252C47; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + border: none; + color: #FFF; + font-weight: 700; + line-height: 31px; + font-family: Montserrat Alternates; + font-size: 12px; + padding: 4px 23px; +} + +.crystal-icon, +.diamond-icon { + position: relative; + left: 25px; + top: 2px; +} + +.crystals-btns__display { + display: flex; +} + +#diamonds-input { + width: 347px; + height: 38px; +} + +.diamonds h3 { + margin: 1.2% 0 0 5.8%; +} + +.diamonds-input__margin { + margin-left: -5.6%; +} + +.diamonds .diamonds__choises input { + padding-left: 35px; +} + +.diamond-icon { + top: 12px; + left: 35px; +} + +.diamonds__btns { + margin: 2.5% 0 0 5.5%; +} + +.diamonds-btns__display { + display: flex; + margin-left: -1%; +} + +.btn-style__diamonds button { + padding: 4px 20px; +} + +#max-button { + text-transform: uppercase; + font-family: Inter; + font-size: 16px; + font-weight: 700; + padding: 4px 15px; +} + +.saper-start__btns { + margin: 3.7% 2.7% 0 0; + display: flex; + flex-direction: column; + justify-content: center; +} + +.saper-start__btns button { + width: 100%; + padding: 12px; + margin-bottom: 5px; + border: none; + color: #FFF; + font-weight: 700; + line-height: 19px; + font-style: normal; + font-family: Inter; + font-size: 16px; + +} + +.btn-start { + border-radius: 10px; + background: #EF4444; +} + +.btn-claim { + border-radius: 10px; + background: #252C47; +} + +.saper-start__steps { + margin-top: 2.8%; +} + +.steps-btns__display { + display: flex; +} + +.btns-style__steps button { + border-radius: 10px; + background: #252C47; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + border: none; + color: #FFF; + font-weight: 700; + line-height: 31px; + font-family: Montserrat Alternates; + font-size: 12px; + padding: 6px 16px; + margin-right: 8px; +} \ No newline at end of file diff --git a/luckydiamond/src/assets/css/PagesStyles/home.css b/luckydiamond/src/assets/css/PagesStyles/home.css index 2dea921..3f4d02b 100644 --- a/luckydiamond/src/assets/css/PagesStyles/home.css +++ b/luckydiamond/src/assets/css/PagesStyles/home.css @@ -127,7 +127,7 @@ display: flex; justify-content: center; align-items: center; - padding-top: 7.6%; + padding-top: 8.7%; } .line__content .line__btn--main .line__btn { @@ -244,4 +244,79 @@ margin-right: 10%; } -/* /GameMode */ \ No newline at end of file +/* /GameMode */ + +/* Media */ + +@media screen and (max-width: 1280px) { + .main__content h1 { + font-size: 4.5em; + } + .gamemode__main { + height: auto; + } + .title-firstline { + font-size: 4.1em; + } + .line__footer { + flex-direction: column; + } + .line__footer img { + margin-top: -2em; + } + .line__content .line__btn--main .line__btn { + left: 0; + top: .5em; + } + .line__img { + margin: 1% -15% 0 2%; + } + .gamemode__firstline img { + width: 60%; + height: 60%; + } + .gamemode__firstline .title-firstline { + font-size: 3.2em; + } + .gamemode__twolines img { + display: none; + } + .gamemode__twolines .title-twoline { + font-size: 3.238em; + } + .line__btn { + font-size: 28px; + padding: 6px 11px; + } + .gamemode__twoline--first__element .container a { + padding: 6px 11px; + } + .write { + position: static; + margin: 45% 87% 6% 2%; + } + .write__content input { + padding: 0.625em 1% 14px 0.75em; + } + .write__content input::placeholder { + font-size: 11.5px; + } + .write__content button { + margin-left: -15%; + padding: 0.375em 0.375em; + } +} + +@media screen and (max-width: 1100px) { + .main__content h1 { + font-size: 3.5em; + } + .title-firstline { + font-size: 3.4em; + } + .line__img { + margin: -1% -18% 0 2%; + } +} + +/* /Media */ \ No newline at end of file diff --git a/luckydiamond/src/assets/css/PagesStyles/profile.css b/luckydiamond/src/assets/css/PagesStyles/profile.css new file mode 100644 index 0000000..b3778c1 --- /dev/null +++ b/luckydiamond/src/assets/css/PagesStyles/profile.css @@ -0,0 +1,166 @@ +.profile__content { + width: 35%; + margin-left: 3%; +} + +.profile__content .profile__user--img { + margin: 17.6% 8.4% 1% 0; +} + +.profile__card { + display: flex; + flex-direction: column; +} + +.profile__card h1 { + color: #FFF; + font-weight: 700; + font-family: Montserrat; + font-size: 40px; +} + +.profile__card h2 { + border-radius: 20px; + background: #22252F; + width: 32%; + display: flex; + align-items: center; + color: #FFF; + font-weight: 700; + font-family: Montserrat Alternates; + font-size: 28px; +} + +.profile__card h2 img { + margin-right: 4.4%; +} + +.profile__btns--payments { + margin-top: 7.9%; + display: flex; + flex-direction: column; +} + +.deposit-icon { + margin: 3px 0 0 10px; +} + +.withdraw-icon { + margin-left: 33px; +} + +.btn-bg { + border-radius: 10px; + background: rgba(255, 255, 255, 0.12); + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + width: 36%; +} + +.btn-margin { + padding: 1.8% 0 2% 2%; + margin-bottom: 11px; +} + +.btn-display { + display: flex; + align-items: center; +} + +.text-btn { + text-decoration: none; + color: #FFF; + font-weight: 700; + text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); + font-family: Montserrat Alternates; + font-size: 18px; +} + +.withdraw { + padding: 1.8% 0 2% 2%; +} + + +.payments { + margin: 2% 0 0 -4.25%; +} + +.types { + display: flex; +} + +.types-margin h3 { + margin-right: 7.813em; +} + +.types-text h3 { + color: #ABABB4; + font-weight: 600; + font-family: Montserrat; + font-size: 14px; +} + +.types-line { + margin-top: 2.1%; + background: #38383E; + width: 86%; + height: 3px; +} + +.payments__card { + margin-top: 4.9%; + display: flex; + align-items: start; +} + +.user-info { + display: flex; +} + +.user-name { + display: flex; + flex-direction: column; + margin-left: 0.625em; +} + +.user-name__text h3 { + color: #FFF; + font-weight: 700; + font-family: Montserrat; + font-size: 20px; +} + +.user-name__text p { + color: #A9A9A9; + font-weight: 400; + font-family: Montserrat; + font-size: 20px; +} + +.data-info { + margin-left: 13%; +} + +.data-info__text h3 { + color: #A9A9A9; + font-weight: 400; + font-family: Montserrat; + font-size: 17px; +} + +.transaction-info { + margin-left: 13%; +} + +.transaction-info__text h3 { + font-weight: 500; + font-family: Montserrat; + font-size: 22px; +} + +.deposit-color h3 { + color: #32C966; +} + +.withdraw-color h3 { + color: #EA3D38; +} \ No newline at end of file diff --git a/luckydiamond/src/assets/css/global.css b/luckydiamond/src/assets/css/global.css index 0a427b7..afb6133 100644 --- a/luckydiamond/src/assets/css/global.css +++ b/luckydiamond/src/assets/css/global.css @@ -39,6 +39,40 @@ body, html { grid-gap: 10px; } +.content__grid-profile { + display: grid; + grid-template-columns: .35fr repeat(5, 1fr) 1fr; + grid-template-rows: auto 0fr repeat(4, 1fr); + grid-auto-columns: 1fr; + grid-auto-flow: row; + grid-template-areas: + "menu header header header header header header" + "menu profile profile profile profile profile chat" + "menu profile profile profile profile profile chat" + "menu profile profile profile profile profile chat" + "menu profile profile profile profile profile chat" + "menu profile profile profile profile profile chat" + "menu profile profile profile profile profile chat"; + grid-gap: 10px; + height: 100%; +} + +.content-grid--saper { + display: grid; + grid-auto-columns: 1fr; + grid-template-columns: .35fr repeat(5, 1fr) 1fr; + grid-template-rows: auto 0fr repeat(4, 1fr); + grid-template-areas: + "menu header header header header header header" + "menu saper saper saper saper saper chat" + "menu saper saper saper saper saper chat" + "menu saper saper saper saper saper chat" + "menu saper saper saper saper saper chat" + "menu saper saper saper saper saper chat" + "menu saper saper saper saper saper chat"; + grid-gap: 10px; +} + /* /Content Grid */ @@ -99,4 +133,27 @@ body, html { width: 100%; } -/* /GameMode */ \ No newline at end of file +/* /GameMode */ + +/* Profile */ + +.profile { + display: flex; + grid-area: profile; + height: 95%; + border-radius: 50px; + background: #17181C; + box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25); + margin: 10px 39px 18px 13px; +} + +/* /Profile */ + +/* Saper */ + +.saper { + grid-area: saper; + height: 95.5%; +} + +/* /Saper */ \ No newline at end of file diff --git a/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-chat.svg b/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-chat.svg new file mode 100644 index 0000000..32485bd --- /dev/null +++ b/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-chat.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-deposit.png b/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-deposit.png new file mode 100644 index 0000000..0d5077f Binary files /dev/null and b/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-deposit.png differ diff --git a/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-diamond-ore.png b/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-diamond-ore.png new file mode 100644 index 0000000..fac9e64 Binary files /dev/null and b/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-diamond-ore.png differ diff --git a/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-home.svg b/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-home.svg new file mode 100644 index 0000000..86919e3 --- /dev/null +++ b/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-home.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-notifications.png b/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-notifications.png new file mode 100644 index 0000000..8998568 Binary files /dev/null and b/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-notifications.png differ diff --git a/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-settings.png b/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-settings.png new file mode 100644 index 0000000..4b3a299 Binary files /dev/null and b/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-settings.png differ diff --git a/luckydiamond/src/assets/icons-adaptive/home-adaptive/logo.svg b/luckydiamond/src/assets/icons-adaptive/home-adaptive/logo.svg new file mode 100644 index 0000000..5ff081f --- /dev/null +++ b/luckydiamond/src/assets/icons-adaptive/home-adaptive/logo.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/luckydiamond/src/assets/icons-games/saper-game/bg-saper.png b/luckydiamond/src/assets/icons-games/saper-game/bg-saper.png new file mode 100644 index 0000000..55838bc Binary files /dev/null and b/luckydiamond/src/assets/icons-games/saper-game/bg-saper.png differ diff --git a/luckydiamond/src/assets/icons-games/saper-game/icon-crystall-saper.svg b/luckydiamond/src/assets/icons-games/saper-game/icon-crystall-saper.svg new file mode 100644 index 0000000..e940f12 --- /dev/null +++ b/luckydiamond/src/assets/icons-games/saper-game/icon-crystall-saper.svg @@ -0,0 +1,82 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/luckydiamond/src/assets/icons-games/saper-game/icon-diamond-ore-saper.png b/luckydiamond/src/assets/icons-games/saper-game/icon-diamond-ore-saper.png new file mode 100644 index 0000000..184e07f Binary files /dev/null and b/luckydiamond/src/assets/icons-games/saper-game/icon-diamond-ore-saper.png differ diff --git a/luckydiamond/src/assets/icons-profile/icon-deposit.svg b/luckydiamond/src/assets/icons-profile/icon-deposit.svg new file mode 100644 index 0000000..0dffd08 --- /dev/null +++ b/luckydiamond/src/assets/icons-profile/icon-deposit.svg @@ -0,0 +1,3 @@ + + + diff --git a/luckydiamond/src/assets/icons-profile/icon-diamond-ore.png b/luckydiamond/src/assets/icons-profile/icon-diamond-ore.png new file mode 100644 index 0000000..3503a32 Binary files /dev/null and b/luckydiamond/src/assets/icons-profile/icon-diamond-ore.png differ diff --git a/luckydiamond/src/assets/icons-profile/icon-withdraw.svg b/luckydiamond/src/assets/icons-profile/icon-withdraw.svg new file mode 100644 index 0000000..51ac645 --- /dev/null +++ b/luckydiamond/src/assets/icons-profile/icon-withdraw.svg @@ -0,0 +1,3 @@ + + + diff --git a/luckydiamond/src/assets/icons-test/person-icon-profile-userinfo.png b/luckydiamond/src/assets/icons-test/person-icon-profile-userinfo.png new file mode 100644 index 0000000..d85d000 Binary files /dev/null and b/luckydiamond/src/assets/icons-test/person-icon-profile-userinfo.png differ diff --git a/luckydiamond/src/assets/icons-test/person-icon-profile.png b/luckydiamond/src/assets/icons-test/person-icon-profile.png new file mode 100644 index 0000000..c978963 Binary files /dev/null and b/luckydiamond/src/assets/icons-test/person-icon-profile.png differ diff --git a/luckydiamond/src/components/HeaderComponent.vue b/luckydiamond/src/components/HeaderComponent.vue index 5e54ff0..547c003 100644 --- a/luckydiamond/src/components/HeaderComponent.vue +++ b/luckydiamond/src/components/HeaderComponent.vue @@ -1,3 +1,4 @@ + \ No newline at end of file diff --git a/luckydiamond/src/mocks/SaperNumbers.js b/luckydiamond/src/mocks/SaperNumbers.js new file mode 100644 index 0000000..280a231 --- /dev/null +++ b/luckydiamond/src/mocks/SaperNumbers.js @@ -0,0 +1,30 @@ +export default [ + { + crystals: 1, + diamonds: 1, + steps: 'x1.2' + }, + { + crystals: 5, + diamonds: 5, + steps: 'x1.5' + }, + { + crystals: 10, + diamonds: 10, + steps: 'x1.8' + }, + { + crystals: 24, + diamonds: 50, + steps: 'x2' + }, + { + diamonds: 100, + steps: 'x2.2' + }, + { + diamonds: 'max', + steps: 'x2.5' + } +] \ No newline at end of file diff --git a/luckydiamond/src/pages/HomePage.vue b/luckydiamond/src/pages/HomePage.vue index be69b5f..42d4287 100644 --- a/luckydiamond/src/pages/HomePage.vue +++ b/luckydiamond/src/pages/HomePage.vue @@ -1,11 +1,11 @@ - \ No newline at end of file diff --git a/luckydiamond/src/pages/adaptive-pages/HomemobilePage.vue b/luckydiamond/src/pages/adaptive-pages/HomemobilePage.vue new file mode 100644 index 0000000..4998afa --- /dev/null +++ b/luckydiamond/src/pages/adaptive-pages/HomemobilePage.vue @@ -0,0 +1,87 @@ + + + + + + \ No newline at end of file diff --git a/luckydiamond/src/pages/games-pages/SapergamePage.vue b/luckydiamond/src/pages/games-pages/SapergamePage.vue new file mode 100644 index 0000000..3103b98 --- /dev/null +++ b/luckydiamond/src/pages/games-pages/SapergamePage.vue @@ -0,0 +1,78 @@ + + + + + \ No newline at end of file diff --git a/luckydiamond/src/router/router.js b/luckydiamond/src/router/router.js index 3b9ec02..0ab5d74 100644 --- a/luckydiamond/src/router/router.js +++ b/luckydiamond/src/router/router.js @@ -1,9 +1,14 @@ import { createRouter, createWebHistory } from "vue-router"; import HomePage from "../pages/HomePage.vue"; +import ProfilePage from "@/pages/ProfilePage.vue"; +import SapergamePage from "@/pages/games-pages/SapergamePage.vue"; + export default createRouter({ history: createWebHistory(), routes: [ - { path: '/', component: HomePage, name: 'home' } + { path: '/', component: HomePage, name: 'home' }, + { path: '/profile', component: ProfilePage, name: 'profile' }, + { path: '/game/saper', component: SapergamePage, name: 'saper' } ] }) \ No newline at end of file