-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
93 lines (84 loc) · 5.32 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!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.0' name='viewport'>
<link href="./stylesheets/style.css" media="screen" rel="stylesheet" type="text/css" />
<script src="./javascripts/jquery-1.9.1.min.js"></script>
<script src="./javascripts/script.js"></script>
<title>My Gem: Getting Started</title>
</head>
<body id="contents">
<div id="support">
<ul class="pickto">
<li data-target="#logo" data-type="color" class="selected">Logo color</li>
<li data-target="h2_h3_h4_h5_h6" data-type="color">Heading color</li>
<li data-target="#text_p_a" data-type="color">Text color</li>
<li data-target="#header" data-type="backgroundColor">Header BG</li>
<li data-target="#contents" data-type="backgroundColor">Site BG</li>
</ul>
</div>
<header id="header">
<div class="container">
<h1 id="logo">My Gem <span class="announce">Click here or Keydown "p" to toggle color picker.</span></h1>
</div>
</header>
<div class="container">
<nav id="toc">
<div class="toc-block">
<h3>Getting Started</h3>
<ul>
<li><a href="/">About My Gem</a></li>
<li><a href="/">Getting Started</a></li>
<li><a href="/">My Gem Changelog</a></li>
</ul>
</div>
<div class="toc-block">
<h3>Usage</h3>
<ul>
<li><a href="/">Lorem ipsum dolor sit</a></li>
<li><a href="/">Pro at justo commune</a></li>
<li><a href="/">Quas euismod qui an</a></li>
<li><a href="/">Dicta fierent no his</a></li>
<li><a href="/">Meis inani te cum</a></li>
<li><a href="/">Ponderum assueverit cu</a></li>
</ul>
</div>
<div class="toc-block">
<h3>Metadata</h3>
<ul>
<li><a href="/">Sit qualisque</a></li>
<li><a href="/">Hendrerit te</a></li>
<li><a href="/">Ne sit torquatos</a></li>
</ul>
</div>
</nav>
<article id="main">
<h2>Getting Started</h2>
<p>Lorem ipsum dolor sit amet, id vel dico electram qualisque, vidit ocurreret eum an. Mel insolens instructior concludaturque ex. Cu reque abhorreant eum, et sea tation noster utamur. Ea his periculis inciderint.</p>
<p>Eum quas accusata iracundia at. Ei integre eruditi argumentum eum, omnesque indoctum posidonium ne eam. Errem feugait reprehendunt mel ne, no natum ignota scribentur sit, scripta incorrupte usu no. Autem quodsi et qui.</p>
<h2>Starting a New Project: My Gem</h2>
<p>Lorem ipsum dolor sit amet, id vel dico electram qualisque, vidit ocurreret eum an. Mel insolens instructior concludaturque ex. Cu reque abhorreant eum, et sea tation noster utamur. Ea his periculis inciderint.</p>
<p>Eum quas accusata iracundia at. Ei integre eruditi argumentum eum, omnesque indoctum posidonium ne eam. Errem feugait reprehendunt mel ne, no natum ignota scribentur sit, scripta incorrupte usu no. Autem quodsi et qui.</p>
<h2>The Feature</h2>
<p>Lorem ipsum dolor sit amet, pro at justo commune copiosae, quas euismod qui an. Et dicta percipitur reformidans usu, dicta fierent no his. Meis inani te cum, ponderum assueverit cu duo. No vocent commune quo, purto justo pericula eu per. Ius putent commodo euripidis in, eligendi appetere ne ius.</p>
<p>Sit qualisque hendrerit te, ne sit torquatos interpretaris. Ius graece option legimus an, vix summo dolorem blandit an. Nisl patrioque quo ad. Ut duo augue paulo, fabulas sapientem ne mea, ut duo detraxit salutandi definiebas. Pro at unum petentium, meliore consetetur has in, et mutat percipit vim. In eruditi fabellas vis, ex eruditi legimus necessitatibus quo. Eos in alterum ceteros adipiscing, te accumsan pertinacia instructior ius.</p>
<p>At ipsum scripta efficiantur nec. Perpetua vituperata quaerendum vix ne, pri ne veri liber apeirian. Vidisse lucilius facilisi ei vix, vim ei quod esse atqui, error placerat molestiae eam cu. Denique albucius quo ad, eos eu malis assum.</p>
<h2>Gemfile</h2>
<p>At malis laoreet his. Ex vix prima primis, ne qui iudico alienum. Te enim iriure fuisset eos, ei mei nihil saepe soleat, has alienum postulant in. Quem accusamus constituam qui ea, id dolorum expetendis per. Vis in ferri quaeque. Suscipit phaedrum vulputate cum eu. Usu te quot ignota timeam, ex sed magna nusquam, ex eum esse omnis.</p>
<h2>config.ru</h2>
<p>Quo cu hinc purto quando. Eu eam nobis complectitur, eam nobis percipit in. Case aperiam ancillae in nam. Ea alia veniam mel, in eum propriae intellegat. Suas vocent pri ne, te quod cibo vim.</p>
<p>Sit nulla complectitur an, mea hinc decore tacimates id. Te eum movet nostrum prodesset, pri at aliquip facilis. Quas everti at pri, cum te cibo nobis delectus. Te ius oratio populo platonem, nec ex facer possim. Stet oratio mea ea, inimicus efficiendi ex pri.</p>
</article>
</div>
<footer id="footer">
<div class="container">
<p class="copyright">
© 2012 <a href="/">My name</a>.
</p>
<p class="link"><a href="/">Fork and edit this guide on Github</a></p>
</div>
</footer>
</body>
</html>