Skip to content

Commit afd14ae

Browse files
committed
content
1 parent 0c58104 commit afd14ae

File tree

4 files changed

+49
-7
lines changed

4 files changed

+49
-7
lines changed

data/packages.md

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,8 @@ To add a new package:
1111

1212
### gl-vao
1313
### gl-fbo
14+
![gl-fbo](http://imgur.com/xiXCQGN.png)
15+
1416
### gl-texture2d
1517
### gl-buffer
1618

@@ -53,8 +55,17 @@ To add a new package:
5355
## Shader Components
5456

5557
### glsl-luma
58+
![glsl-luma](http://imgur.com/SRxqxj2.png)
59+
60+
### glsl-dither
61+
![glsl-dither](http://imgur.com/D4ccYiJ.png)
62+
5663
### glsl-noise
5764
### glsl-random
65+
![glsl-random](http://imgur.com/9EOo2or.png)
66+
67+
### glsl-fog
68+
![glsl-fog](http://imgur.com/8l0otem.png)
5869

5970
## Shader Transforms
6071

@@ -74,3 +85,18 @@ To add a new package:
7485
### glsl-extract
7586
### glslify-stream
7687
### gl-shader-core
88+
89+
## Assets
90+
91+
### lena
92+
![lena](http://imgur.com/eSx2pBu.png)
93+
94+
### baboon-image
95+
![baboon-image](http://imgur.com/63yazJ1.png)
96+
97+
### bunny
98+
![bunny](http://imgur.com/5VIykyD.png)
99+
100+
### teapot
101+
### stanford-dragon
102+
![stanford-dragon](http://imgur.com/XWYMq6J.png)

index.css

Lines changed: 14 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,11 @@ body, html {
1414
padding: 0;
1515
background: #fff;
1616
line-height: 1.5em;
17-
font-family: 'Inconsolata', 'Helvetica Neue', Helvetica, Arial, sans-serif;
17+
font-family: 'Ubuntu Mono', 'Helvetica Neue', Helvetica, Arial, sans-serif;
18+
color: #4A4F5E;
19+
}
20+
21+
strong {
1822
color: #4A4F5E;
1923
}
2024

@@ -108,12 +112,13 @@ h1 .lighter {
108112
border-radius: 3px;
109113
background-size: cover;
110114
background-color: #DEE7FF;
115+
border: 1px solid #DEE7FF;
111116
background-position: 50% 50%;
112117
}
113118

114119
.featured .thumb-image {
115-
height: 383px;
116-
height: 422px;
120+
height: 385px;
121+
height: 424px;
117122
}
118123

119124
.thumb {
@@ -143,6 +148,12 @@ h1 .lighter {
143148

144149
.thumb-filter > li:after {
145150
content: ' / ';
151+
color: #DEE7FF;
152+
}
153+
154+
.thumb-filter > li.selected a {
155+
color: #FF6F5C;
156+
border-bottom-color: #FF6F5C;
146157
}
147158

148159
.thumb-filter > li:last-child:after {

index.html

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<title>stack.gl</title>
66

77
<link rel="stylesheet" href="index.css">
8-
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300|Inconsolata:400,700' rel='stylesheet' type='text/css'>
8+
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300|Ubuntu+Mono' rel='stylesheet' type='text/css'>
99
</head>
1010
<body>
1111
<div id="main" role="main">
@@ -18,7 +18,7 @@ <h1>#stack<span class="lighter">gl</span></h1>
1818
--><li><a href="#examples">examples</a> / </li><!--
1919
--><li><a href="#packages">packages</a> / </li><!--
2020
--><li><a href="#community">community</a> / </li><!--
21-
--><li><a href="#getting-started">getting started</a></li><!--
21+
--><li><a href="#tutorials">tutorials</a></li><!--
2222
--></ul>
2323
</header>
2424

@@ -49,8 +49,8 @@ <h2>packages</h2>
4949
<h2>community</h2>
5050
</section>
5151

52-
<section id="getting-started" class="section cf">
53-
<h2>getting-started</h2>
52+
<section id="tutorials" class="section cf">
53+
<h2>tutorials</h2>
5454
</section>
5555
</div>
5656
<script charset="utf-8" src="/bundle.js"></script>

lib/filter.js

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,9 @@ module.exports = function(thumbs) {
2424
})
2525

2626
var list = domify(template({ category: categories }))
27+
var prev = list.children[0]
2728

29+
prev.setAttribute('class', 'selected')
2830
slice(list.children).forEach(function(child) {
2931
var name = child.getAttribute('data-name')
3032

@@ -34,6 +36,9 @@ module.exports = function(thumbs) {
3436
var target = findup(e.target, 'li')
3537
if (target !== child) return false
3638

39+
prev.setAttribute('class', '')
40+
prev = target
41+
prev.setAttribute('class', 'selected')
3742
for (var i = 0; i < filtered.length; i++) {
3843
filtered[i].style.display = (
3944
name === all ||

0 commit comments

Comments
 (0)