{"id":229,"date":"2024-11-04T19:03:58","date_gmt":"2024-11-04T17:03:58","guid":{"rendered":"https:\/\/circulartextiles.aalto.fi\/trexproject\/?page_id=229"},"modified":"2024-12-05T18:30:56","modified_gmt":"2024-12-05T16:30:56","slug":"clothing-consumption-tool","status":"publish","type":"page","link":"https:\/\/circulartextiles.aalto.fi\/trexproject\/clothing-consumption-tool\/","title":{"rendered":"Clothing Consumption Tool"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Clothing <br><span class=\"text-green underline-light-green\"> Consump\u00adtion Tool<\/span><\/h2>\n\n\n\n<div style=\"height:1.5em\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>We built a tool for you that gives you&nbsp;<strong>different options of what to do<\/strong>&nbsp;if you want to get a new clothing item or do not use a clothing item anymore \u2013 all in line with circular consumption practices. We listed examples of repair instructions, donation options, or rental companies&nbsp;so you can find the one that\u2019s the most fitting for you.<\/p>\n\n\n\n<div style=\"height:3em\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<style>\n  :root {\n    --black: #1d1d1b;\n    --green: #7f9f28;\n    --light-green: #d9e09e;\n    --orange: #ffac00;\n    --light-orange: #ffd78f;\n    --light-black: rgba(29, 29, 27, 0.5);\n    --light-grey: #f4f4f4;\n    --top-space: 94px;\n    --half-top-space: 47px;\n    --double-space: 188px;\n    --quarter-space: 23.5px;\n    --space: 17px;\n    --two-spaces: 34px;\n  }\n\n  \/* interactive tool *\/\n  .container_questions {\n    height: 900px;\n    position: relative;\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08), \/* soft shadow *\/\n              0 1px 3px rgba(0, 0, 0, 0.1);  \/* very light secondary shadow *\/\n  transition: box-shadow 0.3s ease;  \n  border-radius: 8px;\n  }\n\n  .circle-question {\n    position: absolute;\n  }\n  .buttons {\n\n    flex-direction: column;\nalign-items: center;\njustify-content: flex-end;\n  }\n  .flx-bx{\n    display: flex;\n  }\n  .question {\n    max-width: 300px;\n    margin: auto;\n    display: inline-table;\n  }\n  .answer-box {\n    display: flex;\n    flex-wrap: wrap;\n    padding-top: var(--quarter-space);\n    margin: auto;\n  }\n\n  .answer-box.simple-text {\n    max-width: 510px;\n    justify-content: normal;\n    padding: 20px;\n  }\n\n  .answer-box.inline-text {\n    justify-content: space-around;\n    align-items: center;\n  }\n\n  .answer-box-2 {\n    display: block;\n    overflow-y: auto;\n    max-height: 100vh;\n  }\n  p.link-item {\n    padding-right: 17px;\n  }\n  h6.text-btn{\n    font-size: 11px!important;\n  }\n  .answer {\n    display: inline-block;\n    max-width: 240px;\n    cursor: pointer;\n    padding-right: 17px;\n    padding-left: 17px;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n  }\n\n  .answer.full-line {\n    display: block;\n    max-width: 100%;\n  }\n  .answer.full-line:hover {\n    background-color: transparent;\n  }\n\n  .answer:hover {\n    background-color: var(--light-green);\n    animation: pulse 1s infinite;\n  }\n\n  @keyframes pulse {\n    0% {\n      transform: scale(1);\n      \/* box-shadow: 0 0 5px rgba(0, 255, 0, 0.7); *\/\n    }\n    50% {\n      transform: scale(1.05);\n      \/* box-shadow: 0 0 15px rgba(0, 255, 0, 0.9); *\/\n    }\n    100% {\n      transform: scale(1);\n      \/* box-shadow: 0 0 5px rgba(0, 255, 0, 0.7); *\/\n    }\n  }\n\n  .answer-more {\n    display: none;\n    padding-left: 17px;\n  }\n\n  .toggle-arrow,\n  .toggle-arrow-up {\n    cursor: pointer;\n    margin-left: 10px;\n  }\n\n  .left {\n    float: left;\n  }\n\n  .right {\n    float: right;\n  }\n\n  .level {\n    position: absolute;\n    top: var(--top-space);\n    left: 0;\n    width: 100%;\n    opacity: 0;\n    transition: opacity 0.5s ease-in-out;\n    pointer-events: none; \/* Prevent clicking on hidden levels *\/\n    height: fit-content;\n  }\n\n  .level.active {\n    opacity: 1;\n    pointer-events: auto; \/* Allow clicking on active levels *\/\n  }\n\n  .navigation {\n    display: flex;\n    justify-content: space-around;\n    margin-top: 20px;\n  }\n\n  .navigation button {\n    border: none;\n    cursor: pointer;\n    text-decoration: underline;\n    background-color: transparent;\n  }\n\n  h6.text-btn:hover{\n    background-color: #d9e09e;\n  }\n\n\n  \/* Container to center the block on the page *\/\n.centered-block {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  margin: 0 auto;\n  position: relative;\n  padding: 20px;\n}\n\n\/* Style for the heading *\/\n.centered-heading {\n  font-size: 1.5rem; \/* Adjust size as needed *\/\n  margin: 0;\n  z-index: 1; \/* Ensures it appears above the image *\/\n  position: relative;\n  max-width: 170px;\n}\n\n\/* Style for the underline image *\/\n.underline-image {\n  width: 100%; \/* Full width of the container or adjust as needed *\/\n  max-width: 200px; \/* Limits the width of the image *\/\n  margin-top: 0; \/* Slightly overlap the heading *\/\n  z-index: 0; \/* Position behind the heading *\/\n  position: relative;\n}\n\n@media only screen and (max-width: 600px) {\n\n    .answer{\n        max-width: 200px;\n    }\n}\n\n\n<\/style>  \n<!-- Container for the entire extra content section -->\n<div class=\"extra_content\">\n  \n  <!-- Container for the first set of questions -->\n  <div class=\"container_questions\">\n\n    <!-- Level 1: First question and options -->\n    <div class=\"level\" id=\"level-1\">\n      \n      <!-- Block containing the centered question and its underline -->\n      <div class=\"centered-block\">\n        <!-- Main question for Level 1 -->\n        <h4 class=\"centered-heading text-green animated question\">What do you want to do?<\/h4>\n        <!-- Decorative underline image -->\n        <img decoding=\"async\" src=\"https:\/\/circulartextiles.aalto.fi\/trexproject\/wp-content\/uploads\/2024\/11\/ribbon-line2x.png\" \n             alt=\"Ribbon underline\" class=\"underline-image\">\n      <\/div>\n\n      <!-- Options for Level 1 -->\n      <div class=\"answer-box inline-text\">\n        <!-- Option 1: Get a clothing item -->\n        <div class=\"answer left\" id=\"1a\">\n          <h5 class=\"underline-light-green-thin\">Get a clothing item<h5>\n        <\/div>\n        <!-- Option 2: Manage unused textile products -->\n        <div class=\"answer right\" id=\"1b\">\n          <h5 class=\"underline-light-green-thin\">\n            Manage textile products I do not use anymore\n          <h5>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Level 2: Second question and options -->\n    <div class=\"level\" id=\"level-2\">\n      \n      <!-- Block containing the centered question and its underline -->\n      <div class=\"centered-block\">\n        <!-- Main question for Level 2 -->\n        <h4 class=\"centered-heading text-green animated question\">\n            What are you <br \/>interested in?\n        <\/h4>\n        <!-- Decorative underline image -->\n        <img decoding=\"async\" alt=\"Ribbon underline\" class=\"underline-image\"\n             src=\"https:\/\/circulartextiles.aalto.fi\/trexproject\/wp-content\/uploads\/2024\/11\/ribbon-line2x.png\" \/>\n      <\/div>\n\n      <!-- Options for Level 2 -->\n      <div class=\"answer-box inline-text\">\n        <!-- Each answer corresponds to a specific interest -->\n        <div class=\"answer\" id=\"2a\"><h5 class=\"underline-light-green-thin\">Swapping<h5><\/div>\n        <div class=\"answer\" id=\"2b\"><h5 class=\"underline-light-green-thin\">Borrowing\/renting<h5><\/div>\n        <div class=\"answer\" id=\"2c\"><h5 class=\"underline-light-green-thin\">Family\/Friends<h5><\/div>\n        <div class=\"answer\" id=\"2d\"><h5 class=\"underline-light-green-thin\">Second-hand<h5><\/div>\n        <div class=\"answer\" id=\"2e\"><h5 class=\"underline-light-green-thin\">New clothing<h5><\/div>\n      <\/div>\n\n      <!-- Navigation buttons for Level 2 -->\n      <div class=\"navigation\">\n        <!-- Button to go back to Level 1 -->\n        <button class=\"back-to-previous\" data-prev=\"level-1\">\n          <h6 class=\"text-btn\"> < Back to Previous<\/h6>\n        <\/button>\n        <!-- Button to reset to the beginning -->\n        <button class=\"back-to-first\">\n          <h6 class=\"text-btn\"> << Back to Start<\/h6>\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <!-- Level 2a: Information about swapping -->\n    <div class=\"level\" id=\"level-2a\">\n      \n      <!-- Block containing the title and underline -->\n      <div class=\"centered-block\">\n        <h4 class=\"centered-heading text-green animated question\">Swapping<\/h4>\n        <img decoding=\"async\" alt=\"Ribbon underline\" class=\"underline-image\"\n             src=\"https:\/\/circulartextiles.aalto.fi\/trexproject\/wp-content\/uploads\/2024\/11\/ribbon-line2x.png\" \/>\n      <\/div>\n\n      <!-- Information about swapping -->\n      <div class=\"answer-box simple-text\">\n        <p>\n          Here you can find a link to previous and future swapping activities in Finland:<br \/>\n          <a class=\"underline-light-green-thin\"\n             href=\"https:\/\/ekokumppanit.fi\/en\/swap-clothing-swap-event\/#:~:text=SWAP!%20is%20Finland%27s%20largest%20clothing,for%20your%20own%20unwanted%20clothes.\"\n             target=\"_blank\">\n            SWAP! \u2013 Finland&#8217;s largest clothing change event\n          <\/a>\n        <\/p>\n      <\/div>\n\n      <!-- Navigation buttons for Level 2a -->\n      <div class=\"navigation\">\n        <!-- Button to go back to Level 2 -->\n        <button class=\"back-to-previous\" data-prev=\"level-2\">\n          <h6 class=\"text-btn\"> < Back to Previous<\/h6>\n        <\/button>\n        <!-- Button to reset to the beginning -->\n        <button class=\"back-to-first\">\n          <h6 class=\"text-btn\"> << Back to Start<\/h6>\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <!-- Level 2b: Information about renting\/borrowing -->\n    <div class=\"level\" id=\"level-2b\">\n      \n      <!-- Block containing the title and underline -->\n      <div class=\"centered-block\">\n        <h4 class=\"centered-heading text-green animated question\">Borrowing or renting<\/h4>\n        <img decoding=\"async\" alt=\"Ribbon underline\" class=\"underline-image\"\n             src=\"https:\/\/circulartextiles.aalto.fi\/trexproject\/wp-content\/uploads\/2024\/11\/ribbon-line2x.png\" \/>\n      <\/div>\n\n      <!-- Information about renting\/borrowing -->\n      <div class=\"answer-box simple-text\">\n        <p>Here you can find a link to different rental services in Finland:<\/p>\n        <!-- Links to rental services -->\n        <p class=\"link-item\">\n          <a class=\"underline-light-green-thin\" href=\"https:\/\/winterent.fi\/\" target=\"_blank\">\n            Winterent\n          <\/a>\n        <\/p>\n        <p class=\"link-item\">\n          <a class=\"underline-light-green-thin\" href=\"https:\/\/theatelje.com\/en\" target=\"_blank\">\n            The Atelj\u00e9 Clothing Rental\n          <\/a>\n        <\/p>\n        <p class=\"link-item\">\n          <a class=\"underline-light-green-thin\" href=\"https:\/\/vaatepuu.fi\/\" target=\"_blank\">\n            Vaatepuu\n          <\/a>\n        <\/p>\n      <\/div>\n\n      <!-- Navigation buttons for Level 2b -->\n      <div class=\"navigation\">\n        <!-- Button to go back to Level 2 -->\n        <button class=\"back-to-previous\" data-prev=\"level-2\">\n          <h6 class=\"text-btn\"> < Back to Previous<\/h6>\n        <\/button>\n        <!-- Button to reset to the beginning -->\n        <button class=\"back-to-first\">\n          <h6 class=\"text-btn\"> << Back to Start<\/h6>\n        <\/button>\n      <\/div>\n    <\/div>\n            \n    <div class=\"level\" id=\"level-2c\">\n       <div class=\"centered-block\">\n        <h4 class=\"centered-heading text-green animated question\">Family\/Friends<\/h4>\n        <img decoding=\"async\"\n          alt=\"Ribbon underline\" class=\"underline-image\"\n          src=\"https:\/\/circulartextiles.aalto.fi\/trexproject\/wp-content\/uploads\/2024\/11\/ribbon-line2x.png\"\n        \/>\n      <\/div>\n      <div class=\"answer-box simple-text\">\n        <p>\n          Ask your family members or friends if they have items they do not want\n          to use anymore.\n        <\/p>\n      <\/div>\n      <div class=\"navigation\">\n        <button class=\"back-to-previous\" data-prev=\"level-2\">\n        <h6 class=\"text-btn\"> < Back to Previous<\/h6>\n        <\/button>\n        <button class=\"back-to-first\"><h6 class=\"text-btn\"> << Back to Start<\/h6><\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"level\" id=\"level-2d\">\n       <div class=\"centered-block\">\n        <h4 class=\"centered-heading text-green animated question\">Second-hand<\/h4>\n        <img decoding=\"async\"\n          alt=\"Ribbon underline\" class=\"underline-image\"\n          src=\"https:\/\/circulartextiles.aalto.fi\/trexproject\/wp-content\/uploads\/2024\/11\/ribbon-line2x.png\"\n        \/>\n      <\/div>\n      <div class=\"answer-box simple-text\">\n        <p style=\"width: 100%\">You can find second-hand stores in:<\/p>\n\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/www.visitfinland.com\/en\/articles\/second-hand-shops-in-helsinki\/ \"\n            target=\"_blank\"\n            >Helsinki<\/a\n          >\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/www.visitfinland.com\/en\/articles\/best-second-hand-and-vintage-shops-in-turku\/  \"\n            target=\"_blank\"\n            >Turku<\/a\n          >\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\" https:\/\/www.visitfinland.com\/en\/articles\/second-hand-vintage-shops-tampere\/ \"\n            target=\"_blank\"\n            >Tampere<\/a\n          >\n        <\/p>\n        <p>\n          And here you can find links to second-hand store chains in Finland:\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"   https:\/\/www.relove.fi\/ \"\n            target=\"_blank\"\n            >Relove<\/a\n          >\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"   https:\/\/www.moodymonday.fi\/ \"\n            target=\"_blank\"\n            >Moody Monday<\/a\n          >\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"   https:\/\/uff.fi\/myymalat\/ \"\n            target=\"_blank\"\n            >UFF<\/a\n          >\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/www.fida.fi\/en\/store\/  \"\n            target=\"_blank\"\n            >Fida<\/a\n          >\n        <\/p>\n\n        <p>\n          There are also some online platforms where you can purchase pre-owned\n          clothes from:\n        <\/p>\n\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\" https:\/\/emmystore.com \"\n            target=\"_blank\"\n            >Emmy Store<\/a\n          >\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/tise.com\/ \"\n            target=\"_blank\"\n            >Tise<\/a\n          >\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/www.tori.fi\/ \"\n            target=\"_blank\"\n            >Tori<\/a\n          >\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/zadaa.co\/de-en\/ \"\n            target=\"_blank\"\n            >Zadaa<\/a\n          >\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\" https:\/\/www.vinted.fi\/\"\n            target=\"_blank\"\n            >Vinted<\/a\n          >\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\" https:\/\/www.sellpy.fi\/ \"\n            target=\"_blank\"\n            >Sellpy<\/a\n          >\n        <\/p>\n      <\/div>\n      <div class=\"navigation\">\n        <button class=\"back-to-previous\" data-prev=\"level-2\">\n        <h6 class=\"text-btn\"> < Back to Previous<\/h6>\n        <\/button>\n        <button class=\"back-to-first\"><h6 class=\"text-btn\"> << Back to Start<\/h6><\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"level\" id=\"level-2e\">\n       <div class=\"centered-block\">\n        <h4 class=\"centered-heading text-green animated question\">New clothing<\/h4>\n        <img decoding=\"async\"\n          alt=\"Ribbon underline\" class=\"underline-image\"\n          src=\"https:\/\/circulartextiles.aalto.fi\/trexproject\/wp-content\/uploads\/2024\/11\/ribbon-line2x.png\"\n        \/>\n      <\/div>\n      <div class=\"answer-box simple-text\">\n        <p>\n          If you do not wish to purchase pre-owned clothing, you should\n          preferably purchase from sustainable brands.\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/www.sb-insight.com\/sbi-finland  \"\n            target=\"_blank\"\n            >The Sustainable brand Index in Finland<\/a\n          >\n          can help you identify them.\n        <\/p>\n        <p>\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/www.myhelsinki.fi\/en\/think-sustainably\/sustainable-and-long-lasting-purchases-in-helsinki  \"\n            target=\"_blank\"\n            >Here<\/a\n          >\n          you can also read more about sustainable and long-lasting purchases in\n          Helsinki.\n        <\/p>\n        <p>\n          We listed some sustainable fashion brands from Finland for you here:\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/globehope.fi\/ \"\n            target=\"_blank\"\n            >Globe Hope<\/a\n          >\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/nanso.com\/ \"\n            target=\"_blank\"\n            >Nanso<\/a\n          >\n        <\/p>\n\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/purewaste.com\/ \"\n            target=\"_blank\"\n            >Pure Waste<\/a\n          >\n        <\/p>\n\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/papudesign.fi\/ \"\n            target=\"_blank\"\n            >Papu Design<\/a\n          >\n        <\/p>\n\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/ruskovilla.fi\/ \"\n            target=\"_blank\"\n            >Ruskovilla<\/a\n          >\n        <\/p>\n\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/www.mea.fi\/ \"\n            target=\"_blank\"\n            >Mea<\/a\n          >\n        <\/p>\n\n        <p>\n          If you want to know more about the different ecolabels on clothing\n          items, you can find more information here:\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/finix.aalto.fi\/ecolabels-in-the-textile-industry\/ \"\n            target=\"_blank\"\n            >Ecolabels<\/a\n          >\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/finix.aalto.fi\/wp-content\/uploads\/2022\/12\/Ecolabel-criteria-table.pdf  \"\n            target=\"_blank\"\n            >Ecolabel criteria<\/a\n          >\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/www.ecolabelindex.com\/ecolabels\/?st=country,fi\"\n            target=\"_blank\"\n            >Ecolabel FI<\/a\n          >\n        <\/p>\n      <\/div>\n      <div class=\"navigation\">\n        <button class=\"back-to-previous\" data-prev=\"level-2\">\n        <h6 class=\"text-btn\"> < Back to Previous<\/h6>\n        <\/button>\n        <button class=\"back-to-first\"><h6 class=\"text-btn\"> << Back to Start<\/h6><\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"level\" id=\"level-3\">\n       <div class=\"centered-block\">\n        <h4 class=\"centered-heading text-green animated question\">\n            Can your article of clothing still be used?\n          <\/h4>\n        <img decoding=\"async\"\n          alt=\"Ribbon underline\" class=\"underline-image\"\n          src=\"https:\/\/circulartextiles.aalto.fi\/trexproject\/wp-content\/uploads\/2024\/11\/ribbon-line2x.png\"\n        \/>\n      <\/div>\n      <div class=\"answer-box inline-text\">\n        <div class=\"answer left\" id=\"3a\">\n          <h5 class=\"underline-light-green-thin\">Yes<h5>\n        <\/div>\n        <div class=\"answer right\" id=\"3b\">\n          <h5 class=\"underline-light-green-thin\">No<h5>\n        <\/div>\n      <\/div>\n      <div class=\"navigation\">\n        <button class=\"back-to-previous\" data-prev=\"level-1\">\n        <h6 class=\"text-btn\"> < Back to Previous<\/h6>\n        <\/button>\n        <button class=\"back-to-first\"><h6 class=\"text-btn\"> << Back to Start<\/h6><\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"level\" id=\"level-4\">\n       <div class=\"centered-block\">\n        <h4 class=\"centered-heading text-green animated question\">\n            Find someone else who can reuse it\n          <\/h4>\n        <img decoding=\"async\"\n          alt=\"Ribbon underline\" class=\"underline-image\"\n          src=\"https:\/\/circulartextiles.aalto.fi\/trexproject\/wp-content\/uploads\/2024\/11\/ribbon-line2x.png\"\n        \/>\n      <\/div>\n\n      <div class=\"answer-box inline-text\">\n        <div class=\"answer full-line\" id=\"4a\">\n          <h5 class=\"underline-light-green-thin\">Fix it\/ do upcycling<h5>\n        <\/div>\n        <div class=\"answer full-line\" id=\"4b\">\n          <h5 class=\"underline-light-green-thin\">Donate it<h5>\n        <\/div>\n        <div class=\"answer full-line\" id=\"4c\">\n          <h5 class=\"underline-light-green-thin\">Share it<h5>\n        <\/div>\n        <div class=\"answer full-line\" id=\"4d\">\n          <h5 class=\"underline-light-green-thin\">Swap it<h5>\n        <\/div>\n      <\/div>\n      <div class=\"navigation\">\n        <button class=\"back-to-previous\" data-prev=\"level-3\">\n        <h6 class=\"text-btn\"> < Back to Previous<\/h6>\n        <\/button>\n        <button class=\"back-to-first\">\n        <h6 class=\"text-btn\"> << Back to Start<\/h6>\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <!-- Level for fixing\/upcycling -->\n    <div class=\"level\" id=\"level-4a\">\n       <div class=\"centered-block\">\n        <h4 class=\"centered-heading text-green animated question\">Fix it\/ do upcycling<\/h4>\n        <img decoding=\"async\"\n          alt=\"Ribbon underline\" class=\"underline-image\"\n          src=\"https:\/\/circulartextiles.aalto.fi\/trexproject\/wp-content\/uploads\/2024\/11\/ribbon-line2x.png\"\n        \/>\n      <\/div>\n      <div class=\"answer-box simple-text\">\n        <p>\n          If you are not really sure how to repair your textile items yourself,\n          there are different repair workshops in Finland you can take part in\n          or you can find different repair instructions online. We combined a\n          list of some workshops and instructions for you:\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/restyle.fi\/en\/\"\n            target=\"_blank\"\n            >Restyle.fi<\/a\n          >\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/www.aalto.fi\/en\/events\/aalto-repair-rewear-small-repairs-in-knitwear?check_logged_in=1\"\n            target=\"_blank\"\n            >Aalto Repair &#038; Rewear<\/a\n          >\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/helao.fi\/en\/courses\/handicrafts-courses\/\"\n            target=\"_blank\"\n            >Hel\u00e4o Handicrafts Courses<\/a\n          >\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/www.martat.fi\/teemat\/kasityoohjeet\/korjaus\/\"\n            target=\"_blank\"\n            >Martat Repair Instructions<\/a\n          >\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/vaatelaastari.fi\/\"\n            target=\"_blank\"\n            >Vaatelaastari<\/a\n          >\n        <\/p>\n        <p>\n          If you need to rent equipment, like sewing machines, you can do so in\n          some of the local libraries:\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/directory.libraries.fi\/services\/hardware\/sewing-machines-5120\"\n            target=\"_blank\"\n            >Libraries &#8211; Sewing Machines<\/a\n          >\n        <\/p>\n        <p>\n          There are also some repair caf\u00e9s that are happy to help and can\n          provide the right equipment:\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/optimaedu.fi\/sv\/service-och-tjanster\/valkommen-pa-repair-cafe\/\"\n            target=\"_blank\"\n            >Optima Repair Caf\u00e9<\/a\n          >\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/www.repaircafe.org\/en\/visit\/\"\n            target=\"_blank\"\n            >Repair Caf\u00e9<\/a\n          >\n        <\/p>\n      <\/div>\n      <div class=\"navigation\">\n        <button class=\"back-to-previous\" data-prev=\"level-4\">\n        <h6 class=\"text-btn\"> < Back to Previous<\/h6>\n        <\/button>\n        <button class=\"back-to-first\">\n        <h6 class=\"text-btn\"> << Back to Start<\/h6>\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <!-- Level for donation -->\n    <div class=\"level\" id=\"level-4b\">\n       <div class=\"centered-block\">\n        <h4 class=\"centered-heading text-green animated question\">Donate it<\/h4>\n        <img decoding=\"async\"\n          alt=\"Ribbon underline\" class=\"underline-image\"\n          src=\"https:\/\/circulartextiles.aalto.fi\/trexproject\/wp-content\/uploads\/2024\/11\/ribbon-line2x.png\"\n        \/>\n      <\/div>\n      <div class=\"answer-box simple-text\">\n        <p>\n          If you would like to give your clothing items a chance of a new owner,\n          there are different charities that take clothing donations. Some of\n          them even provide home collection services. You can find places to\n          donate clothing to in Finland here:\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/www.redcross.fi\/clothing-and-goods-donations\/\"\n            target=\"_blank\"\n            >Finnish Red Cross<\/a\n          >\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/www.fida.fi\/en\/donate\/\"\n            target=\"_blank\"\n            >Fida Secondhand<\/a\n          >\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/www.uff.fi\/\"\n            target=\"_blank\"\n            >UFF Collection Points<\/a\n          >\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/www.zara.com\/fi\/en\/donate\"\n            target=\"_blank\"\n            >ZARA Donation<\/a\n          >\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/commuapp.fi\/en\/help-ukrainians-in-finland\/\"\n            target=\"_blank\"\n            >Commu &#8211; Help Ukrainians<\/a\n          >\n        <\/p>\n      <\/div>\n      <div class=\"navigation\">\n        <button class=\"back-to-previous\" data-prev=\"level-4\">\n        <h6 class=\"text-btn\"> < Back to Previous<\/h6>\n        <\/button>\n        <button class=\"back-to-first\">\n        <h6 class=\"text-btn\"> << Back to Start<\/h6>\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <!-- Level for sharing -->\n    <div class=\"level\" id=\"level-4c\">\n       <div class=\"centered-block\">\n        <h4 class=\"centered-heading text-green animated question\">Share it<\/h4>\n        <img decoding=\"async\"\n          alt=\"Ribbon underline\" class=\"underline-image\"\n          src=\"https:\/\/circulartextiles.aalto.fi\/trexproject\/wp-content\/uploads\/2024\/11\/ribbon-line2x.png\"\n        \/>\n      <\/div>\n      <div class=\"answer-box simple-text\">\n        <p>\n          There is always the opportunity to give your clothing items to family\n          members or friends.\n        <\/p>\n      <\/div>\n      <div class=\"navigation\">\n        <button class=\"back-to-previous\" data-prev=\"level-4\">\n        <h6 class=\"text-btn\"> < Back to Previous<\/h6>\n        <\/button>\n        <button class=\"back-to-first\">\n        <h6 class=\"text-btn\"> << Back to Start<\/h6>\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <!-- Level for swapping -->\n    <div class=\"level\" id=\"level-4d\">\n       <div class=\"centered-block\">\n        <h4 class=\"centered-heading text-green animated question\">Swap it<\/h4>\n        <img decoding=\"async\"\n          alt=\"Ribbon underline\" class=\"underline-image\"\n          src=\"https:\/\/circulartextiles.aalto.fi\/trexproject\/wp-content\/uploads\/2024\/11\/ribbon-line2x.png\"\n        \/>\n      <\/div>\n\n      <div class=\"answer-box simple-text\">\n        <p>\n          You can also always look for swapping events or exchange markets in\n          your region. Here is one example:\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/ekokumppanit.fi\/en\/projects\/swap-finlands-largest-clothing-change-event\/\"\n            target=\"_blank\"\n            >SWAP! \u2013 Finland&#8217;s largest clothing change event<\/a\n          >\n        <\/p>\n      <\/div>\n      <div class=\"navigation\">\n        <button class=\"back-to-previous\" data-prev=\"level-4\">\n        <h6 class=\"text-btn\"> < Back to Previous<\/h6>\n        <\/button>\n        <button class=\"back-to-first\">\n        <h6 class=\"text-btn\"> << Back to Start<\/h6>\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"level\" id=\"level-5\">\n       <div class=\"centered-block\">\n        <h4 class=\"centered-heading text-green animated question\">\n            Can it be fixed or upcycled?\n          <\/h4>\n        <img decoding=\"async\"\n          alt=\"Ribbon underline\" class=\"underline-image\"\n          src=\"https:\/\/circulartextiles.aalto.fi\/trexproject\/wp-content\/uploads\/2024\/11\/ribbon-line2x.png\"\n        \/>\n      <\/div>\n\n      <div class=\"answer-box inline-text\">\n        <div class=\"answer\" id=\"5a\">\n          <h5 class=\"underline-light-green-thin\">Yes, fix it!<h5>\n        <\/div>\n        <div class=\"answer\" id=\"5b\">\n          <h5 class=\"underline-light-green-thin\">No, recycle!<h5>\n        <\/div>\n      <\/div>\n      <div class=\"navigation\">\n        <button class=\"back-to-previous\" data-prev=\"level-4\">\n        <h6 class=\"text-btn\"> < Back to Previous<\/h6>\n        <\/button>\n        <button class=\"back-to-first\"><h6 class=\"text-btn\"> << Back to Start<\/h6><\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"level\" id=\"level-5a\">\n       <div class=\"centered-block\">\n        <h4 class=\"centered-heading text-green animated question\">Fix it!<\/h4>\n        <img decoding=\"async\"\n          alt=\"Ribbon underline\" class=\"underline-image\"\n          src=\"https:\/\/circulartextiles.aalto.fi\/trexproject\/wp-content\/uploads\/2024\/11\/ribbon-line2x.png\"\n        \/>\n      <\/div>\n\n      <div class=\"answer-box simple-text\">\n        <p>\n          If you are not really sure how to repair your textile items yourself,\n          there are different repair workshops in Finland you can take part in\n          or you can find different repair instructions online. We combined a\n          list of some workshops and instructions for you:\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/restyle.fi\/en\/\"\n            target=\"_blank\"\n            >Restyle.fi<\/a\n          >\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/www.aalto.fi\/en\/events\/aalto-repair-rewear-small-repairs-in-knitwear?check_logged_in=1\"\n            target=\"_blank\"\n            >Aalto Repair &#038; Rewear<\/a\n          >\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/helao.fi\/en\/courses\/handicrafts-courses\/\"\n            target=\"_blank\"\n            >Hel\u00e4o Handicrafts Courses<\/a\n          >\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/www.martat.fi\/teemat\/kasityoohjeet\/korjaus\/\"\n            target=\"_blank\"\n            >Martat Repair Instructions<\/a\n          >\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/vaatelaastari.fi\/\"\n            target=\"_blank\"\n            >Vaatelaastari<\/a\n          >\n        <\/p>\n        <p>\n          If you need to rent equipment, like sewing machines, you can do so in\n          some of the local libraries:\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/directory.libraries.fi\/services\/hardware\/sewing-machines-5120\"\n            target=\"_blank\"\n            >Libraries &#8211; Sewing Machines<\/a\n          >\n        <\/p>\n        <p>\n          There are also some repair caf\u00e9s that are happy to help and can\n          provide the right equipment:\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/optimaedu.fi\/sv\/service-och-tjanster\/valkommen-pa-repair-cafe\/\"\n            target=\"_blank\"\n            >Optima Repair Caf\u00e9<\/a\n          >\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/www.repaircafe.org\/en\/visit\/\"\n            target=\"_blank\"\n            >Repair Caf\u00e9<\/a\n          >\n        <\/p>\n      <\/div>\n      <div class=\"navigation\">\n        <button class=\"back-to-previous\" data-prev=\"level-5\">\n        <h6 class=\"text-btn\"> < Back to Previous<\/h6>\n        <\/button>\n        <button class=\"back-to-first\"><h6 class=\"text-btn\"> << Back to Start<\/h6><\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"level\" id=\"level-5b\">\n       <div class=\"centered-block\">\n        <h4 class=\"centered-heading text-green animated question\">Recycle!<\/h4>\n        <img decoding=\"async\"\n          alt=\"Ribbon underline\" class=\"underline-image\"\n          src=\"https:\/\/circulartextiles.aalto.fi\/trexproject\/wp-content\/uploads\/2024\/11\/ribbon-line2x.png\"\n        \/>\n      <\/div>\n\n      <div class=\"answer-box simple-text\">\n        <p>\n          If your clothing items are broken, have unremovable stains, or are in\n          poor condition and cannot be fixed, it is important NOT to throw them\n          in the mixed waste. Finland collects the end-of-life textiles\n          separately now, in order for them to be recycled.\n        <\/p>\n        <p>\n          You can find links to collection containers for end-of-life textiles\n          (textile waste) here:\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/www.kierratys.info\"\n            target=\"_blank\"\n            >Kierratys.info<\/a\n          >\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/www.suomentekstiilikierratys.fi\"\n            target=\"_blank\"\n            >Kierr\u00e4tyspisteet &#8211; Suomen Tekstiilikierr\u00e4tys<\/a\n          >\n        <\/p>\n        <p>\n          And UFF collection containers accept both, usable and non-usable\n          textiles:\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/uff.fi\/kerayspisteet\/\"\n            target=\"_blank\"\n            >UFF Collection Containers<\/a\n          >\n        <\/p>\n        <p>\n          Information on end-of-life textiles and what can be disposed of in the\n          containers can be found here:\n        <\/p>\n        <p class=\"link-item\">\n          <a\n            class=\"underline-light-green-thin\"\n            href=\"https:\/\/www.hsy.fi\/en\/waste-and-recycling\/sorting\/clothing-and-other-textiles\/\"\n            target=\"_blank\"\n            >HSY &#8211; Clothing and Other Textiles<\/a\n          >\n        <\/p>\n      <\/div>\n      <div class=\"navigation\">\n        <button class=\"back-to-previous\" data-prev=\"level-5\">\n        <h6 class=\"text-btn\"> < Back to Previous<\/h6>\n        <\/button>\n        <button class=\"back-to-first\"><h6 class=\"text-btn\"> << Back to Start<\/h6><\/button>\n      <\/div>\n    <\/div>\n    <!-- Add more levels as needed -->\n  <\/div>\n<\/div>\n<script>\n  \/\/ learning tool\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const answers = {\n      \"1a\": \"level-2\",\n      \"1b\": \"level-3\",\n      \"2a\": \"level-2a\",\n      \"2b\": \"level-2b\",\n      \"2c\": \"level-2c\",\n      \"2d\": \"level-2d\",\n      \"2e\": \"level-2e\",\n      \"3a\": \"level-4\",\n      \"3b\": \"level-5\",\n      \"4a\": \"level-4a\",\n      \"4b\": \"level-4b\",\n      \"4c\": \"level-4c\",\n      \"4d\": \"level-4d\",\n      \"5a\": \"level-5a\",\n      \"5b\": \"level-5b\",\n      \/\/ Add more mappings as needed\n    };\n\n    document.querySelectorAll(\".level\").forEach((level) => {\n      if (level.id === \"level-1\") {\n        level.classList.add(\"active\");\n      }\n    });\n\n    document.querySelectorAll(\".answer\").forEach((answer) => {\n      answer.addEventListener(\"click\", () => {\n        const currentLevel = document.querySelector(\".level.active\");\n        const nextLevelId = answers[answer.id];\n\n        if (nextLevelId) {\n          const nextLevel = document.getElementById(nextLevelId);\n\n          currentLevel.classList.remove(\"active\");\n          nextLevel.classList.add(\"active\");\n        }\n      });\n    });\n\n    document.querySelectorAll(\".back-to-first\").forEach((button) => {\n      button.addEventListener(\"click\", () => {\n        const currentLevel = document.querySelector(\".level.active\");\n        const firstLevel = document.getElementById(\"level-1\");\n\n        currentLevel.classList.remove(\"active\");\n        firstLevel.classList.add(\"active\");\n      });\n    });\n\n    document.querySelectorAll(\".back-to-previous\").forEach((button) => {\n      button.addEventListener(\"click\", () => {\n        const currentLevel = document.querySelector(\".level.active\");\n        const prevLevelId = button.getAttribute(\"data-prev\");\n        const prevLevel = document.getElementById(prevLevelId);\n\n        currentLevel.classList.remove(\"active\");\n        prevLevel.classList.add(\"active\");\n      });\n    });\n  });\n\n  \/\/ show more show less\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const toggles = document.querySelectorAll(\".answer h4\");\n\n    toggles.forEach((toggle) => {\n      toggle.addEventListener(\"click\", function () {\n        const answerMore = this.nextElementSibling;\n        const arrowDown = this.querySelector(\".toggle-arrow\");\n        const arrowUp = this.querySelector(\".toggle-arrow-up\");\n\n        if (answerMore.style.display === \"none\" || !answerMore.style.display) {\n          answerMore.style.display = \"block\";\n          arrowDown.style.display = \"none\";\n          arrowUp.style.display = \"inline\";\n        } else {\n          answerMore.style.display = \"none\";\n          arrowDown.style.display = \"inline\";\n          arrowUp.style.display = \"none\";\n        }\n      });\n    });\n\n    const arrowsUp = document.querySelectorAll(\".toggle-arrow-up\");\n    arrowsUp.forEach((arrow) => {\n      arrow.addEventListener(\"click\", function () {\n        const answerMore = this.parentElement;\n        const h4 = answerMore.previousElementSibling;\n        const arrowDown = h4.querySelector(\".toggle-arrow\");\n\n        answerMore.style.display = \"none\";\n        arrowDown.style.display = \"inline\";\n        this.style.display = \"none\";\n      });\n    });\n  });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Clothing Consump\u00adtion Tool We built a tool for you that gives you&nbsp;different options of what to do&nbsp;if you want to get a new clothing item or do not use a clothing item anymore \u2013 all in line with circular consumption practices. We listed examples of repair instructions, donation options, or rental companies&nbsp;so you can find [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"wp-custom-template-inside-2","meta":{"footnotes":""},"class_list":["post-229","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/circulartextiles.aalto.fi\/trexproject\/wp-json\/wp\/v2\/pages\/229","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/circulartextiles.aalto.fi\/trexproject\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/circulartextiles.aalto.fi\/trexproject\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/circulartextiles.aalto.fi\/trexproject\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/circulartextiles.aalto.fi\/trexproject\/wp-json\/wp\/v2\/comments?post=229"}],"version-history":[{"count":32,"href":"https:\/\/circulartextiles.aalto.fi\/trexproject\/wp-json\/wp\/v2\/pages\/229\/revisions"}],"predecessor-version":[{"id":828,"href":"https:\/\/circulartextiles.aalto.fi\/trexproject\/wp-json\/wp\/v2\/pages\/229\/revisions\/828"}],"wp:attachment":[{"href":"https:\/\/circulartextiles.aalto.fi\/trexproject\/wp-json\/wp\/v2\/media?parent=229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}