wordpress-starter 0.2 → 0.3

data/templates/bootstrap/options.php

@@ -0,0 +1,42 @@
+<?php
+function of_options() {
+	// Set the Options Array
+	global $of_options;
+	$of_options = array();
+
+	$of_options[] = array(
+		'name' => __( 'Theme settings', 'bootstrap' ),
+		'type' => 'heading',
+	);
+
+	$of_options[] = array(
+		'name' => 'Hello there!',
+		'desc' => '',
+		'id'   => 'introduction',
+		'std'  => '<h3 style="margin: 0 0 10px;">'.__( 'Welcome to the WordPress Starter Theme.', 'bootstrap' ).'</h3> This is a demo of the SMOF options framework, edit the options.php file inside the theme folder to setup your own, you can learn about the SMOF at <a href="//aquagraphite.com/2011/11/smof-documentation/" target="_blank">aquagraphite</a>.',
+		'icon' => true,
+		'type' => 'info',
+	);
+
+	// Backup Options
+	$of_options[] = array(
+		'name' => 'Backup Options',
+		'type' => 'heading',
+	);
+
+	$of_options[] = array(
+		'name' => 'Backup and Restore Options',
+		'id'   => 'of_backup',
+		'std'  => '',
+		'type' => 'backup',
+		'desc' => 'You can use the two buttons below to backup your current options, and then restore it back at a later time. This is useful if you want to experiment on the options but would like to keep the old settings in case you need it back.',
+	);
+
+	$of_options[] = array(
+		'name' => 'Transfer Theme Options Data',
+		'id'   => 'of_transfer',
+		'std'  => '',
+		'type' => 'transfer',
+		'desc' => 'You can tranfer the saved options data between different installs by copying the text inside the text box. To import data from another install, replace the data in the text box with the one from another install and click "Import Options".',
+	);
+}

data/templates/bootstrap/page.php

@@ -0,0 +1,29 @@
+<?php
+/**
+ * The template for displaying all pages.
+ *
+ * This is the template that displays all pages by default.
+ * Please note that this is the WordPress construct of pages
+ * and that other 'pages' on your WordPress site will use a
+ * different template.
+ *
+ * @category  Theme
+ * @package   [bootstrap]
+ * @author    [Your Name]
+ * @copyright 2012 [Your Name]
+ */
+
+get_header( get_post_format() );
+
+while ( have_posts() ):
+	the_post();
+
+	/* If you want to overload this in a child theme then include a file
+	 * called content-single.php and that will be used instead.
+	 */
+	get_template_part( 'content', 'page' );
+
+	comments_template( '', true );
+endwhile;
+
+get_footer( get_post_format() );

data/templates/bootstrap/print.scss

@@ -0,0 +1,104 @@
+@media print {
+  /* All your print styles go here */
+  /* Smashing winery
+     Example site for article at Smashing Magazine
+     by Christian Krammer, ck@css3files.com
+
+     Print style */
+  /* Reset quotes */
+  q {
+    quotes: none;
+    &:before, &:after {
+      content: "";
+    }
+  }
+  /* Hide everything unneeded */
+  header {
+    h1, nav {
+      display: none;
+    }
+  }
+  footer, img {
+    display: none;
+  }
+  /* font sizes */
+  body {
+    font: 12pt Georgia, "Times New Roman", Times, serif;
+    line-height: 1.3;
+    color: #000;
+  }
+  h1 {
+    font-size: 24pt;
+  }
+  h2 {
+    font-size: 14pt;
+    margin-top: 25px;
+  }
+  aside h2 {
+    font-size: 18pt;
+  }
+  /* Show printer-frindly logo. */
+  header .print {
+    display: block;
+  }
+  /* If you like things a little bit easier and more semantic you can alternatively just leave the h1 of the header visible, switch off the margin and make it bigger than the rest of the headlines */
+  /*header nav, footer, img {display: none}
+
+  header h1 {
+  	margin: 0;
+  	font-size: 30pt;
+  }*/
+  /* Some browsers like to show a border around images. Switch it off */
+  img {
+    border: 0;
+  }
+  /* Mover the header a little bit awy from the content */
+  header {
+    margin-bottom: 40px;
+    &:after {
+      display: block;
+      content: "www.smashing-winery.com";
+    }
+  }
+  /* Display the URL of the site so that the user knows where the printout came from */
+  /* Additionally/optionally a little message could be displayed */
+  /*header:before {
+  	display: block;
+  	content: "Thank your for printing our content at www.smashing-winery.com. Please check back soon for new offers about delicious wine from our winery.";
+  	margin-bottom: 10px;
+  	border: 1px solid #bbb;
+  	padding: 3px 5px;
+  	font-style: italic;
+  }*/
+  /* Separate blockquotes a little bit from the rest */
+  blockquote {
+    font-size: 13pt;
+    font-style: italic;
+  }
+  /* By default links are blue. For optimal legibility change them to black */
+  p a {
+    color: #000;
+    &:after {
+      content: " (http://www.smashing-winery.com/" attr(href) ")";
+      font-size: 80%;
+      word-wrap: break-word;
+    }
+    &[href^="http://"]:after, &[href^="https://"]:after {
+      content: " (" attr(href) ")";
+    }
+  }
+  /* Show the URL after each link, whereby internal links are preceeded by the site's URL */
+  /* External links don't get this treatment */
+  /* Append the source of the citation */
+  q:after {
+    content: " (" attr(cite) ")";
+  }
+  /* The Sidebar is placed under the content automatically. To distinguish it from the rest a border and a gap is set before */
+  aside {
+    border-top: 1px solid #bbb;
+    margin-top: 30px;
+    display: block;
+    /*page-break-before: always; */
+    /* Moves the sidebar to new page */
+  }
+}

