Meme tn

.gitignore

@@ -16,3 +16,15 @@
 
 # Ignore .DS_store file
 .DS_Store
+
+# IDE files
+.project
+.idea
+.idea/*
+.idea/workspace.xml
+/.idea/workspace.xml
+.settings/
+.buildpath
+
+# Gemfile.lock
+Gemfile.lock

Gemfile

@@ -3,6 +3,7 @@
 source 'http://rubygems.org'
 
 gem "middleman", "~>3.3.3"
+gem "middleman-minify-html"
 
 # Live-reloading plugin
 gem "middleman-livereload", "~> 3.1.0"
@@ -11,4 +12,4 @@ gem "middleman-livereload", "~> 3.1.0"
 gem "wdm", "~> 0.1.0", :platforms => [:mswin, :mingw]
 
 # Windows does not come with time zone data
-gem "tzinfo-data", platforms: [:mswin, :mingw]
+gem "tzinfo-data", platforms: [:mswin, :mingw]

README.md

@@ -15,6 +15,17 @@ Meme is a generator that Vox Media uses to create social sharing images. See wor
 * Highly (and easily!) customizable editor and theme options.
 * Watermark selector.
 
+## What's new in meme-tn version?
+
+* New responsive UI.
+* Add ribbons feature.
+* Add and position emojis features.
+* Change image proportions for Twitter and Facebook.
+* Choose between different background patterns for transparent background images. 
+* Improved image generation, no more DOM access in every rendering.
+* Better drag n’ drop behaviour when the image doesn't fit in the canvas.
+* Better drag n’ drop behaviour in touch devices.
+
 ## Install
 
 * `git clone https://github.com/voxmedia/meme.git`
@@ -47,6 +58,21 @@ If you're hosting this application on the same domain that serves your images, t
 
 2. Embed all of your watermark images as base64 data URIs within the `settings.js.erb` file. The asset pipeline's `asset_data_uri` helper method makes this very easy, and effectively embeds all image data within your JavaScript. The downside here is that your JavaScript will become a very large payload as you include more images. In the long term, getting CORS headers configured will be a better option.
 
+## Installing in Apache
+
+It uses Middleman to run. You must use this command to build it:
+
+* `bundle exec middleman build`
+
+### Fixing Assets
+
+Before you use it, you have to fix the asset. Add these lines to the build block in [config file](https://github.com/voxmedia/meme/blob/master/config.js.erb#L36) 
+
+* `activate :minify_html`
+* `activate :relative_assets`
+
+To fix the paths, use [middleman's helpers](https://middlemanapp.com/advanced/asset_pipeline/#helpers) in your CSS, and the `asset_data_uri` function in your [settings file](https://github.com/voxmedia/meme/blob/master/source/javascripts/settings.js.erb).
+
 ## Examples
 
 * http://www.sbnation.com/a/meme
@@ -60,4 +86,4 @@ If you're hosting this application on the same domain that serves your images, t
 2. Create your feature branch (`git checkout -b my-new-feature`)
 3. Commit your changes (`git commit -am 'Add some feature'`)
 4. Push to the branch (`git push origin my-new-feature`)
-5. Create a new Pull Request
+5. Create a new Pull Request

config.rb

@@ -23,15 +23,20 @@ def get_url
 set :css_dir, 'stylesheets'
 set :js_dir, 'javascripts'
 set :images_dir, 'images'
-set :url_prefix, '/'
+set :url_prefix, ''
 set :absolute_prefix, 'http://localhost:4567'
 
 # Build-specific configuration
 configure :build do
   puts "local build"
   set :url_prefix, ""
   set :absolute_prefix, ""
+  #set :images_dir, 'images'
+
   activate :asset_hash
   activate :minify_javascript
   activate :minify_css
+
+  activate :minify_html
+  activate :relative_assets
 end