gibier 0.8.11 → 0.8.12

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5aabc0d1586e400deb20155328b6bb2a579fb54a75c76dba6ae52a6edcbc0831
-  data.tar.gz: 38c32fe911c3575483032e25f83428b19792b22f766be2494b5891c5d3a91340
+  metadata.gz: 1ede1ff09145accf500f777520ca36150193313709d70083b623f984ca70acda
+  data.tar.gz: c0ba66fff0d5a67c71e01fb4b97f9fac99a0347b1c2771b9585f9f50447d30bd
 SHA512:
-  metadata.gz: 0fb1c164b0464033c4bb989d502d1ffa06c5a726c146150766b30e2abbf4c5321c5f3f1299ee70e396c37d146732e1fecbfafe9cbde635defbb86c78c83ae073
-  data.tar.gz: e8352a563aba3f65a7d915e95572b97d03463e0fad48a638b1772ee5d56b341f98c7980a9033cd39e20b602759d332319a42046152960d65d446635681bb947a
+  metadata.gz: 0ed0f0fcc704db0834f7b268fd0588e67715fcc541656a95328f289421989acd358197564b8ddb6862902fcaef1fa5c844e7413e917d3c8ff2c069b0512e5990
+  data.tar.gz: e308393b7db13d6818c9ab6754fbf01ec19c009c4db84c55068769539946e319e58b6f45e1c86d26ac708a6d93211618b1dac3c75dc4b6eb6b9f1bebe00ad6da

data/lib/gibier/static_generator.rb

@@ -13,7 +13,8 @@ module Gibier
         generate_page(name, assets_path)
       end
 
-      convert_html(File.expand_path('../../../template/gh_pages/index.haml', __FILE__), "docs/index.html", slides: @slide_loader.slides)
+      convert_html(File.expand_path('../views/index.haml', @data_dir), "docs/index.html", slides: @slide_loader.slides)
+      FileUtils.cp_r(File.expand_path('../assets', @data_dir), "docs")
     end
 
     def generate_page(name, assets_path = 'assets', slide_dir = nil)
@@ -22,8 +23,8 @@ module Gibier
 
       slide_dir =  "#{@target_dir}/#{name}" unless slide_dir
       FileUtils.mkdir_p slide_dir
-      slide_haml = File.expand_path('../../../template/gh_pages/slide.haml', __FILE__)
-      convert_html(slide_haml, "#{slide_dir}/index.html", slide_name: name, assets_path: assets_path)
+      slide_haml = File.expand_path('../views/slide.haml', @data_dir)
+      convert_html(slide_haml, "#{slide_dir}/index.html", slide_name: name, static: true, assets_path: assets_path)
 
       assets_dir = "#{@target_dir}/assets/#{name}"
       FileUtils.mkdir_p assets_dir

data/lib/gibier/version.rb

@@ -1,3 +1,3 @@
 module Gibier
-  VERSION = "0.8.11"
+  VERSION = "0.8.12"
 end

data/template/project/app/page_background.rb

@@ -2,33 +2,10 @@ class PageBackground
   include Hyalite::Component
 
   def background
-    case @props[:page_number] 
-    when 0
-      [
-        div({class: 'particleground'},
-          div({class: 'logo'}),
-          div({class: 'copyright'}, "© 2017 Retrieva, Inc.")
-        ),
-        div({class: 'vborder'})
-      ]
-    when Gibier.page_count - 1
-      [
-        div({class: 'particleground'},
-          div({class: 'logo large'}),
-          div({class: 'copyright'}, "© 2017 Retrieva, Inc.")
-        ),
-      ]
-    else
-      [
-        div({class: 'border'}),
-        div({class: 'dog'}),
-        div({class: 'copyright'}, "© 2017 Retrieva, Inc.")
-      ]
-    end
+    []
   end
 
   def render
     div({class: 'page-background', style: {zoom: @props[:zoom]}}, background)
   end
 end
-

