Skip to content

Commit

Permalink
build
Browse files Browse the repository at this point in the history
  • Loading branch information
@maylogger
maylogger committed Nov 20, 2011
1 parent a33b9cf commit c1c7682
Show file tree
Hide file tree
Showing 4 changed files with 895 additions and 0 deletions.
247 changes: 247 additions & 0 deletions build/index.html
View file
@@ -0,0 +1,247 @@
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible' />
<meta content='width=device-width, initial-scale=1' name='viewport' />
<title>Golden Grid System Compass Framework</title>
<link type="text/css" rel="stylesheet" href="stylesheets/main.css" media="screen" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="http://more.handlino.com/javascripts/moretext-1.1.js"></script>
<script type="text/javascript" src="javascripts/main.js"></script>
</head>
<body class='index'>
<div class='content'>
<div id='hd'>
<h1>+Golden Grid System <br>+Bootstrap Style <br>+Compass Framework</h1>
<nav>
<h2 class='hide'>Main Navigation</h2>
<ul>
<li><a href="https://github.com/evenwu/compass-ggs-framework">Github</a></li>
<li><a href="http://goldengridsystem.com">Golden Gird System</a></li>
<li><a href="http://twitter.github.com/bootstrap/">Bootstrap</a></li>
</ul>
</nav>
</div>
<div id='bd'>
<div id='main'>
<div class='inner'>
<section id='heading'>
<h1>
h1. 標題 1
<code>&lt;h1&gt;</code>
</h1>
<section>
<h2>
h2. 標題 2
<code>&lt;h2&gt;</code>
</h2>
<h3>
h3. 標題 3
<code>&lt;h3&gt;</code>
</h3>
<h4>
h4. 標題 4
<code>&lt;h4&gt;</code>
</h4>
<h5>
h5. 標題 5
<code>&lt;h5&gt;</code>
</h5>
<h6>
h6. 標題 6
<code>&lt;h6&gt;</code>
</h6>
</section>
</section>
<section id='paragraph'>
<h2 class='title'>
Paragraphs 段落
<code>&lt;p&gt;</code>
</h2>
<p>
<span class='lipsum(3)'></span>
</p>
<p>Laborum deleniti voluptas voluptates. Nobis rerum molestiae voluptatem provident illo omnis aliquid laborum animi aut mollitia minima cumque iusto. Delectus sed mollitia odit deserunt blanditiis enim asperiores. Quo cupiditate magni et sint deserunt explicabo et. Libero veritatis quia eaque voluptatibus</p>
</section>

