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

skyframe 0.0.1.beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

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>