Back to Stories

<div class="story-meta-container pb-3">  <div class="story-meta-left"> <div class="story-logo"> <a href="https://www.dailygood.org"> <img alt="DailyGood" src="https://www.karunanews.org/pics/90x90.jpg"> </a> </div> <div class="story-meta-info"> <div class="story-author">By <a href="/author?name=Nipun%20Mehta">Nipun Mehta</a></div> <div class="story-details"> <span class="story-date">Aug 17, 2017</span> <span class="story-read-time">1 min read</span> </div> </div> </div>  <div class="story-meta-right">  <div class="utility-buttons"> <div class="dropdown"> <button class="utility-btn translate-btn dropdown-toggle py-1" type="button" id="translationDropdown" data-bs-toggle="dropdown" aria-expanded="false"> <i class="fa fa-language me-2" aria-hidden="true"></i>Portuguese (Brazil) </button> <ul class="dropdown-menu dropdown-menu-end translation-dropdown" aria-labelledby="translationDropdown" style="max-height: 400px; overflow-y: auto;"> <li class="dropdown-header" style="font-size: 11px; color: #6c757d; text-transform: uppercase; letter-spacing: 0.5px;"> <i class="fa fa-globe me-1"></i>Available Languages </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/"> English </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=am"> Amharic </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=ar"> Arabic </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=eu"> Basque </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=bn"> Bengali </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=bg"> Bulgarian </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=ca"> Catalan </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=chr"> Cherokee </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=zh-CN"> Chinese (PRC) </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=hr"> Croatian </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=cs"> Czech </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=da"> Danish </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=nl"> Dutch </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=et"> Estonian </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=fil"> Filipino </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=fi"> Finnish </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=fr"> French </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=de"> German </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=el"> Greek </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=gu"> Gujarati </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=iw"> Hebrew </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=hi"> Hindi </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=hu"> Hungarian </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=is"> Icelandic </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=id"> Indonesian </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=it"> Italian </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=ja"> Japanese </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=kn"> Kannada </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=ko"> Korean </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=lv"> Latvian </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=lt"> Lithuanian </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=ms"> Malay </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=ml"> Malayalam </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=mr"> Marathi </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=no"> Norwegian </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=pl"> Polish </a> </li> <li> <a class="dropdown-item active" href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=pt-BR"> Portuguese (Brazil) </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=ro"> Romanian </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=ru"> Russian </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=sr"> Serbian </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=sk"> Slovak </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=sl"> Slovenian </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=es"> Spanish </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=sw"> Swahili </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=sv"> Swedish </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=ta"> Tamil </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=te"> Telugu </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=th"> Thai </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=tr"> Turkish </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=uk"> Ukrainian </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=ur"> Urdu </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=vi"> Vietnamese </a> </li> <li> <a class="dropdown-item " href="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/?lang=cy"> Welsh </a> </li> <li><hr class="dropdown-divider"></li> <li class="dropdown-header" style="font-size: 11px; color: #6c757d; text-transform: uppercase; letter-spacing: 0.5px;"> <i class="fa fa-lock me-1"></i>More Languages <span style="font-size: 10px; text-transform: none; letter-spacing: normal;">(login required)</span> </li> <li> <a class="dropdown-item text-muted" href="/login?redirect=https%3A%2F%2Fwww.dailygood.org%2Fstory%2F1711%2Falgorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta%2F%3Flang%3Dzh-TW"> <i class="fa fa-lock me-1" style="font-size: 10px;"></i> Chinese (Taiwan) </a> </li> <li> <a class="dropdown-item text-muted" href="/login?redirect=https%3A%2F%2Fwww.dailygood.org%2Fstory%2F1711%2Falgorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta%2F%3Flang%3Den-GB"> <i class="fa fa-lock me-1" style="font-size: 10px;"></i> English (UK) </a> </li> <li> <a class="dropdown-item text-muted" href="/login?redirect=https%3A%2F%2Fwww.dailygood.org%2Fstory%2F1711%2Falgorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta%2F%3Flang%3Dpt-PT"> <i class="fa fa-lock me-1" style="font-size: 10px;"></i> Portuguese (Portugal) </a> </li> </ul> </div> </div>  <div class="share-icons d-none d-md-block"> <a href="http://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.dailygood.org%2Fstory%2F1711%2Falgorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta%2F" target="_blank" class="share-icon" aria-label="Share on Facebook"> <i class="fab fa-facebook-f"></i> </a> <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.dailygood.org%2Fstory%2F1711%2Falgorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta%2F&text=%3Cdiv+style%3D%22position%3A+relative%3B+padding-bottom%3A+56.25%25%3B+height%3A+0%3B+overflow%3A+hidden%3B%22%3E%3Ciframe+style%3D%22position%3A+absolute%3B+top%3A+0%3B+left%3A+0%3B+width%3A+100%25%3B+height%3A+100%25%3B%22+src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2FepW-WOgBiNE%3Frel%3D0%22+width%3D%22%22+height%3D%22%22+frameborder%3D%220%22+%20%3A%20O+trem+o+derrubou+e+ficou+por+cima+dele+enquanto+o+metr%C3%B4+passava+por+cima.+Antes+que+o+condutor+percebesse%2C+todos+os+vag%C3%B5es%2C+exceto+dois%2C+j%C3%A1+haviam+passado+por+cima+do+homem+ca%C3%ADdo+e+de+Wesley.+O+c&via=&hashtags=" target="_blank" class="share-icon" aria-label="Share on Twitter"> <i class="fab fa-twitter"></i> </a> <a href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.dailygood.org%2Fstory%2F1711%2Falgorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta%2F" target="_blank" class="share-icon" aria-label="Share on LinkedIn"> <i class="fab fa-linkedin-in"></i> </a> <a href="https://api.whatsapp.com/send?text=%3Cdiv+style%3D%22position%3A+relative%3B+padding-bottom%3A+56.25%25%3B+height%3A+0%3B+overflow%3A+hidden%3B%22%3E%3Ciframe+style%3D%22position%3A+absolute%3B+top%3A+0%3B+left%3A+0%3B+width%3A+100%25%3B+height%3A+100%25%3B%22+src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2FepW-WOgBiNE%3Frel%3D0%22+width%3D%22%22+height%3D%22%22+frameborder%3D%220%22+%20%3A%20O+trem+o+derrubou+e+ficou+por+cima+dele+enquanto+o+metr%C3%B4+passava+por+cima.+Antes+que+o+condutor+percebesse%2C+todos+os+vag%C3%B5es%2C+exceto+dois%2C+j%C3%A1+haviam+passado+por+cima+do+homem+ca%C3%ADdo+e+de+Wesley.+O+c%20https%3A%2F%2Fwww.dailygood.org%2Fstory%2F1711%2Falgorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta%2F" target="_blank" class="share-icon d-none d-sm-inline-flex" aria-label="Share on WhatsApp"> <i class="fab fa-whatsapp"></i> </a> </div> </div> </div>  <div class="story-content" id="dg_story"> <div class="dark-link perm_post"> O trem o derrubou e ficou por cima dele enquanto o metrô passava por cima. Antes que o condutor percebesse, todos os vagões, exceto dois, já haviam passado por cima do homem caído e de Wesley. O chapéu de Wesley estava engordurado. <br><br><img style="border: 1px solid #cccccc; float: right; height: 294px; margin: 0 0 4px 4px; padding: 2px; width: 300px;" src="https://www.servicespace.org/inc/ckfinder/userfiles/images/dgood/algo_love.jpg" alt=""> A inteligência de Wesley não é previsível. Ele estava com duas filhas, naquela mesma estação de trem, e mesmo assim estava disposto a sacrificar a própria vida por um completo estranho nos trilhos. Isso não é resultado de algo mecânico, mas sim um momento de beleza que emerge de um complexo conjunto de interconexões em sua ecologia interior. Como aprendemos a honrar essa profunda inteligência que já é inerente a todos nós? Como aprendemos a integrá-la ao incrível poder computacional, ao gigantesco volume de dados e aos sofisticados algoritmos que agora estão à nossa disposição? E, mais importante, como garantimos que agiremos com esse tipo de amor? Como garantimos que, em vez de tentarmos dominar a natureza, estejamos em harmonia com o seu surgimento?<br><br> Acho que esse é o convite: acolher todas essas questões e construir uma nova narrativa.<br><br> No fim, se alguma vez ficarmos presos entre a opção ABC ou D, espero que nossos algoritmos sempre nos apontem para o amor.</p> </div> </div>    <div class="inline-share-icons border-0 mt-0 pt-0"> <div class="d-flex align-items-center"> <span class="me-3 fw-semibold">Share this story:</span> <div> <a href="http://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.dailygood.org%2Fstory%2F1711%2Falgorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta%2F" target="_blank" class="share-icon" aria-label="Share on Facebook"> <i class="fab fa-facebook-f"></i> </a> <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.dailygood.org%2Fstory%2F1711%2Falgorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta%2F&text=%3Cdiv+style%3D%22position%3A+relative%3B+padding-bottom%3A+56.25%25%3B+height%3A+0%3B+overflow%3A+hidden%3B%22%3E%3Ciframe+style%3D%22position%3A+absolute%3B+top%3A+0%3B+left%3A+0%3B+width%3A+100%25%3B+height%3A+100%25%3B%22+src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2FepW-WOgBiNE%3Frel%3D0%22+width%3D%22%22+height%3D%22%22+frameborder%3D%220%22+%20%3A%20O+trem+o+derrubou+e+ficou+por+cima+dele+enquanto+o+metr%C3%B4+passava+por+cima.+Antes+que+o+condutor+percebesse%2C+todos+os+vag%C3%B5es%2C+exceto+dois%2C+j%C3%A1+haviam+passado+por+cima+do+homem+ca%C3%ADdo+e+de+Wesley.+O+c&via=&hashtags=" target="_blank" class="share-icon" aria-label="Share on Twitter"> <i class="fab fa-twitter"></i> </a> <a href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.dailygood.org%2Fstory%2F1711%2Falgorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta%2F" target="_blank" class="share-icon" aria-label="Share on LinkedIn"> <i class="fab fa-linkedin-in"></i> </a> <a href="https://api.whatsapp.com/send?text=%3Cdiv+style%3D%22position%3A+relative%3B+padding-bottom%3A+56.25%25%3B+height%3A+0%3B+overflow%3A+hidden%3B%22%3E%3Ciframe+style%3D%22position%3A+absolute%3B+top%3A+0%3B+left%3A+0%3B+width%3A+100%25%3B+height%3A+100%25%3B%22+src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2FepW-WOgBiNE%3Frel%3D0%22+width%3D%22%22+height%3D%22%22+frameborder%3D%220%22+%20%3A%20O+trem+o+derrubou+e+ficou+por+cima+dele+enquanto+o+metr%C3%B4+passava+por+cima.+Antes+que+o+condutor+percebesse%2C+todos+os+vag%C3%B5es%2C+exceto+dois%2C+j%C3%A1+haviam+passado+por+cima+do+homem+ca%C3%ADdo+e+de+Wesley.+O+c%20https%3A%2F%2Fwww.dailygood.org%2Fstory%2F1711%2Falgorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta%2F" target="_blank" class="share-icon d-none d-sm-inline-flex" aria-label="Share on WhatsApp"> <i class="fab fa-whatsapp"></i> </a> </div> </div> </div>   <div class="comments-section mt-3 border-top-0"> <a name="addcomment"></a> <h3 class="h5 pb-2 section-header"> <i class="bi bi-chat-quote text-primary"></i> <span>COMMUNITY REFLECTIONS</span> <hr> </h3> <div class="alert alert-success mb-5" role="alert" id="cmtform_box"> <h5 class="card-title mb-3 fw-bold p-0 fs-2">SHARE YOUR REFLECTION</h5> <form id="comment-form" method="post" action="https://www.dailygood.org/story/1711/algorithms-and-love-dancing-with-the-creative-tension-of-our-times-nipun-mehta/"> <input type="hidden" name="t" value="addComment"> <input type="hidden" name="story_id" value="1711"> <input type="hidden" name="pcmt_id" id="pcmt_id" value=""> <div id="form-message-container" class="mb-3" style="display:none;"></div> <textarea id="comment_text" name="comment_text" rows="3" class="form-control mb-3" placeholder="Share your thoughts on this story..." required></textarea> <div class="row mt-3"> <div class="col-sm-6"> <div class="input-group mb-3"> <span class="input-group-text"><i class="far fa-user"></i></span> <input type="text" name="comment_name" id="comment_name" value="" class="form-control" placeholder="Your name" required> </div> </div> <div class="col-sm-6"> <div class="input-group mb-3"> <span class="input-group-text"><i class="far fa-envelope"></i></span> <input type="email" name="comment_email" id="comment_email" value="" class="form-control" placeholder="Your email (not published)" required> </div> </div> </div> <div class="d-flex justify-content-between align-items-center mt-3"> <div class="form-check"> <input class="form-check-input" type="checkbox" id="subscribe" name="subscribe" value="1"> <label class="form-check-label" for="subscribe"> Notify me of follow-up comments </label> </div> <div>  <button type="submit" class="btn btn-info px-4 g-recaptcha" data-sitekey="6Ld9FbYpAAAAAGIucyXK_lxDVb-6tDGgPuXN0OPm" data-callback='onSubmit' data-action='submit'> <i class="bi bi-send me-2"></i>Post Comment </button> </div> </div> </form> </div> <script src="https://www.google.com/recaptcha/enterprise.js?render=6Ld9FbYpAAAAAGIucyXK_lxDVb-6tDGgPuXN0OPm"></script> <script> function onSubmit(token) { document.getElementById("comment-form").submit(); }</script> <h3 class="h5 pb-2 section-header mt-5"> <i class="bi bi-people text-success"></i> <span>2 PAST RESPONSES</span> <hr> </h3> <div id="cmtlist" class="mt-4"> <div class="comment-item" id="cmt_6828"> <div class="comment-container"> <div class="comment-avatar"> <img src="https://pod.servicespace.org/pics/mem/blank.jpg" alt="User avatar"> </div> <div class="comment-content-wrapper"> <div class="comment-meta"> <span class="comment-author">Virginia Reeves</span> <span class="comment-date">Aug 18, 2017</span> <a href="https://www.dailygood.org/story/1711/-div-style-position-relative-padding-bottom-56-25-height-0-overflow-hidden-iframe-style-position-absolute-top-0-left-0-width-100-height-100-src-https-www-youtube-com-embed-epw-wogbine-rel-0-width-height-frameborder-0-nipun-mehta/?t=showComment&cid=6828" class="ms-auto link-icon text-muted"><i class='fa fa-link'></i></a> </div> <div class="comment-content"> <p>Really interesting look at humanity, machines, and how we interact. Thanks for sharing good insights and lots of food for thought.</p> </div> <div class="comment-actions"> <a href="https://www.dailygood.org/story/1711/-div-style-position-relative-padding-bottom-56-25-height-0-overflow-hidden-iframe-style-position-absolute-top-0-left-0-width-100-height-100-src-https-www-youtube-com-embed-epw-wogbine-rel-0-width-height-frameborder-0-nipun-mehta/?t=showComment&cid=6828#addcomment" class="reply-link" data-cmt-id="6828" data-cmt-author="Virginia Reeves"><i class="bi bi-reply"></i> Reply</a> <span class="btn-light post_btn small"></span> </div> </div> </div> </div> <div class="comment-item" id="cmt_6827"> <div class="comment-container"> <div class="comment-avatar"> <img src="https://pod.servicespace.org/pics/mem/blank.jpg" alt="User avatar"> </div> <div class="comment-content-wrapper"> <div class="comment-meta"> <span class="comment-author">Patrick Watters</span> <span class="comment-date">Aug 17, 2017</span> <a href="https://www.dailygood.org/story/1711/-div-style-position-relative-padding-bottom-56-25-height-0-overflow-hidden-iframe-style-position-absolute-top-0-left-0-width-100-height-100-src-https-www-youtube-com-embed-epw-wogbine-rel-0-width-height-frameborder-0-nipun-mehta/?t=showComment&cid=6827" class="ms-auto link-icon text-muted"><i class='fa fa-link'></i></a> </div> <div class="comment-content"> <p>Ah, beautiful indeed. Sharing but I suspect that maybe only the "nerds" & "geeks" out there will truly appreciate? };-) ❤️</p> </div> <div class="comment-actions"> <a href="https://www.dailygood.org/story/1711/-div-style-position-relative-padding-bottom-56-25-height-0-overflow-hidden-iframe-style-position-absolute-top-0-left-0-width-100-height-100-src-https-www-youtube-com-embed-epw-wogbine-rel-0-width-height-frameborder-0-nipun-mehta/?t=showComment&cid=6827#addcomment" class="reply-link" data-cmt-id="6827" data-cmt-author="Patrick Watters"><i class="bi bi-reply"></i> Reply</a> <span class="btn-light post_btn small"></span> </div> </div> </div> </div> </div> <script> $(document).ready(function() { // Toggle between short and full comments $('.see_full_cmt').on('click', function(e) { e.preventDefault(); var cid = $(this).attr('cid'); $('.short_cmt' + cid).hide(); $('.long_cmt' + cid).show(); }); $('.see_short_cmt').on('click', function(e) { e.preventDefault(); var cid = $(this).attr('cid'); $('.long_cmt' + cid).hide(); $('.short_cmt' + cid).show(); }); }); </script> </div>   </div> </div> </div> </div> </section> <script src="js/story.js?1aud"></script>  <footer class="footer"> <div class="container"> <div class="row"> <div class="col-md-5 mb-4 mb-md-0"> <h5 class="footer-title">About DailyGood</h5> <p class="footer-about-text"> For over 29 years, DailyGood has been a volunteer-led movement to share uplifting stories that connect hearts and inspire action — all without ads, agendas, or asks. Change the story, change the world. </p> <a href="about" class="footer-about-link"> <span>Learn Our Story</span> <i class="bi bi-arrow-right"></i> </a>  </div> <div class="col-md-1 mb-4 mb-md-0"></div> <div class="col-md-3 mb-4 mb-md-0"> <h5 class="footer-title">Get More Engaged</h5> <div class="footer-links"> <a href="subscribe">Subscribe to Our Newsletters</a> <a href="https://pod.servicespace.org/apply/" target="_blank">Join Peer-learning Pods</a> <a href="https://www.awakin.ai" target="_blank">Chat with Compassion AI</a> <a href="https://www.awakin.org/v2/calls" target="_blank">Listen to Awakin Podcast</a> </div> </div> <div class="col-md-3"> <h5 class="footer-title">Connect With Us</h5> <div class="footer-links"> <a href="suggest"><i class="bi bi-lightbulb me-2"></i>Suggest A Story</a> <a href="publish"><i class="bi bi-send me-2"></i>Share Your Story</a> <a href="my"><i class="bi bi-people me-2"></i>Volunteer With Us</a> <a href="contact"><i class="bi bi-envelope me-2"></i>Send An Email</a> </div> </div> </div> <div class="copyright text-center"> <p>DailyGood — a project of <a target='_blank' href="https://www.servicespace.org">ServiceSpace</a>.</p> </div> </div> </footer>  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>   <script src="js/scripts.js?1aud"></script> <script> (function() { 'use strict'; console.log('SSO: Script starting'); // Skip SSO on dev/coder environments — no production Pod to check against if (window.location.hostname.endsWith('.coder.dev.servicespace.org')) { console.log('SSO: Dev environment detected, skipping SSO check'); return; } // Cooldown periods (in milliseconds) var QUICK_COOLDOWN = 10000; // 10 seconds - between any checks (per-tab) var NOT_LOGGED_IN_TTL = 1800000; // 30 minutes - how long to remember "not logged in" var VISIBILITY_MIN_AGE = 300000; // 5 minutes - min age before tab-switch triggers recheck // When user returns to this tab after being away a while, clear the // "not logged in" cache so we re-check SSO status. This handles the // case where user logs in on another tab/site then returns here. document.addEventListener('visibilitychange', function() { if (document.visibilityState === 'visible') { var checkedAt = parseInt(localStorage.getItem('sso_not_logged_in_at') || '0'); if (checkedAt && (Date.now() - checkedAt >= VISIBILITY_MIN_AGE)) { console.log('SSO: Tab visible after 5+ min, clearing cache for fresh check'); localStorage.removeItem('sso_not_logged_in_at'); sessionStorage.removeItem('sso_last_attempt'); } } }); // Check if user just logged out - skip SSO check to prevent re-login loop if (document.cookie.indexOf('sso_logout=') !== -1) { console.log('SSO: Recent logout detected, skipping check'); // Clear the cookie now that we've respected it document.cookie = 'sso_logout=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;'; // Also cache that we're not logged in (prevents check on next tab) localStorage.setItem('sso_not_logged_in_at', Date.now().toString()); return; } var urlParams = new URLSearchParams(window.location.search); var ssoToken = urlParams.get('sso_token'); // Handle returning from redirect-based flow with sso_token if (ssoToken) { console.log('SSO: Has sso_token from redirect flow, completing login'); sessionStorage.setItem('sso_last_attempt', Date.now().toString()); // Clear the "not logged in" cache since we're about to log in localStorage.removeItem('sso_not_logged_in_at'); // Clean the URL by removing sso_token parameter var cleanUrl = window.location.href.split('?')[0]; var params = new URLSearchParams(window.location.search); params.delete('sso_token'); params.delete('sso_checked'); var remainingParams = params.toString(); if (remainingParams) { cleanUrl += '?' + remainingParams; } // Redirect to local login endpoint with the token window.location.href = '/sso/login.php?token=' + encodeURIComponent(ssoToken) + '&return=' + encodeURIComponent(cleanUrl); return; } // If sso_checked flag is present, Pod confirmed we're not logged in there if (urlParams.get('sso_checked')) { console.log('SSO: sso_checked param present, user not logged in on Pod'); // Store in localStorage so ALL tabs know we're not logged in localStorage.setItem('sso_not_logged_in_at', Date.now().toString()); sessionStorage.setItem('sso_last_attempt', Date.now().toString()); // Clean sso_checked from URL so it doesn't appear in shared/copied links var params = new URLSearchParams(window.location.search); params.delete('sso_checked'); var clean = params.toString(); var cleanUrl = window.location.pathname + (clean ? '?' + clean : '') + window.location.hash; history.replaceState(null, '', cleanUrl); return; } // Check localStorage cache: are we already confirmed "not logged in"? var notLoggedInAt = parseInt(localStorage.getItem('sso_not_logged_in_at') || '0'); if (notLoggedInAt && (Date.now() - notLoggedInAt < NOT_LOGGED_IN_TTL)) { console.log('SSO: Cached not-logged-in (' + Math.round((NOT_LOGGED_IN_TTL - (Date.now() - notLoggedInAt))/60000) + ' min remaining), skipping'); return; } // Quick cooldown: Don't check too frequently within same tab (10 seconds) var lastAttempt = parseInt(sessionStorage.getItem('sso_last_attempt') || '0'); if (Date.now() - lastAttempt < QUICK_COOLDOWN) { console.log('SSO: Within quick cooldown, skipping check'); return; } // Prevent concurrent checks if (window.ssoChecking) { console.log('SSO: Already checking, skipping'); return; } window.ssoChecking = true; // Helper function to do redirect-based SSO check function doRedirectCheck() { console.log('SSO: Using redirect approach'); sessionStorage.setItem('sso_last_attempt', Date.now().toString()); var returnUrl = encodeURIComponent(window.location.href); window.location.href = 'https://pod.servicespace.org/sso/check.php?return=' + returnUrl; } // Check if we already tried fetch and it failed (use redirect instead) var fetchFailed = sessionStorage.getItem('sso_fetch_failed'); if (fetchFailed) { console.log('SSO: Fetch previously failed, using redirect approach'); sessionStorage.removeItem('sso_fetch_failed'); doRedirectCheck(); return; } console.log('SSO: Starting fetch to Pod status endpoint'); // Try fetch approach first (works when third-party cookies allowed) fetch('https://pod.servicespace.org/sso/status.php', { method: 'GET', credentials: 'include', mode: 'cors', cache: 'no-store' }) .then(function(response) { console.log('SSO: Got response', response.status); if (!response.ok) throw new Error('Network error: ' + response.status); return response.json(); }) .then(function(data) { console.log('SSO: Parsed data', data); sessionStorage.setItem('sso_last_attempt', Date.now().toString()); if (data.logged_in && data.token) { console.log('SSO: User logged in on Pod, redirecting to local login'); // Clear cached "not logged in" since user IS logged in localStorage.removeItem('sso_not_logged_in_at'); window.location.href = '/sso/login.php?token=' + encodeURIComponent(data.token) + '&return=' + encodeURIComponent(window.location.href); } else if (!data.logged_in && data.cookie_present === false) { // Third-party cookies are blocked! // Pod didn't receive any cookies, so it can't know if user is logged in // Try redirect fallback which uses first-party Pod cookie console.log('SSO: Cookies blocked (third-party), trying redirect fallback'); doRedirectCheck(); } else { console.log('SSO: Not logged in on Pod (confirmed with cookies present)'); // User genuinely not logged in on Pod - cache in localStorage localStorage.setItem('sso_not_logged_in_at', Date.now().toString()); window.ssoChecking = false; } }) .catch(function(error) { console.log('SSO: Fetch failed:', error.message); // Mark that fetch failed so we use redirect sessionStorage.setItem('sso_fetch_failed', '1'); sessionStorage.setItem('sso_last_attempt', Date.now().toString()); doRedirectCheck(); }); })(); </script> </body> </html>