<%@ Control Language="C#" AutoEventWireup="true" %>
<%@ Register Namespace="umbraco.uicontrols" Assembly="controls" TagPrefix="umb" %>
<%@ Register TagPrefix="umb" Namespace="ClientDependency.Core.Controls" Assembly="ClientDependency.Core" %>

<umb:CssInclude runat="server" FilePath="propertypane/style.css"  PathNameAlias="UmbracoClient" />

<div class="dashboardWrapper">
    <h2>Start here</h2>
    <img src="./dashboard/images/logo32x32.png" alt="Umbraco" class="dashboardIcon" />
    <h3>Get started with Media right now</h3>
    <p>Use the tool below to upload your images or documents to a media folder.</p>
    <h3>Follow these steps:</h3>
    <div class="dashboardColWrapper">
        <div class="dashboardCols">
            <div class="dashboardCol">
                <ul>
                    <li>Click <strong>Install</strong> and follow the on screen instructions to install the <strong>Desktop Media Uploader</strong></li>
                    <li>Enter your login details for the site and click <strong>Sign In</strong></li>
                    <li>Choose a media folder to upload files to from the <strong>Upload files to...</strong> dropdown list</li>
                    <li>Drag the files and folders you wish to upload directly into the <strong>Desktop Media Uploader</strong> application</li>
                    <li>Click <strong>Upload</strong> to start uploading</li>
                </ul>
                <p>For a more thorough guide on how to use the <strong>Desktop Media Uploader</strong>, <a href="http://screenr.com/vXr" target="_blank">checkout this video</a>.</p>
            </div>
        </div>
    </div>
</div>
