redmine-neopoly_style 0.1.0 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: edac7dcd01e585a57b968898300c496f8346df30
-  data.tar.gz: a7c696601e5e2b8bed2777d74afc36c86c6b3480
+  metadata.gz: f70a6f482f86d261320ebcff80d4f3380fdd8307
+  data.tar.gz: 32d50f706b16d5c1d42207198dcdfeaaa92a28cc
 SHA512:
-  metadata.gz: e4be891ef6e3ec6b38a235b14feae2c9ba07026dcaed1f5ca6d451059ae89bf4e7d42e144dd9261849f5ec993d8cb6e9e4adc9cffd15cc2c834ea2c5399ad9be
-  data.tar.gz: 42003db2a8c1e5220023126a3f9533aa64586bb646e866701b9d8df75ca374ff80b27da163eb9ce0ce6fb15527f6b45831bc1c115a6b105986e9ff5c44b8bc73
+  metadata.gz: d741318ccace15e13b8d1ff1ba22f0e86df1437fd832264ded1a51969e9e884ba06ac257606f93169a0685fee79251c871d1511f42cd6932108e0a1d954ef5c8
+  data.tar.gz: dc784d16e4baef81070a26eb6d57291c8f2de12401b94743f9bb325a99311eacbbe65a1d8feab5b27182817eb1acfca72682434b44b5fb1c18f3efdca5cb6286

data/app/views/neopoly_style/_additional_favicons.html.erb

@@ -0,0 +1,20 @@
+<link rel="apple-touch-icon" sizes="57x57" href="<%= image_path(NeopolyStyle.favicon("apple-touch-icon-57x57.png")) %>">
+<link rel="apple-touch-icon" sizes="60x60" href="<%= image_path(NeopolyStyle.favicon("apple-touch-icon-60x60.png")) %>">
+<link rel="apple-touch-icon" sizes="72x72" href="<%= image_path(NeopolyStyle.favicon("apple-touch-icon-72x72.png")) %>">
+<link rel="apple-touch-icon" sizes="76x76" href="<%= image_path(NeopolyStyle.favicon("apple-touch-icon-76x76.png")) %>">
+<link rel="apple-touch-icon" sizes="114x114" href="<%= image_path(NeopolyStyle.favicon("apple-touch-icon-114x114.png")) %>">
+<link rel="apple-touch-icon" sizes="120x120" href="<%= image_path(NeopolyStyle.favicon("apple-touch-icon-120x120.png")) %>">
+<link rel="apple-touch-icon" sizes="144x144" href="<%= image_path(NeopolyStyle.favicon("apple-touch-icon-144x144.png")) %>">
+<link rel="apple-touch-icon" sizes="152x152" href="<%= image_path(NeopolyStyle.favicon("apple-touch-icon-152x152.png")) %>">
+<link rel="apple-touch-icon" sizes="180x180" href="<%= image_path(NeopolyStyle.favicon("apple-touch-icon-180x180.png")) %>">
+<link rel="icon" type="image/png" sizes="32x32" href="<%= image_path(NeopolyStyle.favicon("favicon-32x32.png")) %>">
+<link rel="icon" type="image/png" sizes="192x192" href="<%= image_path(NeopolyStyle.favicon("android-chrome-192x192.png")) %>">
+<link rel="icon" type="image/png" sizes="96x96" href="<%= image_path(NeopolyStyle.favicon("favicon-96x96.png")) %>">
+<link rel="icon" type="image/png" sizes="16x16" href="<%= image_path(NeopolyStyle.favicon("favicon-16x16.png")) %>">
+<link rel="manifest" href="<%= image_path(NeopolyStyle.favicon("manifest.json")) %>">
+<link rel="mask-icon" color="#504c84" href="<%= image_path(NeopolyStyle.favicon("safari-pinned-tab.svg")) %>">
+<link rel="shortcut icon" href="<%= image_path(NeopolyStyle.favicon("favicon.ico")) %>">
+<meta name="msapplication-TileColor" content="#504c84">
+<meta name="msapplication-TileImage" content="<%= image_path(NeopolyStyle.favicon("mstile-144x144.png")) %>">
+<meta name="msapplication-config" content="<%= image_path(NeopolyStyle.favicon("browserconfig.xml")) %>">
+<meta name="theme-color" content="#504c84">