data/templates/bootstrap/readme.txt

@@ -0,0 +1,6 @@
+=== Starter ===
+Contributors: alexsancho
+Tags:
+Requires at least:
+Tested up to:
+Stable tag:

data/templates/bootstrap/sass/_app.scss

@@ -0,0 +1,10 @@
+// You custom settings file to override Bootstrap defaults
+@import "settings";
+
+// I gather this file is a starting point for the project.
+@import "bootstrap";
+
+// Include responsive Bootstrap styles
+// @import "bootstrap-responsive";
+
+@import "wordpress/defaults";

data/templates/bootstrap/sass/_settings.scss

@@ -0,0 +1,301 @@
+//
+// Variables
+// --------------------------------------------------
+
+
+// Global values
+// --------------------------------------------------
+
+
+// Grays
+// -------------------------
+$black: #000 !default;
+$grayDarker: #222 !default;
+$grayDark: #333 !default;
+$gray: #555 !default;
+$grayLight: #999 !default;
+$grayLighter: #eee !default;
+$white: #fff !default;
+
+
+// Accent colors
+// -------------------------
+$blue: #049cdb !default;
+$blueDark: #0064cd !default;
+$green: #46a546 !default;
+$red: #9d261d !default;
+$yellow: #ffc40d !default;
+$orange: #f89406 !default;
+$pink: #c3325f !default;
+$purple: #7a43b6 !default;
+
+
+// Scaffolding
+// -------------------------
+$bodyBackground: $white !default;
+$textColor: $grayDark !default;
+
+
+// Links
+// -------------------------
+$linkColor: #08c !default;
+$linkColorHover: darken($linkColor, 15%) !default;
+
+
+// Typography
+// -------------------------
+$sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
+$serifFontFamily: Georgia, "Times New Roman", Times, serif !default;
+$monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace !default;
+
+$baseFontSize: 14px !default;
+$baseFontFamily: $sansFontFamily !default;
+$baseLineHeight: 20px !default;
+$altFontFamily: $serifFontFamily !default;
+
+$headingsFontFamily: inherit !default; // empty to use BS default, $baseFontFamily
+$headingsFontWeight: bold !default; // instead of browser default, bold
+$headingsColor: inherit !default; // empty to use BS default, $textColor
+
+
+// Component sizing
+// -------------------------
+// Based on 14px font-size and 20px line-height
+
+$fontSizeLarge: $baseFontSize * 1.25; // ~18px
+$fontSizeSmall: $baseFontSize * 0.85; // ~12px
+$fontSizeMini: $baseFontSize * 0.75; // ~11px
+
+$paddingLarge: 11px 19px; // 44px
+$paddingSmall: 2px 10px; // 26px
+$paddingMini: 1px 6px; // 24px
+
+$baseBorderRadius: 4px;
+$borderRadiusLarge: 6px;
+$borderRadiusSmall: 3px;
+
+
+// Tables
+// -------------------------
+$tableBackground: transparent !default; // overall background-color
+$tableBackgroundAccent: #f9f9f9 !default; // for striping
+$tableBackgroundHover: #f5f5f5 !default; // for hover
+$tableBorder: #ddd !default; // table and cell border
+
+// Buttons
+// -------------------------
+$btnBackground: $white !default;
+$btnBackgroundHighlight: darken($white, 10%) !default;
+$btnBorder: #bbb !default;
+
+$btnPrimaryBackground: $linkColor !default;
+$btnPrimaryBackgroundHighlight: adjust-hue($btnPrimaryBackground, 20%) !default;
+
+$btnInfoBackground: #5bc0de !default;
+$btnInfoBackgroundHighlight: #2f96b4 !default;
+
+$btnSuccessBackground: #62c462 !default;
+$btnSuccessBackgroundHighlight: #51a351 !default;
+
+$btnWarningBackground: lighten($orange, 15%) !default;
+$btnWarningBackgroundHighlight: $orange !default;
+
+$btnDangerBackground: #ee5f5b !default;
+$btnDangerBackgroundHighlight: #bd362f !default;
+
+$btnInverseBackground: #444 !default;
+$btnInverseBackgroundHighlight: $grayDarker !default;
+
+
+// Forms
+// -------------------------
+$inputBackground: $white !default;
+$inputBorder: #ccc !default;
+$inputBorderRadius: $baseBorderRadius !default;
+$inputDisabledBackground: $grayLighter !default;
+$formActionsBackground: #f5f5f5 !default;
+$inputHeight: $baseLineHeight + 10px; // base line-height + 8px vertical padding + 2px top/bottom border
+
+
+// Dropdowns
+// -------------------------
+$dropdownBackground: $white !default;
+$dropdownBorder: rgba(0,0,0,.2) !default;
+$dropdownDividerTop: #e5e5e5 !default;
+$dropdownDividerBottom: $white !default;
+
+$dropdownLinkColor: $grayDark !default;
+$dropdownLinkColorHover: $white !default;
+$dropdownLinkColorActive: $dropdownLinkColor !default;
+
+$dropdownLinkBackgroundActive: $linkColor !default;
+$dropdownLinkBackgroundHover: $dropdownLinkBackgroundActive !default;
+
+
+
+// COMPONENT VARIABLES
+// --------------------------------------------------
+
+
+// Z-index master list
+// -------------------------
+// Used for a bird's eye view of components dependent on the z-axis
+// Try to avoid customizing these :)
+$zindexDropdown: 1000 !default;
+$zindexPopover: 1010 !default;
+$zindexTooltip: 1030 !default;
+$zindexFixedNavbar: 1030 !default;
+$zindexModalBackdrop: 1040 !default;
+$zindexModal: 1050 !default;
+
+
+// Sprite icons path
+// -------------------------
+$iconSpritePath: "../images/glyphicons-halflings.png" !default;
+$iconWhiteSpritePath: "../images/glyphicons-halflings-white.png" !default;
+
+
+// Input placeholder text color
+// -------------------------
+$placeholderText: $grayLight !default;
+
+
+// Hr border color
+// -------------------------
+$hrBorder: $grayLighter !default;
+
+
+// Horizontal forms & lists
+// -------------------------
+$horizontalComponentOffset: 180px;
+
+
+// Wells
+// -------------------------
+$wellBackground: #f5f5f5 !default;
+
+
+// Navbar
+// -------------------------
+$navbarCollapseWidth: 979px !default;
+$navbarCollapseDesktopWidth: $navbarCollapseWidth + 1;
+
+$navbarHeight: 40px !default;
+$navbarBackgroundHighlight: #ffffff !default;
+$navbarBackground: darken($navbarBackgroundHighlight, 5%) !default;
+$navbarBorder: darken($navbarBackground, 12%) !default;
+
+$navbarText: #777 !default;
+$navbarLinkColor: #777 !default;
+$navbarLinkColorHover: $grayDark !default;
+$navbarLinkColorActive: $gray !default;
+$navbarLinkBackgroundHover: transparent !default;
+$navbarLinkBackgroundActive: darken($navbarBackground, 5%) !default;
+
+$navbarBrandColor: $navbarLinkColor !default;
+
+// Inverted navbar
+$navbarInverseBackground: #111111 !default;
+$navbarInverseBackgroundHighlight: #222222 !default;
+$navbarInverseBorder: #252525 !default;
+
+$navbarInverseText: $grayLight !default;
+$navbarInverseLinkColor: $grayLight !default;
+$navbarInverseLinkColorHover: $white !default;
+$navbarInverseLinkColorActive: $navbarInverseLinkColorHover !default;
+$navbarInverseLinkBackgroundHover: transparent !default;
+$navbarInverseLinkBackgroundActive: $navbarInverseBackground !default;
+
+$navbarInverseSearchBackground: lighten($navbarInverseBackground, 25%) !default;
+$navbarInverseSearchBackgroundFocus: $white !default;
+$navbarInverseSearchBorder: $navbarInverseBackground !default;
+$navbarInverseSearchPlaceholderColor: #ccc !default;
+
+$navbarInverseBrandColor: $navbarInverseLinkColor !default;
+
+
+// Pagination
+// -------------------------
+$paginationBackground: #fff !default;
+$paginationBorder: #ddd !default;
+$paginationActiveBackground: #f5f5f5 !default;
+
+
+// Hero unit
+// -------------------------
+$heroUnitBackground: $grayLighter !default;
+$heroUnitHeadingColor: inherit !default;
+$heroUnitLeadColor: inherit !default;
+
+
+// Form states and alerts
+// -------------------------
+$warningText: #c09853 !default;
+$warningBackground: #fcf8e3 !default;
+$warningBorder: darken(adjust-hue($warningBackground, -10), 3%) !default;
+
+$errorText: #b94a48 !default;
+$errorBackground: #f2dede !default;
+$errorBorder: darken(adjust-hue($errorBackground, -10), 3%) !default;
+
+$successText: #468847 !default;
+$successBackground: #dff0d8 !default;
+$successBorder: darken(adjust-hue($successBackground, -10), 5%) !default;
+
+$infoText: #3a87ad !default;
+$infoBackground: #d9edf7 !default;
+$infoBorder: darken(adjust-hue($infoBackground, -10), 7%) !default;
+
+
+// Tooltips and popovers
+// -------------------------
+$tooltipColor: #fff !default;
+$tooltipBackground: #000 !default;
+$tooltipArrowWidth: 5px !default;
+$tooltipArrowColor: $tooltipBackground !default;
+
+$popoverBackground: #fff !default;
+$popoverArrowWidth: 10px !default;
+$popoverArrowColor: #fff !default;
+$popoverTitleBackground: darken($popoverBackground, 3%) !default;
+
+// Special enhancement for popovers
+$popoverArrowOuterWidth: $popoverArrowWidth + 1 !default;
+$popoverArrowOuterColor: rgba(0,0,0,.25) !default;
+
+
+
+// GRID
+// --------------------------------------------------
+
+
+// Default 940px grid
+// -------------------------
+$gridColumns: 12 !default;
+$gridColumnWidth: 60px !default;
+$gridGutterWidth: 20px !default;
+$gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1)) !default;
+
+// 1200px min
+$gridColumnWidth1200: 70px !default;
+$gridGutterWidth1200: 30px !default;
+$gridRowWidth1200: ($gridColumns * $gridColumnWidth1200) + ($gridGutterWidth1200 * ($gridColumns - 1)) !default;
+
+// 768px-979px
+$gridColumnWidth768: 42px !default;
+$gridGutterWidth768: 20px !default;
+$gridRowWidth768: ($gridColumns * $gridColumnWidth768) + ($gridGutterWidth768 * ($gridColumns - 1)) !default;
+
+
+// Fluid grid
+// -------------------------
+$fluidGridColumnWidth: percentage($gridColumnWidth/$gridRowWidth) !default;
+$fluidGridGutterWidth: percentage($gridGutterWidth/$gridRowWidth) !default;
+
+// 1200px min
+$fluidGridColumnWidth1200: percentage($gridColumnWidth1200/$gridRowWidth1200) !default;
+$fluidGridGutterWidth1200: percentage($gridGutterWidth1200/$gridRowWidth1200) !default;
+
+// 768px-979px
+$fluidGridColumnWidth768: percentage($gridColumnWidth768/$gridRowWidth768) !default;
+$fluidGridGutterWidth768: percentage($gridGutterWidth768/$gridRowWidth768) !default;