CINXE.COM
The Greats — Great Artists Give
<!DOCTYPE html> <html> <head> <title>The Greats — Great Artists Give</title> <meta name="description" content="The Greats is a free platform for awesome socially engaged visual content, open to anyone to use or adapt non-commercially."> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous"> <link href="https://thegreats.co/css/index.css" rel="stylesheet" /> <link rel="stylesheet" type="text/css" href="https://thegreats.co/css/custom.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous"> <link rel="stylesheet" href="https://thegreats.co/css/slick.css"> <link rel="stylesheet" href="https://thegreats.co/css/swiper.min.css"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <link href="https://fonts.googleapis.com/css?family=Istok+Web&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet"> <!-- <script src="https://thegreats.co/tinymce/js/tinymce/tinymce.min.js"></script> --> <style type="text/css"> body { background: #f9f9f9; } .card-columns { max-height: 5%; } .swiper-container { width: 100%; padding-top: 50px; padding-bottom: 50px; } .swiper-slide { background-position: center; background-size: cover; width: 300px; height: 300px; } .search-bar-inner-container{ padding: 40px 0px; } .search-bar-container { background-color: #fff; } .btn-light { color: black; background-color: #f0f0f0; border-radius: 35px; } .row.no-gutters { margin-right: 0; margin-left: 0; & > [class^="col-"], & > [class*=" col-"] { padding-right: 0; padding-left: 0; } } * { font-family: 'Roboto'; } .search-info { padding: 2rem 1rem 0 1rem; margin: 0; font-size: 0.9em; border-radius: .25rem; color: #959595; background: #fff; } </style> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-162769339-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-162769339-1'); </script> </head> <body> <script type="text/javascript"> $("document").ready(function () { $(".custom-nav-toggle").click(function () { $("nav").toggleClass("custom-expanded") $('body').toggleClass('b-overflow-h') }); }) </script> <style> @font-face { font-family: PeaceSans; src: url("/fonts/peace_sans/Peace Sans Webfont.ttf"); } .loviebanner { background: #FFB8F9; padding: 1em; } .loviebanner div span, .loviebanner div a { font-size: 1.5em; font-family: PeaceSans; font-weight: bold; } .loviebanner div a:hover { text-decoration: none; } .loviebanner a img { height: 1.75em; margin-right: 0.5em; } .navbar-spacing { height: 140px; } @media only screen and (max-width: 600px) { .navbar-spacing { height: 230px; } .loviebanner a { display: block; line-height: 1.25em; } .loviebanner a img { display: block; margin: 0 auto 0.5em; } .loviebanner a span { display: block; line-hei1ght: 1.25em; } } </style> <div> <nav> <div class="row loviebanner"> <div class="col-12" style="line-height: 1.5em; margin-top: 0.5em; text-align: center;"> <a href="https://bit.ly/thegreats-lovie2024banner" target="_blank"> <img src="/lovielogo.png"> <span style="vertical-align: middle; color: #000;">THE GREATS IS</span> <span style="vertical-align: middle; color: #f00;">LOVIE AWARDS WINNER!</span> </a> </div> </div> <div class="top-nav bg-white"> <a class="navbar-brand pointer" href="https://thegreats.co/home"><img class="pointer" style="width: 120px; height: 100%" src="https://thegreats.co/images/thegreats-logo.svg"></a> <div class="nav-inner"> <ul class="mr-4 d-sm-flex"> <li class="nav-item"> <a class="pointer" href="https://thegreats.co/artworks"><img src="/images/magnifying-glass.svg" width="24" /></a> </li> <li class="nav-item d-none d-sm-flex active open-hidden"> <a class="nav-link pointer"href="https://thegreats.co/artworks_upload">Submit Artwork</a> </li> <li class="nav-item d-none d-sm-flex"> <a class="nav-link btn btn-outline-primary" href="https://thegreats.co/login" > Log In </a> </li> </ul> <div class="custom-nav-toggle"> <div class="nav-open"> <a href="javascript:;"> <img class="pointer" src="https://thegreats.co/images/menu-open.svg"> </a> </div> <div class="nav-close mt-5"> <img class="pointer mb-2" src="https://thegreats.co/images/menu-close.svg"> Close </div> </div> </div> </div> <div class="hidden-content text-center my-5"> <ul class="display-4 mt-3 main-menu"> <li class="nav-item"> <a class="nav-link text-center h2" href="https://thegreats.co/home">Home</a> </li> <li class="nav-item"> <a class="nav-link text-center h2 active" href="https://thegreats.co/artworks">Browse Artworks</a> </li> <!-- <li class="nav-item"> <a class="nav-link text-center h2" href="https://thegreats.co/artworks_action">Artwork in action</a> </li> --> <li class="nav-item"> <a class="nav-link text-center h2" href="https://thegreats.co/about">About Us</a> </li> <li class="nav-item"> <a class="nav-link text-center h2" href="https://thegreats.co/contacts">Contacts</a> </li> <li class="nav-item d-block d-sm-none"> <a class="nav-link btn btn-outline-primary d-inline-block log-in-btn" href="https://thegreats.co/login" > Log In </a> </li> <a href="https://thegreats.co/artworks_upload" class="btn btn-primary sub-art-btn">Submit Artwork</a> </ul> <ul class="align-self-end mr-4" style="height: 0;"> <li class="mb-3"><a class="h4" href="https://www.facebook.com/fineacts.co" target="_blank"><i class="fab fa-facebook-f"></i></a></li> <li class="mb-3"><a class="h4" href="https://twitter.com/fine_acts" target="_blank"><i class="fab fa-twitter"></i></a></li> <li class="mb-3"><a class="h4" href="https://www.instagram.com/fineacts/" target="_blank"><i class="fab fa-instagram"></i></a></li> </ul> </div> </nav> <div class="navbar-spacing"></div> </div> <div class="row search-info"> <div class="col-lg-2"></div> <div class="col-lg-8"> <div> <span style="color:black">Welcome to our activist art toolbox. Search by Theme to discover awesome illustrations.</span><br> These works are licensed under a <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank">Creative Commons license</a> that allows free use and adaptation – but you must always give credit, and never use them for commercial purposes. Changing the world can look this good. </div> </div> <div class="col-lg-2"></div> </div> <div class="container-fluid search-bar-container"> <div class="row"> <div class="col-lg-12"> <div class="container search-bar-inner-container"> <form> <div class="row justify-content-center" id="search"> <div class="col-lg-3 mb-2"> <div class="custom-select-dropdown" style="width:100%;"> <select id="theme_a" name="theme" v-model="theme"> <option value="0">Theme</option> <option v-for="theme in themes" :value="theme.slug">{{ theme.name }}</option> </select> </div> </div> <div class="col-lg-4 mb-2"> <input class="form-control h-100" type="text" name="search" id="search_id" value="" placeholder="Search by name, artist, tag, etc."> </div> <div class="col-lg-2 mb-2" style=""><input class="btn btn-primary" type="submit" value="Search"></div> </div> </form> </div> </div> </div> </div> <div class="container px-5 mt-5"> <div class="card-columns" id="table-data"> <div class="card"> <a href="https://thegreats.co/artworks/protecting-our-future" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/89c55bec860fc42b43c808407194836a._thumbnail.png" alt="Protecting Our Future" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>Protecting Our Future</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">postcard</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/judit-zengovari">Judit Zengővári</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/be-the-light" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/b933137ff5951108a9bef02086b4d3f7._thumbnail.png" alt="Be The Light" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>Be The Light</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">postcard</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/judit-zengovari">Judit Zengővári</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/united-for-ukraine" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/e785e89cde4ae60e9275ff170cd7489c._thumbnail.jpg" alt="United For Ukraine" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>United For Ukraine</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">postcard</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/carilla-karahan">Carilla Karahan</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/uplift-ukraine" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/76721591587da7816ded9add7452c01d._thumbnail.jpg" alt="Uplift Ukraine" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>Uplift Ukraine</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">postcard</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/anina-takeff">Anina Takeff</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/soon-rebuild" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/6ab258edf61f1ee8ba18ea49dba91885._thumbnail.jpg" alt="Soon (Rebuild)" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>Soon (Rebuild)</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">postcard</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/anina-takeff">Anina Takeff</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/building-bridges" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/8c44b462abae945f4a801cb66a366661._thumbnail.png" alt="Building Bridges" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>Building Bridges</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/carolyn-taylor">Carolyn Taylor</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/grow-together" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/33ba7c4403792263945e2a0ff62a97c2._thumbnail.png" alt="Grow Together" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>Grow Together</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/tengwan-quek">Tengwan Quek</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/forward-together" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/e187ebc4dad55398f9077fdbc1ca28ec._thumbnail.png" alt="Forward Together" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>Forward Together</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/gustaf-ohrnell-hjalmars">Gustaf Öhrnell Hjalmars</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/generations-together" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/a059bb6deea76faf19427e24af1f91b8._thumbnail.png" alt="Generations Together" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>Generations Together</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/paulo-buchinho">Paulo Buchinho</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/no-generation-can-solve-todays-problems-alone" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/b021014d42b590fc7613d3a43d4dec28._thumbnail.png" alt="No Generation Can Solve Today's Problems Alone" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>No Generation Can Solve Today's Problems Alone</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/edinah">Edinah</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/bridge-divides-circle-up" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/9d012472d7ab88c9e1116341056b462e._thumbnail.png" alt="Bridge Divides, Circle Up" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>Bridge Divides, Circle Up</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/edinah">Edinah</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/together-we-shine-brighter" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/2a83be8021f08c9cb0e90d2fc908839e._thumbnail.png" alt="Together We Shine Brighter" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>Together We Shine Brighter</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/jiaqi-zhou">Jiaqi Zhou</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/we-live-better-together" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/197dfb29f1aefa66fade0672091f6a2c._thumbnail.png" alt="We Live Better Together" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>We Live Better Together</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/janice-chang">Janice Chang</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/lets-thrive-together" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/0740a094b32c1e845a89a104730c72b2._thumbnail.png" alt="Let's Thrive Together" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>Let's Thrive Together</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/nickson-jeremia">Nickson Jeremia</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/side-by-side" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/b2b85aba236370b5180c17b2fa567010._thumbnail.png" alt="Side by Side" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>Side by Side</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/anina-takeff">Anina Takeff</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/cogeneration" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/f36d43e48fcebfee994a01483d33445b._thumbnail.png" alt="Cogeneration" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>Cogeneration</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/preeti-singh-1">Preeti Singh</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/together-we-play-better" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/75f630e5cea9c4ece46e7d2384a37002._thumbnail.png" alt="Together We Play Better" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>Together We Play Better</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/jal-reed">Jal Reed</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/pride-is-for-everyone" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/bfc525794cb9cd5b3c45f9ac15df5290._thumbnail.png" alt="Pride Is For Everyone" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>Pride Is For Everyone</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">postcard</span> <span class="custom-tag">social media</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/twoolw">Twoolw</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/girls-just-wanna-have-much-more-than-fun" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/17ad317a12bef7d5a471dfd9f14ea041._thumbnail.jpg" alt="Girls Just Wanna Have Much More Than Fun" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>Girls Just Wanna Have Much More Than Fun</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">women's rights</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/gabriela-basin">Gabriela Basin</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/you-are-the-change" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/3e3cda5f6557fbc2a832fd8df711be6c._thumbnail.jpg" alt="You Are The Change" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>You Are The Change</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/hust-wilson">Hust Wilson</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/tomorrow-is-too-late" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/426c8037316fb484f737d9ce498d33ab._thumbnail.jpg" alt="Tomorrow Is Too Late" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>Tomorrow Is Too Late</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/hust-wilson">Hust Wilson</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/earth-is-everything" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/8d3ccc9299be99172c657d34591bfe97._thumbnail.jpg" alt="Earth Is Everything" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>Earth Is Everything</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/hust-wilson">Hust Wilson</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/make-ugly-beautiful" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/003d5dea5bc84c3b18e4f6648a6d46c9._thumbnail.jpeg" alt="Make Ugly Beautiful" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>Make Ugly Beautiful</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/thabang-lehobye">Thabang Lehobye</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/who-cares-english-version" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/5a88aa90d0b793f5853550429375276b._thumbnail.jpg" alt="Who Cares (English version)" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>Who Cares (English version)</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/tim-yarzhombek">Tim Yarzhombek</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/no-one-will-know-english-version" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/385ac1c372efb94a970bd8fcf2187b87._thumbnail.jpg" alt="No One Will Know (English version)" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>No One Will Know (English version)</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/tim-yarzhombek">Tim Yarzhombek</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/hello-neighbor-english-version" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/964cb585fd9a4a0e22231cf5cdddd719._thumbnail.jpg" alt="Hello Neighbor (English version)" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>Hello Neighbor (English version)</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/tim-yarzhombek">Tim Yarzhombek</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/it-is-a-trap-english-version" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/cb315a0af5f87931ecaf8f6576a4a555._thumbnail.jpg" alt="It Is A Trap (English version)" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>It Is A Trap (English version)</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/tim-yarzhombek">Tim Yarzhombek</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/the-only-guide-character-set-individual-posters" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/048e389cbd866452166851f071c56157._thumbnail.jpg" alt="The Only Guide (character set + individual posters)" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>The Only Guide (character set + individual posters)</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/tanya-vino">Tanya Vino</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/the-only-guide-on-how-to-be-one-perfect-son-of-the-earth" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/fe67f28071741e6897bf4d5152b614b4._thumbnail.jpg" alt="The Only Guide (On How To Be One Perfect Son Of The Earth)" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>The Only Guide (On How To Be One Perfect Son Of The Earth)</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/tanya-vino">Tanya Vino</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/green-future-player" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/589717431cb8f63f1070385d43122c49._thumbnail.jpg" alt="Green Future (Player)" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>Green Future (Player)</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/ruslana-mirzaalieva">Ruslana Mirzaalieva</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/we-know-our-priority" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/c54490c789f8572ac09c57a809f26184._thumbnail.jpg" alt="We Know Our Priority" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>We Know Our Priority</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/nick-senin">Nick Senin</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/we-know-trash-we-can-make-clean-last" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/8e2bc73c6107fb13223248e308496348._thumbnail.jpg" alt="We Know Trash, We Can Make Clean Last" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>We Know Trash, We Can Make Clean Last</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/nick-senin">Nick Senin</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/be-the-solution-not-the-polution" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/5022ab2322520267a773552d10a534ce._thumbnail.jpg" alt="Be The Solution, Not The Polution" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>Be The Solution, Not The Polution</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/mister-lemonade">Mister Lemonade</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/green-cities-kids" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/5e124eb4a4e76cfbde724f14e9e0978a._thumbnail.jpg" alt="Green Cities (Kids)" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>Green Cities (Kids)</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/fugitiva">Fugitiva</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/there-is-power-in-caring" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/7c2f61954d5c3e362fd41aba29efd6f8._thumbnail.jpg" alt="There Is Power In Caring" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>There Is Power In Caring</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/joseko">Joséko</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/children-for-climate-masks" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/61ade0c5f962032ea23d3fbdba36fe69._thumbnail.jpg" alt="Children For Climate (Masks)" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>Children For Climate (Masks)</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/fabian-ruiz">Fabián Ruiz</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/do-it-from-the-heart" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/cc344716fb1746e898ea6b6658da6097._thumbnail.jpg" alt="Do It From The Heart" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>Do It From The Heart</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/hector-exposito-rodriguez">Héctor Expósito Rodríguez</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/keep-on-keeping-on" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/8ec60f5894b7f04dd220114425633850._thumbnail.png" alt="Keep On Keeping On" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>Keep On Keeping On</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/laura-andrade">Laura Andrade</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/we-are-best-friends" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/36fd79227b57cd2cf599ec4becaea077._thumbnail.jpg" alt="We Are Best Friends" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>We Are Best Friends</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/victoria-valdez">Victoria Valdez</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/overconsumption" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/e969f299764912b88e4a822282e25331._thumbnail.jpg" alt="Overconsumption" style="width:100%" > <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div class="row"> <div class="col-12 p-0"> <h4>Overconsumption</h4> </div> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text text-black-50">Artist: <a href="https://thegreats.co/artists/vanessa-pesarini">Vanessa Pesarini</a></p> </div> </div> </div> </div> <div class="row justify-content-center mt-5"> <div class="containter-fluid"> <div class="d-block mx-auto mb-4"> <ul class="pagination"> <li class="page-item"> <a class="page-link" href="https://thegreats.co/artworks?page=1" rel="prev" aria-label="« Previous">‹</a> </li> <li class="page-item"><a class="page-link" href="https://thegreats.co/artworks?page=1">1</a></li> <li class="page-item active" aria-current="page"><span class="page-link">2</span></li> <li class="page-item"><a class="page-link" href="https://thegreats.co/artworks?page=3">3</a></li> <li class="page-item"><a class="page-link" href="https://thegreats.co/artworks?page=4">4</a></li> <li class="page-item"><a class="page-link" href="https://thegreats.co/artworks?page=5">5</a></li> <li class="page-item"><a class="page-link" href="https://thegreats.co/artworks?page=6">6</a></li> <li class="page-item"><a class="page-link" href="https://thegreats.co/artworks?page=7">7</a></li> <li class="page-item"><a class="page-link" href="https://thegreats.co/artworks?page=8">8</a></li> <li class="page-item disabled" aria-disabled="true"><span class="page-link">...</span></li> <li class="page-item"><a class="page-link" href="https://thegreats.co/artworks?page=45">45</a></li> <li class="page-item"><a class="page-link" href="https://thegreats.co/artworks?page=46">46</a></li> <li class="page-item"> <a class="page-link" href="https://thegreats.co/artworks?page=3" rel="next" aria-label="Next »">›</a> </li> </ul> </div> </div> </div> </div> </div> <div class="container-fluid pt-4" id="footer" style="background:white;"> <footer class="container" style="background:white"> <div class="col-md-2 mb-5 p-0"> <a href="https://thegreats.co/home"><img src="https://thegreats.co/images/thegreats-logo-gray.svg" alt="Secondary logo" class="img-fluid footer-logo"></a> </div> <div class="mb-4"> <ul class="list-inline my-5 mx-auto" > <li class="list-inline-item"><a class="text-dark" href="https://thegreats.co/login">Log In</a></li> <li class="list-inline-item"><a class="text-dark" href="https://thegreats.co/artworks_upload">Submit Artwork</a></li> <li class="list-inline-item"><a class="text-dark" href="https://thegreats.co/about">About Us</a></li> <li class="list-inline-item"><a class="text-dark" href="https://thegreats.co/use-of-artworks">Use of Artworks</a></li> <li class="list-inline-item"><a class="text-dark" href="https://thegreats.co/contacts">Contacts</a></li> <li class="list-inline-item"><a class="text-dark" href="https://thegreats.co/terms">Terms and Conditions</a></li> <li class="list-inline-item"><a class="text-dark" href="https://thegreats.co/privacy-policy">Privacy Policy</a></li> </ul> <div class="mb-5"> <a class="mx-1 px-2 h4" href="https://www.facebook.com/fineacts.co" target="_blank"><i class="fab fa-facebook-f"></i></a> <a class="mx-1 px-2 h4" href="https://twitter.com/fine_acts" target="_blank"><i class="fab fa-twitter"></i></a> <a class="mx-1 px-2 h4" href="https://www.instagram.com/fineacts/" target="_blank"><i class="fab fa-instagram"></i></a> </div> <div class="d-flex justify-content-center credits "> <div class="devcraft-credits d-flex align-items-center"> <p class="text-black-50 m-0"> Development by </p> <a href="https://dev-craft.com" target="_blank" class="text-dark pl-1"> Dev Craft </a> </div> <span>|</span> <div class="siteground-credits d-flex align-items-center mr-1"> <p class="text-black-50 m-0">Website hosted by </p> <a href="https://stgrnd.co/thegreats" target="_blank" class="siteground-logo text-dark pl-1"> SiteGround </a> </div> </div> </div> <div class="copyright text-muted font-weight-normal"><p> THE GREATS 2025</p> <span>|</span> <p> Made by <a class="text-dark" target="_blank" href="https://fineacts.co/">FINE ACTS</a></p></div> </footer> </div> <script src="https://thegreats.co/js/vue.js"></script> <script type="text/javascript"> let app = new Vue({ el: '#search', data: { theme: '0', sprint: 0, themes: [{"id":33,"name":"LGBT+ Rights","slug":"lgbt-rights","color":"#ff4da6","created_at":"2020-07-03 10:09:14","updated_at":"2020-11-19 09:17:44","deleted_at":null,"featured":false,"order":2},{"id":34,"name":"Women\u0027s Rights","slug":"womens-rights","color":"#ff7ba6","created_at":"2020-05-17 10:09:52","updated_at":"2023-02-21 14:09:56","deleted_at":null,"featured":false,"order":1},{"id":35,"name":"Freedom of Speech","slug":"freedom-of-speech","color":"#42c6ff","created_at":"2020-07-02 10:10:33","updated_at":"2020-09-21 10:06:03","deleted_at":null,"featured":false,"order":0},{"id":36,"name":"Freedom \u0026 Democracy","slug":"freedom-democracy","color":"#96d35f","created_at":"2020-05-17 10:11:48","updated_at":"2024-05-16 09:59:05","deleted_at":null,"featured":true,"order":2},{"id":37,"name":"Equality","slug":"equality","color":"#0574f7","created_at":"2020-05-17 10:12:21","updated_at":"2024-05-16 09:45:57","deleted_at":null,"featured":false,"order":2},{"id":38,"name":"The Climate Collection","slug":"the-climate-collection","color":"#11c2ff","created_at":"2020-05-17 10:13:45","updated_at":"2024-05-16 09:58:18","deleted_at":null,"featured":true,"order":0},{"id":40,"name":"Resilience","slug":"resilience","color":"#ea4392","created_at":"2020-07-01 10:14:49","updated_at":"2020-09-15 12:55:24","deleted_at":null,"featured":false,"order":2},{"id":41,"name":"Animal Rights","slug":"animal-rights","color":"#53e7e7","created_at":"2020-05-17 10:15:11","updated_at":"2020-09-15 12:53:22","deleted_at":null,"featured":false,"order":1},{"id":42,"name":"Empowerment","slug":"empowerment","color":"#fd03f6","created_at":"2020-05-17 10:16:06","updated_at":"2024-05-16 09:58:18","deleted_at":null,"featured":true,"order":1},{"id":43,"name":"Black Lives Matter","slug":"black-lives-matter","color":"#fecb3e","created_at":"2020-07-31 07:54:57","updated_at":"2022-11-28 09:29:05","deleted_at":null,"featured":false,"order":2},{"id":44,"name":"Hate Speech","slug":"hate-speech","color":"#0000ee","created_at":"2020-11-12 14:39:21","updated_at":"2020-11-12 14:39:21","deleted_at":null,"featured":false,"order":0},{"id":45,"name":"Reimagining Human Rights","slug":"reimagining-human-rights","color":"#ff69ff","created_at":"2020-11-18 13:38:23","updated_at":"2023-02-21 14:09:33","deleted_at":null,"featured":false,"order":1},{"id":46,"name":"Culture of Solidarity","slug":"culture-of-solidarity","color":"#e8429e","created_at":"2021-02-11 08:28:26","updated_at":"2021-02-11 11:44:01","deleted_at":null,"featured":false,"order":2},{"id":47,"name":"Labor Rights","slug":"labor-rights","color":"#3a88fe","created_at":"2021-05-12 14:10:07","updated_at":"2021-05-13 07:22:43","deleted_at":null,"featured":false,"order":0},{"id":49,"name":"Anti-War","slug":"anti-war","color":"#000000","created_at":"2022-03-03 09:56:55","updated_at":"2022-03-03 09:56:55","deleted_at":null,"featured":false,"order":0},{"id":50,"name":"Bridging \u0026 Belonging","slug":"bridging-belonging","color":"#a8c6fe","created_at":"2022-09-14 10:53:20","updated_at":"2023-02-22 13:43:20","deleted_at":null,"featured":false,"order":2},{"id":51,"name":"Planned Parenthood","slug":"planned-parenthood","color":"#4b93d0","created_at":"2022-09-25 13:36:55","updated_at":"2023-02-21 14:10:43","deleted_at":null,"featured":false,"order":1},{"id":52,"name":"Better Sharing","slug":"better-sharing","color":"#ff40ff","created_at":"2022-11-11 11:56:39","updated_at":"2022-11-11 11:56:39","deleted_at":null,"featured":false,"order":0},{"id":53,"name":"Generations Together","slug":"generations-together","color":"#0056d6","created_at":"2023-06-28 12:03:33","updated_at":"2023-07-18 19:32:07","deleted_at":null,"featured":false,"order":2},{"id":54,"name":"Ukraine","slug":"ukraine","color":"#0061ff","created_at":"2023-09-19 08:40:51","updated_at":"2023-09-19 08:40:51","deleted_at":null,"featured":false,"order":0},{"id":55,"name":"Migration","slug":"migration","color":"#ff35e3","created_at":"2024-09-10 11:38:40","updated_at":"2024-09-10 11:38:40","deleted_at":null,"featured":false,"order":0}], sprints: [{"id":93,"name":"Empowerment","slug":"empowerment","start_date":"2020-01-01 00:00:00","end_date":"2020-05-01 00:00:00","theme_id":42,"location":"World","description":null,"created_at":"2020-05-17 10:16:43","updated_at":"2020-05-17 10:16:43","deleted_at":null},{"id":94,"name":"Women\u0027s Rights","slug":"womens-rights","start_date":"2020-01-01 00:00:00","end_date":"2020-05-01 00:00:00","theme_id":34,"location":"World","description":null,"created_at":"2020-05-17 10:17:07","updated_at":"2020-05-17 10:17:07","deleted_at":null},{"id":95,"name":"LGBT+ Rights","slug":"lgbt-rights","start_date":"2020-01-01 00:00:00","end_date":"2020-05-01 00:00:00","theme_id":33,"location":"World","description":null,"created_at":"2020-05-17 10:17:31","updated_at":"2020-05-17 10:17:31","deleted_at":null},{"id":96,"name":"Freedom of speech","slug":"freedom-of-speech","start_date":"2020-01-01 00:00:00","end_date":"2020-05-01 00:00:00","theme_id":35,"location":"World","description":null,"created_at":"2020-05-17 10:18:05","updated_at":"2020-05-17 10:18:05","deleted_at":null},{"id":97,"name":"Freedom \u0026 Democracy","slug":"freedom-democracy","start_date":"2020-01-01 00:00:00","end_date":"2020-05-01 00:00:00","theme_id":36,"location":"World","description":null,"created_at":"2020-05-17 10:18:32","updated_at":"2020-05-17 10:18:32","deleted_at":null},{"id":98,"name":"Equality","slug":"equality","start_date":"2020-01-01 00:00:00","end_date":"2020-05-01 00:00:00","theme_id":37,"location":"World","description":null,"created_at":"2020-05-17 10:18:54","updated_at":"2020-05-17 10:18:54","deleted_at":null},{"id":99,"name":"Climate \u0026 Environment","slug":"climate-environment","start_date":"2020-01-01 00:00:00","end_date":"2020-05-01 00:00:00","theme_id":38,"location":"World","description":null,"created_at":"2020-05-17 10:19:29","updated_at":"2020-05-17 10:19:29","deleted_at":null},{"id":100,"name":"Health","slug":"health","start_date":"2020-01-01 00:00:00","end_date":"2020-05-01 00:00:00","theme_id":39,"location":"World","description":null,"created_at":"2020-05-17 10:20:02","updated_at":"2020-05-17 10:20:02","deleted_at":null},{"id":101,"name":"Resilience","slug":"resilience","start_date":"2020-01-01 00:00:00","end_date":"2020-05-01 00:00:00","theme_id":40,"location":"World","description":null,"created_at":"2020-05-17 10:20:28","updated_at":"2020-05-17 10:20:28","deleted_at":null},{"id":102,"name":"Animal Rights","slug":"animal-rights","start_date":"2020-01-01 00:00:00","end_date":"2020-05-01 00:00:00","theme_id":41,"location":"World","description":null,"created_at":"2020-05-17 10:20:50","updated_at":"2020-05-17 10:20:50","deleted_at":null}] }, watch: { theme: function(new_theme, old_theme) { this.getSprints() } }, methods: { getSprints: function() { let app = this axios.get('https://thegreats.co/api-sprints?theme=' + this.theme) .then(function(response) { app.sprint = 0 app.sprints = response.data }) .catch(function(error) { console.log(error) }) } } }) </script> <script> var x, i, j, selElmnt, a, b, c; /* Look for any elements with the class "custom-select": */ x = document.getElementsByClassName("custom-select-dropdown"); for (i = 0; i < x.length; i++) { selElmnt = x[i].getElementsByTagName("select")[0]; /* For each element, create a new DIV that will act as the selected item: */ a = document.createElement("DIV"); a.setAttribute("class", "select-selected"); a.innerHTML = selElmnt.options[selElmnt.selectedIndex].innerHTML; x[i].appendChild(a); /* For each element, create a new DIV that will contain the option list: */ b = document.createElement("DIV"); b.setAttribute("class", "select-items select-hide"); for (j = 0; j < selElmnt.length; j++) { /* For each option in the original select element, create a new DIV that will act as an option item: */ c = document.createElement("DIV"); c.innerHTML = selElmnt.options[j].innerHTML; c.addEventListener("click", function(e) { /* When an item is clicked, update the original select box, and the selected item: */ var y, i, k, s, h; s = this.parentNode.parentNode.getElementsByTagName("select")[0]; h = this.parentNode.previousSibling; for (i = 0; i < s.length; i++) { if (s.options[i].innerHTML == this.innerHTML) { s.selectedIndex = i; h.innerHTML = this.innerHTML; y = this.parentNode.getElementsByClassName("same-as-selected"); for (k = 0; k < y.length; k++) { y[k].removeAttribute("class"); } this.setAttribute("class", "same-as-selected"); break; } } h.click(); }); b.appendChild(c); } x[i].appendChild(b); a.addEventListener("click", function(e) { /* When the select box is clicked, close any other select boxes, and open/close the current select box: */ e.stopPropagation(); closeAllSelect(this); this.nextSibling.classList.toggle("select-hide"); this.classList.toggle("select-arrow-active"); }); } function closeAllSelect(elmnt) { /* A function that will close all select boxes in the document, except the current select box: */ var x, y, i, arrNo = []; x = document.getElementsByClassName("select-items"); y = document.getElementsByClassName("select-selected"); for (i = 0; i < y.length; i++) { if (elmnt == y[i]) { arrNo.push(i) } else { y[i].classList.remove("select-arrow-active"); } } for (i = 0; i < x.length; i++) { if (arrNo.indexOf(i)) { x[i].classList.add("select-hide"); } } } /* If the user clicks anywhere outside the select box, then close all select boxes: */ document.addEventListener("click", closeAllSelect); </script> <script src="https://thegreats.co/js/main.js"></script> <!-- Swiper JS --> <script src="https://thegreats.co/js/swiper.min.js"></script> <!-- Initialize Swiper --> <script> var swiper = new Swiper('.swiper-container', { effect: 'coverflow', grabCursor: true, centeredSlides: true, slidesPerView: 'auto', coverflowEffect: { rotate: 50, stretch: 0, depth: 100, modifier: 1, slideShadows : true, }, pagination: { el: '.swiper-pagination', }, }); </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script> </body> </html>