<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Threadir - Start a Conversation</title>
        <meta content="text/html;charset=UTF-8" http-equiv="Content-Type" />
        <link href="http://cdn.threadir.com/img/favicon.ico?6d9ef" rel="SHORTCUT ICON" />
        <script src="http://cdn.threadir.com/src/jquery-prod.js?6d9ef" type="text/javascript"></script>
        <script src="http://cdn.threadir.com/src/main.js?6d9ef" type="text/javascript"></script>
        <link href="http://cdn.threadir.com/src/main.css?6d9ef" type="text/css" rel="stylesheet" />
        <link href="http://cdn.threadir.com/src/welcome.css?6d9ef" type="text/css" rel="stylesheet" />
    </head>
    <body>
        <script type="text/javascript">
            var $userStart            = 'http://threadir.com/';
            var $postCode             = '';
            var $apiGetWebItem        = 'http://threadir.com/post/getWebItem';
            var $apiDeleteComment     = 'http://threadir.com/api/deletecomment';
            var $apiListUserThreads   = 'http://threadir.com/api/listuserthreads';
            var $maxCommentLength     = 2000;
            var $apiListUserComments  = 'http://threadir.com/api/listusercomments';
            var $apiCountAlerts       = 'http://threadir.com/api/countalerts';
            var $apiPullAlerts        = 'http://threadir.com/api/pullalerts';
            var $apiDismissPopup      = 'http://threadir.com/api/dismisspopup';
            var $apiWatchlistSet      = 'http://threadir.com/api/watchlistset';
            var $apiPullFeed          = 'http://threadir.com/api/pullfeed';
            var $documentTitle        = "Threadir - Start a Conversation";
            
        </script>
        <div id="userBar">
            <div id="innerUserBar">
                <div id="logoDiv">
                    <div style="float: left;">
                        <a href="http://threadir.com/">
                            <img src="http://cdn.threadir.com/img/logo.png?6d9ef" alt="Threadir" />
                        </a>
                    </div>
                    <div style="clear: both;"> </div>
                </div>
                <div style="float: right;" id="accountInfo">
                    <div style="margin-top: 6px;">
                        <a href="http://threadir.com/login">
                            <img src="http://cdn.threadir.com/img/sign_in.png?6d9ef" alt="Sign in with Twitter" />
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div id="contentDiv">
            <div id="welcomeMain">
                <div>
                    <div style="height: 30px;"> </div>
                    <div class="greyBox" id="welcomeFirst">Threadir is an easy way to have a conversation with your Twitter friends</div>
                    <div class="greyBox" id="signInBubble">Sign in using your Twitter account and get started right now!</div>
                    <div style="clear: both;"> </div>
                </div>
                <div class="greyBox" id="welcomeMsg">
                    <div style="float: left; width: 200px;">
                        <div style="margin-left: 30px; margin-top: 20px;">
                            <img src="http://cdn.threadir.com/img/icon2.png?6d9ef" alt="Threadir" />
                        </div>
                    </div>
                    <div style="float: left; width: 500px; margin-left: 20px;">
                        <div style="font-weight: bold; margin-bottom: 5px;">Welcome to Threadir!</div>
                        <div>If you use Twitter, you're often encouraged to "Join the conversation." This can be difficult at times using Tweets alone. Sometimes you have a lot to say, and sometimes a group of people want to say things to each other. Keeping track of everybody's comments is difficult with most Twitter clients. Twitter is an incredibly rich source of conversation material, but few clients can actually manage conversations well. This is why we made Threadir (pronounced Threader). Our goal is to help you have fun and productive discussions with your Twitter network.</div>
                    </div>
                    <div style="clear: both;"> </div>
                </div>
                <div class="greyBox" id="howItWorks">
                    <div id="howItWorksTitle">How it works</div>
                    <div style="clear: both;"> </div>
                    <div style="margin-left: 15px;" class="welcomeStep" id="welcomeStep1">
                        <div class="stepTitle">Step 1</div>
                        <div>Sign in with Twitter</div>
                        <div class="stepImage">
                            <img src="http://cdn.threadir.com/img/step1.png?6d9ef" alt="Step 1" />
                        </div>
                        <div>If you have a Twitter account, you're already set up. Just click the "Sign in with Twitter" button and authorize Threadir as an app.</div>
                    </div>
                    <div class="welcomeStep" id="welcomeStep2">
                        <div class="stepTitle">Step 2</div>
                        <div>Start and share a thread</div>
                        <div class="stepImage">
                            <img src="http://cdn.threadir.com/img/step2.png?6d9ef" alt="Step 2" />
                        </div>
                        <div>Click the "Start a thread" link and then say whatever's on your mind. If you request it, we will post a link to the thread to your Twitter feed.</div>
                    </div>
                    <div class="welcomeStep" id="welcomeStep3">
                        <div class="stepTitle">Step 3</div>
                        <div>Have a conversation!</div>
                        <div class="stepImage">
                            <img src="http://cdn.threadir.com/img/step3.png?6d9ef" alt="Step 3" />
                        </div>
                        <div>After you create the thread, your friends from Twitter will see the new thread, then they can jump in and start commenting.</div>
                    </div>
                    <div style="clear: both;"> </div>
                    <div style="margin-top: 25px; font-weight: bold;">
                        Need more information? Check out our <a href="http://threadir.com/help">help section</a>!
                    </div>
                </div>
            </div>
        </div>
        <div id="copyrightDiv">
            <div>&copy;2011-2012 Threadir.com. All rights reserved.</div>
            <div>contact: <a href="mailto:support@threadir.com">support@threadir.com</a>, <a href="http://twitter.com/threadir">@threadir</a></div>
        </div>
        <div id="alertPopup">
            <div id="alertPopupPicture">
                <img src="" alt="User" id="alertPopupPictureImg" />
            </div>
            <div id="alertPopupDesc">
                <div id="alertPopupUserName"></div>
                <div id="alertPopupType"> </div>
            </div>
            <div id="alertPopupClose">
                <a id="closePopup">
                    <img src="http://cdn.threadir.com/img/close.gif?6d9ef" alt="Close" />
                </a>
            </div>
            <div style="clear: both;"> </div>
            <div id="alertPopupText">
                <a href="" id="alertPopupLink"></a>
                <a href="" id="alertPopupViewLink">[view]</a>
            </div>
            <div id="alertPopupViewAll">
                <a href="http://threadir.com/alerts">view all alerts</a>
            </div>
        </div>
        <script type="text/javascript"></script>
    </body>
</html>
