edge_framework 0.6.0 → 0.6.1

data/lib/edge_framework.rb

@@ -1,86 +1,86 @@
-root = File.join(File.dirname(__FILE__), "..")
-require "edge/version"
-require "win32console" # Command line color for Windows
-require "fileutils" # Copy files
-
-module Edge
-	require "edge/console"
-	require "edge/version"
-	require "edge/message"
-
-	@console = Edge::Console.new
-
-	# Create project
-	def self.create(type, name)
-		# If name is specified, create new directory
-		if name
-			puts "Creating #{ @console.magenta(name) } as #{ @console.yellow(type) } project..."
-
-			FileUtils.mkdir( name )
-			destination = File.join( Dir.pwd, name )
-		# If type is specified, create new file in the current directory
-		elsif type
-			puts "Generating #{ @console.yellow(type) } template..."
-			destination = Dir.pwd
-		else
-			puts CREATE_WRONG_SYNTAX
-			return false
-		end
-
-		# Gem home directory
-		home = File.expand_path( "..", File.dirname(__FILE__) )
-		template = File.join( home, "template" )
-
-		# Copy template files
-		template_type = File.join( template, type )
-		# If directory doesn't exist
-		if !File.directory?(template_type)
-			puts "#{ @console.red('Template not found') }"
-			puts AVAILABLE_TEMPLATE
-			return false
-		end
-		FileUtils.cp_r( Dir["#{template_type}/*"], destination )
-
-		# Copy base files
-		base = File.join( template, "base" )
-		FileUtils.cp_r( Dir["#{base}/*"], destination )
-
-		# Copy javascript files
-		js_source = File.join( home, "assets", "js" )
-		js_destination = File.join( destination, "assets", "js")
-		FileUtils.cp_r( Dir["#{js_source}/*"], js_destination )
-
-		if name.nil?
-			compass_command = "#{ @console.cyan('compass watch') }"
-		elsif name.match(/\s/)
-			compass_command = "#{ @console.cyan('compass watch') } #{ @console.cyan('"'+name+'"') }"
-		elsif name
-			compass_command = "#{ @console.cyan('compass watch') } #{ @console.cyan(name) }"
-		else
-			compass_command = "#{ @console.cyan('compass watch') }"
-		end
-		puts "#{ @console.green('Done!') } For starter, you can run #{ @console.cyan(compass_command) } to generate the CSS"
-	end
-
-	# Help message
-	def self.help()
-		puts HELP
-	end
-
-	# Error message for non-existance command
-	def self.not_found(command)
-		puts "The command '#{command}' does not exist. Run #{ @console.cyan("edge -h") } for available commands." 
-	end
-
-	# Generic message for command that is too long
-	def self.command_too_long()
-		puts "Passed parameters exceed limits. If your #{ @console.cyan("project_name") } contains space, enclose it with double-quote (\")"
-	end
-end
-
-if defined?(Compass)
-	Compass::Frameworks.register("edge",
-		:stylesheets_directory => File.join(root,"assets/sass"),
-		:templates_directory => File.join(root,"templates")
-	)
+root = File.join(File.dirname(__FILE__), "..")
+require "edge/version"
+require "win32console" # Command line color for Windows
+require "fileutils" # Copy files
+
+module Edge
+	require "edge/console"
+	require "edge/version"
+	require "edge/message"
+
+	@console = Edge::Console.new
+
+	# Create project
+	def self.create(type, name)
+		# If name is specified, create new directory
+		if name
+			puts "Creating #{ @console.magenta(name) } as #{ @console.yellow(type) } project..."
+
+			FileUtils.mkdir( name )
+			destination = File.join( Dir.pwd, name )
+		# If type is specified, create new file in the current directory
+		elsif type
+			puts "Generating #{ @console.yellow(type) } template..."
+			destination = Dir.pwd
+		else
+			puts CREATE_WRONG_SYNTAX
+			return false
+		end
+
+		# Gem home directory
+		home = File.expand_path( "..", File.dirname(__FILE__) )
+		template = File.join( home, "template" )
+
+		# Copy template files
+		template_type = File.join( template, type )
+		# If directory doesn't exist
+		if !File.directory?(template_type)
+			puts "#{ @console.red('Template not found') }"
+			puts AVAILABLE_TEMPLATE
+			return false
+		end
+		FileUtils.cp_r( Dir["#{template_type}/*"], destination )
+
+		# Copy base files
+		base = File.join( template, "base" )
+		FileUtils.cp_r( Dir["#{base}/*"], destination )
+
+		# Copy javascript files
+		js_source = File.join( home, "assets", "js" )
+		js_destination = File.join( destination, "assets", "js")
+		FileUtils.cp_r( Dir["#{js_source}/*"], js_destination )
+
+		if name.nil?
+			compass_command = "#{ @console.cyan('compass watch') }"
+		elsif name.match(/\s/)
+			compass_command = "#{ @console.cyan('compass watch') } #{ @console.cyan('"'+name+'"') }"
+		elsif name
+			compass_command = "#{ @console.cyan('compass watch') } #{ @console.cyan(name) }"
+		else
+			compass_command = "#{ @console.cyan('compass watch') }"
+		end
+		puts "#{ @console.green('Done!') } For starter, you can run #{ @console.cyan(compass_command) } to generate the CSS"
+	end
+
+	# Help message
+	def self.help()
+		puts HELP
+	end
+
+	# Error message for non-existance command
+	def self.not_found(command)
+		puts "The command '#{command}' does not exist. Run #{ @console.cyan("edge -h") } for available commands." 
+	end
+
+	# Generic message for command that is too long
+	def self.command_too_long()
+		puts "Passed parameters exceed limits. If your #{ @console.cyan("project_name") } contains space, enclose it with double-quote (\")"
+	end
+end
+
+if defined?(Compass)
+	Compass::Frameworks.register("edge",
+		:stylesheets_directory => File.join(root,"assets/sass"),
+		:templates_directory => File.join(root,"templates")
+	)
 end

