Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

J1anb1n #1

Open
wants to merge 7 commits into
base: master
Choose a base branch
from
Open

J1anb1n #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
7d495af
初始化前端目录结构
j1anb1n Jun 7, 2012
4c44745
add jQuery 1.7.2
j1anb1n Jun 7, 2012
cb025e4
add bootstrap 2.0.4
j1anb1n Jun 7, 2012
2eb837f
add bootstrap 2.0.4
j1anb1n Jun 7, 2012
4badcb4
add detail.html
j1anb1n Jun 7, 2012
5b2d335
add detail.html
j1anb1n Jun 7, 2012
b8fc3b4
edit list.html
j1anb1n Jun 8, 2012
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
.DS_Store
98 changes: 98 additions & 0 deletions detail.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,98 @@
<!DOCTYPE html>
<html lang='zh'>
<head>
<title>matou.it - alpha</title>
<link rel="stylesheet" href="/static/css/[email protected]" type="text/css" media="screen" title="[email protected]" charset="utf-8">
<link rel="stylesheet" href="/static/css/style.css" type="text/css">
<script type="text/javascript" charset="utf-8" src="/static/js/[email protected]"></script>
<script type="text/javascript" charset="utf-8" src="/static/js/[email protected]"></script>
<style type="text/css" media="screen">

</style>
</head>
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<ul class="nav">
<li class='brand'>Matou.it</li>
</ul>
</div>
</div>
</div>
<div class="container">
<div class="row" id="project-overview">
<div class="span3" id="project-logo">
logo here
</div>
<div class="span9" id="project-info">
<h1>Project Name</h1>
<div class="row">
<div class="span6">
<dl class="clearfix">
<dt>官方网站：</dt>
<dd>{{web_site}}</dd>
<dt>作者：</dt>
<dd>{{author1}}</dd>
<dd>{{author2}}</dd>
<dd>{{author3}}</dd>
<dd>{{author4}}</dd>
</dl>
<h6>标签：</h6>
<ul class="tag-list">
<li class="label label-info">标签1</li>
<li class="label label-info">标签1</li>
<li class="label label-info">标签1</li>
<li class="label label-info">标签1</li>
<li class="label label-info">标签1</li>
<li class="label label-info">标签1</li>
</ul>
</div>
<div class="span2">
<a href="#" class="btn span1">Github</a>
<a href="#" class="btn span1">Demo</a>
</div>
</div>
</div>
</div>
<hr>
<div class="row">
<div class="span8" id="introduction">
<h3>简介：</h3>
<p>在上一集J（威尔·史密斯 Will Smith 饰）重新召回K（汤米·李·琼斯 Tommy Lee Jones 饰）作为搭档之后，时间又过去了许多年，但是外星人对地球的觊觎却一直没有停歇。而且J还了解到了K已经死了四十多年。无论未来如何发展，K都和外星人入侵地球有着千丝万缕的联系。而且这段时间，J了解到是一个叫做鲍里斯（杰梅奈·克莱门特 Jemaine Clement 饰）的外星罪犯在1969年干掉了当时还没有太多经验的K（乔什·布洛林 Josh Brolin 饰）。而在四十多年后，这个鲍里斯就成为了地球最大的威胁。而为了阻止鲍里斯的计划，J只有穿越回1969年，去拯救年轻版的K。</p>
</div>
<div class="span4">
<h3>相关文章：</h3>
<ul id="article-list" class="clearfix">
<li><a href="#">Designed for everyone, everywhere.</a></li>
<li><a href="#">Designed for everyone, everywhere.</a></li>
<li><a href="#">Designed for everyone, everywhere.</a></li>
<li><a href="#">Designed for everyone, everywhere.</a></li>
<li><a href="#">Designed for everyone, everywhere.</a></li>
</ul>
</div>
<div class="span8" id="screen-shot">
<h3>截图：</h3>
<ul id="screen-shot-list" class="clearfix">
<li>
<a href="http://movie.douban.com/photos/photo/1496584372/"><img src="http://img1.douban.com/view/photo/albumicon/public/p1496584372.jpg" /></a>
</li>
<li>
<a href="http://movie.douban.com/photos/photo/1496579139/"><img src="http://img5.douban.com/view/photo/albumicon/public/p1496579139.jpg" /></a>
</li>
<li>
<a href="http://movie.douban.com/photos/photo/1561685756/"><img src="http://img3.douban.com/view/photo/albumicon/public/p1561685756.jpg" /></a>
</li>
<li>
<a href="http://movie.douban.com/photos/photo/1496599405/"><img src="http://img3.douban.com/view/photo/albumicon/public/p1496599405.jpg" /></a>
</li>
<li class="last">
<a href="http://movie.douban.com/photos/photo/1496586550/"><img src="http://img1.douban.com/view/photo/albumicon/public/p1496586550.jpg" /></a>
</li>
</ul>
</div>

