<div class="c-archive">
<table>
<tbody>
<tr>
<td>
2018
</td>
<td>
<a href="http://www.emmaboshi.net/progetti/99-objects">Faccialibro</a>
</td>
<td>
<a href='#'>Categoria 1</a>,
<a href='#'>Categoria 2</a>,
<a href='#'>Categoria 3</a>
</td>
</tr>
<tr>
<td>
2018
</td>
<td>
* <a href="http://www.emmaboshi.net/progetti/99-objects">{Case d'altri}</a>
</td>
<td>
<a href='#'>Categoria 1</a>,
<a href='#'>Categoria 2</a>,
<a href='#'>Categoria 3</a>
</td>
</tr>
<tr>
<td>
2018
</td>
<td>
<a href="http://www.emmaboshi.net/progetti/99-objects">Prima festa sulla neve</a>
</td>
<td>
<a href='#'>Categoria 1</a>,
<a href='#'>Categoria 2</a>,
<a href='#'>Categoria 3</a>
</td>
</tr>
<tr>
<td>
2016
</td>
<td>
* <a href="http://www.emmaboshi.net/progetti/99-objects">Nau 2009 eghein</a>
<svg class="icon-circle" height="8" viewBox="0 0 8 8" width="8" xmlns="http://www.w3.org/2000/svg"><circle class="icon-path" cx="4" cy="4" fill="#E37474" r="4"/></svg>
</td>
<td>
<a href='#'>Categoria 1</a>,
<a href='#'>Categoria 2</a>,
<a href='#'>Categoria 3</a>
</td>
</tr>
<tr>
<td>
2016
</td>
<td>
* <a href="http://www.emmaboshi.net/progetti/99-objects">Il tempo</a>
</td>
<td>
<a href='#'>Categoria 1</a>,
<a href='#'>Categoria 2</a>,
<a href='#'>Categoria 3</a>
</td>
</tr>
<tr>
<td>
2016
</td>
<td>
<a href="http://www.emmaboshi.net/progetti/99-objects">The rose has teeth in the mouth of a beast, cioè, buon anno</a>
</td>
<td>
<a href='#'>Categoria 1</a>,
<a href='#'>Categoria 2</a>,
<a href='#'>Categoria 3</a>
</td>
</tr>
<tr>
<td>
2016
</td>
<td>
<a href="http://www.emmaboshi.net/progetti/99-objects">Nau 2009 eghein</a>
</td>
<td>
<a href='#'>Categoria 1</a>,
<a href='#'>Categoria 2</a>,
<a href='#'>Categoria 3</a>
</td>
</tr>
</tbody>
</table>
</div>
<div class="c-archive">
<table>
<tbody>
{% for item in archiveList %}
<tr {% if not item.url %}class="u-disabled"{% endif %}>
<td>
{{ item.anno }}
</td>
<td>
{% if item.hasStar is defined and item.hasStar %}* {% endif %}
<a href="{{ item.url }}">{{ item.title }}</a>
{% if item.isLive is defined and item.isLive %}{% render '@icon-circle' %}{% endif %}
</td>
{% if item.hasCategories %}
<td>
{% for category in item.categories %}
<a href='#'>{{ category.title }}</a>{{ not loop.last ? ', ' }}
{% endfor %}
</td>
{% endif %}
</tr>
{% endfor %}
</tbody>
</table>
</div>
{
"items": [
{
"imgSrc": "http://emmaboshi.net/pics/extra/Bollettino-Boshi.png",
"img": {
"src": "http://emmaboshi.net/pics/extra/Bollettino-Boshi.png",
"alt": "progetto 01"
},
"link": {
"url": "http://emmaboshi.net/extra/bollettino-boshi",
"label": "Vai al progetto"
},
"title": "Bollettino Boshi",
"abstract": "Il Bollettino è la mia newsletter informale, spedita a cadenza imprevedibile. "
},
{
"imgSrc": "http://emmaboshi.net/pics/extra/bottiato.jpg",
"img": {
"src": "http://emmaboshi.net/pics/extra/bottiato.jpg",
"alt": "progetto 01"
},
"link": {
"url": "http://emmaboshi.net/extra/bollettino-boshi",
"label": "Vai al progetto"
},
"title": "Franco Bottiato",
"abstract": "Un bot per Facebook Messenger, con la personalità di Franco Bottiato."
},
{
"imgSrc": "http://emmaboshi.net/pics/extra/Radio-Boshi2.jpg",
"img": {
"src": "http://emmaboshi.net/pics/extra/Radio-Boshi2.jpg",
"alt": "progetto 01"
},
"link": {
"url": "http://emmaboshi.net/extra/bollettino-boshi",
"label": "Vai al progetto"
},
"title": "Radio Boshi",
"abstract": "Un canale Telegram di messaggi vocali inaspettati."
}
],
"_keys": [
"type",
"items"
],
"type": "post-preview",
"title": null,
"archiveList": [
{
"anno": "2018",
"hasStar": null,
"isLive": null,
"title": "Faccialibro",
"url": "http://www.emmaboshi.net/progetti/99-objects",
"hasCategories": true,
"categories": [
{
"title": "Categoria 1"
},
{
"title": "Categoria 2"
},
{
"title": "Categoria 3"
}
]
},
{
"anno": "2018",
"hasStar": true,
"isLive": null,
"title": "{Case d'altri}",
"url": "http://www.emmaboshi.net/progetti/99-objects",
"hasCategories": true,
"categories": [
{
"title": "Categoria 1"
},
{
"title": "Categoria 2"
},
{
"title": "Categoria 3"
}
]
},
{
"anno": "2018",
"hasStar": null,
"isLive": null,
"title": "Prima festa sulla neve",
"url": "http://www.emmaboshi.net/progetti/99-objects",
"hasCategories": true,
"categories": [
{
"title": "Categoria 1"
},
{
"title": "Categoria 2"
},
{
"title": "Categoria 3"
}
]
},
{
"anno": "2016",
"hasStar": true,
"isLive": true,
"title": "Nau 2009 eghein",
"url": "http://www.emmaboshi.net/progetti/99-objects",
"hasCategories": true,
"categories": [
{
"title": "Categoria 1"
},
{
"title": "Categoria 2"
},
{
"title": "Categoria 3"
}
]
},
{
"anno": "2016",
"hasStar": true,
"isLive": null,
"title": "Il tempo",
"url": "http://www.emmaboshi.net/progetti/99-objects",
"hasCategories": true,
"categories": [
{
"title": "Categoria 1"
},
{
"title": "Categoria 2"
},
{
"title": "Categoria 3"
}
]
},
{
"anno": "2016",
"hasStar": null,
"isLive": null,
"title": "The rose has teeth in the mouth of a beast, cioè, buon anno",
"url": "http://www.emmaboshi.net/progetti/99-objects",
"hasCategories": true,
"categories": [
{
"title": "Categoria 1"
},
{
"title": "Categoria 2"
},
{
"title": "Categoria 3"
}
]
},
{
"anno": "2016",
"hasStar": null,
"isLive": null,
"title": "Nau 2009 eghein",
"url": "http://www.emmaboshi.net/progetti/99-objects",
"hasCategories": true,
"categories": [
{
"title": "Categoria 1"
},
{
"title": "Categoria 2"
},
{
"title": "Categoria 3"
}
]
}
]
}
# Archive
Varianti:
- può avere il titolo `title`
- può avere 2 o 3 colonne
- le singole righe possono essere link oppure testo semplice (`link`)
- i progetti possono essere live (`isLive: true`) con il pallino rosso, oppure `isStar:true` con l'asterisco
Note:
- Costruito con una <table> di default.
Variante con tre colonne