data/template/base/assets/sass/_setting.scss

@@ -16,36 +16,41 @@
 
 // ------------------------------
 // COLOR
-// Two main colors of your site
+//   Two main colors of your site
 // ------------------------------
-// $main-color    : #0173BC;
-// $sub-color     : #E9E9E9;
+// $main-color    : #0173bc;
+// $sub-color     : #e9e9e9;
 
 // -----------------------
 // COLOR PALETTE
-// These colors below should NEVER be used directly to style
-// set to another variable like $header-color: $blue-color;
+//   These colors below should NEVER be used directly to style
+//   set to another variable like $header-color: $blue-color;
 // ----------------------------------------------------------
-// $passive-color : #E9E9E9;
-// $blue-color    : #0173BC;
-// $yellow-color  : #DBA924;
-// $red-color     : #DA2E18;
-// $green-color   : #2CAE34;
+// $passive-color : #e9e9e9;
+// $blue-color    : #0173bc;
+// $yellow-color  : #dba924;
+// $red-color     : #da2e18;
+// $green-color   : #2cae34;
 
-// ---------------
+// ---------------------------
 // OUTPUT CONFIG
-// ---------------
-// $debug : false;  // No effect currently, will be used for nifty-stuff in the future
+//   debug      - if true : disable em conversion (will add neat effect in the future)
+//   responsive - if false: disable the grid from shrinking down
+//   include    - if false: remove the CSS output, but can still use the mixin
+// ------------------------------------------------------------------------------
+// $debug : false;
+// $responsive : true;
 
-// $include-normalize  : true;
+// $include-typography : true;
 // $include-grid       : true;
 // $include-block-grid : true;
 // $include-visibility : true;
 
-// $include-button     : true;
-// $include-form       : true;
-// $include-typography : true;
-// $include-print      : true;
+// $include-button  : true;
+// $include-form    : true;
+// $include-print   : true;
+
+// $include-code    : false;
 
 // ------
 // BODY
@@ -56,7 +61,7 @@
 // $body-font-style  : normal;
 
 // $body-font-size   : 16px;   // Also being used as base-value for pixel->em converter
-// $body-line-height : 1;
+// $body-line-height : 1.5;
 
 // ---------------
 // GLOBAL VALUE
@@ -69,7 +74,7 @@
 // --------
 // $row-max-width   : 1140px;
 // $total-columns   : 12;
-// $column-distance : em(20px);
+// $column-distance : 20px;
 
 // ------------
 // BLOCK-GRID
@@ -78,7 +83,7 @@
 // $block-distance  : 15px;
 
 // ---------------
-// Typography
+// TYPOGRAPHY
 // ---------------
 // $h1-font-size : 44px;
 // $h2-font-size : 36px;
@@ -90,7 +95,12 @@
 // $header-font-color  : $body-font-color;
 // $header-font-weight : 700;
 
-// $p-margin-bottom    : 24px;
+// $p-margin-bottom    : 1.5em;
+
+// -----------------
+// CODE Highlighter
+// -----------------
+// $code-theme  : light; // light or dark
 
 // -------------------
 // MEDIA QUERIES
@@ -104,7 +114,7 @@
 // ----------
 // BUTTON
 // ----------
-// $button-padding : em(10px 20px);
+// $button-padding : 10px 20px;
 
 // ------------------
 // TEXT DIRECTION

data/template/html/index.html

@@ -1,4 +1,4 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="UTF-8">

data/template/php/partials/header.php

@@ -1,4 +1,4 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="UTF-8">

data/template/wordpress/404.php

@@ -1,10 +1,11 @@
 <?php
-/**
- * The template for displaying Error 404 (Page not found)
- */
+/* ----------------------
+  Error 404 Template
+---------------------- */
 get_header(); ?>
 
-<h1>404 Not Found</h1>
-<p>To customize this message, edit "404.php"</p>
+<p><small>404.php</small></p>
+
+<h1>Page Not Found</h1>
 
 <?php get_footer(); ?>

data/template/wordpress/category.php

@@ -1,29 +1,29 @@
 <?php
-/**
- * The template for displaying post list under a single category
- */
-get_header();
-// Get all posts under this category
-$args = array (
-  "category" => ID 
-  "orderby" => "post_date",
-  "order" => "ASC", );
-$myposts = get_posts($args);
-?>
+/* -------------------------
+  View Category Template
+------------------------- */
+get_header(); ?>
 
-<h1><?php single_cat_title(); ?></h1>
-<p>To customize this message, edit "category.php"</p>
+<p><small>category.php</small></p>
+
+<p><a href="<?php home(); ?>">&larr; Home</a></p>
+
+<h1><?php echo ucfirst(single_cat_title('', false) ); ?></h1>
 
 <?php // If the category has description
 if(category_description() ): ?>
-  <p><?php category_description(); ?></p>
+  <p><?php echo category_description(); ?></p>
 <?php endif; ?>
 
-<?php foreach($posts as $post): setup_postdata($post);
-  $permalink = get_permalink($post->ID);
-  
-?>
-  
-<?php endforeach; ?>
+<?php if (have_posts() ): ?>
+  <h3>Posts</h3>
+  <ul>
+    <?php while (have_posts() ): the_post(); ?>
+      <a href="<?php echo get_permalink(); ?>">
+        <li><?php echo get_the_title(); ?></li>
+      </a>
+    <?php endwhile; ?>
+  </ul>
+<?php endif; ?>
 
 <?php get_footer(); ?>

data/template/wordpress/footer.php

@@ -1,6 +1,7 @@
   <div id="footer-push"></div>
 </div>
-<footer id="footer"></footer>
+<footer id="footer">
+</footer>
 
 <!-- Google's Hosted JQuery -->
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

data/template/wordpress/functions.php

@@ -4,27 +4,28 @@ EDGE Press v0.1
 - Extend functionality to Word Press
 --------------------------------------- */
 
-add_theme_support( 'post-thumbnails' ); 
+add_theme_support("post-thumbnails"); 
 
 function root() {
-  return get_template_directory_uri().'/';
+  return get_template_directory_uri()."/";
 }
 
 /*
-Get path to assets directory
+Echo path to assets directory
   @return = relative path to specified assets directory
 */
