Istituzione organizzatrice
New European Bauhaus (NEB), Joint Research Centre of the European Commission
Curatori
Wael Al Awar, Francesca Bria, John Schellnhuber
Azioni umane radicali, ma possibili, che portino a un migliore utilizzo dello spazio e delle risorse: questo il tema dell'evento collaterale della 18ma Mostra Internazionale di Architettura – La Biennale di Venezia, organizzato da New European Bauhaus (NEB) in partnership con Iuav, ospitato a Ca' Tron e ai Tolentini il 25 e 26 maggio 2023.
Due giorni di workshop guidati da architetti internazionali, con una masterclass di Shigeru Ban.
Nel corso della conferenza finale in aula magna ai Tolentini Ursula von der Leyen, presidente della Commissione europea e promotrice del New European Bauhaus, dialogherà con la curatrice della 18.ma Biennale di architettura Lesley Lokko.
Sarà presente Elisa Ferreira, commissaria per la coesione e le riforme.
Si parlerà di nuovi modi di vivere e di come andare oltre la convinzione che il futuro dell'umanità sia legato a soluzioni già esistenti, di architetture emergenti per la giustizia climatica, di futuro digitale inclusivo, della nozione di beni comuni globali.
Aron De Cesero, Marta Magnaguagno e Annachiara Sartor, laureati magistrali in Architettura e attualmente collaboratori alla didattica all’Università Iuav di Venezia, hanno ottenuto una menzione speciale, corrispondente al terzo posto, al concorso internazionale di progettazione architettonica Europan 17 Living Cities II con il progetto “Island tools”.
Il tema del concorso indagava il re-immaginare le architetture curando gli ambienti abitati, tentando di superare la contrapposizione tra natura, cultura e l’antropocentrico in tempi segnati da disagi naturali ed emergenza climatica.
1 soggetto in possesso delle competenze richieste per lo svolgimento di attività di supporto al progetto Museo avanzato del territorio e del paesaggio della sinistra Piave, CON-0099_CUP F73C22002
", + "info": [ + { + "label": "Responsabile scientifico", + "text": "Benno Albrecht" + }, + { + "label": "Protocollo", + "text": "rep. n. 12/2024, prot. n. 1418 del 15/01/2024" + } + ], + "files_list": [ + { + "name": "Bando", + "url": "#" + }, + { + "name": "Domanda di ammissione alla selezione", + "url": "#" + }, + { + "name": "Curriculum", + "url": "#" + } + ] + }, + { + "title": "Assegni di ricerca “Interaction, visual and digital storytelling for design, service and sharing” e “Data collection”", + "date": "1706270400", + "status": { + "class": "open", + "label": "Aperto" + }, + "seats": 3, + "terms": [[0,[1]], [1,[0,1,2]],[2,[0,1,2]]], + "info": [ + { + "label": "Responsabile scientifico", + "text": "Lorenzo Fabian" + }, + { + "label": "Protocollo", + "text": "rep. n. 524-2023 prot. n. 99954 del 21/12/2023" + } + ] + }, + { + "title": "Posto per professore universitario di I fascia", + "date": "1706184000", + "status": { + "class": "open", + "label": "Aperto" + }, + "seats": 1, + "terms": [[0,[2]], [1,[0,1,2]],[2,[0,1,2]]], + "info": [ + { + "label": "Struttura", + "text": "Dipartimento di Culture del progetto" + }, + { + "label": "Protocollo", + "text": "rep. n. 524-2023 prot. n. 99954 del 21/12/2023" + } + ] + }, + { + "title": "Assegno di ricerca “Storicizzazione del diritto naturale e costituzione critica della libertà””", + "date": [ + "1706097600", + "1706097600" + ], + "status": { + "class": "open", + "label": "Aperto" + }, + "seats": 1, + "terms": [[0,[1]], [1,[0,1,2]],[2,[0,1,2]]], + "info": [ + { + "label": "Struttura", + "text": "Dipartimento di Culture del progetto" + }, + { + "label": "Protocollo", + "text": "rep. n. 524-2023 prot. n. 99954 del 21/12/2023" + } + ] + }, + { + "title": "Assegno di ricerca “Studio di tecniche e metodi di previsione del degrado da corrosione in elementi in c.a.”", + "date": "1704542400", + "status": { + "class": "expired", + "label": "In fase di assegnazione" + }, + "seats": 1, + "terms": [[0,[1]], [1,[0,1,2]],[2,[0,1,2]]], + "info": [ + { + "label": "Responsabili scientifici", + "text": "Anna Saetta e Diego Alejandro Talledo" + }, + { + "label": "Protocollo", + "text": "rep. n. 524-2023 prot. n. 99954 del 21/12/2023" + } + ] + }, + { + "title": "Assegno di ricerca “Definizione della preferenza acustica negli ambienti scolastici da parte dei bambini con e senza disabilità uditive””", + "date": "1702641600", + "status": { + "class": "completed", + "label": "Esito disponibile" + }, + "seats": 1, + "terms": [[0,[1]], [1,[0,1,2]],[2,[0,1,2]]], + "info": [ + { + "label": "Responsabile scientifico", + "text": "Francesca Cappelletti e Piercarlo Romagnoni" + }, + { + "label": "Protocollo", + "text": "rep. n. 524-2023 prot. n. 99954 del 21/12/2023" + } + ] } ] } @@ -5329,10 +5593,32 @@ "news": { "terms": [ { - "name": "Comunicato stampa" + "name": "Categoria", + "items": [ + { + "name": "Comunicato stampa" + }, + { + "name": "Buone notizie" + }, + { + "name": "Rassegna stampa" + }, + { + "name": "Newsletter" + } + ] }, { - "name": "Buone notizie" + "name": "Ambito", + "items": [ + { + "name": "Architettura" + }, + { + "name": "Design" + } + ] } ] }, @@ -5443,6 +5729,52 @@ ] } ] + }, + "tenders": { + "terms": [ + { + "name": "Categoria", + "items": [ + { + "name": "Incarico individuale di collaborazione" + }, + { + "name": "Assegno di ricerca" + }, + { + "name": "Concorsi per personale docente e ricercatore" + } + ] + }, + { + "name": "Settore concorsuale", + "items": [ + { + "name": "08/C1" + }, + { + "name": "10/C2" + }, + { + "name": "11/C4" + } + ] + }, + { + "name": "Settore scientifico-disciplinare", + "items": [ + { + "name": "ICAR/13" + }, + { + "name": "L-ART/06" + }, + { + "name": "M-FIL/05" + } + ] + } + ] } } } \ No newline at end of file diff --git a/src/assets/css/base/spacing.css b/src/assets/css/base/spacing.css index b40e6e5..576ab41 100644 --- a/src/assets/css/base/spacing.css +++ b/src/assets/css/base/spacing.css @@ -4,11 +4,21 @@ .spacing-0{ @apply mb-0; } - .spacing-1{ @apply mb-xs; } - .spacing-2{ @apply mb-sm; +} +.spacing-3{ + @apply mb-base; +} +.spacing-4{ + @apply mb-md; +} +.spacing-5{ + @apply mb-lg; +} +.spacing-6{ + @apply mb-xl; } \ No newline at end of file diff --git a/src/assets/css/base/typography.css b/src/assets/css/base/typography.css index 8946799..0eb1c49 100644 --- a/src/assets/css/base/typography.css +++ b/src/assets/css/base/typography.css @@ -42,28 +42,28 @@ /* @apply font-bold; */ } -h1{ - @apply h1; +h1, .h1{ + @apply text-size-3xl; } -h2{ - @apply h2; +h2, .h2{ + @apply text-size-2xl; } -h3{ - @apply h3; +h3, .h3{ + @apply text-size-xl; } -h4{ - @apply h4; +h4, .h4{ + @apply text-size-lg; } -h5{ - @apply h5; +h5, .h5{ + @apply text-size-md-lg; } -h6{ - @apply h6; +h6, .h6{ + @apply text-size-md; } p{ diff --git a/src/assets/css/blocks/events-list-row.css b/src/assets/css/blocks/events-list-row.css index d2d1133..ff8b96d 100644 --- a/src/assets/css/blocks/events-list-row.css +++ b/src/assets/css/blocks/events-list-row.css @@ -7,7 +7,7 @@ } } &-item{ - @apply grid grid-cols-12 items-center gap-x-5 py-2.5 border-t border-grey-200 min-h-[96px]; + @apply lg:grid grid-cols-12 items-center gap-x-5 py-2.5 border-t border-grey-200 min-h-[96px]; &__img{ @apply h-full hidden relative; img{ diff --git a/src/assets/css/blocks/filters.css b/src/assets/css/blocks/filters.css index 9a1848e..bec8de9 100644 --- a/src/assets/css/blocks/filters.css +++ b/src/assets/css/blocks/filters.css @@ -3,7 +3,7 @@ &__inner{ @apply flex flex-wrap -mx-[var(--grid-gutter)]; > *{ - @apply flex-1 px-[var(--grid-gutter)]; + @apply mb-sm xl:mb-0 w-full md:w-1/2 xl:flex-1 px-[var(--grid-gutter)]; } } &--alt{ diff --git a/src/assets/css/components/breadcrumbs.css b/src/assets/css/components/breadcrumbs.css index ea03ad0..68816a6 100644 --- a/src/assets/css/components/breadcrumbs.css +++ b/src/assets/css/components/breadcrumbs.css @@ -7,9 +7,9 @@ } } ul{ - @apply flex flex-wrap; + /* @apply flex flex-wrap; */ li{ - @apply text-size-lg; + @apply text-size-lg inline; &:not(:last-child){ &::after{ content: '/'; diff --git a/src/assets/css/components/card.css b/src/assets/css/components/card.css index 19e7f25..8963f6c 100644 --- a/src/assets/css/components/card.css +++ b/src/assets/css/components/card.css @@ -72,6 +72,9 @@ .cards-container{ @apply grid-container mb-base; + @at-root :where(.grid-container) .cards-container{ + @apply mx-0 px-0; + } &__inner{ @apply grid gap-[calc(var(--grid-gutter)*2)] grid-cols-1 md:grid-cols-2 xl:grid-cols-4; &-squares{ @@ -84,13 +87,20 @@ } .card{ - @apply bg-black text-yellow-100 xl:grid items-start grid-cols-2 relative; + /* @apply bg-grey-100 xl:grid items-start grid-cols-2 relative; */ + @apply bg-grey-100 relative flex items-end aspect-square p-[calc(var(--grid-gutter)*2)]; p{ - @apply text-yellow-100; + @apply text-black; } a{ @apply underline; } + > p{ + @apply text-size-lg mb-0 w-full; + + svg{ + @apply shrink-0 ml-3 mb-2; + } + } header{ @apply mb-base xl:mb-0; p{ @@ -106,38 +116,76 @@ } } } - > div{ - @apply xl:aspect-square p-[calc(var(--grid-gutter)*2)]; - &:first-child{ - @apply flex flex-col xl:h-full; - header{ - @apply grow; + &--columns{ + aspect-ratio: unset; + > div{ + @apply w-full aspect-square; + &:first-child{ + @apply flex flex-col xl:w-full xl:h-full; + header{ + @apply grow; + } + &:last-child{ + grid-column: span 2; + } } - &:last-child{ - grid-column: span 2; - } - } - &:last-child:not(:first-child){ - @apply flex items-end; - p{ - @apply mb-0; + &:last-child:not(:first-child){ + @apply hidden lg:flex items-end xl:h-full; + p{ + @apply mb-0; + } } } } - &:not(.card--span){ + &--span{ + @screen xl{ + align-self: inherit; + grid-column: span 2; + aspect-ratio: 2/1; + } + @apply xl:grid items-start grid-cols-2; + > div{ + @screen xl{ + aspect-ratio: unset; + } + header{ + p:first-child{ + a{ + @apply xl:absolute xl:right-[calc(var(--grid-gutter)*2)] xl:top-7; + } + } + } + footer{ + /* @apply mb-base xl:mb-0; */ + p{ + @apply mb-0; + } + } + } + } + /* &:not(.card--span){ @apply aspect-square; > div{ } } + &--columns{ + &.card--span{ + @apply xl:grid items-start grid-cols-2 p-0; + > div{ + @apply p-[calc(var(--grid-gutter)*2)]; + } + } + } &--span{ @apply aspect-[2/1]; @apply self-start; @screen xl{ align-self: inherit; - } - @screen xl{ grid-column: span 2; } + > div{ + aspect-ratio: unset; + } header{ p:first-child{ a{ @@ -151,8 +199,14 @@ @apply mb-0; } } - } + } */ &--alt{ + @apply bg-black text-yellow-100; + p{ + @apply text-yellow-100; + } + } + &--alt-invert{ @apply bg-yellow-200 text-black; > p{ @apply text-black; @@ -164,13 +218,13 @@ } } } - &--mono{ + /* &--mono{ @apply flex items-end aspect-square p-[calc(var(--grid-gutter)*2)]; > p{ - @apply text-size-lg mb-0; + @apply text-size-lg mb-0 w-full; + svg{ - @apply shrink-0 ml-3; + @apply shrink-0 ml-3 mb-2; } } - } + } */ } \ No newline at end of file diff --git a/src/assets/css/components/events-posts.css b/src/assets/css/components/events-posts.css index 281371f..e1b2af6 100644 --- a/src/assets/css/components/events-posts.css +++ b/src/assets/css/components/events-posts.css @@ -9,8 +9,8 @@ } .event-item{ - @apply grid grid-cols-12 gap-x-5 py-5 border-t border-grey-200 min-h-[96px]; - > *{ + /* @apply lg:grid grid-cols-12 gap-x-5 py-5 border-t border-grey-200 min-h-[96px]; */ + /* > *{ &:first-child{ grid-area: 1 / 1 / 3 / 7; @apply text-size-base; @@ -18,7 +18,7 @@ &:last-child{ grid-area: 1 / 7 / 3 / 13; } - } + } */ &__info{ @apply flex flex-col justify-between; } @@ -32,11 +32,14 @@ } } &__title{ - @apply font-bold text-size-md-lg; + @apply font-bold text-size-md-lg mb-0; + p{ - @apply mt-6; + @apply mt-sm; } } + &__excerpt{ + @apply mb-0; + } &-ongoing{ @apply py-5; &:first-child{ diff --git a/src/assets/css/components/footer.css b/src/assets/css/components/footer.css index fcc1232..8ac1b18 100644 --- a/src/assets/css/components/footer.css +++ b/src/assets/css/components/footer.css @@ -1,5 +1,12 @@ .site-footer{ - @apply relative bg-black text-white pb-10 text-size-sm md:text-size-base; + @apply relative bg-black text-white pb-10 text-size-sm md:text-size-base mt-lg; + @at-root body{ + &.single-news, &.single-degree, &.single-contact, &.archive-contacts{ + .site-footer{ + @apply mt-0; + } + } + } &__backTop{ background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 27'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m11.5 4.289-7.32 6.778L2.82 9.6 12.5.637 22.18 9.6l-1.36 1.467L13.5 4.29V27h-2V4.289Z' fill='%23fff'/%3E%3C/svg%3E"); background-size: 24px; diff --git a/src/assets/css/components/index.css b/src/assets/css/components/index.css index e753036..1f64a7a 100644 --- a/src/assets/css/components/index.css +++ b/src/assets/css/components/index.css @@ -15,7 +15,9 @@ @import "marquee-images.css"; @import "marquee-posts-row.css"; @import "mobilemenu.css"; -@import "post-archive-header.css"; -@import "post-archive-posts.css"; +@import "post-row.css"; +@import "posts-archive-header.css"; +@import "posts-archive-posts.css"; @import "secondary-nav.css"; +@import "status.css"; @import "tease.css"; \ No newline at end of file diff --git a/src/assets/css/components/post-archive-header.css b/src/assets/css/components/post-archive-header.css deleted file mode 100644 index 1b8c2a6..0000000 --- a/src/assets/css/components/post-archive-header.css +++ /dev/null @@ -1,32 +0,0 @@ -.post-archive-header{ - @apply grid grid-cols-2 gap-x-5 mt-32 mb-16; - nav{ - ul{ - @apply flex; - li{ - a{ - @apply text-size-lg text-grey-300; - span{ - @apply inline-block ml-2.5 mr-1 text-size-sm align-top; - } - } - &.is-active{ - a{ - @apply text-black; - } - } - &:not(:last-child){ - @apply mr-4; - &::after{ - content: ','; - @apply text-black text-size-lg; - } - } - } - } - } - &__description{ - margin-top: 0.5vw; - @apply text-size-md; - } -} \ No newline at end of file diff --git a/src/assets/css/components/post-archive-posts.css b/src/assets/css/components/post-archive-posts.css deleted file mode 100644 index cfba426..0000000 --- a/src/assets/css/components/post-archive-posts.css +++ /dev/null @@ -1,3 +0,0 @@ -.post-archive-posts{ - @apply mb-40; -} \ No newline at end of file diff --git a/src/assets/css/components/post-row.css b/src/assets/css/components/post-row.css new file mode 100644 index 0000000..9bd01b8 --- /dev/null +++ b/src/assets/css/components/post-row.css @@ -0,0 +1,44 @@ +.post-row{ + @apply grid-container border-t border-black py-xs; + @at-root :where(.grid-container) .post-row{ + @apply mx-0 px-0; + } + &--border-grey{ + @apply border-grey-200; + } + &__inner{ + @apply lg:grid grid-cols-2 gap-x-[calc(var(--grid-gutter)*2)] + } + &-title{ + @apply text-size-md-lg font-bold mb-md inline-block; + } + &-date{ + @apply text-size-md-lg; + /* div{ + @apply flex flex-col; + span{ + &:last-child:not(:first-child){ + @apply text-grey-300 relative line-through; + } + } + } */ + } + &__footer{ + @apply mt-lg; + } + &--expired, &--completed{ + .post-row-date{ + span{ + @apply text-grey-300; + } + } + .post-row-title{ + @apply text-grey-300; + } + .block-grid-list{ + p{ + @apply text-grey-300; + } + } + } +} \ No newline at end of file diff --git a/src/assets/css/components/posts-archive-header.css b/src/assets/css/components/posts-archive-header.css new file mode 100644 index 0000000..2a2f551 --- /dev/null +++ b/src/assets/css/components/posts-archive-header.css @@ -0,0 +1,41 @@ +.posts-archive-header{ + @apply mt-sm md:mt-12.5 xl:mt-25; + .breadcrumbs{ + @apply mt-0 ml-0 px-0 mb-base md:mb-lg; + } +} + +.posts-archive-description{ + p{ + @apply text-size-md; + } + a{ + @apply underline; + } +} + +.posts-archive-navigation{ + ul{ + @apply flex; + li{ + a{ + @apply text-size-lg text-grey-300; + span{ + @apply inline-block ml-2.5 mr-1 text-size-sm align-top; + } + } + &.is-active{ + a{ + @apply text-black; + } + } + &:not(:last-child){ + @apply mr-4; + &::after{ + content: ','; + @apply text-black text-size-lg; + } + } + } + } +} \ No newline at end of file diff --git a/src/assets/css/components/posts-archive-posts.css b/src/assets/css/components/posts-archive-posts.css new file mode 100644 index 0000000..cfba426 --- /dev/null +++ b/src/assets/css/components/posts-archive-posts.css @@ -0,0 +1,3 @@ +.post-archive-posts{ + @apply mb-40; +} \ No newline at end of file diff --git a/src/assets/css/components/status.css b/src/assets/css/components/status.css new file mode 100644 index 0000000..f4e2bbc --- /dev/null +++ b/src/assets/css/components/status.css @@ -0,0 +1,14 @@ +.status{ + --status: theme(colors.black); + @apply flex items-center my-xs; + span{ + background-color: var(--status); + @apply w-2.5 h-2.5 mr-2.5; + } + &--expired{ + --status: theme(colors.yellow.100) + } + &--completed{ + --status: #4B9072 + } +} \ No newline at end of file diff --git a/src/assets/css/page/index.css b/src/assets/css/page/index.css index dffaac9..3903207 100644 --- a/src/assets/css/page/index.css +++ b/src/assets/css/page/index.css @@ -2,4 +2,6 @@ @import "archive-degrees.css"; @import "course.css"; @import "degree.css"; -@import "people.css"; \ No newline at end of file +@import "news.css"; +@import "people.css"; +@import "tender.css"; \ No newline at end of file diff --git a/src/assets/css/page/news.css b/src/assets/css/page/news.css new file mode 100644 index 0000000..d150fa5 --- /dev/null +++ b/src/assets/css/page/news.css @@ -0,0 +1,37 @@ +.news{ + &-main{ + @apply mb-lg; + } + &-col-sticky{ + @apply mb-md lg:mb-0 lg:sticky lg:top-[var(--header-height)]; + } + &-image{ + @apply mb-md; + picture{ + @apply block aspect-[3/2]; + img{ + @apply w-full h-full object-cover; + } + } + } + &-posts-nav{ + @apply bg-grey-100 py-lg mt-lg; + &__inner{ + @apply grid-container grid lg:grid-cols-2; + > *{ + &:last-child{ + @apply mt-sm lg:mt-0 lg:text-right; + } + span{ + @apply block; + &:first-child{ + @apply text-size-lg mb-xs; + } + &:last-child{ + @apply text-grey-300 text-size-md; + } + } + } + } + } +} \ No newline at end of file diff --git a/src/assets/css/page/tender.css b/src/assets/css/page/tender.css new file mode 100644 index 0000000..71c587a --- /dev/null +++ b/src/assets/css/page/tender.css @@ -0,0 +1,11 @@ +.tender-date{ + @apply text-size-md-lg; + div{ + @apply flex flex-col; + span{ + &:last-child:not(:first-child){ + @apply text-grey-300 relative line-through; + } + } + } +} \ No newline at end of file diff --git a/src/assets/img/post_type/news/elc.jpg b/src/assets/img/post_type/news/elc.jpg new file mode 100644 index 0000000..47de487 --- /dev/null +++ b/src/assets/img/post_type/news/elc.jpg Binary files differ diff --git a/src/assets/img/post_type/news/james-dyson-award.jpg b/src/assets/img/post_type/news/james-dyson-award.jpg new file mode 100644 index 0000000..c46afd7 --- /dev/null +++ b/src/assets/img/post_type/news/james-dyson-award.jpg Binary files differ diff --git a/src/assets/img/post_type/news/premio-archimede.jpg b/src/assets/img/post_type/news/premio-archimede.jpg new file mode 100644 index 0000000..1c77aff --- /dev/null +++ b/src/assets/img/post_type/news/premio-archimede.jpg Binary files differ diff --git a/src/blocks/breadcrumbs.twig b/src/blocks/breadcrumbs.twig index b720b06..377481a 100644 --- a/src/blocks/breadcrumbs.twig +++ b/src/blocks/breadcrumbs.twig @@ -1,6 +1,8 @@ -{% if block.post_type == 'pages' %} +{% if block.post_type == "pages" %} {% set current_post = post_type.pages[currentPage] %} -{% elseif block.post_type == 'taxonomy_archive' %} +{% elseif block.post_type == "archive" %} + {% set current_post = block.type[block.object] %} +{% elseif block.post_type == "taxonomy_archive" %} {% set current_post = taxonomies[block.taxonomy].terms[current_term] %} {% else %} {% set current_post = post_type[block.post_type].items[currentPost] %} @@ -8,24 +10,25 @@