-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'master' of https://github.com/ICP-hub/StarDustAdventures
- Loading branch information
Showing
9 changed files
with
171 additions
and
20 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
46 changes: 46 additions & 0 deletions
46
src/StarDustAdventures_frontend/src/components/landing-mobile/gameConcept/GameConceptM.jsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,46 @@ | ||
| import React from 'react' | ||
| import './gameConcept.css' | ||
| import { gameConceptText } from '../../../constants/text' | ||
|
|
||
| const GameConceptM = () => { | ||
| return ( | ||
| <div className='m-game-concept-main' style={{backgroundImage:'url("mbg.png")',backgroundSize:'cover'}}> | ||
| <div className="mgc-header"> | ||
| <h1 className="mgc-title"> | ||
| Overview of Star Dust Adventures | ||
| </h1> | ||
| <p className="mgc-subtext"> | ||
| A Tap-to-Earn Game Combining Exploration and Blockchain | ||
| </p> | ||
| </div> | ||
| <div className="mgc-content"> | ||
| <img src="red_planet.png" alt="red planet" className="mgc-img" /> | ||
| <div className="mgc-info-cont"> | ||
| { | ||
| gameConceptText.left.map((item,index)=>( | ||
| <div className={index==1?"mgci-item2":"mgci-item"} key={index}> | ||
| <h3 className="mgci-title">{item.title}</h3> | ||
| <p className="mgci-text">{item.text}</p> | ||
| </div> | ||
| )) | ||
| } | ||
| <div className="mgci-item3"> | ||
| <h3 className="mgci-title">{gameConceptText.center.title}</h3> | ||
| <p className="mgci-text">{gameConceptText.center.text}</p> | ||
| </div> | ||
| { | ||
| gameConceptText.right.map((item,index)=>( | ||
| <div className={index==0?"mgci-item2":"mgci-item"} key={index}> | ||
| <h3 className="mgci-title">{item.title}</h3> | ||
| <p className="mgci-text">{item.text}</p> | ||
| </div> | ||
| )) | ||
| } | ||
| </div> | ||
| </div> | ||
|
|
||
| </div> | ||
| ) | ||
| } | ||
|
|
||
| export default GameConceptM |
81 changes: 81 additions & 0 deletions
81
src/StarDustAdventures_frontend/src/components/landing-mobile/gameConcept/gameConcept.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,81 @@ | ||
| .m-game-concept-main{ | ||
| @apply py-14 flex flex-col items-center relative | ||
| } | ||
| .mgc-header{ | ||
| @apply flex flex-col items-center w-[80%] mt-20 min-w-[280px] | ||
| } | ||
| .mgc-title{ | ||
| @apply text-center text-3xl mb-4 font-pixelify-sans | ||
| } | ||
| .mgc-subtext{ | ||
| @apply text-center text-xs font-sf-pro-display | ||
| } | ||
|
|
||
| .mgc-content{ | ||
| @apply min-w-[300px] relative flex items-center mt-16 pr-20 | ||
| } | ||
|
|
||
| .mgc-img{ | ||
| @apply absolute w-[200px] justify-start mb-4 | ||
| } | ||
| .mgc-info-cont{ | ||
| @apply z-10 flex w-[90%] flex-col items-start gap-1 ml-[27vw] | ||
| } | ||
| .mgci-item{ | ||
| @apply flex flex-col items-start w-[200px] | ||
| } | ||
| .mgci-item2{ | ||
| @apply flex flex-col items-start w-[200px] ml-[110px] | ||
| } | ||
| .mgci-item3{ | ||
| @apply flex flex-col items-start min-w-[180px] max-w-[200px] ml-[160px] | ||
| } | ||
| .mgci-title{ | ||
| @apply text-sm font-semibold | ||
| } | ||
| .mgci-text{ | ||
| @apply text-[10px] mb-3 | ||
| } | ||
|
|
||
| @media only screen and (min-width:450px)and (max-width:700px) { | ||
|
|
||
| .mgc-content{ | ||
| @apply max-w-[400px] min-w-[300px] relative flex items-center mt-16 pr-20 | ||
| } | ||
| .mgc-info-cont{ | ||
| @apply ml-[18vw] | ||
| } | ||
|
|
||
| } | ||
| @media only screen and (min-width:701px)and (max-width:1024px) { | ||
| .mgc-title{ | ||
| @apply text-center text-4xl mb-4 font-pixelify-sans | ||
| } | ||
| .mgc-subtext{ | ||
| @apply text-center text-sm font-sf-pro-display | ||
| } | ||
| .mgc-content{ | ||
| @apply w-[80%] | ||
| } | ||
| .mgc-img{ | ||
| @apply w-[290px] | ||
| } | ||
| .mgci-title{ | ||
| @apply text-base font-semibold | ||
| } | ||
| .mgci-text{ | ||
| @apply text-[14px] mb-3 | ||
| } | ||
| .mgci-item{ | ||
| @apply w-[300px] | ||
| } | ||
| .mgci-item2{ | ||
| @apply w-[300px] ml-[140px] | ||
| } | ||
| .mgci-item3{ | ||
| @apply max-w-[300px] ml-[200px] | ||
| } | ||
| .mgc-info-cont{ | ||
| @apply ml-[23vw] | ||
| } | ||
| } |
10 changes: 10 additions & 0 deletions
10
src/StarDustAdventures_frontend/src/components/landing-mobile/lore/LoreM.jsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,10 @@ | ||
| import React from 'react' | ||
| import './lore.css' | ||
|
|
||
| const LoreM = () => { | ||
| return ( | ||
| <div>LoreM</div> | ||
| ) | ||
| } | ||
|
|
||
| export default LoreM |
Empty file.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters