CINXE.COM
fairmove - What's your fairmove today?
<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content="fairmove - Initiativenverdichtung"> <title>fairmove - What's your fairmove today?</title> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> <link rel="icon" href="favicon.ico" type="image/x-icon"> <link href="css/fairmove.css" rel="stylesheet"> </head> <body id="page-top"> <nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" id="mainNav"> <div class="container"> <a class="navbar-brand js-scroll-trigger" href="#page-top"><img src="img/fairmove_white_small.png" style="max-height: 50px;"></a> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarResponsive"> <ul class="navbar-nav ml-auto my-2 my-lg-0"> <li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#values">Values</a> </li> <li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#use">Use</a> </li> <li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#peer">Peer</a> </li> <li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#map">Map</a> </li> <li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#event">Ars</a> </li> <li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#label">Label</a> </li> <li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#chat">Chat</a> </li> <li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#wall">Wall</a> </li> <li class="nav-item"> <a class="nav-link js-scroll-trigger" href="https://facebook.com/fairmover" target="_blank"><img src="img/facebook.png" style="max-height: 20px;"></a> </li> <li class="nav-item"> <a class="nav-link js-scroll-trigger" href="https://twitter.com/fairmover" target="_blank"><img src="img/twitter.png" style="max-height: 20px;"></a> </li> <li class="nav-item"> <a class="nav-link js-scroll-trigger" href="https://instagram.com/fairmover" target="_blank"><img src="img/instagram.png" style="max-height: 20px;"></a> </li> <!--<li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#meme">Meme</a> </li>--> </ul> </div> </div> </nav> <header class="masthead"> <div class="container h-100"> <div class="row h-100 align-items-center justify-content-center text-center"> <div class="col-lg-10 align-self-end"> <h1 class="text-uppercase font-weight-bold text-green">What is your <img src="img/fairmove_white_small.png" style="max-height: 150px;"> today?</h1> </div> <div class="col-lg-8 align-self-baseline"> </div> </div> </div> </header> <section class="page-section bg-green" id="event"> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-6 text-white"> <h1 style="padding-bottom: 20px;">MEET US AT</h1> <a href="https://ars.electronica.art/outofthebox/" target="_blank"><img src="img/ars.png" class="img-fluid"></a> </div> <div class="col-lg-6 text-white abstand"> <p><span style="font-size: 2em;font-weight: 700;">Monday</span><br>September 9th, 2019<br>10:00 Campus Area Room 261 Postcity Linz</p> <p>Workshop:<br>Presenting the Label Commons Public License fairmove usecase at the <a href="https://ars.electronica.art/outofthebox/en/perspectives-talks/">Academic Design Network Austria Workshops</a>.</p> </div> </div> </div> </section> <section class="page-section bg-primary" id="values"> <div class="container"> <div class="row text-center" style="padding-right: 10px;padding-left: 10px;"> <div class="col-lg-12"> <h1>fairmove is a <span style="color:#15db95;text-decoration: underline;">generic label</span><br>for doing good things.</h1> </div> <div class="row text-center" style="padding-top: 100px;"> <div class="col-lg-4"> <img src="img/lc_green.png" style="padding-bottom: 40px;max-height: 200px;" class="img-fluid"> <p class="text-white">Everybody may use it under the <a href="https://git.fairkom.net/legal/lcpl/-/blob/master/README.md" target="_blank">Label Commons Public License</a>.</p> </div> <div class="col-lg-4 abstand"> <img src="img/humanrights.png" style="padding-bottom: 40px;max-height: 200px;" class="img-fluid"> <p class="text-white">fairmove promotes the U.N.'s Human Rights Charta and the 17 SDGs, the <a href="http://ethify.org/en/content/values" target="_blank">Ethify Values</a>,</p> </div> <div class="col-lg-4 abstand"> <img src="img/tree.png" style="padding-bottom: 40px;max-height: 200px;" class="img-fluid"> <p class="text-white">and many more ethical guidelines as listed in the <a href="https://wandelbuendnis.org/mou_lesen/" target="_blank">Memorandum of Understanding of the Wandelbuendnis</a>.</p> </div> </div> </div> </section> <section class="page-section masthead_2" id="use"> <div class="container"> <div class="row"> <div class="col-lg-6"> <p style="text-align: left;" class="text-green">You do good things,<br><span style="font-size: 3em;font-weight: 700;">show it!</span><br>You deserve to be seen. And do it together.<br><br> As a fairmover you now can more easily connect with others who share your values.<br><br> </p> <img src="img/fairmove_2.gif" style="max-height: 300px; padding-right: 20px;" class="img-fluid"><img src="img/fairmove.gif" style="max-height: 300px;" class="img-fluid abstand"> </div> <div class="col-lg-6" style="padding-top: 47px;"> <p style="text-align: left;" class="text-white"><span style="font-size: 3em;font-weight: 700;text-decoration: underline;">Use</span><br>fairmove as a hashtag in your communication channels or apply it to your project or service.</p> <p style="text-align: left;" class="text-green"><img src="img/download.png" style="padding-bottom: 40px;max-height: 100px;" class="img-fluid"> <span style="font-size: 2.5em;font-weight: 700;">Download</span><br>the fairmove label here!*</p> <img src="img/fairmove_white_small.png" style="padding-bottom: 40px; padding-top: 20px;" class="img-fluid"> <div style="padding-bottom: 20px;text-align: left;"> <a href="https://fairmove.org/img/fairmove_white.svg"><button class="btn btn-outline-info btn-lg" style="padding-right: 20px;">white label (svg)</button></a> <a href="https://fairmove.org/img/fairmove_black.svg"><button class="btn btn-outline-info btn-lg">black label (svg)</button></a> </div> <a href="https://fairmove.org/img/fairmove_white.png"><button class="btn btn-outline-info btn-lg" style="padding-right: 20px;">white label (png)</button></a> <a href="https://fairmove.org/img/fairmove_black.png"><button class="btn btn-outline-info btn-lg">black label (png)</button></a> <p class="text-white" style="padding-top: 10px;">*use right mouse click - save as!</p> </div> </div> </div> </section> <section class="page-section bg-green" id="peer"> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-12 text-center"> <img src="img/peer_dark.png" style="max-height: 200px;padding-bottom: 40px;" class="img-fluid"> <p class="text-white">Become a<br><span style="font-size: 2.2em;font-weight: 700;text-decoration: underline; color: #0d19a3;">#fairmove #peer </span></p> <h1>How?</h1> <p class="text-white">Meet, talk and share your fairmoves.<br>Invite friends and colleagues to your fairmove party or sit-in.<br>Suggest a topic and let them bring food and drinks. <br>Those who managed to discuss a topic on environment or a sensible social issue for more than two hours automatically become fairmove peers for 6 months.<br>Be sure, your peers will have their eyes on you!</p> </div> </div> </div> </section> <section class="page-section bg-primary" id="map"> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-8"> <p><iframe style="display: inline-block;" src=" https://www.kartevonmorgen.org/#/?center=47.434,9.687&zoom=9.20&left=hide " width="100%" height="600"></iframe></p> </div> <div class="col-lg-4"> <h1 style="padding-bottom: 20px;"><span style="color:#15db95;text-decoration: underline;">Find</span></h1> <p class="text-white">a fairmove location<br>near you or<br>add your initiative at</p> <a href="https://kartevonmorgen.org/" target="_blank"><button class="btn btn-outline-info btn-lg" style="margin-top: 40px;">kartevonmorgen.org</button></a> </div> </div> </div> </section> <section class="page-section masthead_3 text-white" id="label"> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-12 text-center"> <h1 class="text-green" style="text-decoration: underline;padding-bottom: 20px;">Label</h1> <p>Environmental, climate change or human rights initiatives are so colourful but often have ambiguos names. Even if a funny abbreviation may be good enough for an activists group, that may not work so well when communicating to the rest of the world. We have done a number of <a href="https://faircloud.eu/nextcloud/index.php/s/MC4bDNyofQTaZYy" target="_blank"> workshops 2015 - 2019 on communication strategies for sustainability intitiatives</a> and how to create good labels. <a href="https://roland.alton.at/roland/rolog/fairmove" target="_blank">When searching</a> for an example, we found #fairmove as an ideal term that matches all criteria. </p><p>#fairmove as a hashtag can tell others: "What I just did was fair. Good for the environment, good for others, good for me." </p> <p>Anybody may use and combine the fairmove label with other labels in the context of human rights and environmental care with low barriers. Similar to Creative Commons we have worked out a <a href="https://git.fairkom.net/legal/lcpl/-/blob/master/README.md" target="_blank">Label Commons Public License</a> that gives any user of the label certainty how it can be applied beyond its usage as a hashtag.</p><p> We do not want that fairmove is being used for green washing of e.g. an oil company. Thus fairkom acts as a "watchdog organisation", as recommended by the commons institute. In case of a severe violation of the usage of the fairmove label we can enjoin somebody to not further use it.</p> </div> </div> </div> </section> <section class="page-section bg-green text-white" id="chat"> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-8"> <p><iframe src="https://fairchat.net/channel/fairmove-label?layout=embedded" width="100%" height="600" class="green"></iframe></p> </div> <div class="col-lg-4"> <h1 style="padding-bottom: 20px;"><span style="color:#0d19a3;text-decoration: underline;">Chat</span></h1> <p>Share your experience and join the <a href="https://fairchat.net/channel/fairmove-label" target="_blank">fairmove channel on fairchat</a>. Get a fairlogin account for free and use any of the fairapps. Providing open source cloud services is our contribution for a better world - helping people to become more independent from large cloud providers.</p> </div> </div> </div> </section> <section class="bg-primary text-center" style="padding-top: 50px;padding-bottom: 50px;"> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-12"> <img src="img/fairmove_white_small.png" class="img-fluid" style="max-height: 140px;"> </div> </div> </div> </section> <section style="padding-top: 50px;"> <div class="container"> <div class="row justify-content-center text-center"> <div class="col-lg-4"> <a href="https://creativecommons.org/" target="_blank"><img src="img/lc.png" class="img-fluid" style="max-height: 40px;"></a> </div> <div class="col-lg-4 abstand"> <a href="https://fairkom.eu/" target="_blank"><img src="img/fairkom.png" class="img-fluid" style="max-height: 40px;"></a> </div> <!--<div class="col-lg-3"> <a href="https://fairmove.it/" target="_blank"><img src="img/fairmove_it.png" class="img-fluid" style="max-height: 40px;"></a> </div>--> <div class="col-lg-4 abstand"> <a href="https://kartevonmorgen.org/" target="_blank"><img src="img/kartevonmorgen.png" class="img-fluid" style="max-height: 40px;"></a> </div> </div> </div> </section> <footer class=" py-5 text-center"> <div class="container"> <div class="" style="font-size: 16px;"> fairmove is a generic label for a sustainable and ethical lifestyle.<br> Everybody may use it under the conditions of the <a href="https://git.fairkom.net/legal/lcpl/-/blob/master/README.md" target="_blank">Label Commons Public License.</a><br> Hosted by <a href="https://fairkom.eu" target="_blank">fairkom</a>, member of the <a href="https://fairmove.it" target="_blank">fairmove.IT</a> network. </div> </footer> <section class="page-section" id="wall"> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-12"> <!--- <h1 style="padding-bottom: 20px;">#fairmove @ Instagram, Twitter & facebook</h1> ---> <div class="social-media-wall" data-cfg-wallid=46741></div><script async src="https://static.socialmediawall.io/w/init-wall.js"></script> </div> </div> </div> </section> <script src="vendor/jquery/jquery.min.js"></script> <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="vendor/jquery-easing/jquery.easing.min.js"></script> <script src="js/fairmove.js"></script> </body> </html>