-function img()   { return root().'assets/img/'; }
-function css()   { return root().'assets/css/'; }
-function js()    { return root().'assets/js/';  }
-function files() { return root().'assets/files/'; }
+function home()  { echo home_url()."/"; }
+function img()   { echo root()."assets/img/"; }
+function css()   { echo root()."assets/css/"; }
+function js()    { echo root()."assets/js/";  }
+function files() { echo root()."assets/files/"; }
 
 /*
   Get the last word from the URL, useful for Header-menu's active state
   @return = the last word from the current page
 */
 function get_current_page() {
-  $pageURL = 'http';
+  $pageURL = "http";
   if ($_SERVER["SERVER_PORT"] != "80") {
     $pageURL .= $_SERVER["SERVER_NAME"].":".$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"];
   } else {
@@ -48,7 +49,7 @@ function ellipsize($text, $char_number, $etc = "...") {
     $text = substr($text, 0, $char_number);
     $text = substr($text,0,strrpos($text," "));
 
-    $punctuation = ".!?:;,-"; //punctuation you want removed
+    $punctuation = ".!?:;,-"; // punctuation you want removed
 
     $text = (strspn(strrev($text),  $punctuation) != 0)
             ?
@@ -60,4 +61,17 @@ function ellipsize($text, $char_number, $etc = "...") {
   }
   $text = htmlentities($text, ENT_QUOTES);
   return $text;
-}
+}
+
+/*
+  Automatically use "single-{category_slug}.php" as post template for that category
+  Example:
+  "single-product.php" is used as template for post with category "product"
+*/
+add_filter("single_template", create_function(
+  '$the_template',
+  'foreach( (array) get_the_category() as $cat ) {
+    if ( file_exists(TEMPLATEPATH . "/single-{$cat->slug}.php") )
+    return TEMPLATEPATH . "/single-{$cat->slug}.php"; }
+  return $the_template;' )
+);

data/template/wordpress/header.php

@@ -1,22 +1,21 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width" />
-  <title><?php wp_title( '|', true, 'right' ); ?></title>
-  <meta name="description" content="This is a description of your website" />
-  <meta name="keywords" content="search, key, word," /> <!-- Comma-separated list for Search keyword -->
+  <title><?php bloginfo('name'); ?> <?php wp_title(); ?></title>
+  <meta name="description" content="<?php bloginfo('description'); ?>" />
   
   <!-- FAVICON -->
-  <link rel="icon" type="image/png" href="<?php echo img(); ?>/favicon.ico">
-  <link rel="apple-touch-icon-precomposed" href="<?php echo img(); ?>/favicon-big.png" />
+  <link rel="icon" type="image/png" href="<?php img(); ?>/favicon.ico">
+  <link rel="apple-touch-icon-precomposed" href="<?php img(); ?>/favicon-big.png" />
   
   <!-- VENDOR -->
-  <script type="text/javascript" src="<?php echo js(); ?>/vendor/custom.modernizr.js"></script>
-  <link rel="stylesheet" href="<?php echo css(); ?>/edge-framework.css">
+  <script type="text/javascript" src="<?php js(); ?>/vendor/custom.modernizr.js"></script>
+  <link rel="stylesheet" href="<?php css(); ?>/edge-framework.css">
 
   <!-- APP Specific -->
-  <link rel="stylesheet" href="<?php echo css(); ?>/app.css">
+  <link rel="stylesheet" href="<?php css(); ?>/app.css">
 </head>
 <body>
 <div id="main-wrapper">

data/template/wordpress/index.php

@@ -1,10 +1,57 @@
 <?php
-/**
- * Home / Landing page
- */
-get_header(); ?>
+/* ----------------------
+  Home / Landing page
+---------------------- */
+get_header();
 
-<h1>Welcome</h1>
-<p>To customize this message, edit "index.php"</p>
+// Get list of all categories
+$args = array(
+  "child_of" => 0,
+  "hide_empty" => false,
+);
+$categories = get_categories($args);
+
+// Get list of all pages
+$page_args = array(
+  'child_of' => 0,
+  'sort_order' => 'ASC',
+  'sort_column' => 'post_title',
+); 
+$pages = get_pages($args);
+?>
+
+<p><small>index.php</small></p>
+
+<h1>Welcome to <?php bloginfo('name'); ?></h1>
+
+<h3>Category</h3>
+<ul>
+  <?php foreach ($categories as $category): ?>
+  <li>
+    <a href="<?php echo get_category_link( $category->ID ); ?> ">
+      <?php echo $category->name; ?>
+    </a>
+  </li>
+  <?php endforeach; ?>
+</ul>
+
+<h3>Pages</h3>
+<ul>
+  <?php foreach ($pages as $page): ?>
+  <li>
+    <a href="<?php echo get_page_link( $page->ID ); ?> ">
+      <?php echo $page->post_title; ?>
+    </a>
+  </li>
+  <?php endforeach; ?>
+</ul>
+
+<!-- How to get Page content outside "page" template -->
+<h3>About Us</h3>
+<?php
+  $page = get_page_by_title("About Us");
+  $content = apply_filters('the_content', $page->post_content); 
+  echo $content;
+?>
 
 <?php get_footer(); ?>

data/template/wordpress/page.php

@@ -0,0 +1,18 @@
+<?php
+/* ----------------------
+  Pages Template
+---------------------- */
+get_header(); ?>
+
+<p><small>page.php</small></p>
+
+<?php while (have_posts() ) : the_post(); ?>
+  <h1><?php echo get_the_title(); ?></h1>
+  <?php echo get_the_content(); ?>
+
+  <a href="<?php home(); ?> ">
+	  &larr; Home
+	</a>
+<?php endwhile; ?>
+
+<?php get_footer(); ?>

data/template/wordpress/single.php

@@ -1,7 +1,23 @@
 <?php
-/**
- * The template for displaying post the content of a single post
- */
+/* ----------------------
+  Single Post Template
+---------------------- */
 get_header(); ?>
 
+<p><small>single.php</small></p>
+
+<?php while (have_posts() ) : the_post(); ?>
+  <h1><?php echo get_the_title(); ?></h1>
+  <h4><?php echo date("D, d M Y" , strtotime(get_the_date() ) ); ?></h4>
+  <?php echo get_the_content(); ?>
+
+  <?php
+    $categories = get_the_category(); 
+    $category = $categories[0];
+  ?>
+  <a href="<?php echo get_category_link($category->cat_ID); ?> ">
+	  &larr; Back
+	</a>
+<?php endwhile; ?>
+
 <?php get_footer(); ?>

data/template/wordpress/style.css

@@ -0,0 +1,12 @@
+/*
+Theme Name: Edge Template
+Theme URI: -
+Author: -
+Author URI: -
+Description: -
+Version: 1.0
+License: -
+License URI: -
+*/
+@import "assets/css/edge-framework.css";
+@import "assets/css/app.css";