<section id='lists'>
<div class='title'>
<h2>Lists 列表</h2>
</div>
<section class='type'>
<h3>
Unordered
<small>
無序列表 1
<code>&lt;ul&gt;</code>
</small>
</h3>
<usage>
<pre class='prettyprint'>&lt;ul&gt;&#x000A; &lt;li&gt;item&lt;/li&gt;&#x000A; &lt;ul&gt;&#x000A; &lt;li&gt;item&lt;/li&gt;&#x000A; &lt;/ul&gt;&#x000A;&lt;/ul&gt;</pre>
</usage>
<div class='list'>
<ul>
<li>eligendi</li>
<li>maiores</li>
<li>molestiae</li>
<li>est</li>
<li>delectus</li>
<li>
repellat
<ul>
<li>porro</li>
<li>autem</li>
<li>ut</li>
<li>voluptatibus</li>
</ul>
</li>
<li>temporibus</li>
<li>commodi</li>
<li>illum</li>
</ul>
</div>
</section>
<section class='type'>
<h3>
Unstyled
<small>
無序列表 2
<code>&lt;ul.unstyled&gt;</code>
</small>
</h3>
<usage>
<pre class='prettyprint'>&lt;ul class=&quot;unstyled&quot;&gt;&#x000A; &lt;li&gt;item&lt;/li&gt;&#x000A; &lt;ul&gt;&#x000A; &lt;li&gt;item&lt;/li&gt;&#x000A; &lt;/ul&gt;&#x000A;&lt;/ul&gt;</pre>
</usage>
<div class='list'>
<ul class='unstyled'>
<li>architecto</li>
<li>corrupti</li>
<li>nisi</li>
<li>et</li>
<li>ut</li>
<li>
sed
<ul>
<li>sunt</li>
<li>magnam</li>
<li>itaque</li>
<li>suscipit</li>
</ul>
</li>
<li>qui</li>
<li>numquam</li>
<li>et</li>
</ul>
</div>
</section>
<section class='type'>
<h3>
Ordered
<small>
有序列表
<code>&lt;ol&gt;</code>
</small>
</h3>
<usage>
<pre class='prettyprint'>&lt;ol&gt;&#x000A; &lt;li&gt;item&lt;/li&gt;&#x000A; &lt;ol&gt;&#x000A; &lt;li&gt;item&lt;/li&gt;&#x000A; &lt;/ol&gt;&#x000A;&lt;/ol&gt;</pre>
</usage>
<div class='list'>
<ol>
<li>doloremque</li>
<li>non</li>
<li>accusamus</li>
<li>reprehenderit</li>
<li>eum</li>
<li>
quia
<ol>
<li>sint</li>
<li>ea</li>
<li>nulla</li>
<li>ipsum</li>
</ol>
</li>
<li>veniam</li>
<li>a</li>
<li>temporibus</li>
</ol>
</div>
</section>
<section class='type'>
<h3>
Description
<small>
說明列表
<code>&lt;dl&gt;</code>
<code>&lt;dt&gt;</code>
<code>&lt;dd&gt;</code>
</small>
</h3>
<usage>
<pre class='prettyprint'>&lt;dl&gt;&#x000A; &lt;dt&gt;Title&lt;/dt&gt;&#x000A; &lt;dd&gt;Description&lt;/dd&gt;&#x000A; &lt;dt&gt;Title&lt;/dt&gt;&#x000A; &lt;dd&gt;Description&lt;/dd&gt;&#x000A;&lt;/dl&gt;</pre>
</usage>
<div class='list'>
<dl>
<dt>natus</dt>
<dd>Quisquam et autem reprehenderit quo ut exercitationem commodi molestiae</dd>
<dt>harum</dt>
<dd>Numquam ipsam corrupti odit odit culpa et ea ratione illum</dd>
<dt>et</dt>
<dd>Sunt in possimus ut id omnis et</dd>
</dl>
</div>
</section>
</section>
<section id='quote'>
<h2 class='title'>
Quotes 引言
<code>&lt;blockquote&gt;</code>
</h2>
<div id='usage'>
<pre class='prettyprint'>&lt;blockquote&gt;&#x000A; &lt;p&gt;Quote sentence&lt;/p&gt;&#x000A; &lt;cite&gt;Source&lt;/cite&gt;&#x000A;&lt;/blockquote&gt;</pre>
</div>
<blockquote>
<p>
<span class='lipsum'></span>
</p>
<cite>Peggy Gross</cite>
</blockquote>
<blockquote>
<p>Repellendus in incidunt et commodi ut nihil</p>
<cite>Alexandra Olsen</cite>
</blockquote>
</section>
<section id='code'>
<h2 class='title'>
Code 程式碼
<code>&lt;code&gt;</code>
<code>&lt;pre&gt;</code>
</h2>
<div id='usage'>
<p>
<code>&lt;pre&gt;your code&lt;/pre&gt;</code>
</p>
</div>
<div id='section'>
<pre>&lt;div&gt;&#x000A; &lt;h1&gt;&#27161;&#38988;&lt;/h1&gt;&#x000A; &lt;p&gt;今天天氣很好&lt;/p&gt;&#x000A;&lt;/div&gt;</pre>
</div>
<div id='usage'>
<p>
<code>&lt;pre class=&quot;prettyprint&quot;&gt;your code&lt;/pre&gt;</code>
</p>
</div>
<div id='section'>
<pre class='prettyprint'>&lt;div&gt;&#x000A; &lt;h1&gt;&#27161;&#38988;&lt;/h1&gt;&#x000A; &lt;p&gt;今天天氣很好&lt;/p&gt;&#x000A;&lt;/div&gt;</pre>
</div>
</section>
</div>
</div>
<div id='sidebar'>
<div class='inner'></div>
</div>
</div>
<footer id='ft'></footer>
</div>
</body>
</html>

0 comments on commit c1c7682

Please sign in to comment.