Skip to content

M
Moecube Store
Commit 4946d089 authored by 神楽坂玲奈's avatar 神楽坂玲奈
Browse files
Options

new index

parent fd6c0f87
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 9609 additions and 1 deletion
.gitignore
View file @ 4946d089
/.idea/ .idea/
Thumbs.db Thumbs.db
*~ *~
......
new/css/bootstrap.css 0 → 100644
View file @ 4946d089
This diff is collapsed.
new/css/index.css 0 → 100644
View file @ 4946d089
body {
padding-top: 50px; /* body padding for fixed top nav */
}
@media (min-width: 1200px) {
.container{
max-width: 970px;
}
}
h1, h2, h3,p {
font-family: "Helvetica Neue", Helvetica, Arial,"Microsoft Yahei";
}
h1 {
display: inline-block;
margin-top: 40px;
margin-right: 10px;
}
.navbar, footer {
background: #ff9900;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: #eeeeee;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: #cc6600;
}
.navbar a, footer{
color: #fff;
}
.navbar .caret {
border-top-color: #fff;
border-bottom-color: #fff;
}
#donate_and_contributing {
background: #ffe6c0;
}
#contact_and_links {
background: #ffc670;
}
#contact img {
width: 100px;
height: 100px;
margin: 6px;
transition: all 0.3s ease-in-out;
}
#contact img:hover {
transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
-mozilla-transform: rotateY(360deg);
}
#links img {
width: 88px;
height: 31px;
}
#about {
font-size: 12px;
line-height: 10px;
padding-top: 15px;
padding-bottom: 5px;
}
#download {
margin-top: 30px;
margin-bottom: 20px;
}
#download_desktop {
width: 200px;
height: 50px;
font-size: 20px;
border-radius: 0;
}
#about a {
color: white;
}
#download_links {
text-align: center;
}
#download_links a {
color: #996600
}
.subtitle {
margin:10px 0 0 0;
text-align:right;
font-weight: normal;
font-size:15px;
color:#663300;
}
#donate_and_contributing p {
font-size: 15px;
line-height: 30px;
margin-top:10px;
color: #663300;
display: block;
}
#donate_and_contributing {
padding-bottom: 10px;
}
#contact_and_links {
padding-bottom: 10px;
}
#main {
padding-top: 40px;
}
\ No newline at end of file
new/index.html 0 → 100644
View file @ 4946d089
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="mycard,ygocore,ygopro,yugioh,yu-gi-oh,ygo,萌卡,游戏王,自动,决斗,平台">
<meta name="description" content="Mycard萌卡, 建立在YGOPRO上自动化决斗工具上的卡牌游戏(游戏王)对战平台, 目前正在进行新版本的公测哦. 注册与客户端的下载都可以在这里完成.">
<link rel="canonical" href="https://my-card.in/">
<title>MyCard - 萌卡</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet">
<!-- Add custom CSS here -->
<link href="css/index.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- You'll want to use a responsive image option so this logo looks good on devices - I recommend using something like retina.js (do a quick Google search for it and you'll find it) -->
<a class="navbar-brand" href="index.html">MyCard</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="https://forum.my-card.in/">论坛</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">《DUELIST》 <span id="duelist_lastest_issue" class="badge"></span><b class="caret"></b></a>
<ul id="duelists" class="dropdown-menu">
<li><a href="#">Loading...</a></li>
</ul>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<div id="main" class="container">
<div class="row">
<div class="col-lg-4 col-md-4">
<h1 class="center-block">MyCard - 萌卡</h1>
<!-- 将此标记放置在你希望显示+1 按钮的位置。 -->
<div class="g-plusone" data-annotation="none"></div>
<h2 class="subtitle">——大家一起萌起来 (/￣▽￣)/～</h2>
<div id="download">
<a id="download_android" class="hidden" href="https://play.google.com/store/apps/details?id=org.msk86.ygoroid">
<img alt="Get it on Google Play"
src="https://developer.android.com/images/brand/zh-cn_generic_rgb_wo_60.png" />
</a>
<a id="download_desktop" class="hidden btn btn-primary btn-lg" href="https://my-card.in/mycard/download">
立即下载
</a>
</div>
<small id="download_links">
<a href="https://plus.google.com/communities/112748610591305626436/stream/e0224372-0474-4624-be73-56f76bad7a8e">更新记录</a>
<a href="https://github.com/mycard/ygopro-images/archive/gh-pages.zip">下载卡图</a>
<a href="https://my-card.in/mycard/updates">下载补丁</a>
</small>
</div>
<div class="col-lg-8 col-md-8">
<img class="img-responsive" src="img/screenshot.png">
</div>
</div>
<!-- /.row -->
</div>
<!-- /.container -->
<section id="donate_and_contributing">
<div class="container">
<h2>捐助</h2>
<div class="row">
<div class="col-lg-8 col-md-8">
<p>这里写什么啊我语文老师死得早 喵喵喵喵喵喵喵了个咪的世界已完蛋谁来拯救一下 ‎_(:з」∠)_ </p>
</div>
<div class="col-lg-4 col-md-4">
<a href="http://me.alipay.com/zh99998" target="_blank"> <img src="https://img.alipay.com/sys/personalprod/style/mc/btn-index.png" /> </a>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</section>
<section id="contact_and_links">
<div class="container">
<h2>传送门</h2>
<div class="row">
<div class="col-md-5 col-lg-5" id="contact">
<a href="https://github.com/mycard/mycard"><img src="img/github.png"></a>
<a href="https://plus.google.com/107594261950300262383/"><img src="img/googleplus.png"></a>
<a href="mailto:zh99998@gmail.com"><img src="img/mail.png"></a>
</div>
<div class="col-md-7 col-lg-7">
<ul id="links" class="list-inline"></ul>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</section>
<footer id="about">
<div class="container">
<div class="row">
<div class="col-lg-12">
<p><a href="https://github.com/mycard/mycard.github.io/">本页面</a>由 <a href="http://open.qzworld.net/">Losses Don</a> 设计</p>
<p><a href="https://github.com/mycard">MyCard 开源项目</a> 采用 <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh">知识共享 署名-非商业性使用-相同方式共享 4.0 国际</a> 和 <a href="http://www.gnu.org/copyleft/gpl.html">GNU通用公共许可证</a> 进行许可。</p>
</div>
</div>
</div>
</footer>
<!-- /.container -->
<!-- Bootstrap core JavaScript -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/index.js"></script>
<!-- 将此标记放置在最后一个 +1 按钮 标记之后。 -->
<script type="text/javascript">
window.___gcfg = {lang: 'zh-CN'};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/platform.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</body>
</html>
new/js/bootstrap.js 0 → 100644
View file @ 4946d089
This diff is collapsed.
new/js/index.coffee 0 → 100644
View file @ 4946d089
$.getJSON 'https://my-card.in/links.json', (data)->
for link in data
$('<li/>').append($('<a />',
href: link.url
rel: "nofollow"
).append($('<img />',
title: link.name
alt: link.name
src: link.logo
))).appendTo('#links')
if navigator.userAgent.toLowerCase().indexOf("android") > -1
#android
$('#download_android').removeClass('hidden')
else
#desktop
$('#download_desktop').removeClass('hidden')
$.getJSON 'http://www.duelist.cn/api/book/list', (data)->
$('#duelist_lastest_issue').html data[data.length-1].issue
$('#duelists').html (for duelist in data
$('<li/>').append($('<a/>', href: duelist.url, text: duelist.title )))
\ No newline at end of file
new/js/index.js 0 → 100644
View file @ 4946d089
// Generated by CoffeeScript 1.6.3
(function() {
$.getJSON('https://my-card.in/links.json', function(data) {
var link, _i, _len, _results;
_results = [];
for (_i = 0, _len = data.length; _i < _len; _i++) {
link = data[_i];
_results.push($('<li/>').append($('<a />', {
href: link.url,
rel: "nofollow"
}).append($('<img />', {
title: link.name,
alt: link.name,
src: link.logo
}))).appendTo('#links'));
}
return _results;
});
if (navigator.userAgent.toLowerCase().indexOf("android") > -1) {
$('#download_android').removeClass('hidden');
} else {
$('#download_desktop').removeClass('hidden');
}
$.getJSON('http://www.duelist.cn/api/book/list', function(data) {
var duelist;
$('#duelist_lastest_issue').html(data[data.length - 1].issue);
return $('#duelists').html((function() {
var _i, _len, _results;
_results = [];
for (_i = 0, _len = data.length; _i < _len; _i++) {
duelist = data[_i];
_results.push($('<li/>').append($('<a/>', {
href: duelist.url,
text: duelist.title
})));
}
return _results;
})());
});
}).call(this);
/*
//@ sourceMappingURL=index.map
*/
new/js/index.map 0 → 100644
View file @ 4946d089
{
"version": 3,
"file": "index.js",
"sourceRoot": "",
"sources": [
"index.coffee"
],
"names": [],
"mappings": ";AAAA;CAAA,CAAA,CAA2C,CAAA,GAA3C,EAA4C,sBAA5C;CACE,OAAA,gBAAA;AAAA,CAAA;UAAA,iCAAA;uBAAA;CACE,CACE,IADF,CAAA;CACE,CAAM,CAAN,CAAA,IAAA;CAAA,CACK,CAAL,KAAA,EADA;CAED,CACC,IAJgB,EAAA,CAGT;CACP,CAAO,EAAI,CAAX,GAAA;CAAA,CACK,CAAL,CAAS,IAAT;CADA,CAEK,CAAL,CAAS,IAAT;CANgB,OAGT;CAJX;qBADyC;CAA3C,EAA2C;;AAWgB,CAA3D,CAAA,CAA0D,CAAvD,GAAA,EAAS,EAAT;CAED,GAAA,IAAA,GAAA,QAAA;IAFF,EAAA;CAKE,GAAA,IAAA,GAAA,QAAA;IAhBF;;CAAA,CAkBA,CAAiD,CAAA,GAAjD,EAAkD,4BAAlD;CACE,MAAA,CAAA;CAAA,EAAkD,CAAlD,CAAA,CAAsC,kBAAtC;CACA,GAAA,OAAA;;AAAqB,CAAA;YAAA,+BAAA;4BAAA;CACnB,CAA4B,IAA5B,CAAA;CAA4B,CAAM,CAAN,CAAA,GAAa,GAAb;CAAA,CAAyB,EAAN,CAAnB,EAAgC,GAAb;CAA/C,SAAkB;CADC;;CAArB;CAFF,EAAiD;CAlBjD"
}
\ No newline at end of file
new/js/jquery.js 0 → 100644
View file @ 4946d089
This diff is collapsed.
new/原稿/Source/logo.svg 0 → 100644
View file @ 4946d089
This diff is collapsed.
new/原稿/index - Second.html 0 → 100644
View file @ 4946d089
<!DOCTYPE html>
<html>
<head>
<title>萌卡 Mycard - 首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="style/style.css" rel="stylesheet" >
</head>
<body>
<header>
<div id="logo"><img src="images/logo.png" alt="Mycard's Logo,萌卡的标志"></div>
<nav>
<ul>
<li><a href='#'>中文项目</a></li>
<li><a href='#'>中文项目</a></li>
<li><a href='#'>中文项目</a></li>
<li><a href='#'>中文项目</a></li>
</ul>
</nav>
</header>
<div class="box" id="box_main">
<div id='introduction'>
<div id='download'class='left'>
<h1>萌卡 MyCard</h1>
<h2>——大家一起萌起来 (/￣▽￣)/～</h2>
<div class='links'>
<a href='#' id='links_win'> For Windows </a>
<a href='#' id='links_uix'> For Linux </a>
<a href='#' id='links_and'> For Android </a>
</div>
<a href='#' id="links_update"> 更新记录 </a>
</div>
<div class='right'>
<img src='images/support.png' alt='sample image on PC and phone.'>
</div>
</div>
<div class='cleaner'></div>
</div>
<div class="o" id="donate_o">
<div class="box">
<div class="left">
<h1>帮助我们</h1>
<a>正如您所见，MyCard是一个非盈利项目。您所享受的一切萌卡服务均
由一群富有热情和创造力的年轻人凭借着极其狗血的热情打造。他们
没有索取任何东西；只为您能享受与MyCard共同度过的每一分钟。不
过我们所有人都有一个共同的愿望：希望MyCard能够走得更远，发展
的更好，给更多的人带来欢乐。so，我们需要您的帮助（伸爪=0=~
</a>
</div>
<div class="right">
<div class="links">
<a href="#" id="links_don">塞钱</a>
</div>
</div>
<div class="cleaner"></div>
</div>
</div>
<div class="o" id="map_o">
<div class="box">
<div>
<h1>传送门</h1>
<ul class="left">
<li><a href="#"><img src="images/mail.png" alt="mail"></a></li>
<li><a href="#"><img src="images/github.png" alt="mail"></a></li>
<li><a href="#"><img src="images/googleplus.png" alt="mail"></a></li>
</ul>
<ul class="right">
<div id="links">
<li>
<a href="http://www.touhou.cc/" rel="nofollow">
<img title="东方幻想乡" alt="东方幻想乡" src="http://www.touhou.cc/logo.gif">
</a>
</li>
<li>
<a href="http://fh-sky.5d6d.com/" rel="nofollow">
<img title="游戏王-凤凰(FH)战队" alt="游戏王-凤凰(FH)战队" src="http://i.imgur.com/62AXoci.jpg">
</a>
</li>
<li>
<a href="http://www.ocgsoft.cn/" rel="nofollow">
<img title="中国OCG工作室" alt="中国OCG工作室" src="http://www.ocgsoft.cn/s/themes/default/images/pic/footer_logo.jpg">
</a>
</li>
<li>
<a href="http://www.ygopro-ocg.com/" rel="nofollow">
<img title="游戏王YGOCORE-享受自动的轻松" alt="游戏王YGOCORE-享受自动的轻松" src="http://www.ygopro-ocg.com/logo.gif">
</a>
</li>
<li>
<a href="https://www.archlinuxcn.org/" rel="nofollow">
<img title="Arch Linux 中文社区" alt="Arch Linux 中文社区" src="https://www.archlinuxcn.org/wp-content/themes/askin2010/archlogo.png">
</a>
</li>
</ul>
</div>
<div class="cleaner"></div>
</div>
</div>
<div class="o" id="about_o">
<div class="box">
这是一份由东八区失地工作组完成的网络前端作品，依照MIT开源协议开源。<br/>
MyCard程序由MyCard项目组完成，基于CC BY-NC-SA 3.0 CN和GPL V3 协议进行共享。
</div>
</div>
</body>
</html>
new/原稿/index.html 0 → 100644
View file @ 4946d089
<!DOCTYPE html>
<html>
<head>
<title>萌卡 Mycard - 首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="style/style.css" rel="stylesheet" >
</head>
<body>
<header>
<div id="logo"><img src="images/logo.png" alt="Mycard's Logo,萌卡的标志"></div>
<nav>
<ul>
<li><a href='#'>中文项目</a></li>
<li><a href='#'>中文项目</a></li>
<li><a href='#'>中文项目</a></li>
<li><a href='#'>中文项目</a></li>
</ul>
</nav>
</header>
<div class="box" id="box_main">
<div id='introduction'>
<div id='download'class='left'>
<h1>萌卡 MyCard</h1>
<h2>——大家一起萌起来 (/￣▽￣)/～</h2>
<div class='links'>
<a href='#' id='links_huge'> Download Now! </a>
<div id="links_list">
<a href='#' id='links_win' class="links_si"><img src="./images/Windows.png" /></a>
<a href='#' id='links_uix' class="links_si"><img src="./images/Linux.png" /></a>
<a href='#' id='links_and' class="links_si"><img src="./images/Android.png" /></a>
</div>
</div>
<a href='#' id="links_update"> 更新记录 </a>
</div>
<div class='right'>
<img src='images/support.png' alt='sample image on PC and phone.'>
</div>
</div>
<div class='cleaner'></div>
</div>
<div class="o" id="donate_o">
<div class="box">
<div class="left">
<h1>帮助我们</h1>
<a>正如您所见，MyCard是一个非盈利项目。您所享受的一切萌卡服务均
由一群富有热情和创造力的年轻人凭借着极其狗血的热情打造。他们
没有索取任何东西；只为您能享受与MyCard共同度过的每一分钟。不
过我们所有人都有一个共同的愿望：希望MyCard能够走得更远，发展
的更好，给更多的人带来欢乐。so，我们需要您的帮助（伸爪=0=~
</a>
</div>
<div class="right">
<div class="links">
<a href="#" id="links_don">塞钱</a>
</div>
</div>
<div class="cleaner"></div>
</div>
</div>
<div class="o" id="map_o">
<div class="box">
<div>
<h1>传送门</h1>
<ul class="left">
<li><a href="#"><img src="images/mail.png" alt="mail"></a></li>
<li><a href="#"><img src="images/github.png" alt="mail"></a></li>
<li><a href="#"><img src="images/googleplus.png" alt="mail"></a></li>
</ul>
<ul class="right">
<div id="links">
<li>
<a href="http://www.touhou.cc/" rel="nofollow">
<img title="东方幻想乡" alt="东方幻想乡" src="http://www.touhou.cc/logo.gif">
</a>
</li>
<li>
<a href="http://fh-sky.5d6d.com/" rel="nofollow">
<img title="游戏王-凤凰(FH)战队" alt="游戏王-凤凰(FH)战队" src="http://i.imgur.com/62AXoci.jpg">
</a>
</li>
<li>
<a href="http://www.ocgsoft.cn/" rel="nofollow">
<img title="中国OCG工作室" alt="中国OCG工作室" src="http://www.ocgsoft.cn/s/themes/default/images/pic/footer_logo.jpg">
</a>
</li>
<li>
<a href="http://www.ygopro-ocg.com/" rel="nofollow">
<img title="游戏王YGOCORE-享受自动的轻松" alt="游戏王YGOCORE-享受自动的轻松" src="http://www.ygopro-ocg.com/logo.gif">
</a>
</li>
<li>
<a href="https://www.archlinuxcn.org/" rel="nofollow">
<img title="Arch Linux 中文社区" alt="Arch Linux 中文社区" src="https://www.archlinuxcn.org/wp-content/themes/askin2010/archlogo.png">
</a>
</li>
</ul>
</div>
<div class="cleaner"></div>
</div>
</div>
<div class="o" id="about_o">
<div class="box">
这是一份由东八区失地工作组完成的网络前端作品，依照MIT开源协议开源。<br/>
MyCard程序由MyCard项目组完成，基于CC BY-NC-SA 3.0 CN和GPL V3 协议进行共享。
</div>
</div>
</body>
</html>
new/原稿/style/style.css 0 → 100644
View file @ 4946d089
/*
Document : Style.css
Created on : Oct 19, 2013, 8:01:35 AM
Author : losses
Description:
For Project Mycard(MIT)
*/
*{
padding:0;
margin:0;
font-family: "Century Gothic","Microsoft Yahei";
transition:all 0.3s ease-in-out;
}
h1{
color:#593500;
}
.left{
float:left;
}
.right{
float:right;
}
.cleaner{
clear:both;
}
.o{
width:100%;
}
header{
height:68px;
background:#ff9900;
font-size:18px;
display:block;
}
header a:link{
text-decoration:none;
color:white;
}
header a:visited{
color:white;
}
header nav ul{
list-style:none;
position:relative;
top:-52px;
}
header nav ul li {
margin:0 10px;
float:right;
}
.box{
width:900px;
margin:0 auto;
}
#box_main{
height:390px;
overfloat:hidden;
}
#introduction{
margin:50px 0;
}
#introduction h1{
margin:15px 0 0 0;
font-size:40px;
text-align:center;
}
#introduction h2{
margin:10px 0 0 0;
text-align:right;
font-weight: normal;
font-size:15px;
color:#663300;
}
#download{
width:296px;
}
.links a:link{
text-decoration:none;
text-align:center;
font-size:20px;
color:white;
width:60px;
height:60px;
position:static;
}
.links a:visited{
color:white;
}
.links_si{
display:inline-block;
margin:10px 10px;
}
.links_si img{
margin:10px 0 0 0;
width:40px;
height:40px;
}
#links_win{
background:#4899d4;
}
#links_uix{
background:#d49748;
}
#links_and{
background:#80d448;
}
#links_huge{
background:#008aff;
width:250px !important;
height:auto !important;
margin:35px auto 0 auto;
padding:15px 0;
display:block;
}
#links_don{
width:200px;
height:auto !important;
background:#ff4646;
margin:110px 50px 0 0;
padding:15px 0;
display:block;
}
#links_list{
width:250px;
margin:0 auto;
}
#links_update{
margin:10px 0 0 0;
font-size:12px;
text-align:center;
color:#996600;
display:block;
}
#donate_o{
background:#ffe6c0;
}
#donate_o .box{
background:url('../images/piggy_bank.png') no-repeat;
background-position:10px 20px;
}
#donate_o .box:hover{
background-position:20px 0px;
}
#donate_o .box .left{
width:600px;
}
#donate_o .box .left h1{
margin:30px 0 0 15px;
}
#donate_o .box .left a{
font-size:15px;
line-height:30px;
margin:15px 0 30px 20px;
color:#663300;
display:block;
}
#map_o{
background:#ffc670;
padding-bottom:20px;
}
#map_o .box{
padding:30px 0 0 15px;
}
#map_o ul{
list-style:none;
}
#map_o ul li{
float:left;
}
#map_o .left img{
width:100px;
height:100px;
margin:6px;
}
#map_o .left img:hover{
transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
-mozilla-transform: rotateY(360deg);
}
#map_o .right img{
width:88px;
height:31px;
margin:10px;
}
#map_o ul{
margin-top:25px;
}
#about_o{
background:#ff9900;
color:white;
font-size:12px;
line-height:20px;
padding:25px 0;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment