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">  <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>  <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/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/open-palms-not-clutching-fists" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/7386a8f6e80831615a83b174e2821c30._thumbnail.png" alt="Open Palms, Not Clutching Fists" 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>Open Palms, Not Clutching Fists</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/burcu-koleli">Burcu Köleli</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/the-more-we-share-the-more-we-have-series-22" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/60c58ab1ef9b86d316b4f45c94635ee1._thumbnail.jpg" alt="The More We Share, The More We Have (series 2/2)" 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 More We Share, The More We Have (series 2/2)</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/pietro-soldi">Pietro Soldi</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/the-more-we-share-the-more-we-have-series-12" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/c8644dfbb57e2cb0d0d755215a8b970e._thumbnail.jpg" alt="The More We Share, The More We Have (series 1/2)" 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 More We Share, The More We Have (series 1/2)</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/pietro-soldi">Pietro Soldi</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/open-is-beautiful" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/a6c6f2555d2423c5f99a03d421c94113._thumbnail.png" alt="Open Is 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>Open Is 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/tanya-korniichuk">Tanya Korniichuk</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/sharing-brightens-the-future" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/0b6fbc0bb93dd222c0d8a80bbf247e00._thumbnail.png" alt="Sharing Brightens The 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>Sharing Brightens The Future</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/teo-georgiev">Teo Georgiev</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/the-future-is-open" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/b5cfeb51412d7d6953e89de83397df8f._thumbnail.jpg" alt="The Future Is Open" 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 Future Is Open</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/better-sharing-for-brighter-future" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/099712eede178dace85102e5879eb039._thumbnail.png" alt="Better Sharing For Brighter 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>Better Sharing For Brighter Future</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/better-sharing-better-future" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/7b141162f0d88763e410b12f2a74118d._thumbnail.jpg" alt="Better Sharing, Better 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>Better Sharing, Better Future</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/maria-picasso-i-piquer">Maria Picassó i Piquer</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/blessed-is-the-hand-that-gives" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/50b6894033e6c7e41c21a353158cd98e._thumbnail.png" alt="Blessed Is The Hand That Gives" 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>Blessed Is The Hand That Gives</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/sakina-saidi-1">Sakina Saïdi</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/better-sharing-brighter-future" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/ca3b7a70d082b8caa4a5645b4917594e._thumbnail.png" alt="Better Sharing, Brighter 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>Better Sharing, Brighter Future</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/david-espinosa">David Espinosa</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/share-freely-openly-like-we-share-air" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/28f43cc911505a24c03b467f23a3baeb._thumbnail.jpg" alt="Share Freely, Openly, Like We Share Air" 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>Share Freely, Openly, Like We Share Air</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/sharing-is-growing" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/afadf0096c28c590c11d4e0465e08692._thumbnail.png" alt="Sharing Is Growing" 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>Sharing Is Growing</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/olga-mrozek">Olga Mrozek</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/shared-knowledge-shared-future" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/6cf622d1b01aa349159412b62ce7f866._thumbnail.png" alt="Shared Knowledge, Shared 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>Shared Knowledge, Shared Future</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/luisa-brando">Luisa Brando</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"> </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 2024</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: 'better-sharing', 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>  <script src="https://thegreats.co/js/swiper.min.js"></script>  <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>

CINXE.COM

The Greats — Great Artists Give