data/assets/images/favicons/browserconfig.xml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+  <msapplication>
+    <tile>
+      <square70x70logo src="/plugin_assets/neopoly_style/images/favicons/mstile-70x70.png"/>
+      <square150x150logo src="/plugin_assets/neopoly_style/images/favicons/mstile-150x150.png"/>
+      <square310x310logo src="/plugin_assets/neopoly_style/images/favicons/mstile-310x310.png"/>
+      <wide310x150logo src="/plugin_assets/neopoly_style/images/favicons/mstile-310x150.png"/>
+      <TileColor>#504c84</TileColor>
+    </tile>
+  </msapplication>
+</browserconfig>

data/assets/images/favicons/manifest.json

@@ -0,0 +1,41 @@
+{
+  "name": "Neopoly",
+  "icons": [
+    {
+      "src": "\/plugin_assets\/neopoly_style\/images\/favicons\/android-chrome-36x36.png",
+      "sizes": "36x36",
+      "type": "image\/png",
+      "density": 0.75
+    },
+    {
+      "src": "\/plugin_assets\/neopoly_style\/images\/favicons\/android-chrome-48x48.png",
+      "sizes": "48x48",
+      "type": "image\/png",
+      "density": 1
+    },
+    {
+      "src": "\/plugin_assets\/neopoly_style\/images\/favicons\/android-chrome-72x72.png",
+      "sizes": "72x72",
+      "type": "image\/png",
+      "density": 1.5
+    },
+    {
+      "src": "\/plugin_assets\/neopoly_style\/images\/favicons\/android-chrome-96x96.png",
+      "sizes": "96x96",
+      "type": "image\/png",
+      "density": 2
+    },
+    {
+      "src": "\/plugin_assets\/neopoly_style\/images\/favicons\/android-chrome-144x144.png",
+      "sizes": "144x144",
+      "type": "image\/png",
+      "density": 3
+    },
+    {
+      "src": "\/plugin_assets\/neopoly_style\/images\/favicons\/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image\/png",
+      "density": 4
+    }
+  ]
+}

data/assets/images/favicons/safari-pinned-tab.svg

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   viewBox="0 0 875 875"
+   height="875"
+   width="875"
+   xml:space="preserve"
+   version="1.1"
+   id="svg3336"
+   sodipodi:docname="safari-pinned-tab.svg"><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     id="namedview12"
+     showgrid="false" /><metadata
+     id="metadata3342"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs3340"><clipPath
+       id="clipPath3350"
+       clipPathUnits="userSpaceOnUse"><path
+         id="path3352"
+         d="M 0,700 700,700 700,0 0,0 0,700 Z" /></clipPath></defs><g
+     transform="matrix(8.3644621,0,0,-8.3644617,-2482.239,3494.6517)"
+     id="g3344"><g
+       transform="translate(251.70213,6.7021277)"
+       id="g3346"><g
+         clip-path="url(#clipPath3350)"
+         id="g3348"><g
+           transform="translate(83.7754,356.6362)"
+           id="g3354"><path
+             id="path3356"
+             style="fill:#494a8c;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             d="m 0,0 c -0.282,-0.032 -1.985,-0.194 -2.549,-0.227 -0.271,-0.017 -2.255,-0.086 -2.963,-0.081 -0.708,0.002 -1.403,0.02 -2.087,0.053 -0.051,0.004 -0.911,0.085 -0.911,0.085 -2.529,0.216 -4.879,0.663 -6.936,1.376 -5.963,2.044 -9.585,6.115 -10.985,11.341 -1.401,5.228 -0.323,10.651 3.819,15.402 4.23,4.775 11.597,8.989 20.395,11.347 8.885,2.381 17.373,2.414 23.422,0.394 5.217,-1.788 8.928,-5.124 10.427,-9.508 0.214,-0.626 0.406,-1.268 0.581,-1.921 C 33.614,23.035 32.512,17.698 28.37,12.947 26.952,11.308 25.161,9.71 23.09,8.265 22.878,8.121 22.652,7.984 22.435,7.842 22.393,7.814 22.348,7.787 22.305,7.758 21.73,7.387 21.136,7.024 20.524,6.668 19.914,6.31 19.28,5.966 18.632,5.628 18.394,5.504 18.161,5.378 17.918,5.257 17.413,5.004 16.899,4.76 16.375,4.521 16.12,4.404 15.857,4.293 15.597,4.179 14.846,3.852 14.081,3.538 13.294,3.24 12.799,3.051 12.3,2.865 11.79,2.688 11.423,2.561 11.055,2.438 10.683,2.318 9.864,2.052 9.032,1.8 8.179,1.567 8.118,1.55 7.791,1.463 7.73,1.446 6.875,1.222 6.028,1.025 5.187,0.845 4.804,0.763 4.423,0.686 4.043,0.612 3.513,0.511 2.987,0.422 2.464,0.338 1.634,0.203 0.814,0.092 0,0 m 12.339,-2.054 1.008,0.432 c 13.755,-15.816 31.606,-27.957 52.992,-36.145 l 0,93.097 -105.48,0 0,-105.48 17.776,0 c 20.738,-0.011 39.488,18.611 33.704,48.096"/></g></g></g></g></svg>

