Commit 66c501ec authored by 神楽坂玲奈's avatar 神楽坂玲奈

游戏详情页

parent 1a99b8d2
/* Space out content a bit */
body {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
padding-right: 1rem;
padding-left: 1rem;
}
/* Custom page header */
.header {
padding-bottom: 1rem;
border-bottom: .05rem solid #e5e5e5;
}
/* Make the masthead heading the same height as the navigation */
.header h3 {
margin-top: 0;
margin-bottom: 0;
line-height: 3rem;
}
/* Custom page footer */
.footer {
padding-top: 1.5rem;
color: #777;
border-top: .05rem solid #e5e5e5;
}
/* Customize container */
@media (min-width: 48em) {
.container {
max-width: 46rem;
}
}
.container-narrow > hr {
margin: 2rem 0;
}
/* Main marketing message and sign up button */
.jumbotron {
text-align: center;
border-bottom: .05rem solid #e5e5e5;
}
.jumbotron .btn {
padding: .75rem 1.5rem;
font-size: 1.5rem;
}
/* Supporting marketing content */
.marketing {
margin: 3rem 0;
}
.marketing p + h4 {
margin-top: 1.5rem;
}
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 48em) {
/* Remove the padding we set earlier */
.header,
.marketing,
.footer {
padding-right: 0;
padding-left: 0;
}
/* Space out the masthead */
.header {
margin-bottom: 2rem;
}
/* Remove the bottom border on the jumbotron for visual effect */
.jumbotron {
border-bottom: 0;
}
}
#header {
display: flex;
width: 100%;
justify-content: center;
flex-direction: row-reverse;
}
#header img {
width: 256px;
height: 256px;
}
ul {
-webkit-padding-start: 0;
}
\ No newline at end of file
This diff is collapsed.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>东方龙隐谈</title>
<link rel="stylesheet" href="app.css">
<link rel="stylesheet" href="bootstrap.css">
</head>
<body>
<div class="container">
<div class="header clearfix">
<nav>
<ul class="nav nav-pills float-right">
<li class="nav-item">
<a class="nav-link" href="/">首页</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#">游戏 <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="mailto:zh99998@gmail.com">联系我们</a>
</li>
</ul>
</nav>
<h3><a href="/" class="text-muted">萌立方同人平台</a></h3>
</div>
<div id="header">
<div style="margin: 0 100px;">
<h1>东方龙隐谈</h1>
<ul>
<dt>标签</dt>
<dd>recommend</dd>
<dt>类型</dt>
<dd>游戏</dd>
<dt>发布日期</dt>
<dd>2017-08-01</dd>
<dt>作者</dt>
<dd><a href="http://www.lonhong.com/">龍皇社</a></dd>
<dt>版本</dt>
<dd>beta</dd>
</ul>
</div>
<div>
<div><img src="https://r.my-card.in/downloads/assets/df02/logo.png"></div>
<a class="btn btn-primary btn-lg btn-block" href="/">下载</a>
</div>
</div>
<h4>游戏介绍</h4>
<p>“我要和你去踏触纷扬的雪莹,<br> 感受阳光流落花间的快晴,<br> 整个世界淅淅沥沥的落雨,<br> 如幻的蜃景。”<br>四对主角,两两成双,相与携手,共同在气象的万千中开始新的冒险。<br>※不只是立绘,画师倾心开场漫画,活泼的幻想乡小日常,今天的幻想乡又怎么啦?<br>※独特的视觉效果体验,小小的纹理后也是不变的用心,开始界面都是爱你的心意!<br>※依旧的引人入胜的弹幕,作为游戏的主体,应于天气的多变,带给你难忘的愉悦!<br>※诚意满满的背景音乐,闲碎的日常,紧张的弹幕战,背景音乐会让一切出奇美妙!<br>※还有更多更多的小细节等你去发现,龙皇七周年,游戏之外不只是游戏,超酷的!<br>《东方龙隐谈》感谢各位的支持与厚爱,龙皇社全体成员给各位比心心啦!<br>——游戏玩法——<br>操纵自机的少女,躲开各种各样被打中貌似会痛的东西,接住各种道具,同时击败敌方就可以了。<br>——特殊系统——<br>①双角色系统:按“C”键可以在所选角色中互换,发挥各自的优势,并肩作战。<br>②龙魄系统:龙魄是特殊道具,在场上存在一段时间后会消失;可以增加点道具的得分倍率,并且降低道具收集线的高度;龙魄最多可以同时持有9个,在BOSS符卡外的时候可释放龙魄将自机周围的子弹转化为点道具;当持有龙魄数不小于6个时,被弹时会消耗5个龙魄自动释放决死BOMB。<br>⑨Last Spell Card系统:当收取符卡数+当前龙魄数*0.5≥关底BOSS总符卡数时,会开启关底BOSS的Last Spell Card。<br>接下来,请尽情地玩耍吧!</p>
<footer class="footer">
<p>&copy; moecube 2017</p>
</footer>
</div> <!-- /container -->
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Eddy紫</title>
<link rel="stylesheet" href="app.css">
<link rel="stylesheet" href="bootstrap.css">
</head>
<body>
<div class="container">
<div class="header clearfix">
<nav>
<ul class="nav nav-pills float-right">
<li class="nav-item">
<a class="nav-link" href="/">首页</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#">游戏 <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="mailto:zh99998@gmail.com">联系我们</a>
</li>
</ul>
</nav>
<h3><a href="/" class="text-muted">萌立方同人平台</a></h3>
</div>
<div id="header">
<div style="margin: 0 100px;">
<h1>Eddy紫</h1>
<ul>
<dt>标签</dt>
<dd>recommend</dd>
<dt>类型</dt>
<dd>游戏</dd>
<dt>发布日期</dt>
<dd>2012-07-09</dd>
<dt>作者</dt>
<dd><a href="http://inpla.net/forum-198-1.html">大谷Spitzer</a></dd>
<dt>版本</dt>
<dd>v1.01-1</dd>
</ul>
</div>
<div>
<div><img src="https://r.my-card.in/downloads/assets/eddyviolet/cover.jpg"></div>
<a class="btn btn-primary btn-lg btn-block" href="/">下载</a>
</div>
</div>
<h4>游戏介绍</h4>
<p>母神肃清了旧世界,在科学文明的残骸上建立了新的秩序。<br>她创造出无数能量态的新生命,世界产生了新的生态系统。<br>但是神无法毁灭自己的创造物。如果这些能量态生命揭竿而起,母神将会束手无策。<br>Eddy——拥有一半旧世界生命的血统,同时也是新世界核心Beij区的涡漩卫士。她的职责是维护核心区的和平,消灭一切敢于质疑母神威严的能量体。凭借着涡漩卫可以无限复活的能力,无数叛变的生物领袖被扼杀在摇篮中。<br>但是这一次,一个能够威胁整个新世界的篡位者在天边悄然现身了......<br>策划、设定、编剧、程序、美术、音乐均为个人原创,希望大家支持!</p>
<footer class="footer">
<p>&copy; moecube 2017</p>
</footer>
</div> <!-- /container -->
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>OZ大乱斗NS</title>
<link rel="stylesheet" href="app.css">
<link rel="stylesheet" href="bootstrap.css">
</head>
<body>
<div class="container">
<div class="header clearfix">
<nav>
<ul class="nav nav-pills float-right">
<li class="nav-item">
<a class="nav-link" href="/">首页</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#">游戏 <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="mailto:zh99998@gmail.com">联系我们</a>
</li>
</ul>
</nav>
<h3><a href="/" class="text-muted">萌立方同人平台</a></h3>
</div>
<div id="header">
<div style="margin: 0 100px;">
<h1>OZ大乱斗NS</h1>
<ul>
<dt>标签</dt>
<dd>recommend</dd>
<dt>类型</dt>
<dd>游戏</dd>
<dt>发布日期</dt>
<dd>2017-02-20</dd>
<dt>作者</dt>
<dd><a href="http://fuckoz.com">谢拉卡姗娜</a></dd>
<dt>版本</dt>
<dd>1.54e-1</dd>
</ul>
</div>
<div>
<div><img src="https://r.my-card.in/downloads/assets/ozns/MyCard%20logo%20NS.png"></div>
<a class="btn btn-primary btn-lg btn-block" href="/">下载</a>
</div>
</div>
<h4>游戏介绍</h4>
<p> 这是一个小众向的同人RPG游戏,讲述的是几个女大学生的奇幻之旅;<br/> 本来只不过供几个小伙伴之间自娱自乐,素材来源也是杂七杂八,如果你真的热爱传统RPG,这个游戏还是值得一玩的。</p>
<footer class="footer">
<p>&copy; moecube 2017</p>
</footer>
</div> <!-- /container -->
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>YGOPro</title>
<link rel="stylesheet" href="app.css">
<link rel="stylesheet" href="bootstrap.css">
</head>
<body>
<div class="container">
<div class="header clearfix">
<nav>
<ul class="nav nav-pills float-right">
<li class="nav-item">
<a class="nav-link" href="/">首页</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#">游戏 <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="mailto:zh99998@gmail.com">联系我们</a>
</li>
</ul>
</nav>
<h3><a href="/" class="text-muted">萌立方同人平台</a></h3>
</div>
<div id="header">
<div style="margin: 0 100px;">
<h1>YGOPro</h1>
<ul>
<dt>标签</dt>
<dd>recommend</dd>
<dt>类型</dt>
<dd>游戏</dd>
<dt>发布日期</dt>
<dd>2011-06-03</dd>
<dt>作者</dt>
<dd><a href="https://github.com/Fluorohydride/ygopro">Fluorohydride</a></dd>
<dt>版本</dt>
<dd>1.033.F-5</dd>
</ul>
</div>
<div>
<div><img src="https://r.my-card.in/downloads/assets/ygopro/ygopro.ico"></div>
<a class="btn btn-primary btn-lg btn-block" href="/">下载</a>
</div>
</div>
<h4>游戏介绍</h4>
<p>YGOPro,是一款在Github上免费开源的《游戏王》决斗软件。原作者为Fluorohydride。YGOPro为全卡环境的游戏王,是最能提供完整游戏王体验的软件。在MyCard上,随时都有上百名在线玩家与你进行天梯匹配、双打、自定义游戏。不仅如此,YGOPro专属决斗数据库更会提供玩家排行榜、卡片统计等定制化服务。YGOPro的社区十分活跃,欢迎好的建议或需求去社区找管理员反馈,也可以发邮件到474078233@qq.com联系管理员。</p>
<footer class="footer">
<p>&copy; moecube 2017</p>
</footer>
</div> <!-- /container -->
</body>
</html>
\ No newline at end of file
...@@ -287,16 +287,16 @@ export default class App extends Component { ...@@ -287,16 +287,16 @@ export default class App extends Component {
<h2>代表作品</h2> <h2>代表作品</h2>
<div id="apps"> <div id="apps">
<div class="row"> <div class="row">
<a target="_blank" href="https://mycard.moe/ygopro/arena/"><img alt="ygopro" src={require('../public/ygopro_1.jpg')} /></a> <a target="_blank" href="ygopro.html"><img alt="ygopro" src={require('../public/ygopro_1.jpg')} /></a>
<a target="_blank" href="http://fuckoz.com/thread-3-1-1.html"><img alt="OZ大乱斗NS" src={require('../public/ozns_1.jpg')} /></a> <a target="_blank" href="ozns.html"><img alt="OZ大乱斗NS" src={require('../public/ozns_1.jpg')} /></a>
<a target="_blank" href="http://dgspitzer.my-style.in/gameportfolio/?p=139"><img alt="Eddy紫" src={require('../public/eddyviolet_1.jpg')} /></a> <a target="_blank" href="eddyviolet.html"><img alt="Eddy紫" src={require('../public/eddyviolet_1.jpg')} /></a>
<a target="_blank" href="https://tieba.baidu.com/p/4478725122"><img alt="东方龙隐谈" src={require('../public/df02_1.jpg')} /></a> <a target="_blank" href="df02.html"><img alt="东方龙隐谈" src={require('../public/df02_1.jpg')} /></a>
</div> </div>
<div class="row"> <div class="row">
<a target="_blank" href="https://mycard.moe/ygopro/arena/"><img alt="ygopro" src={require('../public/ygopro_2.jpg')} /></a> <a target="_blank" href="ygopro.html"><img alt="ygopro" src={require('../public/ygopro_2.jpg')} /></a>
<a target="_blank" href="http://fuckoz.com/thread-3-1-1.html"><img alt="OZ大乱斗NS" src={require('../public/ozns_2.jpg')} /></a> <a target="_blank" href="ozns.html"><img alt="OZ大乱斗NS" src={require('../public/ozns_2.jpg')} /></a>
<a target="_blank" href="http://dgspitzer.my-style.in/gameportfolio/?p=139"><img alt="Eddy紫" src={require('../public/eddyviolet_2.jpg')} /></a> <a target="_blank" href="eddyviolet.html"><img alt="Eddy紫" src={require('../public/eddyviolet_2.jpg')} /></a>
<a target="_blank" href="https://tieba.baidu.com/p/4478725122"><img alt="东方龙隐谈" src={require('../public/df02_2.jpg')} /></a> <a target="_blank" href="df02.html"><img alt="东方龙隐谈" src={require('../public/df02_2.jpg')} /></a>
</div> </div>
</div> </div>
......
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