Introduction
The GIFs project aims to make schools more sustainable by educating staff and students about green building practices. It includes creating guides, toolkits, and training events to implement these practices, fostering European cooperation, and conducting a social media campaign to showcase schools’ efforts.
button {
height: 50px;
margin: 5px;
width: 120px;
background: #333;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: Consolas, Courier New, monospace;
border: solid #404c5d 1px;
font-size: 16px;
color: rgb(161, 161, 161);
-webkit-transition: 500ms;
transition: 500ms;
border-radius: 5px;
background: linear-gradient(145deg, #2e2d2d, #212121);
-webkit-box-shadow: -1px -5px 15px #41465b, 5px 5px 15px #41465b,
inset 5px 5px 10px #212121, inset -5px -5px 10px #212121;
box-shadow: -1px -5px 15px #41465b, 5px 5px 15px #41465b,
inset 5px 5px 10px #212121, inset -5px -5px 10px #212121;
}
button:hover {
-webkit-box-shadow: 1px 1px 13px #20232e, -1px -1px 13px #545b78;
box-shadow: 1px 1px 13px #20232e, -1px -1px 13px #545b78;
color: #d6d6d6;
-webkit-transition: 500ms;
transition: 500ms;
}
button:active {
-webkit-box-shadow: 1px 1px 13px #20232e, -1px -1px 33px #545b78;
box-shadow: 1px 1px 13px #20232e, -1px -1px 33px #545b78;
color: #d6d6d6;
-webkit-transition: 100ms;
transition: 100ms;
}
The project involves partners from Romania, Bulgaria, Lithuania, Turkey, and Italy, representing schools and NGOs with diverse educational focuses and initiatives.
button {height: 50px;
margin: 5px;
width: 120px;
background: #333;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: Consolas, Courier New, monospace;
border: solid #404c5d 1px;
font-size: 16px;
color: rgb(161, 161, 161);
-webkit-transition: 500ms;
transition: 500ms;
border-radius: 5px;
background: linear-gradient(145deg, #2e2d2d, #212121);
-webkit-box-shadow: -1px -5px 15px #41465b, 5px 5px 15px #41465b,
inset 5px 5px 10px #212121, inset -5px -5px 10px #212121;
box-shadow: -1px -5px 15px #41465b, 5px 5px 15px #41465b,
inset 5px 5px 10px #212121, inset -5px -5px 10px #212121;
}
button:hover {
-webkit-box-shadow: 1px 1px 13px #20232e, -1px -1px 13px #545b78;
box-shadow: 1px 1px 13px #20232e, -1px -1px 13px #545b78;
color: #d6d6d6;
-webkit-transition: 500ms;
transition: 500ms;
}
button:active {
-webkit-box-shadow: 1px 1px 13px #20232e, -1px -1px 33px #545b78;
box-shadow: 1px 1px 13px #20232e, -1px -1px 33px #545b78;
color: #d6d6d6;
-webkit-transition: 100ms;
transition: 100ms;
}
.card {
–bg: #e8e8e8;
–contrast: #e2e0e0;
–grey: #93a1a1;
position: relative;
padding: 9px;
background-color: var(–bg);
border-radius: 35px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
.card-overlay {
position: absolute;
inset: 0;
pointer-events: none;
background: repeating-conic-gradient(var(–bg) 0.0000001%, var(–grey) 0.000104%) 60% 60%/600% 600%;
filter: opacity(10%) contrast(105%);
}
.card-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
width: 190px;
height: 254px;
background-color: var(–contrast);
border-radius: 30px;
/* Content style */
font-size: 30px;
font-weight: 900;
color: #c7c4c4;
text-align: center;
font-family: monospace;
}
The target audience includes school staff, teachers, and youth workers as direct participants, and local school pupils, educational institutions, NGOs, and youth centers as indirect participants.
The Guide of Good Practices explain the general concept of green building practices and such practices who can be implemented in schools, with concrete examples of existing practices already implemented in European schools and tips and templates for all schools wanting to become green buildings;
button { height: 50px; margin: 5px; width: 120px; background: #333; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: Consolas, Courier New, monospace; border: solid #404c5d 1px; font-size: 16px; color: rgb(161, 161, 161); -webkit-transition: 500ms; transition: 500ms; border-radius: 5px; background: linear-gradient(145deg, #2e2d2d, #212121); -webkit-box-shadow: -1px -5px 15px #41465b, 5px 5px 15px #41465b, inset 5px 5px 10px #212121, inset -5px -5px 10px #212121; box-shadow: -1px -5px 15px #41465b, 5px 5px 15px #41465b, inset 5px 5px 10px #212121, inset -5px -5px 10px #212121; } button:hover { -webkit-box-shadow: 1px 1px 13px #20232e, -1px -1px 13px #545b78; box-shadow: 1px 1px 13px #20232e, -1px -1px 13px #545b78; color: #d6d6d6; -webkit-transition: 500ms; transition: 500ms; } button:active { -webkit-box-shadow: 1px 1px 13px #20232e, -1px -1px 33px #545b78; box-shadow: 1px 1px 13px #20232e, -1px -1px 33px #545b78; color: #d6d6d6; -webkit-transition: 100ms; transition: 100ms; }