data/assets/stylesheets/neopoly_style.css

@@ -19,7 +19,7 @@ h2, .wiki h1, h3, .wiki h2 { color: #222; }
 
 body, #wrapper, #main { background-color: #EEE; }
 
-#header { background-color: #005782; background-image: -webkit-gradient(linear, left top, left bottom, from(#1a719c), to(#005782)); background-image: -moz-linear-gradient(center top, #1a719c 0%, #005782 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a719c', endColorstr='#005782'); padding: 10px 0 35px 10px; background-position-y: 11%; height: auto; min-height: initial; }
+#header { background-color: #504c84; background-image: -webkit-gradient(linear, left top, left bottom, from(#504c84), to(#3d455f)); background-image: -moz-linear-gradient(center top, #504c84 0%, #504c84 #3d455f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$theme-color', endColorstr='#3d455f'); padding: 10px 0 35px 10px; background-position-y: 11%; height: auto; min-height: initial; }
 #header > h1 { height: 26px; margin: 0 24px; font-weight: normal; line-height: 14px; }
 
 #main { margin: 15px 15px 0 15px; }

data/assets/stylesheets/neopoly_style_responsive.css

@@ -0,0 +1,9 @@
+@media (max-width: 899px) { #header { height: 64px; padding-top: 0; }
+  #header .jump-box-arrow:before { top: 0; }
+  .flyout-menu { background: #504c84; }
+  .flyout-menu a, .flyout-menu a:link, .flyout-menu a:visited { color: #FFF; }
+  .flyout-menu h1, .flyout-menu h2, .flyout-menu h3 { margin: 0; padding: 0; color: white; border-top: 1px solid #D7D7D7; border-bottom: 1px solid #D7D7D7; background-color: #292743; height: 20px; font-size: 11px; line-height: 19px; letter-spacing: 0.1em; text-transform: uppercase; }
+  .flyout-menu .flyout-menu__sidebar { display: none; }
+  .flyout-menu .personal-wiki-page { display: none; }
+  #content > .wiki > .apps.side { display: none; }
+  #content > div.contextual { margin: 0 0 6px 0; padding: 0; text-align: center; } }

data/lib/assets/stylesheets/_config.sass

@@ -1,5 +1,6 @@
 $font-main: "Lucida Grande", verdana, arial, helvetica, sans-serif
 
+$theme-color: #504c84
 $content-color: #FFF
 $shadow-color: #CCC
 $border-color: #D7D7D7
@@ -24,4 +25,4 @@ $ui-widget-header-background-color: $segment-color
 $ui-widget-header-border-color: #CCC
 $ui-widget-header-color: #000
 $ui-widget-state-background-color: #FCFCFC
-$ui-widget-dialog-color: #444
+$ui-widget-dialog-color: #444

data/lib/assets/stylesheets/_layout.sass

@@ -2,10 +2,10 @@ body, #wrapper, #main
   background-color: $silent-color
 
 #header
-  background-color: #005782
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#1a719c), to(#005782))
-  background-image: -moz-linear-gradient(center top, #1a719c 0%, #005782 100% )
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a719c', endColorstr='#005782')
+  background-color: $theme-color
+  background-image: -webkit-gradient(linear, left top, left bottom, from($theme-color), to(#3d455f))
+  background-image: -moz-linear-gradient(center top, $theme-color 0%, $theme-color #3d455f )
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$theme-color', endColorstr='#3d455f')
   padding: 10px 0 35px 10px
   background-position-y: 11%
   height: auto

data/lib/assets/stylesheets/neopoly_style_responsive.sass

@@ -0,0 +1,42 @@
+@import "config"
+
+@media (max-width: 899px)
+  #header
+    height: 64px
+    padding-top: 0
+
+    .jump-box-arrow:before
+      top: 0
+
+  .flyout-menu
+    background: $theme-color
+
+    a, a:link, a:visited
+      color: $content-color
+
+    h1, h2, h3
+      margin: 0
+      padding: 0
+      color: white
+      border-top: 1px solid $border-color
+      border-bottom: 1px solid $border-color
+      background-color: darken($theme-color, 20%)
+      height: 20px
+      font-size: 11px
+      line-height: 19px
+      letter-spacing: .1em
+      text-transform: uppercase
+
+    .flyout-menu__sidebar
+      display: none
+    .personal-wiki-page
+      display: none
+
+  #content
+    > .wiki > .apps.side
+      display: none
+
+    > div.contextual
+      margin: 0 0 6px 0
+      padding: 0
+      text-align: center

data/lib/neopoly_style/hooks.rb

@@ -3,8 +3,8 @@ module NeopolyStyle
   class Hooks < Redmine::Hook::ViewListener
     # Inject javascript and stylesheet tags
     # @param _context [Hash] ignored
-    def view_layouts_base_html_head(_context)
-      javascript_tags + stylesheet_tags
+    def view_layouts_base_html_head(context)
+      javascript_tags + stylesheet_tags + additional_favicons(context)
     end
 
     private
@@ -14,7 +14,15 @@ module NeopolyStyle
     end
 
     def stylesheet_tags
-      stylesheet_link_tag "neopoly_style", plugin: "neopoly_style"
+      stylesheet_link_tag("neopoly_style", plugin: "neopoly_style") +
+      stylesheet_link_tag("neopoly_style_responsive", plugin: "neopoly_style")
+    end
+
+    def additional_favicons(context)
+      context[:controller].send(:render_to_string, {
+        partial: "neopoly_style/additional_favicons",
+        locals: context
+      })
     end
   end
 end

data/lib/neopoly_style/patches/application_helper_patch.rb

@@ -11,8 +11,7 @@ module NeopolyStyle
 
       # Returns the path to our own favicon
       def favicon_path_with_neopoly_style
-        path = "/plugin_assets/neopoly_style/images/favicon.ico"
-        image_path(path)
+        image_path(NeopolyStyle.favicon)
       end
     end
   end

data/lib/neopoly_style/version.rb

@@ -1,3 +1,3 @@
 module NeopolyStyle
-  VERSION = "0.1.0"
+  VERSION = "0.3.0"
 end

data/lib/redmine-neopoly_style.rb

@@ -4,4 +4,10 @@ require "neopoly_style/engine"
 
 # Redmine plugin for custom style overrides
 module NeopolyStyle
+  FAVICON_BASE = "/plugin_assets/neopoly_style/images/favicons"
+
+  def favicon(name = "favicon.ico")
+    "#{FAVICON_BASE}/#{name}"
+  end
+  module_function :favicon
 end

data/rakelib/assets.rake

@@ -7,14 +7,19 @@ namespace :assets do
       File.join(*segments)
     end
 
+    CSS_FILES = %w(neopoly_style neopoly_style_responsive)
+
     desc "Convert SASS stylesheets to CSS"
     task :stylesheets do
       require "sass"
-      input  = path("lib", "assets", "stylesheets", "neopoly_style.sass")
-      output = path("assets", "stylesheets", "neopoly_style.css")
-      engine = Sass::Engine.for_file(input, syntax: :sass, style: :compact)
-      File.write(output, engine.render)
-      puts "Build: #{output}"
+
+      CSS_FILES.each do |name|
+        input  = path("lib", "assets", "stylesheets", "#{name}.sass")
+        output = path("assets", "stylesheets", "#{name}.css")
+        engine = Sass::Engine.for_file(input, syntax: :sass, style: :compact)
+        File.write(output, engine.render)
+        puts "Build: #{output}"
+      end
     end
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: redmine-neopoly_style
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.3.0
 platform: ruby
 authors:
 - Jonas Thiel
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-03-20 00:00:00.000000000 Z
+date: 2016-06-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -93,10 +93,40 @@ files:
 - LICENSE.txt
 - README.md
 - Rakefile
+- app/views/neopoly_style/_additional_favicons.html.erb
 - assets/images/dark-overlay.png
-- assets/images/favicon.ico
+- assets/images/favicons/android-chrome-144x144.png
+- assets/images/favicons/android-chrome-192x192.png
+- assets/images/favicons/android-chrome-36x36.png
+- assets/images/favicons/android-chrome-48x48.png
+- assets/images/favicons/android-chrome-72x72.png
+- assets/images/favicons/android-chrome-96x96.png
+- assets/images/favicons/apple-touch-icon-114x114.png
+- assets/images/favicons/apple-touch-icon-120x120.png
+- assets/images/favicons/apple-touch-icon-144x144.png
+- assets/images/favicons/apple-touch-icon-152x152.png
+- assets/images/favicons/apple-touch-icon-180x180.png
+- assets/images/favicons/apple-touch-icon-57x57.png
+- assets/images/favicons/apple-touch-icon-60x60.png
+- assets/images/favicons/apple-touch-icon-72x72.png
+- assets/images/favicons/apple-touch-icon-76x76.png
+- assets/images/favicons/apple-touch-icon-precomposed.png
+- assets/images/favicons/apple-touch-icon.png
+- assets/images/favicons/browserconfig.xml
+- assets/images/favicons/favicon-16x16.png
+- assets/images/favicons/favicon-32x32.png
+- assets/images/favicons/favicon-96x96.png
+- assets/images/favicons/favicon.ico
+- assets/images/favicons/manifest.json
+- assets/images/favicons/mstile-144x144.png
+- assets/images/favicons/mstile-150x150.png
+- assets/images/favicons/mstile-310x150.png
+- assets/images/favicons/mstile-310x310.png
+- assets/images/favicons/mstile-70x70.png
+- assets/images/favicons/safari-pinned-tab.svg
 - assets/javascripts/neopoly_style.js
 - assets/stylesheets/neopoly_style.css
+- assets/stylesheets/neopoly_style_responsive.css
 - lib/assets/stylesheets/_config.sass
 - lib/assets/stylesheets/_context_menu.sass
 - lib/assets/stylesheets/_forms.sass
@@ -109,6 +139,7 @@ files:
 - lib/assets/stylesheets/_tags.sass
 - lib/assets/stylesheets/_typography.sass
 - lib/assets/stylesheets/neopoly_style.sass
+- lib/assets/stylesheets/neopoly_style_responsive.sass
 - lib/neopoly_style/engine.rb
 - lib/neopoly_style/hooks.rb
 - lib/neopoly_style/infos.rb
@@ -145,4 +176,3 @@ signing_key:
 specification_version: 4
 summary: Custom style overrides for Redmine
 test_files: []
-has_rdoc: