Skip to content

Commit 1a80d34

Browse files
committed
feat(example gallery item): adds an example gallery item that can be copied to create new elements
Also adds publish key to gallery item frontmatter for better control of displayed items. Allows review process.
1 parent bc3f9d3 commit 1a80d34

File tree

31 files changed

+391
-20
lines changed

31 files changed

+391
-20
lines changed

_source/gallery/affected-perception/index.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ authors:
66
url: null
77

88
layout: gallery-item
9+
publish: true
910
title: "Affected Perception"
1011
description: The automated design works with the typographical layout content. Out of the manual word categorization eight arrays are sorted after the word importance. The automated scripting changes the words in the single arrays after the defined objectstyles. Through this the most important word groups stay readable and the less important word groups get less readable.
1112
---

_source/gallery/alphabet-bars/index.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ authors:
66
url: null
77

88
layout: gallery-item
9+
publish: true
910
title: "Alphabet Bars"
1011
description: Our designs visualize the text, Program or Be Programmed by Douglas Rushkoff, alphabetically with rectangles of varying length. The length of each rectangle or bar is determined by the amount of times a letter or character appears on the page. Our goal was to use JavaScript to deconstruct the meaning of text completely, and reorganize and restructure the way it is read.
1112

_source/gallery/breaking-the-grid/index.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ authors:
88
url: null
99

1010
layout: gallery-item
11+
publish: true
1112
title: "Breaking the Grid"
1213
description: Our goal was to relate our experiments to the given text (Program or Be Programmed by Douglas Rushkoff), for example, when you take a program as it is you find yourself in a grid with certain limitations; however when you learn to control the program you allow yourself to stray from the grid, break free from it.
1314
---

_source/gallery/computed-curation/index.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@ authors:
33
- name: Philipp Schmitt
44
url: https://philippschmitt.com
55
layout: gallery-item
6+
publish: true
67
title: Computed Curation
78
description: Curating photography with neural networks.
89
featured: true

