Display cards from a private Trello board without visitors needing a Trello account, or them needing to authorize via popup
<p>My company has a list of current projects on Trello (private board), and we'd love to display them on our website by connecting to the board so that they're always up-to-date.</p>

<p>Using <a href="http://jsfiddle.net/nnesx/"><strong>this example</strong></a>, I can now pull cards and render them on the page, but only after you click "Connect to Trello".</p>

<p>Why does a user need to connect at all? They're MY cards on MY board, so is there a way to just...show them the cards (they would only need to be read-only...users cannot edit/interact with them)? Trello should only have to authenticate <strong>me</strong>, not visitors to my website.</p>

<p>Are there any code solutions?</p>

<p>Here's my current JS snippet:</p>

<pre><code>    &lt;script src="https://api.trello.com/1/client.js?key=[MY-APP-KEY]"&gt;&lt;/script&gt;


&lt;script&gt;
  var onAuthorize = function() {
      updateLoggedIn();
      $("#projects").empty();

      Trello.members.get("me", function(member){          
          var $item = "&lt;tr&gt;&lt;td class='subhead disabled'&gt;Loading projects...&lt;/td&gt;&lt;/tr&gt;";
          $("#projects").html($item);

          // Output a list of all of the cards that the member 
          // is assigned to
          Trello.lists.get("[MY-TRELLO-LIST-ID]/cards", function(cards) {
              $("#projects").html("");
              $item = "";
              $.each(cards, function(ix, card) {
                  // OUTPUT THEM ON THE PAGE
                  $("#projects").append($item);
              });  
          });
      });
  };

  var updateLoggedIn = function() {
      var isLoggedIn = Trello.authorized();
      $("#loggedout").toggle(!isLoggedIn);
      $("#loggedin").toggle(isLoggedIn);        
  };

  var logout = function() {
      Trello.deauthorize();
      updateLoggedIn();
  };

  Trello.authorize({
      interactive:false,
      success: onAuthorize
  });

&lt;/script&gt;
</code></pre>