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/housing-for-all" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/dd26024382a8ae99981c2e182a4eff71._thumbnail.png" alt="Housing For All" 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>Housing For All</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/bibi-sakata">Bibi Sakata</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/blooming-community-flower" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/c97e6ab21b796ee89d77ce21cc462b12._thumbnail.jpg" alt="Blooming Community (Flower)" 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>Blooming Community (Flower)</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/hannah-moren">Hannah Moren</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/housing-is-a-human-right" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/1797e39bfd8caffec780835751834e55._thumbnail.png" alt="Housing Is A Human Right" 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>Housing Is A Human Right</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/nikita-abuya">Nikita Abuya</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/dignity-for-all-housing-for-all" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/2e9c5dc6a048c24518379d083376c65c._thumbnail.jpg" alt="Dignity For All, Housing For All" 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>Dignity For All, Housing For All</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/tsveta-pesheva">Tsveta Pesheva</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/go-vote-win" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/e6c4b1ed6509f74a02f272f7d1abf21a._thumbnail.png" alt="Go. Vote. Win" 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>Go. Vote. Win</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/ada-zielinska">Ada Zielińska</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/your-vote-matters" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/0ca0f4b91f3a129d9b7af95611551def._thumbnail.png" alt="Your Vote Matters" 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>Your Vote Matters</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/cat-got-your-vote" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/d03895b7d000f0c76289b9b15ffdb2d9._thumbnail.png" alt="Cat Got Your Vote?" 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>Cat Got Your Vote?</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/kart-koosapoeg">Kärt Koosapoeg</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/vote-against-fascism" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/f1481e97faada50dfeb366c35441cb55._thumbnail.jpg" alt="Vote Against Fascism" 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>Vote Against Fascism</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/rock-the-vote" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/6bc6c418ef4c2415e318f305ae1fad9b._thumbnail.png" alt="Rock The Vote" 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>Rock The Vote</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/pepe-serra">Pepe Serra</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/go-out-go-vote" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/bdf0d5acbfcfe8d7436e5934b8ef1d98._thumbnail.jpg" alt="Go Out! Go Vote!" 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>Go Out! Go Vote!</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/sebastian-konig">Sebastian König</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/together-for-a-stronger-europe" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/18caf58e2f8ace93d96b5be78cf68eb2._thumbnail.jpg" alt="Together For A Stronger Europe" 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 For A Stronger Europe</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/anne-van-den-boogaard">Anne van den Boogaard</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/plant-your-future-vote-today" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/7d35694da746d4e6ae9d46747dace00d._thumbnail.png" alt="Plant Your Future, Vote Today" 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>Plant Your Future, Vote Today</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/eija-vehvilainen">Eija Vehviläinen</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/get-out-vote" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/70646e6d57fc76b979b012ebc42ab664._thumbnail.jpg" alt="Get Out & Vote" 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>Get Out & Vote</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/mattia-riami">Mattia Riami</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/magic-lamp-says-vote" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/d5d5f88f0bcb59449a5ddab2318f4e0a._thumbnail.jpg" alt="Magic Lamp Says: Vote!" 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>Magic Lamp Says: Vote!</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-surducan">Maria Surducan</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/your-vote-is-mighty" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/f96a1d92503dcc77dccee79b4577768c._thumbnail.jpg" alt="Your Vote Is Mighty" 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>Your Vote Is Mighty</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/use-your-voice-go-vote" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/063ed62b642f29fd9c91e316909b0789._thumbnail.png" alt="Use Your Voice. Go Vote" 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>Use Your Voice. Go Vote</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/fatima-bravo">Fátima Bravo</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/protect-democracy-vote" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/f76e50115eafea8c28c44d25d6e5d963._thumbnail.jpg" alt="Protect Democracy. Vote!" 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>Protect Democracy. Vote!</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/barbora-keherova">Barbora Keherova</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/your-vote-is-your-superpower-violet-version" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/397f0e9e7f59ab7b7350fb25ac69cec8._thumbnail.jpg" alt="Your Vote Is Your Superpower (violet 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>Your Vote Is Your Superpower (violet 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/nadine-theuma">Nadine Theuma</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/choose-your-future-vote" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/f065ffefff3c93bf730ec8829657f139._thumbnail.jpg" alt="Choose Your Future. Vote" 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>Choose Your Future. Vote</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/sidsel-sorensen">Sidsel Sørensen</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/believe" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/f00cd075c6ccc27dfd24567898f32088._thumbnail.png" alt="Believe" 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>Believe</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/ermina-emmanouel">Ermina Emmanouel</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/united-in-resilience-stand-with-ukraine-series-22" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/d0d6b083e180a9465057bad3cb23360c._thumbnail.png" alt="United In Resilience - Stand With Ukraine (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>United In Resilience - Stand With Ukraine (series 2/2)</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/tania-yakunova">Tania Yakunova</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/staying-alive-yellow" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/bc96dd654efeff36eef10ffbacb78094._thumbnail.jpg" alt="Staying Alive (yellow)" 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>Staying Alive (yellow)</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/gabriela-basin">Gabriela Basin</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/we-gently-suggest-you-avoid-complete-extinction" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/7525d14bd7dd2bb53250a27066436e80._thumbnail.jpg" alt="We Gently Suggest You Avoid Complete Extinction" 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 Gently Suggest You Avoid Complete Extinction</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/gabriela-basin">Gabriela Basin</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/life-is-fun-extinction-is-boring" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/600e228830547ee1c3aa458b9178dcee._thumbnail.jpg" alt="Life Is Fun, Extinction Is Boring" 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>Life Is Fun, Extinction Is Boring</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/gabriela-basin">Gabriela Basin</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/life-outgrows-violence" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/c7b0914c9fff150190c536a20c51a3e8._thumbnail.jpg" alt="Life Outgrows Violence" 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>Life Outgrows Violence</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/teo-georgiev">Teo Georgiev</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/no" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/7bb5cb7b419db9ebfdddbfacca35ec30._thumbnail.jpg" alt="No" 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</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/teo-georgiev">Teo Georgiev</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/alive-alive" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/fcf8b797bd5d9269a14bc4f6ca608a88._thumbnail.jpg" alt="Alive? Alive" 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>Alive? Alive</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/teo-georgiev">Teo Georgiev</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/resistance-resilience-regrowth" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/0508e11d37e97e5ffc398f52e2079315._thumbnail.jpg" alt="Resistance, Resilience, Regrowth" 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>Resistance, Resilience, Regrowth</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/teo-georgiev">Teo Georgiev</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/a-branch-on-fire-is-a-tree-on-fire" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/ef148bd6373c6040a0150490bae3a353._thumbnail.png" alt="A Branch On Fire Is A Tree On Fire" 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>A Branch On Fire Is A Tree On Fire</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/rozalina-burkova">Rozalina Burkova</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/rewrite-history-rewrite-his-story" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/799bbd36a7cc339b6af59d23c41c84de._thumbnail.png" alt="Rewrite History, Rewrite His Story" 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>Rewrite History, Rewrite His Story</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/rozalina-burkova">Rozalina Burkova</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/united-in-resilience-stand-with-ukraine-series-12" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/44c59f9cb99fc2f0aaa7d572cee86df2._thumbnail.png" alt="United In Resilience - Stand With Ukraine (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>United In Resilience - Stand With Ukraine (series 1/2)</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/tania-yakunova">Tania Yakunova</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/together-for-the-victory" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/08317918af6859f0d9d8df6f121ab1e0._thumbnail.jpg" alt="Together For The Victory" 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 For The Victory</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/oksana-drachkovska">Oksana Drachkovska</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/help-ukraine-grow" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/fc68a101e30b740aae91e17143fa44cf._thumbnail.png" alt="Help Ukraine Grow" 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>Help Ukraine Grow</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/maks-graur">Maks Graur</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/help-ukraine-grow-stars" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/35ac77e795a1dcb21997f4a8417b2af2._thumbnail.jpg" alt="Help Ukraine Grow (Stars)" 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>Help Ukraine Grow (Stars)</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/maks-graur">Maks Graur</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/the-wings-of-victory" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/aec237c4aebc0cfb413da466715fbec4._thumbnail.jpg" alt="The Wings Of Victory" 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 Wings Of Victory</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/janine-rewell">Janine Rewell</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/many-faces-of-heroes" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/a95c57f4a36fc4affa3f26c6d0b97684._thumbnail.png" alt="Many Faces Of Heroes" 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>Many Faces Of Heroes</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/ieva-ragauskaite">Ieva Ragauskaitė</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/defeat-the-darkness" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/ea3ac5e31a0eac21495b771cb4bb0fe3._thumbnail.png" alt="Defeat The Darkness" 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>Defeat The Darkness</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/veta-yatsenko">Veta Yatsenko</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/lets-grow-together-ukraine" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/5a1333790812b59414da1603208ea083._thumbnail.png" alt="Let's Grow Together (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>Let's Grow Together (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/tanya-korniichuk">Tanya Korniichuk</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/our-hope-will-light-the-sun" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/6bd9cf16694ef7fbf1bf3d72649cb491._thumbnail.png" alt="Our Hope Will Light The Sun" 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>Our Hope Will Light The Sun</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/marta-leshak">Marta Leshak</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/stand-with-ukraine" class="image-hover-holder"> <img class="card-img-top" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/c653560a4093938c377ee052937eb11e._thumbnail.jpg" alt="Stand With 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>Stand With 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/tanya-shyika">Tanya Shyika</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 disabled" aria-disabled="true" aria-label="« Previous"> <span class="page-link" aria-hidden="true">‹</span> </li> <li class="page-item active" aria-current="page"><span class="page-link">1</span></li> <li class="page-item"><a class="page-link" href="https://thegreats.co/artworks?page=2">2</a></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=2" 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>