Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

initial convertion to WP theme.

  • Loading branch information...
commit 0fcb2ce204c5f9b3704f9f27172f698a4ca812a1 1 parent 31e621d
@wenbert authored
View
0  stylesheets/base.css → css/base.css
File renamed without changes
View
0  stylesheets/layout.css → css/layout.css
File renamed without changes
View
0  stylesheets/skeleton.css → css/skeleton.css
File renamed without changes
View
24 functions.php
@@ -0,0 +1,24 @@
+<?php
+
+if ( ! function_exists( 'wpbp_posted_on' ) ) :
+/**
+* Prints HTML with meta information for the current post-date/time and author.
+*
+* @since Wordpress Blueprint
+*/
+function wpbp_posted_on() {
+ printf( __( '<span class="%1$s">Posted on</span> %2$s <span class="meta-sep">by</span> %3$s', 'wpbp' ),
+ 'meta-prep meta-prep-author',
+ sprintf( '<a href="%1$s" title="%2$s" rel="bookmark"><span class="entry-date">%3$s</span></a>',
+ get_permalink(),
+ esc_attr( get_the_time() ),
+ get_the_date()
+ ),
+ sprintf( '<span class="author vcard"><a class="url fn n" href="%1$s" title="%2$s">%3$s</a></span>',
+ get_author_posts_url( get_the_author_meta( 'ID' ) ),
+ sprintf( esc_attr__( 'View all posts by %s', 'wpbp' ), get_the_author() ),
+ get_the_author()
+ )
+ );
+}
+endif;
View
8 index.html
@@ -21,9 +21,9 @@
<!-- CSS
================================================== -->
- <link rel="stylesheet" href="stylesheets/base.css">
- <link rel="stylesheet" href="stylesheets/skeleton.css">
- <link rel="stylesheet" href="stylesheets/layout.css">
+ <link rel="stylesheet" href="css/base.css">
+ <link rel="stylesheet" href="css/skeleton.css">
+ <link rel="stylesheet" href="css/layout.css">
<!-- Favicons
================================================== -->
@@ -111,7 +111,7 @@ <h1 class="remove-bottom" style="margin-top: 40px">Skeleton</h1>
<!-- JS
================================================== -->
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
- <script src="javascripts/tabs.js"></script>
+ <script src="js/tabs.js"></script>
<!-- End Document
================================================== -->
View
116 index.php
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
+<head>
+
+<!-- Basic Page Needs
+================================================== -->
+<meta charset="utf-8">
+<title>
+ <?php
+ global $page, $paged;
+ wp_title( '|', true, 'right' );
+ bloginfo( 'name' );
+ $site_description = get_bloginfo( 'description', 'display' );
+
+ if ( $site_description && ( is_home() || is_front_page() ) ) {
+ echo " | $site_description";
+ }
+
+ if ( $paged >= 2 || $page >= 2 ) {
+ echo ' | ' . sprintf( __( 'Page %s', 'twentyeleven' ), max( $paged, $page ) );
+ }
+ ?>
+</title>
+<meta name="description" content="">
+<meta name="author" content="">
+<!--[if lt IE 9]>
+<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+<![endif]-->
+
+<!-- Mobile Specific Metas
+================================================== -->
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+
+<!-- CSS
+================================================== -->
+<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
+<link rel="stylesheet" href="<?php echo get_bloginfo('template_directory') ?>/css/base.css">
+<link rel="stylesheet" href="<?php echo get_bloginfo('template_directory') ?>/css/skeleton.css">
+<link rel="stylesheet" href="<?php echo get_bloginfo('template_directory') ?>/css/layout.css">
+
+<!-- Favicons
+================================================== -->
+<link rel="shortcut icon" href="<?php echo get_bloginfo('template_directory') ?>/images/favicon.ico">
+<link rel="apple-touch-icon" href="<?php echo get_bloginfo('template_directory') ?>/images/apple-touch-icon.png">
+<link rel="apple-touch-icon" sizes="72x72" href="<?php echo get_bloginfo('template_directory') ?>/images/apple-touch-icon-72x72.png">
+<link rel="apple-touch-icon" sizes="114x114" href="<?php echo get_bloginfo('template_directory') ?>/images/apple-touch-icon-114x114.png">
+
+</head>
+<body>
+
+
+
+ <!-- Primary Page Layout
+ ================================================== -->
+<div class="container">
+ <header class="sixteen columns clearfix" style="background-color: #ccc;">
+ <h1><?php bloginfo( 'name' ); ?></h1>
+ <h2 class="alt" id="site-description"><?php bloginfo( 'description' ); ?></h2>
+ </header>
+
+ <nav class="sixteen columns clearfix" id="access" role="navigation">
+ <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
+ </nav>
+
+ <div class="twelve columns clearfix">
+
+ <?php
+ /* Run the loop to output the posts.
+ * If you want to overload this in a child theme then include a file
+ * called loop-index.php and that will be used instead.
+ */
+ get_template_part( 'loop', 'index' );
+ ?>
+ <div class="row">
+ <div class="six columns alpha">
+ <div style="border: 1px solid #000;">
+ <h2>Nested one</h2>
+ This is a test!
+ </div>
+ </div>
+ <div class="six columns omega">
+ <div style="border: 1px solid #000;">
+ <h2>Nested twoooo</h2>
+ And so is this.
+ </div>
+ </div>
+ </div>
+
+
+ </div>
+ <section class="four columns clearfix">
+ <?php get_sidebar(); ?>
+ </section>
+
+ <section class="sixteen columns clearfix">
+ <p>
+ This is a section just above the footer.
+ </P>
+ </section>
+
+ <footer class="sixteen columns">
+ &copy; Copyright <?php date('Y') ?>. This is the footer.
+ </footer>
+</div>
+<!-- JS
+================================================== -->
+<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
+<script src="<?php echo get_bloginfo('template_directory') ?>/js/tabs.js"></script>
+
+<!-- End Document
+================================================== -->
+</body>
+</html>
View
0  javascripts/tabs.js → js/tabs.js
File renamed without changes
View
109 loop.php
@@ -0,0 +1,109 @@
+<?php
+/**
+ * The loop that displays posts.
+ *
+ * The loop displays the posts and the post content. See
+ * http://codex.wordpress.org/The_Loop to understand it and
+ * http://codex.wordpress.org/Template_Tags to understand
+ * the tags used in it.
+ *
+ * This can be overridden in child themes with loop.php or
+ * loop-template.php, where 'template' is the loop context
+ * requested by a template. For example, loop-index.php would
+ * be used if it exists and we ask for the loop with:
+ * <code>get_template_part( 'loop', 'index' );</code>
+ *
+ * @package WordPress
+ * @subpackage Wordpress_Blueprint
+ */
+?>
+
+<?php /* Display navigation to next/previous pages when applicable */ ?>
+<?php if ( $wp_query->max_num_pages > 1 ) : ?>
+ <div id="nav-above" class="navigation">
+ <div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">&larr;</span> Older posts', 'wpbp' ) ); ?></div>
+ <div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">&rarr;</span>', 'wpbp' ) ); ?></div>
+ </div><!-- #nav-above -->
+<?php endif; ?>
+
+<?php /* If there are no posts to display, such as an empty archive page */ ?>
+<?php if ( ! have_posts() ) : ?>
+ <div id="post-0" class="post error404 not-found">
+ <h1 class="entry-title"><?php _e( 'Not Found', 'wpbp' ); ?></h1>
+ <div class="entry-content">
+ <p><?php _e( 'Apologies, but no results were found for the requested archive. Perhaps searching will help find a related post.', 'wpbp' ); ?></p>
+ <?php get_search_form(); ?>
+ </div><!-- .entry-content -->
+ </div><!-- #post-0 -->
+<?php endif; ?>
+
+<?php
+ /* Start the Loop.
+ *
+ * In Twenty Ten we use the same loop in multiple contexts.
+ * It is broken into three main parts: when we're displaying
+ * posts that are in the gallery category, when we're displaying
+ * posts in the asides category, and finally all other posts.
+ *
+ * Additionally, we sometimes check for whether we are on an
+ * archive page, a search page, etc., allowing for small differences
+ * in the loop on each template without actually duplicating
+ * the rest of the loop that is shared.
+ *
+ * Without further ado, the loop:
+ */ ?>
+<?php while ( have_posts() ) :
+ the_post(); ?>
+ <article class="front">
+ <div class="t" id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+ <h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'wpbp' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
+ </div>
+
+ <div class="entry-meta" >
+ <?php wpbp_posted_on(); ?>
+ </div><!-- .entry-meta -->
+
+ <?php if ( is_archive() || is_search() ) : // Only display excerpts for archives and search. ?>
+ <div class="span-16 last entry-summary">
+ <?php the_excerpt(); ?>
+ </div><!-- .entry-summary -->
+ <?php else : ?>
+ <div class="entry-content">
+ <?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'wpbp' ) ); ?>
+ <?php wp_link_pages( array( 'before' => '<div class="page-link">' . __( 'Pages:', 'wpbp' ), 'after' => '</div>' ) ); ?>
+ </div><!-- .entry-content -->
+ <?php endif; ?>
+
+ <div class="entry-utility">
+ <?php if ( count( get_the_category() ) ) : ?>
+ <span class="cat-links">
+ <?php printf( __( '<span class="%1$s">Posted in</span> %2$s', 'wpbp' ), 'entry-utility-prep entry-utility-prep-cat-links', get_the_category_list( ', ' ) ); ?>
+ </span>
+ <span class="meta-sep">|</span>
+ <?php endif; ?>
+ <?php
+ $tags_list = get_the_tag_list( '', ', ' );
+ if ( $tags_list ):
+ ?>
+ <span class="tag-links">
+ <?php printf( __( '<span class="%1$s">Tagged</span> %2$s', 'wpbp' ), 'entry-utility-prep entry-utility-prep-tag-links', $tags_list ); ?>
+ </span>
+ <span class="meta-sep">|</span>
+ <?php endif; ?>
+ <span class="comments-link"><?php comments_popup_link( __( 'Leave a comment', 'wpbp' ), __( '1 Comment', 'wpbp' ), __( '% Comments', 'wpbp' ) ); ?></span>
+ <?php edit_post_link( __( 'Edit', 'wpbp' ), '<span class="meta-sep">|</span> <span class="edit-link">', '</span>' ); ?>
+ </div><!-- .entry-utility -->
+
+ <?php comments_template( '', true ); ?>
+
+ </article>
+
+<?php endwhile; // End the loop. Whew. ?>
+
+<?php /* Display navigation to next/previous pages when applicable */ ?>
+<?php if ( $wp_query->max_num_pages > 1 ) : ?>
+ <div id="nav-below" class="navigation">
+ <div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">&larr;</span> Older posts', 'wpbp' ) ); ?></div>
+ <div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">&rarr;</span>', 'wpbp' ) ); ?></div>
+ </div><!-- #nav-below -->
+<?php endif; ?>
View
BIN  screenshot.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
106 style.css
@@ -0,0 +1,106 @@
+/*
+Theme Name: Ekini WP Skeleton
+Theme URI: http://blog.ekini.net
+Description: A responsive layout for Wordpress. Uses http://getskeleton.com/ (Skeleton Version 1.1)
+Author: Wenbert Del Rosario
+Version: 1.0
+License: MIT
+License URI: http://www.opensource.org/licenses/mit-license.php
+Tags: responsive, responsive layout, css3, mediaqueries, skeleton
+*/
+
+
+#access {
+ background: #000;
+ display: block;
+ float: left;
+}
+
+#access .menu-header,
+div.menu {
+
+}
+
+#access .menu-header ul,
+div.menu ul {
+ list-style: none;
+ margin: 0;
+}
+
+#access .menu-header li,
+div.menu li {
+ float: left;
+ position: relative;
+ margin: 0px;
+}
+
+#access a {
+ color: #aaa;
+ display: block;
+ /*line-height: 38px;*/
+ padding: 0 10px;
+ text-decoration: none;
+}
+
+#access ul ul {
+ box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
+ -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
+ -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
+ display: none;
+ position: absolute;
+ top: 38px;
+ left: 0;
+ float: left;
+ width: 180px;
+ z-index: 99999;
+}
+
+#access ul ul li {
+ min-width: 180px;
+}
+
+#access ul ul ul {
+ left: 100%;
+ top: 0;
+}
+
+#access ul ul a {
+ background: #333;
+ line-height: 1em;
+ padding: 10px;
+ width: 160px;
+ height: auto;
+}
+
+#access li:hover > a,
+#access ul ul :hover > a {
+ background: #333;
+ color: #fff;
+}
+
+#access ul li:hover > ul {
+ display: block;
+}
+
+#access ul li.current_page_item > a,
+#access ul li.current-menu-ancestor > a,
+#access ul li.current-menu-item > a,
+#access ul li.current-menu-parent > a {
+ color: #fff;
+}
+
+* html #access ul li.current_page_item a,
+* html #access ul li.current-menu-ancestor a,
+* html #access ul li.current-menu-item a,
+* html #access ul li.current-menu-parent a,
+* html #access ul li a:hover {
+ color: #fff;
+}
+
+.front{
+ margin-bottom: 20px;
+}
+
+footer {
+ text-align: center;
+}
Please sign in to comment.
Something went wrong with that request. Please try again.