parent
e971eaa5dc
commit
0df56b5bbb
25 changed files with 383 additions and 180 deletions
@ -1,15 +1,16 @@ |
||||
published: 2019-01-01 |
||||
|
||||
upper: IER |
||||
title : Ilot d'Eau Le Retour |
||||
published: 2017-01-01 |
||||
period: 2017-2019 |
||||
location: Forest, Brussels-Capital Region, Belgium |
||||
type: research, workshop, co-design, installation |
||||
fund: Innoviris Co-Create |
||||
network: Arkipel, Bruxelles Environnement, Casablanco, Celine de Vos, Forest Municipality, Ecotechnic, Etats Généraux de l’Eau à Bruxelles (EGEB), Faculté d'Architecture La Cambre Horta (Université Libre de Bruxelles), HYDR Lab (Vrije Universiteit Brussels), Jardin Essentiel, Jette Municipality, Le Début des Haricots, Maison de Quartier Saint-Antoine, Niccolò Masini, Potager de l’Imprimerie, Quartier Wiels Wijk, Verte Berthelot |
||||
desc: |
||||
author: Andrea Aragone, Davide Cauciello, Simone Conz, Romina Cornejo Escudero, Bruno Dias Ventura, Marta Finotello, Alessandra Marcon, Octavio Piñeiro Aramburu, Ana Moura Bastos, Marco Ranzato |
||||
|
||||
|
||||
team: Andrea Aragone, Davide Cauciello, Simone Conz, Romina Cornejo Escudero, Bruno Dias Ventura, Marta Finotello, Alessandra Marcon, Octavio Piñeiro Aramburu, Ana Moura Bastos, Marco Ranzato |
||||
client: |
||||
budget: |
||||
... |
||||
|
||||
|
||||
Content Text Content Text Content Text Content Text Content Text Content Text Content Text Content Text Content Text Content Text Content Text Content Text Content Text Content Text Content Text Content Text Content Text Content Text Content Text Content Text Content Text Content Text Content Text Content Text Content Text Content Text Content Text Content Text Content Text Content Text Content Text Content Text Content Text Content Text Content Text Content Text Content Text |
||||
Binary file not shown.
|
After Width: | Height: | Size: 1002 KiB |
@ -1,13 +1,14 @@ |
||||
published: 2018-01-01 |
||||
|
||||
upper: ESC |
||||
title : Every Space Counts |
||||
published: 2018-01-01 |
||||
period: 2018 |
||||
location: BOZAR Centre for fine arts |
||||
type: exhibition |
||||
fund: |
||||
fund: Wayne Enterprises |
||||
network: Architecture Workroom Brussels, Bureau Bas Smets, JNC International, Taktyk |
||||
cat: |
||||
desc: |
||||
author: Andrea Aragone, Lina Bentaleb, Davide Cauciello, Marta De Marchi, Octavio Piñeiro Aramburu, Marco Ranzato |
||||
|
||||
team: Andrea Aragone, Lina Bentaleb, Davide Cauciello, Marta De Marchi, Octavio Piñeiro Aramburu, Marco Ranzato |
||||
client: jocker |
||||
budget: 666.666$ |
||||
... |
||||
|
||||
|
||||
@ -1,34 +1,18 @@ |
||||
published: 2019-01-01 |
||||
|
||||
upper: GWG |
||||
title : Green With Grey | Groen Met Grijs |
||||
published: 2019-01-01 |
||||
period: 2018-2022 |
||||
location: Flanders, Belgium |
||||
type: research, workshop |
||||
fund: Department Omgeving, Vlaamse Overheid |
||||
network: Aquafin, Architecture Workroom Brussels, Asiat Site, Cargovil vzw, David Giacomelli, Departement Omgeving, Katholische Universität Leuven, Loop Studio, Onkruid, Plant en Houtgoed, POM Vlaams-Brabant, Université Catholique de Louvain, Vilvoorde Municipality, VLAIO, VLM, VMM, 51N4E, 1010au |
||||
cat: |
||||
desc: |
||||
author: Andrea Aragone, Federico Broggini, Davide Cauciello, Alexander Colson, Bruno Dias Ventura, Federico Gobbato Liva, Ciel Grommen, Marco Ranzato, Octavio Piñeiro Aramburu; (Alessandra Marcon for Asiat Depave workshop) |
||||
|
||||
|
||||
|
||||
team: Andrea Aragone, Federico Broggini, Davide Cauciello, Alexander Colson, Bruno Dias Ventura, Federico Gobbato Liva, Ciel Grommen, Marco Ranzato, Octavio Piñeiro Aramburu; (Alessandra Marcon for Asiat Depave workshop) |
||||
client: Departemente Omgeving |
||||
budget: 188.000 € |
||||
... |
||||
|
||||
|
||||
|
||||
|
||||
Project Type: Action-research project |
||||
|
||||
Location: Flanders, Belgium |
||||
|
||||
Project time: 2018-2022 |
||||
|
||||
Team: Marco Ranzato, Andrea Aragone, Federico Broggini, Federico Gobbato Liva |
||||
|
||||
Partners: UCLouvain and KULeuven |
||||
|
||||
Client: Departemente Omgeving |
||||
|
||||
Budget: 188.000 € |
||||
|
||||
Flanders is one of the best-known productive regions of Europe. Concentrating the majority of the Belgian industry and workforce, the Region features a continuous and dense infrastructure throughout its landscape: slabs of asphalt and concrete, tiles, sheds, wide roads, unused vegetated remnants of space, and industrial platforms. These elements cover approximately 4.5% of the urbanisation of the region and 15% of its overall land take, becoming a major question when it comes to the soil impermeabilization and water management question. This work looks at industrial platforms as water towers spread right across the Flemish territory. Water towers that nowadays are inactive, thus repelling approximately millions of m3 of rainwater. |
||||
What if this water tower are turned on instead? GreenWithGrey is one of the strategic projects of the “Proeftuinen Ontharding,” a programme aiming at tackling the very diffuse – and land consuming – urbanisation of Flanders through strategic desealing actions. Within this framework, GreenWithGrey explores possibilities for desealing Flemish industrial platforms to tackle questions such as providing more room for water and strengthening the regional water cycle. GreenWithGrey achieves the ongoing transition through a mix of doing and undoing, of actions and policies, of top down and bottom-up strategies. |
||||
|
||||
@ -0,0 +1,14 @@ |
||||
|
||||
upper: LML |
||||
title : Liminal |
||||
published: 2020-01-01 |
||||
location: Slavutych, Ukraine |
||||
type: workshop, installation |
||||
fund: Small European Students of Architecture Meeting, European Architecture Student Assembly |
||||
network: |
||||
desc: |
||||
author: Davide Cauciello, Octavio Piñeiro Aramburu |
||||
|
||||
... |
||||
|
||||
content Text |
||||
|
After Width: | Height: | Size: 1.3 MiB |
|
After Width: | Height: | Size: 1.3 MiB |
|
After Width: | Height: | Size: 1.4 MiB |
|
After Width: | Height: | Size: 1.4 MiB |
|
After Width: | Height: | Size: 1.5 MiB |
@ -0,0 +1,20 @@ |
||||
published: 2025-01-01 |
||||
|
||||
upper: EXP |
||||
title : Example page |
||||
period: 1985-2025 |
||||
location: gotham city |
||||
type: crime fight |
||||
fund: Wayne Enterprises |
||||
network: internet , DcUniverse |
||||
team: pfff, alexis, bruce |
||||
client: jocker |
||||
budget: 666.666$ |
||||
... |
||||
|
||||
|
||||
|
||||
Eau de Couture is a project realized in Jardin Akarova, a collective garden sitting in front of the social housing blocks of the Brigittines neighbourhood in the heart of Bruxelles. The project consists in the co-construction and renovation of a public space, together with inhabitants and local associations, revolving around a rainwater collection tank for irrigation and a vegetated buffer area for overflow water. |
||||
|
||||
Eau de Couture is part of the projects Initiatives Durables 2020, focused on urban agriculture and promoted by the municipality of Bruxelles Ville. The material re-use approach is one of the main design principles of the project team. In this sense the collaboration between the municipality and the design team has been constructive and dynamic: Bruxelles Ville made available the warehouse where all the materials concerning public spaces are stocked. The base of the rainwater tank and the overflow system is designed re-using the materials found in the warehouse. |
||||
In Eau de Couture we aimed to design a prototypical device to collect water that, by an economy of means, helps to better define and enhance public spaces. We imagine that Eau de Couture can be adopted in different locations according to the specificities of each context. |
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
|
After Width: | Height: | Size: 1.3 MiB |
|
After Width: | Height: | Size: 1.4 MiB |
|
After Width: | Height: | Size: 1.4 MiB |
|
After Width: | Height: | Size: 1.5 MiB |
|
After Width: | Height: | Size: 1.4 MiB |
|
After Width: | Height: | Size: 1.4 MiB |
|
After Width: | Height: | Size: 494 KiB |
@ -1,68 +1,92 @@ |
||||
$(document).ready(function() { |
||||
// Sorting state management
|
||||
const sortState = {}; |
||||
|
||||
// Function to sort articles
|
||||
function sortArticles(columnClass) { |
||||
const $list = $('.alist'); |
||||
const $listItems = $list.children('li'); |
||||
var imgW = $(".gal .img_container").width() |
||||
$(".gal .img_container").css('height',imgW); |
||||
$(".alist").on("click", "li",function(){ |
||||
$(".content-wrapper").removeClass('open');
|
||||
$(this).find(".content-wrapper").addClass('open');
|
||||
}); |
||||
|
||||
|
||||
|
||||
$(document).on("click", ".gal img", function() { |
||||
var clickedSrc = $(this).attr("src"); |
||||
console.log(clickedSrc); |
||||
$(this).closest(".gal").next(".imgzoom").find("img").attr("src", clickedSrc); |
||||
}); |
||||
|
||||
// Determine sort direction
|
||||
if (!sortState[columnClass]) { |
||||
sortState[columnClass] = 'asc'; |
||||
|
||||
let currentSort = null; |
||||
let currentDirection = 'asc'; |
||||
|
||||
// Click handler for sort buttons
|
||||
$('.legend li.sort').click(function() { |
||||
const sortBy = $(this).attr('data-sort'); |
||||
console.log("Sorting by:", sortBy); // Debug info
|
||||
|
||||
// Toggle direction if clicking the same sort again
|
||||
if (currentSort === sortBy) { |
||||
currentDirection = currentDirection === 'asc' ? 'desc' : 'asc'; |
||||
} else { |
||||
sortState[columnClass] = (sortState[columnClass] === 'asc') ? 'desc' : 'asc'; |
||||
currentDirection = 'asc'; |
||||
} |
||||
|
||||
// Sort the list items based on the text of the specified column
|
||||
$listItems.sort(function(a, b) { |
||||
const aText = $(a).find('.' + columnClass).text().trim().toLowerCase(); |
||||
const bText = $(b).find('.' + columnClass).text().trim().toLowerCase(); |
||||
|
||||
// Special handling for period (numeric sorting)
|
||||
if (columnClass === 'period') { |
||||
const aNum = parseInt(aText); |
||||
const bNum = parseInt(bText); |
||||
return sortState[columnClass] === 'asc'
|
||||
? aNum - bNum
|
||||
: bNum - aNum; |
||||
currentSort = sortBy; |
||||
console.log("Direction:", currentDirection); // Debug info
|
||||
|
||||
// Get the list and all articles
|
||||
const $list = $('ul.alist'); |
||||
if ($list.length === 0) { |
||||
console.error("List with class 'alist' not found"); // Debug info
|
||||
return; |
||||
} |
||||
|
||||
// Default alphabetical sorting
|
||||
return sortState[columnClass] === 'asc' |
||||
? aText.localeCompare(bText) |
||||
: bText.localeCompare(aText); |
||||
}); |
||||
// Get all list items
|
||||
let $articles = $list.children('li').toArray(); |
||||
console.log("Found", $articles.length, "articles"); // Debug info
|
||||
|
||||
// Detach and reappend sorted items to maintain DOM structure
|
||||
$list.empty().append($listItems); |
||||
// Sort the articles
|
||||
$articles.sort(function(a, b) { |
||||
// Find the spans with the sorting class
|
||||
const $spanA = $(a).find('span.' + sortBy); |
||||
const $spanB = $(b).find('span.' + sortBy); |
||||
|
||||
// Update sort direction indicators
|
||||
$('.legend li').removeClass('sort-asc sort-desc'); |
||||
$(`.legend li[data-sort="${columnClass}"]`).addClass( |
||||
sortState[columnClass] === 'asc' ? 'sort-asc' : 'sort-desc' |
||||
); |
||||
// If either element doesn't have the required span, skip sorting
|
||||
if ($spanA.length === 0 || $spanB.length === 0) { |
||||
return 0; |
||||
} |
||||
|
||||
// Add click event to legend spans for sorting
|
||||
$('.legend li').on('click', function() { |
||||
const columnClass = $(this).attr("data-sort"); |
||||
const valueA = $spanA.text().trim().toLowerCase(); |
||||
const valueB = $spanB.text().trim().toLowerCase(); |
||||
|
||||
// If the column exists in the article items, sort by that column
|
||||
if ($('.alist li').first().find('.' + columnClass).length > 0) { |
||||
sortArticles(columnClass); |
||||
// Try sorting as numbers if possible
|
||||
const numA = parseFloat(valueA); |
||||
const numB = parseFloat(valueB); |
||||
|
||||
let result; |
||||
if (!isNaN(numA) && !isNaN(numB)) { |
||||
result = numA - numB; |
||||
} else { |
||||
// Otherwise sort alphabetically
|
||||
result = valueA.localeCompare(valueB); |
||||
} |
||||
|
||||
// Reverse if descending
|
||||
return currentDirection === 'desc' ? -result : result; |
||||
}); |
||||
|
||||
// Toggle content visibility
|
||||
$(".alist").on('click', 'li', function(e) { |
||||
// Prevent sorting when clicking on content
|
||||
if (!$(e.target).closest('.legend').length) { |
||||
// Check if click is outside content-wrapper and not on its child elements
|
||||
if (!$(e.target).closest('.content-wrapper').length) { |
||||
const $contentWrapper = $(this).find('.content-wrapper'); |
||||
$contentWrapper.toggleClass("open"); |
||||
} |
||||
} |
||||
// Re-append in new order
|
||||
$list.empty(); |
||||
$.each($articles, function(i, item) { |
||||
$list.append(item); |
||||
}); |
||||
|
||||
// Update UI indicators
|
||||
$('.legend li.sort').removeClass('active sort-asc sort-desc'); |
||||
$(this).addClass('active'); |
||||
$(this).addClass(currentDirection === 'asc' ? 'sort-asc' : 'sort-desc'); |
||||
}); |
||||
|
||||
|
||||
}); |
||||
|
||||
|
||||
@ -0,0 +1,88 @@ |
||||
$(document).ready(function() { |
||||
// Sorting state management |
||||
const sortState = {}; |
||||
|
||||
// Function to sort articles |
||||
function sortArticles(columnClass) { |
||||
const $list = $('.alist'); |
||||
const $listItems = $list.children('li'); |
||||
|
||||
// Determine sort direction |
||||
if (!sortState[columnClass]) { |
||||
sortState[columnClass] = 'asc'; |
||||
} else { |
||||
sortState[columnClass] = (sortState[columnClass] === 'asc') ? 'desc' : 'asc'; |
||||
} |
||||
|
||||
// Sort the list items based on the text of the specified column |
||||
$listItems.sort(function(a, b) { |
||||
const aText = $(a).find('.' + columnClass).text().trim().toLowerCase(); |
||||
const bText = $(b).find('.' + columnClass).text().trim().toLowerCase(); |
||||
|
||||
// Special handling for period (numeric sorting) |
||||
if (columnClass === 'period') { |
||||
const aNum = parseInt(aText); |
||||
const bNum = parseInt(bText); |
||||
return sortState[columnClass] === 'asc' |
||||
? aNum - bNum |
||||
: bNum - aNum; |
||||
} |
||||
|
||||
// Default alphabetical sorting |
||||
return sortState[columnClass] === 'asc' |
||||
? aText.localeCompare(bText) |
||||
: bText.localeCompare(aText); |
||||
}); |
||||
|
||||
// Detach and reappend sorted items to maintain DOM structure |
||||
$list.empty().append($listItems); |
||||
|
||||
// Update sort direction indicators |
||||
$('.legend li').removeClass('sort-asc sort-desc'); |
||||
$(`.legend li[data-sort="${columnClass}"]`).addClass( |
||||
sortState[columnClass] === 'asc' ? 'sort-asc' : 'sort-desc' |
||||
); |
||||
} |
||||
|
||||
// Add click event to legend spans for sorting |
||||
$('.legend li').on('click', function() { |
||||
const columnClass = $(this).attr("data-sort"); |
||||
|
||||
// If the column exists in the article items, sort by that column |
||||
if ($('.alist li').first().find('.' + columnClass).length > 0) { |
||||
sortArticles(columnClass); |
||||
} |
||||
}); |
||||
|
||||
// Toggle content visibility |
||||
$(".alist").on('click', 'li', function(e) { |
||||
// Prevent sorting when clicking on content |
||||
if (!$(e.target).closest('.legend').length) { |
||||
// Check if click is outside content-wrapper and not on its child elements |
||||
if (!$(e.target).closest('.content-wrapper').length) { |
||||
const $contentWrapper = $(this).find('.content-wrapper'); |
||||
$contentWrapper.toggleClass("open"); |
||||
} |
||||
} |
||||
}); |
||||
|
||||
$(".gal img").click(function() { |
||||
// Get the src of the clicked image |
||||
var clickedSrc = $(this).attr("src"); |
||||
console.log(clickedSrc); |
||||
// Find the parent gallery of the clicked image |
||||
var currentGallery = $(this).closest(".gal"); |
||||
|
||||
// Change the src of the last image in THIS specific gallery |
||||
currentGallery.find("img").last().attr("src", clickedSrc); |
||||
}); |
||||
|
||||
//$(".gal .img_container img").click(function(){ |
||||
//var imgsrc = $(this).attr('src'); |
||||
//console.log(imgsrc); |
||||
//$(this).last().css('border', 'solid') |
||||
|
||||
//}); |
||||
|
||||
|
||||
}); |
||||
Loading…
Reference in new issue