front-page.php

<?php get_header(); ?>

    <div id="purpose">
        <p>
            <span>We're dedicated</span>
            <span>to empowering</span>
            <span>students to</span>
            <strong>stay in school</strong>
            <span>and achieve</span>
            <span>in life.</span>
        </p>
    </div>

    <div id="intro">
        <?php if ( function_exists( 'pods') ) : ?>
            <ol>
                <?php
                $pods = pods( 'homepage_slide   ', array(
                    'where'   => "t.published = 1",
                    'orderby' => 't.sort_order ASC',
                    'limit'   => 4,
                ) );
                $slide_counter   = 0;
                while ( $pods->fetch() ) :
                    $name      = $pods->display( 'name' );
                    $link      = $pods->display( 'link' );
                    $teaser    = $pods->display( 'teaser' );
                    $video_id  = $pods->display( 'video_id' );
                    $image     = wp_get_attachment_image_src( $pods->display( 'image.ID' ), 'slide' );

                    $a_open = $a_close = '';
                    if ($link != '') :
                        $a_open = '<a href="' . $link . '">';
                        $a_close = '</a>';
                    endif;
                    ?>
                    <li id="slide-<?php echo ++$slide_counter; ?>"<?php if ( 1 == $slide_counter ) echo ' class="current"'; ?>>
                        <?php if ( '' != $video_id ) : ?>
                            <div id="video<?php echo $slide_counter; ?>" class="video slide" data-video="<?php echo $video_id; ?>"></div>
                        <?php else : ?>
                            <div class="slide"><?php echo $a_open; ?><img src="<?php echo $image[0]; ?>" alt="<?php echo $name; ?>" /><?php echo $a_close; ?></div>
                        <?php endif; ?>
                        <div class="excerpt"><?php echo $a_open; ?>
                            <?php echo $teaser; ?>
                            <p class="more">More</p>
                        <?php echo $a_close; ?></div>
                    </li>
                    <?php
                endwhile;
                ?>
            </ol>
            <div id="key" class="cols-<?php echo $slide_counter; ?>">
                <?php for ( $i = 1; $i <= $slide_counter; $i++ ) : ?>
                    <a href="#slide-<?php echo $i; ?>"<?php if ($i == 1) echo ' class="current"'; ?>><b><?php echo $i; ?></b></a>
                <?php endfor; ?>
            </div>
        <?php endif; ?>
    </div>

    <div id="take-action">
        <h3>What <strong>you</strong> can do</h3>
        <ol>
            <li class="learn">
                <h4>Learn</h4>
                <p>Learn about the crisis and what we are doing to end it.</p>
            </li>
            <li class="volunteer">
                <h4>Volunteer</h4>
                <p>

Volunteer to make a difference in the life of a child.</p>
            </li>
            <li class="advocate">
                <h4>Advocate</h4>
                <p>Advocate for education and better resources for PA youth.</p>
            </li>
            <li class="give">
                <h4>Give</h4>
                <p>Give to change the future of children and Pennsylvania.</p>
            </li>
        </ol>
    </div>

    <div id="content">

        <div id="five-basics">
            <h3>The 5 Basics</h3>
            <p>Communities In Schools believes every child needs and deserves these five essential things:</p>
            <ol>
                <li id="basic-1">A one-on-one caring relationship with an adult.</li>
                <li id="basic-2">A safe place to learn and grow.</li>
                <li id="basic-3">A healthy start and a healthy future.</li>
                <li id="basic-4">A marketable skill to use upon graduation.</li>
                <li id="basic-5">A chance to give back to peers and community.</li>
            </ol>
        </div>

        <div id="primary">

            <div id="news">
                <h2>Recent News</h2>
                <?php
                $news = new WP_Query( array(
                    'posts_per_page' => 4,
                ) );
                if ( $news->have_posts() ) : ?>
                    <ul>
                        <?php while ( $news->have_posts() ) : $news->the_post(); ?>
                            <li><a href="<?php the_permalink(); ?>#<?php echo $i; ?>">
                                <?php
                                if ( has_post_thumbnail() ) :
                                    echo get_the_post_thumbnail( $post->ID, 'thumbnail', array( 'alt' => get_the_title(), 'title' => '', 'width' => 80, 'height' => 80 ) );
                                else:
                                    ?><img src="<?php echo get_template_directory_uri(); ?>/images/no-image-thumbnail.png" width="80" height="80" alt=""><?php
                                endif;
                                ?>
                                <h3><?php echo strip_tags( get_the_title() ); ?></h3>
                                <p class="meta"><?php cispa_theme_posted_on(); ?></p>
                            </a></li>
                        <?php endwhile; ?>
                    </ul>
                <?php endif; ?>
                <?php wp_reset_postdata(); // prevent weirdness ?>
            </div>

            <aside id="twitter">
                <?php if ( function_exists( 'get_twitterlitter') ) : ?>
                    <?php
                    $twitter = get_twitterlitter( array( 'limit' => 1 ) );
                    if ( is_array( $twitter->tweets ) ) : ?>
                        <?php foreach($twitter->tweets as $tweet) : ?>
                            <p class="tweet"><?php echo $tweet->content; ?></p>
                            <p class="meta">
                                <a href="<?php echo $twitter->user_link ?>" class="user" rel="external">@<?php echo $twitter->user_name ?></a>
                                posted <?php echo $tweet->when; ?>
                                <span class="sep">|</span>
                                <a href="<?php echo $twitter->user_link ?>" class="follow" rel="external">follow</a>
                            </p>
                        <?php endforeach; ?>
                    <?php else : ?>
                        <p>Sorry, no tweets at the moment.</p>
                    <?php endif; ?>
                <?php endif; ?>
            </aside>

            <form id="subscribe" action="http://visitor.r20.constantcontact.com/d.jsp?llr=qs44bzbab&p=oi&m=1101426327120&sit=wolwp5ybb&f=d63e9ae1-8db6-47f0-aecd-f45474a28a0c" target="_blank" method="post">
                <h3><strong>Stay Informed!</strong> Join our Mailing List:</h3>
                <input type="text" name="ea">
                <input type="submit" value="Submit">
                <input type="hidden" name="llr" value="x7hzg8cab">
                <input type="hidden" name="m" value="1102572199831">
                <input type="hidden" name="p" value="oi">
            </form>

        </div><!-- #primary -->

        <?php get_sidebar(); ?>
        <?php include( get_template_directory() . '/inc/share.php' ); ?>

    </div><!-- #content -->

<?php get_footer(); ?>