data/template/project/assets/css/application.css

@@ -16,7 +16,7 @@ body {
   top: 0;
   width: 100%;
   height: 100%;
-  font-size: 32px;
+  font-size: 40px;
 }
 
 .gibier .background {
@@ -33,14 +33,10 @@ body {
 
 .slide {
   position: absolute;
-  width: 960px;
-  height: 720px;
   margin: 0 auto;
 }
 
 .wrap-page {
-  width: 960px;
-  height: 720px;
   margin: 0 auto;
   color: #000;
   background-color: #fff;
@@ -55,10 +51,35 @@ body {
 }
 
 .slide .page {
+  position: absolute;
+}
+
+.slide .page-background {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+}
+
+.slide .page-container {
+  position: absolute;
+}
+
+.slide .page-header {
+  position: absolute;
+  width: 100%;
+  margin: 1em 0;
+  z-index: 103;
+}
+
+.slide .page-content {
   top: 50%;
   transform: translateY(-50%);
   position: absolute;
-  width: 100%;
+  width: 80%;
+  left: 0;
+  right: 0;
+  margin: 0 auto;
+  z-index: 104;
 }
 
 .slide-controll {
@@ -71,7 +92,7 @@ body {
   position: absolute;
   width: 25%;
   height: 100%;
-  z-index: 10;
+  z-index: 101;
   background-color: rgba(0, 0, 0, 0);
 }
 
@@ -80,7 +101,7 @@ body {
   width: 25%;
   height: 100%;
   left: 75%;
-  z-index: 10;
+  z-index: 102;
   background-color: rgba(0, 0, 0, 0);
 }
 
@@ -114,14 +135,28 @@ body {
   background-repeat: no-repeat;
 }
 
-.page img {
-  width: 1em;
+.page img.inline {
+  height: 2rem;
   background-size: contain;
   background-repeat: no-repeat;
 }
 
+.page .inline {
+  margin: 0 8px;
+  float: left;
+}
+
+.page p.huge {
+  text-align: center;
+  font-size: 2.6em;
+  font-weight: bold;
+  margin: 0;
+}
+
 .page p.large {
   text-align: center;
+  font-size: 1.6em;
+  font-weight: bold;
   margin: 0;
 }
 
@@ -129,6 +164,86 @@ body {
   width: 80%;
 }
 
+.page p.middle {
+  text-align: center;
+  font-size: 1.6em;
+  font-weight: bold;
+  margin: 0;
+  margin-top: 4em;
+}
+
+.page p.middle img {
+  width: 60%;
+}
+
+.page p.portlait {
+  text-align: center;
+  font-size: 1.6em;
+  font-weight: bold;
+  margin: 0;
+}
+
+.page p.portlait img {
+  width: 40%;
+  margin-top: 4em;
+}
+
+.page p.portlait-left {
+  text-align: left;
+  font-size: 1.6em;
+  font-weight: bold;
+  margin: 0;
+}
+
+.page p.portlait-left img {
+  width: 38%;
+  margin-top: 12%;
+  float: left;
+}
+
+.page .right ~ * {
+  position: relative;
+  float: left;
+  margin-top: 10em;
+  margin-left: 2em;
+  width: 20em;
+}
+
+.page p.w90 {
+  text-align: center;
+  font-size: 1.6em;
+  font-weight: bold;
+  margin: 0;
+}
+
+.page p.w90 img {
+  width: 90%;
+}
+
+.page p.w70 {
+  text-align: center;
+  font-size: 1.6em;
+  font-weight: bold;
+  margin: 0;
+  margin-top: 4em;
+}
+
+.page p.w70 img {
+  width: 70%;
+}
+
+.page p.w50 {
+  text-align: center;
+  font-size: 1.6em;
+  font-weight: bold;
+  margin: 0;
+  margin-top: 4em;
+}
+
+.page p.w50 img {
+  width: 50%;
+}
+
 h1 {
   font-size: 1.6em;
   text-align: center;

data/template/project/data/sample/css/custom.css

@@ -0,0 +1,6 @@
+.gibier .page_0 p.icon {
+  margin: 0;
+  position: relative;
+  left: 32em;
+  top: -3em;
+}

data/template/project/server.rb

@@ -45,6 +45,7 @@ class Server < Sinatra::Base
 
   get '/:slide_name' do
     @slide_name = params['slide_name']
+    @assets_path = 'assets'
     haml :slide
   end
 

data/template/project/views/slide.haml

@@ -4,9 +4,9 @@
     %meta{charset:"utf-8"}
     %meta{name:"viewport", content:"width=device-width,initial-scale=1.0,minimum-scale=1.0"}
     %title= @slide_name
-    %link{rel:"stylesheet", href:"assets/css/application.css"}
-    %link{rel:"stylesheet", href:"assets/#{@slide_name}/css/custom.css"}
-    %link{rel:"stylesheet", href:"assets/css/highlight.css"}
+    %link{rel:"stylesheet", href:"#{@assets_path}/css/application.css"}
+    %link{rel:"stylesheet", href:"#{@assets_path}/#{@slide_name}/css/custom.css"}
+    %link{rel:"stylesheet", href:"#{@assets_path}/css/highlight.css"}
 
   %body
     %section.gibier
@@ -14,4 +14,12 @@
     :javascript
       window.slideName = '#{@slide_name}'
       window.assetsPath = 'assets/#{@slide_name}'
-    = ::Opal::Sprockets.javascript_include_tag("slides/#{@slide_name}/app", sprockets: settings.opal.sprockets, prefix: 'assets', debug: true)
+
+    - if @static
+      :javascript
+        window.ghPages = true;
+
+      %script{type:"text/javascript", src:"#{@assets_path}/#{@slide_name}/javascripts/application.js"}
+
+    - else
+      = ::Opal::Sprockets.javascript_include_tag("slides/#{@slide_name}/app", sprockets: settings.opal.sprockets, prefix: 'assets', debug: true)

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: gibier
 version: !ruby/object:Gem::Version
-  version: 0.8.11
+  version: 0.8.12
 platform: ruby
 authors:
 - youchan
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-05-30 00:00:00.000000000 Z
+date: 2018-06-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sinatra
@@ -270,8 +270,6 @@ files:
 - lib/gibier/static_generator.rb
 - lib/gibier/version.rb
 - template/app.rb
-- template/gh_pages/index.haml
-- template/gh_pages/slide.haml
 - template/project/Gemfile
 - template/project/app/page_background.rb
 - template/project/app/page_base.rb

data/template/gh_pages/index.haml

@@ -1,13 +0,0 @@
-!!! 5
-%html(lang="en" data-framework="hyalite")
-  %head
-    %meta{charset:"utf-8"}
-    %title Index of slides
-
-  %body
-    %h1 Index of slides
-    %section
-      %ul
-        - @slides.each do |slide|
-          %li
-            %a{href: slide[:name]}= "[#{slide[:name]}] \"#{slide[:title]}\""

data/template/gh_pages/slide.haml

@@ -1,18 +0,0 @@
-!!!
-%html(lang="en" data-framework="hyalite")
-  %head
-    %meta{charset:"utf-8"}
-    %title= @slide_name
-    %link{rel:"stylesheet", href:"#{@assets_path}/css/application.css"}
-    %link{rel:"stylesheet", href:"#{@assets_path}/#{@slide_name}/css/custom.css"}
-    %link{rel:"stylesheet", href:"#{@assets_path}/css/highlight.css"}
-
-  %body
-    %section.gibier
-
-    :javascript
-      window.slideName = '#{@slide_name}'
-      window.ghPages = true;
-      window.assetsPath = '#{@assets_path}/#{@slide_name}';
-
-    %script{type:"text/javascript", src:"#{@assets_path}/#{@slide_name}/javascripts/application.js"}