_source/gallery/ending-the-depression-through-amazon/index.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@ authors:
33
- name: Bettina Schneebeli
44
url: null
55
layout: gallery-item
6+
publish: true
67
title: Ending the Depression through Amazon
78
description: A text – image correlation between an article by Bernhard London from 1932 and according product pictures from amazon.com.
89
featured: true
Loading
Loading
Lines changed: 358 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,358 @@
1+
---
2+
# a list of all the authors.
3+
# If you add an url it will add it as a clickable link
4+
authors:
5+
- name: Fabian Morón Zirfas
6+
url: https://fabianmoronzirfas.me
7+
- name: Ted Davis
8+
url: https://teddavis.org
9+
- name: Duffy Duck
10+
url: null
11+
# The layout needs to be gallery-item
12+
layout: gallery-item
13+
14+
# only if published is true it will be displayed
15+
# you can still preview it with its url
16+
publish: true
17+
title: An Example Gallery Item
18+
description: This is an example gallery item. You can just copy this whole folder and exchange the content.
19+
20+
featured: true
21+
# will send it to the frontpage
22+
23+
---
24+
Hint!
25+
There Need to be two images present.
26+
1. thumbnail.png with a size of 320 × 180 px (this will be used in the gallery overview)
27+
2. splash.png with a size of 1280 × 720 px (this will be used on the start page if featured is true)
28+
29+
![an image](./images/img1.png)
30+
31+
# An h1 header
32+
33+
Paragraphs are separated by a blank line.
34+
35+
2nd paragraph. *Italic*, **bold**, and `monospace`. Itemized lists
36+
look like:
37+
38+
* this one
39+
* that one
40+
* the other one
41+
42+
Note that --- not considering the asterisk --- the actual text
43+
content starts at 4-columns in.
44+
45+
> Block quotes are
46+
> written like so.
47+
>
48+
> They can span multiple paragraphs,
49+
> if you like.
50+
51+
Use 3 dashes for an em-dash. Use 2 dashes for ranges (ex., "it's all
52+
in chapters 12--14"). Three dots ... will be converted to an ellipsis.
53+
Unicode is supported. ☺
54+
55+
## An h2 header
56+
57+
Here's a numbered list:
58+
59+
1. first item
60+
2. second item
61+
3. third item
62+
63+
Note again how the actual text starts at 4 columns in (4 characters
64+
from the left side). Here's a code sample:
65+
66+
# Let me re-iterate ...
67+
for i in 1 .. 10 { do-something(i) }
68+
69+
As you probably guessed, indented 4 spaces. By the way, instead of
70+
indenting the block, you can use delimited blocks, if you like:
71+
72+
~~~plain
73+
define foobar() {
74+
print "Welcome to flavor country!";
75+
}
76+
~~~
77+
78+
Or like this
79+
80+
```plain
81+
define foobar() {
82+
print "Welcome to flavor country!";
83+
}
84+
```
85+
86+
87+
(which makes copying & pasting easier). You can optionally mark the
88+
delimited block for Pandoc to syntax highlight it:
89+
90+
~~~python
91+
import time
92+
# Quick, count to ten!
93+
for i in range(10):
94+
# (but not *too* quick)
95+
time.sleep(0.5)
96+
print(i)
97+
~~~
98+
99+
### An h3 header
100+
101+
Now a nested list:
102+
103+
1. First, get these ingredients:
104+
105+
* carrots
106+
* celery
107+
* lentils
108+
109+
2. Boil some water.
110+
111+
3. Dump everything in the pot and follow
112+
this algorithm:
113+
114+
find wooden spoon
115+
uncover pot
116+
stir
117+
cover pot
118+
balance wooden spoon precariously on pot handle
119+
wait 10 minutes
120+
goto first step (or shut off burner when done)
121+
122+
Do not bump wooden spoon or it will fall.
123+
124+
Notice again how text always lines up on 4-space indents (including
125+
that last line which continues item 3 above).
126+
127+
Here's a link to [a website](http://foo.bar), to a [local
128+
doc](/index.html), and to a [section heading in the current
129+
doc](#an-h2-header). Here's a footnote [^1].
130+
131+
[^1]: Some footnote text.
132+
133+
Tables can look like this:
134+
135+
Name Size Material Color
136+
------------- ----- ------------ ------------
137+
All Business 9 leather brown
138+
Roundabout 10 hemp canvas natural
139+
Cinderella 11 glass transparent
140+
141+
Table: Shoes sizes, materials, and colors.
142+
143+
(The above is the caption for the table.) Pandoc also supports
144+
multi-line tables:
145+
146+
-------- -----------------------
147+
Keyword Text
148+
-------- -----------------------
149+
red Sunsets, apples, and
150+
other red or reddish
151+
things.
152+
153+
green Leaves, grass, frogs
154+
and other things it's
155+
not easy being.
156+
-------- -----------------------
157+
158+
A horizontal rule follows.
159+
160+
***
161+
162+
Here's a definition list:
163+
164+
apples
165+
: Good for making applesauce.
166+
167+
oranges
168+
: Citrus!
169+
170+
tomatoes
171+
: There's no "e" in tomatoe.
172+
173+
Again, text is indented 4 spaces. (Put a blank line between each
174+
term and its definition to spread things out more.)
175+
176+
Here's a "line block" (note how whitespace is honored):
177+
178+
| Line one
179+
| Line too
180+
| Line tree
181+
182+
and images can be specified like so:
183+
184+
![example image](example-image.jpg "An exemplary image")
185+
186+
Inline math equation: $\omega = d\phi / dt$. Display
187+
math should get its own line like so:
188+
189+
$$I = \int \rho R^{2} dV$$
190+
191+
And note that you can backslash-escape any punctuation characters
192+
which you wish to be displayed literally, ex.: \`foo\`, \*bar\*, etc.
193+
194+
```plain
195+
An h1 header
196+
============
197+
198+
Paragraphs are separated by a blank line.
199+
200+
2nd paragraph. *Italic*, **bold**, and `monospace`. Itemized lists
201+
look like:
202+
203+
* this one
204+
* that one
205+
* the other one
206+
207+
Note that --- not considering the asterisk --- the actual text
208+
content starts at 4-columns in.
209+
210+
> Block quotes are
211+
> written like so.
212+
>
213+
> They can span multiple paragraphs,
214+
> if you like.
215+
216+
Use 3 dashes for an em-dash. Use 2 dashes for ranges (ex., "it's all
217+
in chapters 12--14"). Three dots ... will be converted to an ellipsis.
218+
Unicode is supported. ☺
219+
220+
221+
222+
An h2 header
223+
------------
224+
225+
Here's a numbered list:
226+
227+
1. first item
228+
2. second item
229+
3. third item
230+
231+
Note again how the actual text starts at 4 columns in (4 characters
232+
from the left side). Here's a code sample:
233+
234+
# Let me re-iterate ...
235+
for i in 1 .. 10 { do-something(i) }
236+
237+
As you probably guessed, indented 4 spaces. By the way, instead of
238+
indenting the block, you can use delimited blocks, if you like:
239+
240+
~~~
241+
define foobar() {
242+
print "Welcome to flavor country!";
243+
}
244+
~~~
245+
246+
(which makes copying & pasting easier). You can optionally mark the
247+
delimited block for Pandoc to syntax highlight it:
248+
249+
~~~python
250+
import time
251+
# Quick, count to ten!
252+
for i in range(10):
253+
# (but not *too* quick)
254+
time.sleep(0.5)
255+
print(i)
256+
~~~
257+
258+
259+
260+
### An h3 header ###
261+
262+
Now a nested list:
263+
264+
1. First, get these ingredients:
265+
266+
* carrots
267+
* celery
268+
* lentils
269+
270+
2. Boil some water.
271+
272+
3. Dump everything in the pot and follow
273+
this algorithm:
274+
275+
find wooden spoon
276+
uncover pot
277+
stir
278+
cover pot
279+
balance wooden spoon precariously on pot handle
280+
wait 10 minutes
281+
goto first step (or shut off burner when done)
282+
283+
Do not bump wooden spoon or it will fall.
284+
285+
Notice again how text always lines up on 4-space indents (including
286+
that last line which continues item 3 above).
287+
288+
Here's a link to [a website](http://foo.bar), to a [local
289+
doc](local-doc.html), and to a [section heading in the current
290+
doc](#an-h2-header). Here's a footnote [^1].
291+
292+
[^1]: Some footnote text.
293+
294+
Tables can look like this:
295+
296+
Name Size Material Color
297+
------------- ----- ------------ ------------
298+
All Business 9 leather brown
299+
Roundabout 10 hemp canvas natural
300+
Cinderella 11 glass transparent
301+
302+
Table: Shoes sizes, materials, and colors.
303+
304+
(The above is the caption for the table.) Pandoc also supports
305+
multi-line tables:
306+
307+
-------- -----------------------
308+
Keyword Text
309+
-------- -----------------------
310+
red Sunsets, apples, and
311+
other red or reddish
312+
things.
313+
314+
green Leaves, grass, frogs
315+
and other things it's
316+
not easy being.
317+
-------- -----------------------
318+
319+
A horizontal rule follows.
320+
321+
***
322+
323+
Here's a definition list:
324+
325+
apples
326+
: Good for making applesauce.
327+
328+
oranges
329+
: Citrus!
330+
331+
tomatoes
332+
: There's no "e" in tomatoe.
333+
334+
Again, text is indented 4 spaces. (Put a blank line between each
335+
term and its definition to spread things out more.)
336+
337+
Here's a "line block" (note how whitespace is honored):
338+
339+
| Line one
340+
| Line too
341+
| Line tree
342+
343+
and images can be specified like so:
344+
345+
![example image](example-image.jpg "An exemplary image")
346+
347+
Inline math equation: $\omega = d\phi / dt$. Display
348+
math should get its own line like so:
349+
350+
$$I = \int \rho R^{2} dV$$
351+
352+
And note that you can backslash-escape any punctuation characters
353+
which you wish to be displayed literally, ex.: \`foo\`, \*bar\*, etc.
354+
```
355+
356+
357+
![an image](./images/img2.png)
358+
400 Bytes
Loading
295 Bytes
Loading

0 commit comments

Comments
 (0)