Merge branch 'master' of https://github.com/mycard/mycard-store

# Conflicts:
#	i18n.json
#	src/App.css
#	src/App.js

i18n.json

+{
+  "en" : {
+    "MoeCube":"MoeCube",
+    "MoeCubeDoujinGamePlatform":"MoeCube Doujin Game Platform",
+    "SupportBoth":"Support Both",
+    "And":"and",
+    "OperationSystem":"Operation System",
+    "Home":"Home",
+    "BBS": "BBS",
+    "Download":"Download",
+    "CardTitle1": "Enter the Doujin World",
+    "CardTitle2": "For all Doujin Believers",
+    "CardTitle3": "No Longer Alone",
+    "CardTitle4": "Bring Light to the Darkness",
+    "CardContent1":"New to Doujin world? No problem!\nMoeCube is the best place for you!\nNo more finding doujins games from ten different websites!\nMoeCube collect the best doujins for you!\n( Yes! We also make our own doujin games too! )",
+    "CardContent2":"If you are a doujin creator like us,\nyou may meet the same problem as we do.\nDoujin is hard, lonely and lack of modern platform,\nMoeCube is born to solve this problem.\nLet's get together and make doujin better!",    
+    "CardContent3":"MoeCube connects people togehter.\nWe'll have communities, chatrooms, friends systems...etc.\nHere, meet the friend you like will be easy.\nWe wish you will no longer feel lonely!",
+    "CardContent4":"Not like those famous big-brand platform,\nwe are not money-oriented but love-oriented.\nMoeCube are going to serve both creators and players.\nWe offer smart tech-solutions for your unique demands.\n( Yes! We call that \"Black-Tech\"! )\n\nCurrently installed Black-Tech: \n",
+    "CardAction1":"Download",
+    "CardAction2":"Contact Us (Offer Help, Cooperation)",
+    "CardAction3":"MoeCube Community",           
+    "CardAction4":"Give us suggestions",
+    "WillHaveFunctions":"See other Will-Have Functions",
+    "Welcome":"Welcome to MoeCube",
+    "IsRegisted":" player is registered.",
+    "IsPlaying":" player is playing."
+  },
+  "zh" : {
+    "MoeCube":"萌立方",
+    "MoeCubeDoujinGamePlatform":"萌立方同人游戏平台",
+    "SupportBoth":"萌立方同时支持",
+    "And":"与",
+    "OperationSystem":"操作系统",
+    "Home": "首页",
+    "BBS": "社区",
+    "Download": "立即安装",
+    "CardTitle1": "新世界的入口",
+    "CardTitle2": "为了爱而存在的萌立方",
+    "CardTitle3": "孤独者的家园",
+    "CardTitle4": "黑科技创造新希望",
+    "CardContent1": "或许您曾听说过一些来自同人世界的传说\n曾有过有无所不能的神奇网上社区，\n存在过无数创造者共同创造的神奇游戏，\n曾有所有人融洽相处的幻想乡...Dalao们所说的那个新世界，\n萌新却怎么也不知道在哪里！\n不过这一次，你也许找对地方了！\n安装“萌立方”就是您需要做的第一步！\n萌立方希望能为萌新打开同人创作新世界的大门!",
+    "CardContent2":"如果有过同人创作的经历，\n你应该会深深地了解到, \n爱的一面是孤独的，忧伤的，边缘化的。\n但只要你还相信爱，\n它就必将创造出爱与忧伤的结晶，给生命赋予意义。\n萌立方的创造者们，就是抛弃了顾虑，为了爱而努力的人。\n因为有大家在，萌立方才会存在。\n也正是萌立方存在的意义。\n萌立方平台希望能为有爱的人提供可能！\n",    
+    "CardContent3":"世界与我是那么格格不入，\n我们总在搜索与我们相似的人，\n——同道之人，同好之人，同命之人。\n在这个一切都被沦为工具的时代，\n呼吸似乎都变得困难。\n孤独的我们，\n在无尽的大海中相互取暖，\n多么的希望有一个共同的家园啊！\n",
+    "CardContent4":"萌立方从诞生起就考虑到了为同人服务的复杂性与个性化需求，\n于是萌立方为满足各种奇奇怪怪需求而开发了许多的黑科技！\n这些点点滴滴的积累，或许就能够带动同人产业革新哦！\n已实装黑科技功能: \n",
+    "CardAction1":"安装萌立方ACG平台",
+    "CardAction2":"欢迎勾搭合作",
+    "CardAction3":"加入萌立方社区",
+    "CardAction4":"向萌立方许愿新功能",
+    "WillHaveFunctions":"其他功能目标",
+    "Welcome":"欢迎加入萌立方!",
+    "IsRegisted":"位萌新已加入萌立方",
+    "IsPlaying":"位爱的战士正在线进行游戏"
+  }
+}
\ No newline at end of file

src/App.css

@@ -16,18 +16,19 @@
 }
 
 .App-Poster {
-  width: 100%; 
+  margin-top: 10px;
+  width: 295px;
   height: auto;
   max-width: 100%; 
 }
 
-.App-Poster-Content .ant-btn {
-  margin: 1.2rem 0
-}
-
 .App-Content1 {
-  padding: 50px;
-  background: #333;
+  margin-top: 64px;
+  height:450px;
+  background: url(../public/FrontPageBackGround.jpg) 100%/cover;
+  background-position: center;
+  overflow:hidden;
+  width:100%;
 }
 
 .App-Content2 {
@@ -59,19 +60,29 @@
 .font-C-Gray{
     color:#ccc;
 }
+
+.App-Poster-Content
+{
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
 .App-Poster-Content .title{
-  font-size: 2.5rem; 
-  padding: .8rem 0;
+  margin-top: -20px;
+  margin-bottom: -5px;
+  font-size: 1.3rem;
   color: #eee
 }
 .App-Poster-Content a{
-  padding: 0 .5vw
+  padding: 0 .5vw;
+  margin-top: 8px
 }
 
 .App-Poster-Content .title .sub{
-   font-size: 1rem;
+   font-size: 0.7rem;
    color: #eee;
-   padding: 0 1vw
+   padding: 0 0.4vw
 }
 
 .ant-layout-content>p{
@@ -92,22 +103,26 @@
   padding-bottom:0px;
 }
 
+#Card4Button
+{
+  margin-top: 50px;
+}
+
 .square{
-  padding-right:20px;
-  float:right;
-  cursor:pointer;
-  font-size:22px;
-  color:#aaa;
+    padding-right:20px;
+    float:right;
+    cursor:pointer;
+    font-size:22px;
+    color:#aaa;
 }
 .square:hover{
-  color:#fff;
+    color:#fff;
 }
 .caidan {
-  z-index: 1;
-  width:100%;
-  position:fixed;
-  top:64px;
-
+    z-index: 1;
+    width:100%;
+    position:fixed;
+    top:64px;
 }
 .caidan li{
   line-height: 40px;