diff --git a/src/assets/img/planet/map/PM_Introduction_title.png b/src/assets/img/planet/map/PM_Introduction_title.png new file mode 100644 index 0000000..ce6d127 Binary files /dev/null and b/src/assets/img/planet/map/PM_Introduction_title.png differ diff --git a/src/assets/img/planet/map/PM_brand_logo.png b/src/assets/img/planet/map/PM_brand_logo.png new file mode 100644 index 0000000..50d9904 Binary files /dev/null and b/src/assets/img/planet/map/PM_brand_logo.png differ diff --git a/src/assets/img/planet/map/PlanetIntro1.png b/src/assets/img/planet/map/PlanetIntro1.png new file mode 100644 index 0000000..cbb8187 Binary files /dev/null and b/src/assets/img/planet/map/PlanetIntro1.png differ diff --git a/src/assets/img/planet/map/PlanetIntro2.png b/src/assets/img/planet/map/PlanetIntro2.png new file mode 100644 index 0000000..d4787d9 Binary files /dev/null and b/src/assets/img/planet/map/PlanetIntro2.png differ diff --git a/src/assets/img/planet/map/PlanetIntro3.png b/src/assets/img/planet/map/PlanetIntro3.png new file mode 100644 index 0000000..39a16c0 Binary files /dev/null and b/src/assets/img/planet/map/PlanetIntro3.png differ diff --git a/src/assets/img/planet/map/PlanetIntro4.png b/src/assets/img/planet/map/PlanetIntro4.png new file mode 100644 index 0000000..4507ac7 Binary files /dev/null and b/src/assets/img/planet/map/PlanetIntro4.png differ diff --git a/src/assets/img/planet/map/PlanetIntro_bg.png b/src/assets/img/planet/map/PlanetIntro_bg.png new file mode 100644 index 0000000..113c7e5 Binary files /dev/null and b/src/assets/img/planet/map/PlanetIntro_bg.png differ diff --git a/src/assets/img/planet/map/PlanetIntro_mask.png b/src/assets/img/planet/map/PlanetIntro_mask.png new file mode 100644 index 0000000..beab156 Binary files /dev/null and b/src/assets/img/planet/map/PlanetIntro_mask.png differ diff --git a/src/assets/img/planet/map/PlanetMap_ crystal_bg.png b/src/assets/img/planet/map/PlanetMap_ crystal_bg.png new file mode 100644 index 0000000..1ac6659 Binary files /dev/null and b/src/assets/img/planet/map/PlanetMap_ crystal_bg.png differ diff --git a/src/assets/img/planet/map/PlanetMap_smallTitle_bg.png b/src/assets/img/planet/map/PlanetMap_smallTitle_bg.png new file mode 100644 index 0000000..cb3844c Binary files /dev/null and b/src/assets/img/planet/map/PlanetMap_smallTitle_bg.png differ diff --git a/src/assets/img/planet/map/PlanetNameBg.png b/src/assets/img/planet/map/PlanetNameBg.png new file mode 100644 index 0000000..ad88315 Binary files /dev/null and b/src/assets/img/planet/map/PlanetNameBg.png differ diff --git a/src/assets/img/planet/map/com_Discord_icon.png b/src/assets/img/planet/map/com_Discord_icon.png new file mode 100644 index 0000000..f88c3d5 Binary files /dev/null and b/src/assets/img/planet/map/com_Discord_icon.png differ diff --git a/src/assets/img/planet/map/com_Twitter_icon.png b/src/assets/img/planet/map/com_Twitter_icon.png new file mode 100644 index 0000000..45c36ed Binary files /dev/null and b/src/assets/img/planet/map/com_Twitter_icon.png differ diff --git a/src/assets/img/planet/map/com_Youtube_icon.png b/src/assets/img/planet/map/com_Youtube_icon.png new file mode 100644 index 0000000..c3a8790 Binary files /dev/null and b/src/assets/img/planet/map/com_Youtube_icon.png differ diff --git a/src/assets/img/planet/map/crystalVideoPlace.png b/src/assets/img/planet/map/crystalVideoPlace.png new file mode 100644 index 0000000..04e1044 Binary files /dev/null and b/src/assets/img/planet/map/crystalVideoPlace.png differ diff --git a/src/assets/img/planet/map/game_icon02.png b/src/assets/img/planet/map/game_icon02.png new file mode 100644 index 0000000..a32812b Binary files /dev/null and b/src/assets/img/planet/map/game_icon02.png differ diff --git a/src/assets/img/planet/map/game_logo01.png b/src/assets/img/planet/map/game_logo01.png new file mode 100644 index 0000000..fe0ea29 Binary files /dev/null and b/src/assets/img/planet/map/game_logo01.png differ diff --git a/src/assets/img/planet/map/planet01.png b/src/assets/img/planet/map/planet01.png new file mode 100644 index 0000000..34135b9 Binary files /dev/null and b/src/assets/img/planet/map/planet01.png differ diff --git a/src/assets/img/planet/map/planet02.png b/src/assets/img/planet/map/planet02.png new file mode 100644 index 0000000..c1d6407 Binary files /dev/null and b/src/assets/img/planet/map/planet02.png differ diff --git a/src/assets/img/planet/map/planet03.png b/src/assets/img/planet/map/planet03.png new file mode 100644 index 0000000..bbb04fc Binary files /dev/null and b/src/assets/img/planet/map/planet03.png differ diff --git a/src/assets/img/planet/map/planet04.png b/src/assets/img/planet/map/planet04.png new file mode 100644 index 0000000..eb5f31b Binary files /dev/null and b/src/assets/img/planet/map/planet04.png differ diff --git a/src/assets/img/planet/map/planetMap_title.png b/src/assets/img/planet/map/planetMap_title.png new file mode 100644 index 0000000..bca4d30 Binary files /dev/null and b/src/assets/img/planet/map/planetMap_title.png differ diff --git a/src/assets/img/planet/map/planetMap_videoPlace.jpeg b/src/assets/img/planet/map/planetMap_videoPlace.jpeg new file mode 100644 index 0000000..ffcad53 Binary files /dev/null and b/src/assets/img/planet/map/planetMap_videoPlace.jpeg differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/ Planet_icon.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/ Planet_icon.png new file mode 100644 index 0000000..a3538e2 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/ Planet_icon.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/PM_Introduction_title.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/PM_Introduction_title.png new file mode 100644 index 0000000..ce6d127 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/PM_Introduction_title.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/PM_brand_logo.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/PM_brand_logo.png new file mode 100644 index 0000000..50d9904 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/PM_brand_logo.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/PlanetIntro1.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/PlanetIntro1.png new file mode 100644 index 0000000..cbb8187 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/PlanetIntro1.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/PlanetIntro2.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/PlanetIntro2.png new file mode 100644 index 0000000..d4787d9 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/PlanetIntro2.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/PlanetIntro3.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/PlanetIntro3.png new file mode 100644 index 0000000..39a16c0 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/PlanetIntro3.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/PlanetIntro4.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/PlanetIntro4.png new file mode 100644 index 0000000..4507ac7 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/PlanetIntro4.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/PlanetIntro_bg.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/PlanetIntro_bg.png new file mode 100644 index 0000000..113c7e5 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/PlanetIntro_bg.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/PlanetMap_ crystal_bg.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/PlanetMap_ crystal_bg.png new file mode 100644 index 0000000..1ac6659 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/PlanetMap_ crystal_bg.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/PlanetMap_smallTitle_bg.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/PlanetMap_smallTitle_bg.png new file mode 100644 index 0000000..cb3844c Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/PlanetMap_smallTitle_bg.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/PlanetNameBg.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/PlanetNameBg.png new file mode 100644 index 0000000..ad88315 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/PlanetNameBg.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/com_Discord_icon.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/com_Discord_icon.png new file mode 100644 index 0000000..f88c3d5 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/com_Discord_icon.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/com_Twitter_icon.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/com_Twitter_icon.png new file mode 100644 index 0000000..45c36ed Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/com_Twitter_icon.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/com_Youtube_icon.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/com_Youtube_icon.png new file mode 100644 index 0000000..c3a8790 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/com_Youtube_icon.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/crystalVideoPlace.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/crystalVideoPlace.png new file mode 100644 index 0000000..04e1044 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/crystalVideoPlace.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/game_icon02.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/game_icon02.png new file mode 100644 index 0000000..a32812b Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/game_icon02.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/game_logo01.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/game_logo01.png new file mode 100644 index 0000000..fe0ea29 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/game_logo01.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/planetMap_title.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/planetMap_title.png new file mode 100644 index 0000000..bca4d30 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/planetMap_title.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/planetMap_videoPlace.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/planetMap_videoPlace.png new file mode 100644 index 0000000..c614eb0 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/planetMap_videoPlace.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/powerStation_bg.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/powerStation_bg.png new file mode 100644 index 0000000..bcbf4b5 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/powerStation_bg.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/powerStation_deco1.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/powerStation_deco1.png new file mode 100644 index 0000000..18e3cd3 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/powerStation_deco1.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/powerStation_deco2.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/powerStation_deco2.png new file mode 100644 index 0000000..c9d2910 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/powerStation_deco2.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/powerStation_deco3.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/powerStation_deco3.png new file mode 100644 index 0000000..ac8f495 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/powerStation_deco3.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/powerStation_icon.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/powerStation_icon.png new file mode 100644 index 0000000..898c692 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/powerStation_icon.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/powerStation_title.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/powerStation_title.png new file mode 100644 index 0000000..6558600 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/powerStation_title.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/powerStation_videoPlace.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/powerStation_videoPlace.png new file mode 100644 index 0000000..e66efd9 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/powerStation_videoPlace.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/wallet_icon.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/wallet_icon.png new file mode 100644 index 0000000..edfe5d9 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (4)/wallet_icon.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5).zip b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5).zip new file mode 100644 index 0000000..112cc98 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5).zip differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/ Planet_icon.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/ Planet_icon.png new file mode 100644 index 0000000..a3538e2 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/ Planet_icon.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/PM_Introduction_title.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/PM_Introduction_title.png new file mode 100644 index 0000000..ce6d127 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/PM_Introduction_title.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/PM_brand_logo.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/PM_brand_logo.png new file mode 100644 index 0000000..50d9904 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/PM_brand_logo.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/PlanetIntro1.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/PlanetIntro1.png new file mode 100644 index 0000000..5aafb2e Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/PlanetIntro1.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/PlanetIntro2.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/PlanetIntro2.png new file mode 100644 index 0000000..1a5ab79 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/PlanetIntro2.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/PlanetIntro3.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/PlanetIntro3.png new file mode 100644 index 0000000..a590760 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/PlanetIntro3.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/PlanetIntro4.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/PlanetIntro4.png new file mode 100644 index 0000000..c719f6a Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/PlanetIntro4.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/PlanetIntro_bg.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/PlanetIntro_bg.png new file mode 100644 index 0000000..113c7e5 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/PlanetIntro_bg.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/PlanetIntro_mask.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/PlanetIntro_mask.png new file mode 100644 index 0000000..beab156 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/PlanetIntro_mask.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/PlanetMap_ crystal_bg.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/PlanetMap_ crystal_bg.png new file mode 100644 index 0000000..1ac6659 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/PlanetMap_ crystal_bg.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/PlanetMap_smallTitle_bg.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/PlanetMap_smallTitle_bg.png new file mode 100644 index 0000000..cb3844c Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/PlanetMap_smallTitle_bg.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/PlanetNameBg.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/PlanetNameBg.png new file mode 100644 index 0000000..ad88315 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/PlanetNameBg.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/com_Discord_icon.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/com_Discord_icon.png new file mode 100644 index 0000000..f88c3d5 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/com_Discord_icon.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/com_Twitter_icon.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/com_Twitter_icon.png new file mode 100644 index 0000000..45c36ed Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/com_Twitter_icon.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/com_Youtube_icon.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/com_Youtube_icon.png new file mode 100644 index 0000000..c3a8790 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/com_Youtube_icon.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/crystalVideoPlace.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/crystalVideoPlace.png new file mode 100644 index 0000000..04e1044 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/crystalVideoPlace.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/game_icon02.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/game_icon02.png new file mode 100644 index 0000000..a32812b Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/game_icon02.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/game_logo01.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/game_logo01.png new file mode 100644 index 0000000..fe0ea29 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/game_logo01.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/planet01.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/planet01.png new file mode 100644 index 0000000..34135b9 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/planet01.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/planet02.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/planet02.png new file mode 100644 index 0000000..c1d6407 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/planet02.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/planet03.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/planet03.png new file mode 100644 index 0000000..bbb04fc Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/planet03.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/planet04.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/planet04.png new file mode 100644 index 0000000..eb5f31b Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/planet04.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/planetMap_title.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/planetMap_title.png new file mode 100644 index 0000000..bca4d30 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/planetMap_title.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/planetMap_videoPlace.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/planetMap_videoPlace.png new file mode 100644 index 0000000..c614eb0 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/planetMap_videoPlace.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/powerStation_bg.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/powerStation_bg.png new file mode 100644 index 0000000..bcbf4b5 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/powerStation_bg.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/powerStation_deco1.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/powerStation_deco1.png new file mode 100644 index 0000000..18e3cd3 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/powerStation_deco1.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/powerStation_deco2.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/powerStation_deco2.png new file mode 100644 index 0000000..c9d2910 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/powerStation_deco2.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/powerStation_deco3.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/powerStation_deco3.png new file mode 100644 index 0000000..ac8f495 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/powerStation_deco3.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/powerStation_icon.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/powerStation_icon.png new file mode 100644 index 0000000..898c692 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/powerStation_icon.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/powerStation_title.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/powerStation_title.png new file mode 100644 index 0000000..6558600 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/powerStation_title.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/powerStation_videoPlace.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/powerStation_videoPlace.png new file mode 100644 index 0000000..e66efd9 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/powerStation_videoPlace.png differ diff --git a/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/wallet_icon.png b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/wallet_icon.png new file mode 100644 index 0000000..edfe5d9 Binary files /dev/null and b/src/assets/img/planet/map/planetPlanWeb_MAP_slices (5)/wallet_icon.png differ diff --git a/src/assets/img/planet/map/planet_icon.png b/src/assets/img/planet/map/planet_icon.png new file mode 100644 index 0000000..a3538e2 Binary files /dev/null and b/src/assets/img/planet/map/planet_icon.png differ diff --git a/src/assets/img/planet/map/powerStation_deco1.png b/src/assets/img/planet/map/powerStation_deco1.png new file mode 100644 index 0000000..18e3cd3 Binary files /dev/null and b/src/assets/img/planet/map/powerStation_deco1.png differ diff --git a/src/assets/img/planet/map/powerStation_deco2.png b/src/assets/img/planet/map/powerStation_deco2.png new file mode 100644 index 0000000..c9d2910 Binary files /dev/null and b/src/assets/img/planet/map/powerStation_deco2.png differ diff --git a/src/assets/img/planet/map/powerStation_deco3.png b/src/assets/img/planet/map/powerStation_deco3.png new file mode 100644 index 0000000..ac8f495 Binary files /dev/null and b/src/assets/img/planet/map/powerStation_deco3.png differ diff --git a/src/assets/img/planet/map/powerStation_icon.png b/src/assets/img/planet/map/powerStation_icon.png new file mode 100644 index 0000000..898c692 Binary files /dev/null and b/src/assets/img/planet/map/powerStation_icon.png differ diff --git a/src/assets/img/planet/map/powerStation_img.png b/src/assets/img/planet/map/powerStation_img.png new file mode 100644 index 0000000..bd7658b Binary files /dev/null and b/src/assets/img/planet/map/powerStation_img.png differ diff --git a/src/assets/img/planet/map/powerStation_title.png b/src/assets/img/planet/map/powerStation_title.png new file mode 100644 index 0000000..6558600 Binary files /dev/null and b/src/assets/img/planet/map/powerStation_title.png differ diff --git a/src/assets/img/planet/map/powerStation_videoPlace.png b/src/assets/img/planet/map/powerStation_videoPlace.png new file mode 100644 index 0000000..e66efd9 Binary files /dev/null and b/src/assets/img/planet/map/powerStation_videoPlace.png differ diff --git a/src/assets/img/planet/map/wallet_icon.png b/src/assets/img/planet/map/wallet_icon.png new file mode 100644 index 0000000..edfe5d9 Binary files /dev/null and b/src/assets/img/planet/map/wallet_icon.png differ diff --git a/src/assets/img/planet/planetPlanWeb_MAP_slices.zip b/src/assets/img/planet/planetPlanWeb_MAP_slices.zip new file mode 100644 index 0000000..e1fd457 Binary files /dev/null and b/src/assets/img/planet/planetPlanWeb_MAP_slices.zip differ diff --git a/src/assets/text/Poppins-Regular.ttf b/src/assets/text/Poppins-Regular.ttf new file mode 100644 index 0000000..246a861 Binary files /dev/null and b/src/assets/text/Poppins-Regular.ttf differ diff --git a/src/assets/text/text.css b/src/assets/text/text.css index c7c4110..06b807b 100644 --- a/src/assets/text/text.css +++ b/src/assets/text/text.css @@ -16,6 +16,12 @@ font-weight: 600; src: url('./Poppins-SemiBold.ttf') format('truetype'); } + @font-face { + font-family: 'Poppins-Regular'; + font-style: normal; + font-weight: 600; + src: url('./Poppins-Regular.ttf') format('truetype'); + } @font-face { font-family: 'MEurostile'; diff --git a/src/assets/video/Introduction-item1.mp4 b/src/assets/video/Introduction-item1.mp4 new file mode 100644 index 0000000..83279e5 Binary files /dev/null and b/src/assets/video/Introduction-item1.mp4 differ diff --git a/src/assets/video/Introduction-item2.mp4 b/src/assets/video/Introduction-item2.mp4 new file mode 100644 index 0000000..afe53c5 Binary files /dev/null and b/src/assets/video/Introduction-item2.mp4 differ diff --git a/src/assets/video/Introduction-item3.mp4 b/src/assets/video/Introduction-item3.mp4 new file mode 100644 index 0000000..597f5cc Binary files /dev/null and b/src/assets/video/Introduction-item3.mp4 differ diff --git a/src/assets/video/Introduction-item4.mp4 b/src/assets/video/Introduction-item4.mp4 new file mode 100644 index 0000000..e9a57d2 Binary files /dev/null and b/src/assets/video/Introduction-item4.mp4 differ diff --git a/src/components/home/CounterFire.vue b/src/components/home/CounterFire.vue new file mode 100644 index 0000000..52596ca --- /dev/null +++ b/src/components/home/CounterFire.vue @@ -0,0 +1,189 @@ + + + + + diff --git a/src/components/map/PlanetBanner.vue b/src/components/home/PlanetBanner.vue similarity index 97% rename from src/components/map/PlanetBanner.vue rename to src/components/home/PlanetBanner.vue index f65498a..104902d 100644 --- a/src/components/map/PlanetBanner.vue +++ b/src/components/home/PlanetBanner.vue @@ -15,7 +15,7 @@ this world.
Each one is a unique masterpiece.
-
Buy our token
+
Buy your token
@@ -73,7 +73,7 @@ import { ref, reactive, onMounted } from "vue"; justify-content: space-between; .banner-slogan { font-size: 24px; - font-family: "Poppins"; + font-family: "Poppins-Regular"; font-weight: 400; text-align: left; margin-top: 24px; diff --git a/src/components/layout/NavBar.vue b/src/components/layout/NavBar.vue index 7e89b5c..74e1304 100644 --- a/src/components/layout/NavBar.vue +++ b/src/components/layout/NavBar.vue @@ -9,13 +9,12 @@
@@ -100,7 +110,7 @@ import { ref, reactive, onMounted, computed, watchEffect } from "vue"; import { useChainStore } from "@/store/chain"; import { useAppStore } from "@/store/app"; - +import { hasMetamask } from "@/utils/chain.util"; import { useRouter, useRoute } from "vue-router"; import ChainModel from "@/components/home/ChainModel.vue"; import { useCopyToClipboard } from "./../../hooks/useCopyToClipboard"; @@ -128,24 +138,21 @@ const formatAddress = computed(() => { } return accountId; }); -const getNavItemClass = (index, nav) => { - if (index === activeIndex.value) { - return "active-nav-item"; - } else if (index === 5) { - return "badge-nav-item"; - } else if (index === 6) { - return "task-nav-item"; // Add the desired class for index 6 - } else { - return ""; - } -}; -async function login(event) { - if (!chain.logined) { - //没有登录情况下执行登录 - await chain.chainManager.login(); - // console.log("logined:", chain.chainManager.isLogined); - chain.logined = chain.chainManager.isLogined; +async function login(event) { + var next = window.location.href; + if (!hasMetamask()) { + var url = `https://metamask.app.link/dapp/${next}`; + location.href = url; + } else { + if (!chain.logined) { + //没有登录情况下执行登录 + + await chain.chainManager.login(); + // console.log("logined:", chain.chainManager.isLogined); + chain.logined = chain.chainManager.isLogined; + + } } } const logout = async () => { @@ -155,13 +162,13 @@ const logout = async () => { chain.logined = chain.chainManager.isLogined; window.location.reload(); }; -const avatarUrl = ref("https://example.com/avatar.jpg"); + const showMenu = ref(false); const showNavMenu = ref(false); const activeIndex = ref(0); const navList = reactive([ - { id: 0, name: "MAP", path: "/" }, - { id: 1, name: "TEH GAME", path: "/about" }, + { id: 0, name: "MAP", path: "/map" }, + { id: 1, name: "THE GAME", path: "/about" }, { id: 2, name: "STAKE", @@ -195,12 +202,7 @@ const navList = reactive([ //{ id: 5, name: "BADGE", path: "https://badge.kingsome.cn" }, function handNavCurent(nav) { activeIndex.value = nav.id; - if (nav.id === 0 || nav.id === 1 || (nav.id === 4) | (nav.id === 6)) { - router.push(nav.path); - } else if (nav.id === 5) { - window.location.href = nav.path; - //window.open(nav.path, "_blank"); - } + router.push(nav.path); } function openThirdPartyLink(url) { window.open(url, "_blank"); @@ -218,7 +220,7 @@ watchEffect(() => { const index = navList.findIndex( (navItem) => route.path.slice(0, 5) === navItem.path.slice(0, 5) ); - activeIndex.value = index !== -1 ? index : 0; + activeIndex.value = index !== -1 ? index : ''; }); @@ -237,14 +239,17 @@ watchEffect(() => { justify-content: space-between; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); - .header-left{ - display: flex; - align-items: center; - } + .header-left { + display: flex; + align-items: center; + } .header-logo { margin-left: 64px; width: 194px; height: 64px; + img{ + width: 100%; + } } .nav { @@ -253,8 +258,8 @@ watchEffect(() => { justify-content: space-between; // width: 830px; a { - padding-top: 29px; - padding-bottom: 29px; + padding-top: 28px; + padding-bottom: 28px; } .nav-item { @@ -268,7 +273,7 @@ watchEffect(() => { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); font-family: "Big John"; font-size: 18px; - color: #cccccc; + color: #3B9297 !important; .dropdown { position: absolute; top: 84px; @@ -328,8 +333,8 @@ watchEffect(() => { transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); font-family: "Big John"; - background-color: #2dadb2; - color: rgba(12, 12, 12, 1); + background-color: #2DADB2; + color: #000000 !important; } .nav-item:hover .dropdown { opacity: 1; @@ -360,11 +365,63 @@ watchEffect(() => { font-family: "Big John"; position: relative; font-weight: 800; + padding-left: 64px; + padding-right: 64px; background-color: #2dadb2; transition-property: color; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - color: rgba(12, 12, 12, 1); + color: #000000 !important; + .dropdown { + position: absolute; + top: 84px; + left: 50%; + width: 100%; + background: rgba(0, 0, 0, 0.84); + border-radius: 0px 0px 12px 12px; + z-index: 1; + opacity: 0; + transform: translate(-50%, 0%); + visibility: hidden; + transition: all 0.3s ease-out; + } + .dropdown ul { + list-style: none; + margin: 0; + padding: 0; + } + .dropdown li { + padding-top: 10px; + padding-bottom: 10px; + padding-left: 20px; + padding-right: 20px; + cursor: pointer; + } + .link-content { + display: flex; + // width: 150px; + align-items: center; + justify-content: space-between; + } + .link-label { + font-size: 16px; + font-family: Arial; + font-weight: 400; + text-align: center; + color: #ffffff; + } + .dropdown li a { + font-size: 16px; + font-family: Arial; + font-weight: 400; + color: #ffffff; + } + .dropdown li span { + font-size: 15px; + font-family: Arial; + font-weight: 400; + color: #ffffff; + } } // .active-nav-item::after { @@ -409,6 +466,9 @@ watchEffect(() => { font-weight: 400; color: #eeecff; border-radius: 10px; + } + .metaMask-logo{ + } .metaMask-login { width: 218px; @@ -425,48 +485,47 @@ watchEffect(() => { color: #eeecff; border-radius: 10px; } + .metaMask-login-active { + width: 218px; + height: 68px; + display: flex; + justify-content: center; + align-items: center; + color: #fff; + position: relative; + cursor: pointer; + background: #2a2b3e; + font-size: 20px; + font-family: "Poppins"; + font-weight: 400; + color: #eeecff; + border-radius: 10px; + } .menu { position: absolute; top: 111%; - right: -35px; - width: 180px; + right: 0px; + width: 218px; z-index: 1; + text-align: center; padding: 10px 0; background-color: #000000; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); list-style: none; + transition: all 0.3s ease-out; } li { margin: 5px 0; } - .menu-item-top { - padding: 10px 15px; - color: #f5f5f5; - display: flex; - align-items: center; - position: relative; - padding-bottom: 15px; - .title { - margin-right: 20px; - } - } - .menu-item-top:before { - position: absolute; - top: 100%; - left: 15px; - content: ""; - width: 140px; - height: 1px; - background: #676767; - } + .menu-item { padding: 5px 15px; color: #f5f5f5; display: flex; padding-top: 10px; - align-items: center; + justify-content: center; .title { margin-right: 10px; } @@ -475,81 +534,7 @@ watchEffect(() => { background-color: #f5f5f5; } } -.login-btn { - position: relative; - width: 228px; - height: 65px; - font-size: 26px; - line-height: 65px; - font-size: 22px; - font-family: "Big John"; - color: #122326; - text-align: center; - cursor: pointer; - background: url("@/assets/svg/login-active.svg") no-repeat; - background-size: 100% 100%; - z-index: 0; - transition: background-image 1s; - // transition:background-image 1s linear; - // transform: scaleX(1); - // transition: all 0.15s; - // transition-property: background; - // transition-duration: 0.15s; - // transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -} -.login-btn::after { - content: ""; - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - opacity: 1; - // transition: 0.5s; - background: url("@/assets/svg/login.svg") no-repeat; - background-size: 100% 100%; - transform: scaleX(1, 1); - clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%); - transition: all 0.3s ease-in-out; - z-index: -1; - // transition:background-image 1s linear; - // transform: scaleX(0.98); -} -.login-btn:hover { - color: #ffba00; -} -.login-btn:hover:after { - opacity: 1; - clip-path: polygon( - calc(50% + 0px) calc(50% + 150px), - calc(50% + 150px) calc(50% + 0px), - calc(50% + 0px) calc(50% - 150px), - calc(50% - 150px) calc(50% - 0px) - ); - color: #ffba00; - transition: all 0.3s ease-in-out; - transform: scaleX(1, 1); -} -.login-btn:active:after { - opacity: 1; - color: #ffba00; - transform: scaleX(1); -} -.avatar { - position: relative; - display: flex; - justify-content: center; - align-items: center; - cursor: pointer; -} -.avatar-img { - width: 54px; - height: 54px; - margin-top: 5px; - margin-right: 30px; - border: 2px solid #ffba00; - border-radius: 50%; -} + .link-name { position: relative; .link-img { @@ -587,17 +572,5 @@ watchEffect(() => { } } -.header-btn { - width: 181px; - height: 51px; - border: 1px solid #ffffff; - clip-path: polygon( - 10% 0, - /* 左上角缺角的位置 */ 100% 0, - 100% 90%, - /* 右下角缺角的位置 */ 0 100%, - 0 0 - ); - background-color: transparent; -} + diff --git a/src/components/map/CounterFire.vue b/src/components/map/CounterFire.vue index c849a3a..52596ca 100644 --- a/src/components/map/CounterFire.vue +++ b/src/components/map/CounterFire.vue @@ -93,7 +93,7 @@ text-align: left; width: 992px; font-size: 24px; - font-family: "Poppins"; + font-family: "Poppins-Regular"; font-weight: 400; color: #110d1c; } @@ -123,7 +123,7 @@ } .footer { height: 84px; - background-color: #0e0f22; + background-color: #0e0e0e; .footer-content { width: 1764px; diff --git a/src/components/map/Introduction.vue b/src/components/map/Introduction.vue new file mode 100644 index 0000000..50f8276 --- /dev/null +++ b/src/components/map/Introduction.vue @@ -0,0 +1,380 @@ + + + + diff --git a/src/components/map/MapBanner.vue b/src/components/map/MapBanner.vue new file mode 100644 index 0000000..b749537 --- /dev/null +++ b/src/components/map/MapBanner.vue @@ -0,0 +1,99 @@ + + + + diff --git a/src/components/map/PowerStation.vue b/src/components/map/PowerStation.vue new file mode 100644 index 0000000..b75cfc8 --- /dev/null +++ b/src/components/map/PowerStation.vue @@ -0,0 +1,13 @@ + + + + + \ No newline at end of file diff --git a/src/router/index.js b/src/router/index.js index de8b7a6..24b9dc9 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -4,6 +4,17 @@ const routes = [ { path: "/", name: "index1", + component: () => + import(/* webpackChunkName "index1" */ "@/views/HomeView.vue"), + meta: { + title: "Planet", + canonical: "https://gacha.counterfire.games", + alternate: "https://m.gacha.counterfire.games", + }, + }, + { + path: "/map", + name: "map", component: () => import(/* webpackChunkName "index1" */ "@/views/MapView.vue"), meta: { diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue new file mode 100644 index 0000000..dcdb708 --- /dev/null +++ b/src/views/HomeView.vue @@ -0,0 +1,71 @@ + + + + + + \ No newline at end of file diff --git a/src/views/MapView.vue b/src/views/MapView.vue index 4cf25c8..77ed7fe 100644 --- a/src/views/MapView.vue +++ b/src/views/MapView.vue @@ -1,9 +1,10 @@