easy_html_creator 1.1.1 → 1.2.0

data/dev_root/demo-website-offline/public/fonts/OpenSans400.css

@@ -0,0 +1,64 @@
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v10/K88pR3goAWT7BTt32Z01m5Bw1xU1rKptJj_0jans920.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v10/RjgO7rYTmqiVp7vzi-Q5UZBw1xU1rKptJj_0jans920.woff2) format('woff2');
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* devanagari */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v10/ttwNtsRpgsxVmgGGmiUOEpBw1xU1rKptJj_0jans920.woff2) format('woff2');
+  unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
+}
+/* greek-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v10/LWCjsQkB6EMdfHrEVqA1KZBw1xU1rKptJj_0jans920.woff2) format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v10/xozscpT2726on7jbcb_pApBw1xU1rKptJj_0jans920.woff2) format('woff2');
+  unicode-range: U+0370-03FF;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v10/59ZRklaO5bWGqF5A9baEEZBw1xU1rKptJj_0jans920.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v10/u-WUoqrET9fUeobQW7jkRZBw1xU1rKptJj_0jans920.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
+}

data/dev_root/demo-website-offline/public/fonts/OpenSans400italic.css

@@ -0,0 +1,64 @@
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 400;
+  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://fonts.gstatic.com/s/opensans/v10/xjAJXh38I15wypJXxuGMBjh7e2W4hm9ZA_z4UdP-cQU.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 400;
+  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://fonts.gstatic.com/s/opensans/v10/xjAJXh38I15wypJXxuGMBpwaoV4em0XsfI20r5f4EOM.woff2) format('woff2');
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* devanagari */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 400;
+  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://fonts.gstatic.com/s/opensans/v10/xjAJXh38I15wypJXxuGMBshIsjW5fEZuOum29gsYqpo.woff2) format('woff2');
+  unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
+}
+/* greek-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 400;
+  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://fonts.gstatic.com/s/opensans/v10/xjAJXh38I15wypJXxuGMBiMV0bfL-jZ99U6bs5jsL-w.woff2) format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 400;
+  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://fonts.gstatic.com/s/opensans/v10/xjAJXh38I15wypJXxuGMBslLAZC6mdXApAHSjvz6_xo.woff2) format('woff2');
+  unicode-range: U+0370-03FF;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 400;
+  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://fonts.gstatic.com/s/opensans/v10/xjAJXh38I15wypJXxuGMBocW2RraEATWgv1xznQqawU.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 400;
+  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://fonts.gstatic.com/s/opensans/v10/xjAJXh38I15wypJXxuGMBogt8zh49GR1Df_uPwTXpxw.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 400;
+  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://fonts.gstatic.com/s/opensans/v10/xjAJXh38I15wypJXxuGMBogp9Q8gbYrhqGlRav_IXfk.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
+}

data/dev_root/demo-website-offline/public/fonts/OpenSans600.css

@@ -0,0 +1,64 @@
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 600;
+  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSqOCaDZZVv73zpFSwE4Va2k.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 600;
+  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNStWlIHla9B101mdmTHF3-q0.woff2) format('woff2');
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* devanagari */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 600;
+  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSlMRqIICSqEqsEoDxn8ddME.woff2) format('woff2');
+  unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
+}
+/* greek-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 600;
+  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSqWHppw2c1XOp6B2yhU8z7c.woff2) format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 600;
+  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSuji7H8UD0RUWSM-55zrR4g.woff2) format('woff2');
+  unicode-range: U+0370-03FF;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 600;
+  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSsw0n1X1lV_hRH3yZFpIE9Q.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 600;
+  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSiYtBUPDK3WL7KRKS_3q7OE.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 600;
+  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNShampu5_7CjHW5spxoeN3Vs.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
+}

data/dev_root/demo-website-offline/sass/main.sass

@@ -0,0 +1,44 @@
+@import "bootstrap/variables"
+@import "bootstrap/mixins"
+@import "mixins/css3"
+@import "mixins/helper"
+@import "mixins/normalize"
+@import "mixins/buttons"
+@import "mixins/arrows"
+
+*
+  font-family: 'Open SANS',sans-serif
+
++headlines
+  +text-shadow(1px, 1px, 3px, #555)
+
+h1
+  font-size: 42px
+  +bold
+
+img
+  +transition(all, .3s, ease-in-out)
+
+.semibold
+  font-weight: 600
+
+.content-left, .content-right
+  +make-xs-column(12)
+  +make-sm-column(6)
+
+.button.magenta
+  +make-magenta-button()
+  +zoom-on-hover
+
+.button.green
+  +make-green-button()
+  +zoom-on-hover
+
+.arrow-up
+  +arrow-up(60px, 20px, #62bc19)
+  +inline-block
+
+.arrow-down
+  +arrow-down(40px, 40px, #c83c29)
+  +inline-block
+

data/dev_root/demo-website/helper/test_helper.rb

@@ -1,5 +1,5 @@
 module TestHelper
-  def testhelper_method
-    'testhelper_method'
+  def action_view_link
+    link_to 'action_view', 'http://guides.rubyonrails.org/action_view_overview.html#overview-of-helpers-provided-by-action-view', target: 'blank'
   end
 end

data/dev_root/demo-website/index.haml

@@ -1,19 +1,109 @@
-%h1.test1
-  headline
+%h1
+  easy-html-creator - Why we call it easy?
 
-%p
-  Here is the index page content.
-%p
-  And more index content.
+%h2.semibold
+  Do it the ruby way
 
 %p
-  this comes from shared/shared_helper.rb:
-  = sharedhelper_method
+  Layouts, templates, partials, helpers and static assets.
 
+%h2.semibold
+  sass, haml, coffee
 %p
-  this comes from test1/test_helper.rb:
-  = testhelper_method
+  We use sass, haml and coffe script. We also include
+  = action_view_link
+  for easier displaying images for ex.
+  %br
+  %code
+    \= image_tag 'easy-way.jpg'
+  %br
+  = image_tag('easy-way.jpg', class: 'img-thumbnail')
 
+%h2.semibold
+  DRY - Shared Helper
 %p
-  and that's why we say, do it the easy-html-creator way!
-  = image_tag 'easy-way.jpg'
+  There are shared helper for ruby, sass and coffee. So Dont Repeat Your self! The copyright for ex.
+  %br
+  %code
+    \= copyright 'ehc'
+  %br
+  = copyright 'ehc'
+
+%h2.semibold
+  For sass we offer mixins for ...
+
+.content-left
+  %h3
+    bootsrap, reset and normalize
+
+  %pre.code
+    = preserve do
+      :escaped
+        @import "bootstrap/variables"
+        @import "bootstrap/mixins"
+        @import "mixins/normalize"
+
+        *
+          font-family: 'Open SANS',sans-serif
+
+        .content-left, .content-right
+          +make-xs-column(12)
+          +make-sm-column(6)
+
+.content-right
+  %h3
+    css3 and helper mixins
+
+  %pre.code
+    = preserve do
+      :escaped
+        @import "mixins/css3"
+        @import "mixins/helper"
+
+        +headlines
+          +text-shadow(1px, 1px, 3px, #555)
+
+        h1
+          +bold
+
+        img
+          +transition(all, .3s, ease-in-out)
+
+%h2.semibold
+  Special sass mixins
+
+.content-left
+  %h3
+    buttons
+
+  %p
+    .button.green
+      green button
+    .button.magenta
+      magenta button
+
+  %pre.code
+    = preserve do
+      :escaped
+        @import "mixins/buttons"
+
+        .button.magenta
+          +make-magenta-button()
+          +zoom-on-hover
+
+.content-right
+  %h3
+    arrows
+
+  %p
+    .arrow-up
+    .arrow-down
+
+  %pre.code
+    = preserve do
+      :escaped
+        @import "mixins/arrows"
+
+        .arrow-up
+          +arrow-up(60px, 20px, #62bc19)
+          +inline-block

data/dev_root/demo-website/layout.haml

@@ -1,10 +1,13 @@
 !!!
 %html{lang: 'de'}
   %head
-    = render_partial '_metadata'
-    = render_partial '_assets'
+    = render_partial '_assets.metadata'
+    = render_partial '_assets.stylesheets'
+    = render_partial '_assets.javascripts'
 
   %body{class: body_class}
     = render_partial '_header'
-    = yield
+    .container
+      = yield
     = render_partial '_footer'
+

data/dev_root/demo-website/partials/{_assets.haml → _assets.javascripts.haml}

@@ -1,7 +1,3 @@
-= link_tag 'favicon.ico', 'icon', 'image/x-icon'
-= link_tag 'favicon.ico', 'shortcut icon', 'image/x-icon'
-= stylesheet_link_tag 'http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css'
-= stylesheet_link_tag 'main.css'
 = javascript_include_tag 'https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'
 = javascript_include_tag 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js'
 /[if lt IE 9]

data/dev_root/demo-website/partials/_assets.metadata.haml

@@ -0,0 +1,12 @@
+%title
+  Easy HTML Creator - demo website
+
+= meta_tag_http 'Content-Type',    'text/html; charset=utf-8'
+= meta_tag_http 'X-UA-Compatible', 'IE=edge'
+= meta_tag 'robots',               'noindex,follow,noodp,noydir'
+= meta_tag 'description',          ''
+= meta_tag 'keywords',             ''
+= meta_tag 'viewport',             'width=device-width, initial-scale=1.0'
+
+= link_tag 'favicon.ico', 'icon', 'image/x-icon'
+= link_tag 'favicon.ico', 'shortcut icon', 'image/x-icon'

data/dev_root/demo-website/partials/_assets.stylesheets.haml

@@ -0,0 +1,9 @@
+
+= stylesheet_link_tag 'http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css'
+
+
+= stylesheet_link_tag 'http://fonts.googleapis.com/css?family=Open+Sans:400'
+= stylesheet_link_tag 'http://fonts.googleapis.com/css?family=Open+Sans:400italic'
+= stylesheet_link_tag 'http://fonts.googleapis.com/css?family=Open+Sans:600'
+= stylesheet_link_tag 'http://fonts.googleapis.com/css?family=Open+Sans:700'
+= stylesheet_link_tag 'main.css'

data/dev_root/demo-website/partials/_footer.haml

@@ -1 +1,5 @@
-footer(.haml)
+.footer
+  dev_root/demo-website/partials/_footer.haml
+
+  .copyright
+    = copyright('ehc')

data/dev_root/demo-website/partials/_header.haml

@@ -1 +1,27 @@
-header(.haml)
+%nav.navbar.navbar-inverse
+  .container-fluid
+    .navbar-header
+      %button.navbar-toggle{"data-target" => "#myNavbar", "data-toggle" => "collapse", :type => "button"}
+        %span.icon-bar
+        %span.icon-bar
+        %span.icon-bar
+      %a.navbar-brand{:href => "#"} easy-html-creator
+    #myNavbar.collapse.navbar-collapse
+      %ul.nav.navbar-nav
+        %li.active
+          %a{:href => "#"} Home
+        %li
+          %a{:href => "#"} Page 1
+        %li
+          %a{:href => "#"} Page 2
+        %li
+          %a{:href => "#"} Page 3
+      %ul.nav.navbar-nav.navbar-right
+        %li
+          %a{:href => "#"}
+            %span.glyphicon.glyphicon-user
+            Sign Up
+        %li
+          %a{:href => "#"}
+            %span.glyphicon.glyphicon-log-in
+            Login