</div>
</div>
<body>
</html>
86 changes: 86 additions & 0 deletions list.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,86 @@
<!DOCTYPE html>
<html lang='zh'>
<head>
<title>matou.it - alpha</title>
<meta charset="UTF-8" />
<link rel="stylesheet" href="static/css/[email protected]" type="text/css">
<link rel="stylesheet" href="static/css/style.css" type="text/css">
<script type="text/javascript" charset="utf-8" src="/static/js/[email protected]"></script>
<script type="text/javascript" charset="utf-8" src="/static/js/[email protected]"></script>
</head>
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<ul class="nav">
<li class='brand'>Matou.it</li>
</ul>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="span4" id="sidebar">
<div class="well">
<a href="#" class="btn btn-large" id="add-btn">添加项目</a>
</div>
<div class="well" id="tag-filter">
<h3>标签云</h3>
<span class="label label-info"><a href="#">JavaScript</a></span>
<span class="label label-info"><a href="#">Python</a></span>
<span class="label label-info"><a href="#">ActionScript</a></span>
<span class="label label-info"><a href="#">Backbone</a></span>
<span class="label label-info"><a href="#">jQuery</a></span>
<span class="label label-info"><a href="#">WhatEver</a></span>
<span class="label label-info"><a href="#">AnyThing</a></span>

</div>
</div>
<div class="span8">
<ul id="project-list">
<li class="clearfix">
<img src="static/img/test.png" alt="">
<h4><a href="#">Project Name 1</a></h4>
<p>dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao </p>
<ul class="tag-list">
<li><span class="label label-info">tag1</span></li>
<li><span class="label label-info">tag2</span></li>
<li><span class="label label-info">tag3</span></li>
</ul>
</li>
<li class="clearfix">
<img src="static/img/test.png" alt="">
<h4><a href="#">Project Name 1</a></h4>
<p>dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao </p>
<ul class="tag-list">
<li><span class="label label-info">tag1</span></li>
<li><span class="label label-info">tag2</span></li>
<li><span class="label label-info">tag3</span></li>
</ul>
</li>
<li class="clearfix">
<img src="static/img/test.png" alt="">
<h4><a href="#">Project Name 1</a></h4>
<p>dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao </p>
<ul class="tag-list">
<li><span class="label label-info">tag1</span></li>
<li><span class="label label-info">tag2</span></li>
<li><span class="label label-info">tag3</span></li>
</ul>
</li>
<li class="clearfix">
<img src="static/img/test.png" alt="">
<h4><a href="#">Project Name 1</a></h4>
<p>dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao dsfjoi asdjfo iasj dfoijas doifjao sid fjoi dsfjao </p>
<ul class="tag-list">
<li><span class="label label-info">tag1</span></li>
<li><span class="label label-info">tag2</span></li>
<li><span class="label label-info">tag3</span></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<body>
</html>
9 changes: 9 additions & 0 deletions static/css/[email protected]
View file
Open in desktop

Large diffs are not rendered by default.

104 changes: 104 additions & 0 deletions static/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,104 @@
html {
padding-top: 40px;
}
body {
background: -webkit-radial-gradient(61.8% 50%, circle cover, #b0d2ed, #4777b4 100%) fixed;
}
body > .container {
background: white;
border-radius: 0 0 5px 5px;
padding-bottom: 18px;
margin-bottom: 40px;
}
#project-info dt {
color: #999;
}
#project-info dd {
display: inline-block;
}
#project-info .btn {
margin-bottom: 9px;
}
#article-list {
list-style: none;
margin-left: 0;
}
#article-list li {
border-bottom: 1px dashed #ccc;
line-height: 22px;
margin-bottom: 3px;
}
dd img {
width: 100px;
height: 100px;
float: left;
}
#screen-shot h3 {
padding-left: 10px;
}
#screen-shot-list {
list-style: none;
margin: 0;
}
#screen-shot img {
margin: 10px 5px 0 10px;
}
#tag-list {
list-style: none;
margin-left: 10px;
}
#tag-list li {
margin: 5px;
float: left;
}
#introduction h3 {
padding-left: 10px;
}
#introduction p {
padding-left: 10px;
text-indent: 2em;
}
#sidebar .well {
margin: 10px 0 10px 10px;
}
#tag-filter input {
width: 240px;
}
#tag-filter span.label {
display: inline-block;
margin-top: 3px;
}
#tag-filter span.label a {
color: white;
}
#add-btn {
width: 220px;
}
#project-list {
list-style: none;
margin: 10px 10px 0 0;
border-top: 1px dashed #eee;
}
#project-list > li {
padding: 10px;
border-bottom: 1px dashed #eee;
}
#project-list > li .tag-list {
float: right;
}
#project-list > li p {
overflow: hidden;
}
#project-list > li img {
width: 100px;
height: 80px;
margin-right: 10px;
float: left;
}
.tag-list {
list-style: none;
margin: 0;
}
.tag-list li {
display: inline-block;
}
Binary file added static/img/glyphicons-halflings-white.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/img/glyphicons-halflings.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/img/test.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 6 additions & 0 deletions static/js/[email protected]
View file
Open in desktop

Large diffs are not rendered by default.

4 changes: 4 additions & 0 deletions static/js/[email protected]
View file
Open in desktop

Large diffs are not rendered by default.

Loading