RubyGems - skyframe - Versions diffs - 0.0.1.beta - Mend

skyframe 0.0.1.beta

Files changed (111) hide show

data/lib/skyframe.rb ADDED Viewed

@@ -0,0 +1,8 @@
+require "skyframe/version"
+extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
+Compass::Frameworks.register('skyframe', :path => extension_path)
+module Skyframe
+  # Your code goes here...
+end

data/lib/skyframe/version.rb ADDED Viewed

@@ -0,0 +1,3 @@
+module Skyframe
+  VERSION = "0.0.1.beta"
+end

data/stylesheets/_main.scss ADDED Viewed

	@@ -0,0 +1 @@
1	+ // This is your framework's main stylesheet. Use it to import all default modules.

data/templates/project/files/404.html ADDED Viewed

@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <title>Page Not Found :(</title>
+        <style>
+            ::-moz-selection {
+                background: #b3d4fc;
+                text-shadow: none;
+            }
+            ::selection {
+                background: #b3d4fc;
+                text-shadow: none;
+            }
+            html {
+                padding: 30px 10px;
+                font-size: 20px;
+                line-height: 1.4;
+                color: #737373;
+                background: #f0f0f0;
+                -webkit-text-size-adjust: 100%;
+                -ms-text-size-adjust: 100%;
+            }
+            html,
+            input {
+                font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+            }
+            body {
+                max-width: 500px;
+                _width: 500px;
+                padding: 30px 20px 50px;
+                border: 1px solid #b3b3b3;
+                border-radius: 4px;
+                margin: 0 auto;
+                box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff;
+                background: #fcfcfc;
+            }
+            h1 {
+                margin: 0 10px;
+                font-size: 50px;
+                text-align: center;
+            }
+            h1 span {
+                color: #bbb;
+            }
+            h3 {
+                margin: 1.5em 0 0.5em;
+            }
+            p {
+                margin: 1em 0;
+            }
+            ul {
+                padding: 0 0 0 40px;
+                margin: 1em 0;
+            }
+            .container {
+                max-width: 380px;
+                _width: 380px;
+                margin: 0 auto;
+            }
+            /* google search */
+            #goog-fixurl ul {
+                list-style: none;
+                padding: 0;
+                margin: 0;
+            }
+            #goog-fixurl form {
+                margin: 0;
+            }
+            #goog-wm-qt,
+            #goog-wm-sb {
+                border: 1px solid #bbb;
+                font-size: 16px;
+                line-height: normal;
+                vertical-align: top;
+                color: #444;
+                border-radius: 2px;
+            }
+            #goog-wm-qt {
+                width: 220px;
+                height: 20px;
+                padding: 5px;
+                margin: 5px 10px 0 0;
+                box-shadow: inset 0 1px 1px #ccc;
+            }
+            #goog-wm-sb {
+                display: inline-block;
+                height: 32px;
+                padding: 0 10px;
+                margin: 5px 0 0;
+                white-space: nowrap;
+                cursor: pointer;
+                background-color: #f5f5f5;
+                background-image: -webkit-linear-gradient(rgba(255,255,255,0), #f1f1f1);
+                background-image: -moz-linear-gradient(rgba(255,255,255,0), #f1f1f1);
+                background-image: -ms-linear-gradient(rgba(255,255,255,0), #f1f1f1);
+                background-image: -o-linear-gradient(rgba(255,255,255,0), #f1f1f1);
+                -webkit-appearance: none;
+                -moz-appearance: none;
+                appearance: none;
+                *overflow: visible;
+                *display: inline;
+                *zoom: 1;
+            }
+            #goog-wm-sb:hover,
+            #goog-wm-sb:focus {
+                border-color: #aaa;
+                box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+                background-color: #f8f8f8;
+            }
+            #goog-wm-qt:hover,
+            #goog-wm-qt:focus {
+                border-color: #105cb6;
+                outline: 0;
+                color: #222;
+            }
+            input::-moz-focus-inner {
+                padding: 0;
+                border: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="container">
+            <h1>Not found <span>:(</span></h1>
+            <p>Sorry, but the page you were trying to view does not exist.</p>
+            <p>It looks like this was the result of either:</p>
+            <ul>
+                <li>a mistyped address</li>
+                <li>an out-of-date link</li>
+            </ul>
+            <script>
+                var GOOG_FIXURL_LANG = (navigator.language || '').slice(0,2),GOOG_FIXURL_SITE = location.host;
+            </script>
+            <script src="http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script>
+        </div>
+    </body>
+</html>

data/templates/project/files/CHANGELOG.md ADDED Viewed

@@ -0,0 +1,19 @@
+== 0.0.1 (Aug 20, 2012)
+- Issues
+* Maps IE7/IE8 - doesn't work when view through a virtual machine.
+- Todo
+* Improve Media Query variables - Maybe EMs instead PX
+- List of Pages
+* index
+* about
+* services
+* products
+* contact
+* blog
+* blog details
+* sign-in
+* forgot password
+* sitemap

data/templates/project/files/about.html ADDED Viewed

@@ -0,0 +1,96 @@
+<!doctype html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
+<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
+<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
+<!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
+<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <title>Skyframe v0.0.1(Alpha) - About</title>
+  <meta name="description" content="">
+  <meta name="viewport" content="width=device-width">
+  <link rel="stylesheet" href="css/screen.css">
+  <!--#include virtual="inc/js-top.html" -->
+</head>
+<body>
+<!--[if lt IE 7]>
+<p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
+<![endif]-->
+<div class="container">
+  <header class="mod-header" id="header"><!--#include virtual="inc/header.html" --></header>
+  <nav class="mod-main-nav" id="main-nav"><!--#include virtual="inc/main-nav.html" --></nav>
+  <div class="mod-breadcrumb" id="breadcrumb"><!--#include virtual="inc/breadcrumb.html" --></div>
+  <div class="page-wrapper" id="page-wrapper" role="main">
+    <article class="l-side-main" id="main">
+      <section class="mod-content">
+        <div class="mod-intro has-figure pos-left">
+          <header>
+            <h1>About - intro</h1>
+            <h2>Layout: Side-Main</h2>
+          </header>
+          <figure>
+            <img src="img/dummy-square.png" alt="">
+          </figure>
+          <section>
+            <p>Lorem ipsum dolor sit amet, consectetur adip*isicing elit, sed do eiusmod *tempor incididunt ut labore et dolore magna aliqua.</p>
+          </section>
+          <footer>
+            <p><a href="#">Link in footer</a></p>
+          </footer>
+        </div><!-- /.mod-intro -->
+        <div class="mod-block">
+          <header>
+            <h2>Dot mod-block</h2>
+          </header>
+          <section>
+          <video id="vid-01" class="video-js vjs-default-skin" controls preload="none" >
+            <source type='video/mp4' src="media/video/dummy-video.mp4" />
+            <p>Your browser does not support this feature. <a href="media/video/dummy-video.mp4">Download the video</a></p>
+          </video>
+            <p>Lorem ipsum dolor sit amet, consectetur adip*isicing elit, sed do eiusmod *tempor incididunt ut labore et dolore magna aliqua.</p>
+          </section>
+          <footer>
+            <p><a href="#">Link in footer</a></p>
+          </footer>
+        </div><!-- /.mod-intro -->
+      </section><!-- /.mod-content -->
+      <aside class="mod-sidebar">
+        <ul class="mod-page-nav">
+          <li class="is-active"><a href="#">Link one</a></li>
+          <li><a href="#">Link two</a></li>
+          <li><a href="#">Link three</a></li>
+        </ul>
+      </aside>
+    </article><!-- /.l-side-main -->
+  </div><!-- /#main-->
+  <footer class="mod-footer" id="footer"><!--#include virtual="inc/footer.html" --></footer>
+</div><!-- /.container -->
+<!--#include virtual="inc/js-bottom.html" -->
+</body>
+</html>

data/templates/project/files/apple-touch-icon-114x114-precomposed.png ADDED Viewed

Binary file

data/templates/project/files/apple-touch-icon-144x144-precomposed.png ADDED Viewed

Binary file

data/templates/project/files/apple-touch-icon-57x57-precomposed.png ADDED Viewed

Binary file

data/templates/project/files/apple-touch-icon-72x72-precomposed.png ADDED Viewed

Binary file

data/templates/project/files/apple-touch-icon-precomposed.png ADDED Viewed

Binary file

data/templates/project/files/apple-touch-icon.png ADDED Viewed

Binary file

data/templates/project/files/bg_direction_nav.png ADDED Viewed

Binary file

data/templates/project/files/blog-details.html ADDED Viewed

@@ -0,0 +1,255 @@
+<!doctype html>
+<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
+<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
+<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
+<!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
+<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <title>Skyframe v0.0.1(Alpha) - Blog Details</title>
+  <meta name="description" content="">
+  <meta name="viewport" content="width=device-width">
+  <link rel="stylesheet" href="css/screen.css">
+  <!--#include virtual="inc/js-top.html" -->
+</head>
+<body>
+<!--[if lt IE 7]>
+<p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
+<![endif]-->
+<div class="container">
+  <header class="mod-header" id="header"><!--#include virtual="inc/header.html" --></header>
+  <nav class="mod-main-nav" id="main-nav"><!--#include virtual="inc/main-nav.html" --></nav>
+  <div class="mod-breadcrumb" id="breadcrumb"><!--#include virtual="inc/breadcrumb.html" --></div>
+  <div class="page-wrapper" id="page-wrapper" role="main">
+    <article class="l-main-side" id="main">
+      <section class="mod-content">
+        <div class="mod-intro">
+          <header>
+            <h1>Blog Post Title</h1>
+            <ul class="mod-meta">
+              <li class="posted-on"><em>Published:</em> July 12, 2012</li>
+              <li class="posted-by"><em>Author:</em> Cerillion Skyline</li>
+              <li class="tags"><em>Tags:</em>
+                  <a href="#">Design</a>
+                  <a href="#">Development</a>
+                  <a href="#">UX</a>
+              </li>
+              <li class="category"><em>Categories: </em> <a href="#">Responsive Design</a></li>
+              <li class="num-comments">2 comments</li>
+            </ul>
+          </header>
+          <section>
+            <p>Lorem ipsum dolor sit amet, consectetur adip*isicing elit, sed do eiusmod *tempor incididunt ut labore et dolore magna aliqua.</p>
+          </section>
+        </div><!-- /.mod-intro -->
+        <div class="mod-block">
+          <section>
+            <p>Dolor sit amet, consectetur adip*isicing elit, sed do eiusmod *tempor incididunt ut labore et dolore magna aliqua.</p>
+            <img class="fig-right" src="img/dummy-square.png" alt="">
+            <p>Ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+            proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+            <h2>Header two</h2>
+            <ul>
+              <li>Sunt in culpa qui officia</li>
+              <li>Ullamco laboris nisi</li>
+              <li>Excepteur sint occaecat</li>
+              <li>Aliquip ex ea commodo</li>
+            </ul>
+            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+            tempor</p>
+            <h3>Header three</h3>
+            <p>Incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+            proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+          </section>
+        </div><!-- /.mod-block -->
+        <div class="mod-share">
+          <header>
+            <h4>Share this</h4>
+          </header>
+          <section>
+            <ul class="mod share">
+              <li>
+                <script type="IN/Share" data-counter="right" data-url="http://google.com"></script>
+              </li>
+              <li>
+                <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://google.com"></a>
+              </li>
+              <li>
+                <div class="g-plusone" data-size="medium" data-annotation="none" data-href="http://google.com"></div>
+              </li>
+              <li>
+                <div class="fb-like" data-href="http://google.com" data-send="false" data-layout="button_count" data-width="150" data-show-faces="false" data-action="recommend" data-font="arial"></div>
+              </li>
+            </ul>
+          </section>
+        </div><!-- .mod-share -->
+        <div class="mod-comments">
+          <header>
+            <h2>Comments</h2>
+          </header>
+          <section>
+            <ul>
+              <li>
+                <header>
+                  <ul class="mod-meta">
+                    <li class="author"><em>Author</em> Dil Ahdan</li>
+                    <li class="date"><em>Published:</em>July 12, 2012</li>
+                  </ul>
+                </header>
+                <section>
+                  <blockquote>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
+                  </blockquote>
+                </section>
+              </li>
+              <li>
+                <header>
+                  <ul class="mod-meta">
+                    <li class="author"><em>Author</em> Dil Ahdan</li>
+                    <li class="date"><em>Published:</em>July 12, 2012</li>
+                  </ul>
+                </header>
+                <section>
+                  <blockquote>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
+                  </blockquote>
+                </section>
+              </li>
+              <li>
+                <header>
+                  <ul class="mod-meta">
+                    <li class="author"><em>Author</em> Dil Ahdan</li>
+                    <li class="date"><em>Published:</em>July 12, 2012</li>
+                  </ul>
+                </header>
+                <section>
+                  <blockquote>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
+                  </blockquote>
+                </section>
+              </li>
+            </ul>
+          </section>
+        </div><!-- /.mod-comments -->
+        <div class="mod-form">
+          <header>
+            <h2>Have your say</h2>
+          </header>
+          <section>
+            <form id="comment-form" action="/">
+              <fieldset>
+                <label for="name">Name <em>*</em></label>
+                <input id="name" name="name" type="text" placeholder="Name" data-validation-engine="validate[required]" />
+              </fieldset>
+              <fieldset>
+                <label for="email">Email <em>*</em></label>
+                <input id="email" name="email" type="email" placeholder="Email" data-validation-engine="validate[required,custom[email]]"/>
+              </fieldset>
+              <fieldset>
+                <label for="comments">Comments </label>
+                <textarea name="comments" id="comments" placeholder="Your message" data-validation-engine="validate[required]"></textarea>
+              </fieldset>
+              <fieldset class="submit-area">
+                <button type="submit">Submit</button>
+                <button type="reset" >Reset</button>
+              </fieldset>
+            </form>
+          </section>
+        </div><!-- /.mod-form -->
+      </section><!-- /.mod-content -->
+      <aside class="mod-sidebar">
+        <div class="widget">
+          <h4>Categories</h4>
+          <ul>
+            <li class="is-active"><a href="#">Link one</a></li>
+            <li><a href="#">Link two</a></li>
+            <li><a href="#">Link three</a></li>
+          </ul>
+        </div><!-- /.widget -->
+        <div class="widget">
+          <header>
+            <h4>Note</h4>
+          </header>
+          <section>
+            <p>Lorem ipsum dolor sit amet, consectetur adip*isicing elit, sed do eiusmod *tempor incididunt ut labore et dolore magna aliqua.</p>
+          </section>
+          <footer>
+            <p><a href="#" class="">Learn more</a></p>
+          </footer>
+        </div><!-- /.widget -->
+        <div class="widget">
+          <h4>Popular tags</h4>
+          <ul>
+            <li class="is-active"><a href="#">Link one</a></li>
+            <li><a href="#">Link two</a></li>
+            <li><a href="#">Link three</a></li>
+          </ul>
+        </div><!-- /.widget -->
+      </aside>
+    </article><!-- /.l-main-side -->
+  </div><!-- /#main-->
+  <footer class="mod-footer" id="footer"><!--#include virtual="inc/footer.html" --></footer>
+</div><!-- /.container -->
+<!--#include virtual="inc/js-bottom.html" -->
+</body>
+</html>