Skip to content

Commit fbbf5db

Browse files
author
mrmrs
committed
Add components index page.
1 parent 797a155 commit fbbf5db

File tree

3 files changed

+95
-62
lines changed

3 files changed

+95
-62
lines changed

‎components/index.html

Lines changed: 84 additions & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -15,62 +15,91 @@
1515

1616
</head>
1717
<body class="w-100 sans-serif">
18-
<main>
18+
<header class="w-100 pa3 ph5-ns bg-near-white">
19+
<div class="dt w-100">
20+
<div class="dtc v-mid tl w-50">
21+
<a href="/" class="dib f5 f4-ns fw6 mt0 mb1 link black-50 dim" title="Home">
22+
Tachyons
23+
<div class="dib">
24+
<small class="nowrap f6 mt2 mt3-ns pr2 black-50 fw2">v4.0.0-beta.7</small>
25+
</div>
26+
</a>
27+
</div>
28+
<div class="db dtc v-mid w-100 tr">
1929

20-
21-
articles<br>
22-
23-
<a href="/components/articles/large-title-text/index.html">Large Title Text</a><br>
24-
25-
<a href="/components/articles/title-text-image/index.html">Title Text Image</a><br>
26-
27-
<a href="/components/articles/title-text/index.html">Title Text</a><br>
28-
29-
30-
collections<br>
31-
32-
<a href="/components/collections/product-card/index.html">Product Card</a><br>
33-
34-
35-
footers<br>
36-
37-
<a href="/components/footers/small-print/index.html">Small Print</a><br>
38-
39-
40-
headers<br>
41-
42-
<a href="/components/headers/circle-avatar-title-subtitle/index.html">Circle Avatar Title Subtitle</a><br>
43-
44-
45-
layout<br>
46-
47-
<a href="/components/layout/flag-object-collapse/index.html">Flag Object Collapse</a><br>
48-
49-
<a href="/components/layout/flag-object/index.html">Flag Object</a><br>
50-
51-
<a href="/components/layout/four-column-collapse-two/index.html">Four Column Collapse Two</a><br>
52-
53-
<a href="/components/layout/two-column-collapse-one/index.html">Two Column Collapse One</a><br>
54-
55-
<a href="/components/layout/two-column/index.html">Two Column</a><br>
56-
57-
58-
lists<br>
59-
60-
<a href="/components/lists/large-links-inline/index.html">Large Links Inline</a><br>
61-
62-
<a href="/components/lists/links-inline/index.html">Links Inline</a><br>
63-
64-
<a href="/components/lists/title-text/index.html">Title Text</a><br>
65-
66-
67-
nav<br>
68-
69-
<a href="/components/nav/large-title-link-list/index.html">Large Title Link List</a><br>
70-
71-
<a href="/components/nav/title-link-list/index.html">Title Link List</a><br>
72-
73-
30+
<a title="Documentation" href="/docs/"
31+
class="f6 b dim link black-50 mr1 mr3-m mr4-l dib">
32+
Docs
33+
</a>
34+
<a title="Tachyons on GitHub" href="http://github.com/mrmrs/tachyons/"
35+
class="f6 b dim link black-50 mr1 mr3-m mr4-l dib">
36+
GitHub
37+
</a>
38+
<a title="Tachyons Npm Modules" href="/#npm"
39+
class="f6 b link black-50 dim dib">
40+
Npm
41+
</a>
42+
</div>
43+
</div>
44+
</header>
45+
46+
<main>
47+
<section class="pa3 pa5-ns">
48+
49+
<h1 class="f6 b ttu tracked mt4">articles</h1>
50+
51+
<a class="dib mr3 mb2 blue link dim" href="/components/articles/large-title-text/index.html">Large Title Text</a>
52+
53+
<a class="dib mr3 mb2 blue link dim" href="/components/articles/title-text-image/index.html">Title Text Image</a>
54+
55+
<a class="dib mr3 mb2 blue link dim" href="/components/articles/title-text/index.html">Title Text</a>
56+
57+
58+
<h1 class="f6 b ttu tracked mt4">collections</h1>
59+
60+
<a class="dib mr3 mb2 blue link dim" href="/components/collections/product-card/index.html">Product Card</a>
61+
62+
63+
<h1 class="f6 b ttu tracked mt4">footers</h1>
64+
65+
<a class="dib mr3 mb2 blue link dim" href="/components/footers/small-print/index.html">Small Print</a>
66+
67+
68+
<h1 class="f6 b ttu tracked mt4">headers</h1>
69+
70+
<a class="dib mr3 mb2 blue link dim" href="/components/headers/circle-avatar-title-subtitle/index.html">Circle Avatar Title Subtitle</a>
71+
72+
73+
<h1 class="f6 b ttu tracked mt4">layout</h1>
74+
75+
<a class="dib mr3 mb2 blue link dim" href="/components/layout/flag-object-collapse/index.html">Flag Object Collapse</a>
76+
77+
<a class="dib mr3 mb2 blue link dim" href="/components/layout/flag-object/index.html">Flag Object</a>
78+
79+
<a class="dib mr3 mb2 blue link dim" href="/components/layout/four-column-collapse-two/index.html">Four Column Collapse Two</a>
80+
81+
<a class="dib mr3 mb2 blue link dim" href="/components/layout/two-column-collapse-one/index.html">Two Column Collapse One</a>
82+
83+
<a class="dib mr3 mb2 blue link dim" href="/components/layout/two-column/index.html">Two Column</a>
84+
85+
86+
<h1 class="f6 b ttu tracked mt4">lists</h1>
87+
88+
<a class="dib mr3 mb2 blue link dim" href="/components/lists/large-links-inline/index.html">Large Links Inline</a>
89+
90+
<a class="dib mr3 mb2 blue link dim" href="/components/lists/links-inline/index.html">Links Inline</a>
91+
92+
<a class="dib mr3 mb2 blue link dim" href="/components/lists/title-text/index.html">Title Text</a>
93+
94+
95+
<h1 class="f6 b ttu tracked mt4">nav</h1>
96+
97+
<a class="dib mr3 mb2 blue link dim" href="/components/nav/large-title-link-list/index.html">Large Title Link List</a>
98+
99+
<a class="dib mr3 mb2 blue link dim" href="/components/nav/title-link-list/index.html">Title Link List</a>
100+
101+
102+
</section>
74103
</main>
75104

76105
<footer class="bg-near-white mid-gray ph3 ph5-ns pv5 pv6-ns bt b--black-10">

‎src/components-build.js

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,7 @@ var tachyonsCss = fs.readFileSync('src/css/tachyons.css', 'utf8')
2424
var footer = fs.readFileSync('src/templates/footer.html', 'utf8')
2525
var analytics = fs.readFileSync('src/templates/ga.html', 'utf8')
2626
var head = fs.readFileSync('src/templates/head.html', 'utf8')
27+
var header = fs.readFileSync('src/templates/header.html', 'utf8')
2728
var highlight = fs.readFileSync('src/templates/highlight.html', 'utf8')
2829

2930
module.exports = function () {
@@ -53,7 +54,8 @@ module.exports = function () {
5354
title: 'Components',
5455
analytics: analytics,
5556
footer: footer,
56-
head: head
57+
head: head,
58+
header: header,
5759
})
5860

5961
mkdirp.sync('components')

‎src/templates/components-index.html

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -6,14 +6,16 @@
66
<%= head %>
77
</head>
88
<body class="w-100 sans-serif">
9+
<%= header %>
910
<main>
10-
11-
<% Object.keys(componentsForNav).map(function(category) { %>
12-
<%= category %><br>
13-
<% componentsForNav[category].map(function(componentForNav) { %>
14-
<a href="<%= componentForNav.href %>"><%= componentForNav.name %></a><br>
11+
<section class="pa3 pa5-ns">
12+
<% Object.keys(componentsForNav).map(function(category) { %>
13+
<h1 class="f6 b ttu tracked mt4"><%= category %></h1>
14+
<% componentsForNav[category].map(function(componentForNav) { %>
15+
<a class="dib mr3 mb2 blue link dim" href="<%= componentForNav.href %>"><%= componentForNav.name %></a>
16+
<% }) %>
1517
<% }) %>
16-
<% }) %>
18+
</section>
1719
</main>
1820

1921
<%= footer %>

0 commit comments

Comments
 (0)