matching_base 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: a83ea3ce16b85a63924a67f8ced611d3733ef2fd
+  data.tar.gz: e44d50bc7363d68d064973c9c9545e1401a95e51
+SHA512:
+  metadata.gz: 47191d7ae4dff2f98ce5159f7226a60d5a2a1fb24bdef158686e903d46463289e52c7102330240c1b375877ca8b8c54807a26694ae8c10f29124510e5e454f87
+  data.tar.gz: 109d4f0267ca0312bc3f8de389ff455e57b94fab6f73d1d15baa9bb6a43543ddc5f68a532e1ec7cf1952a2855c3765a96a97cd6c35765de5cf711788ab09074c

data/lib/matching_base.rb

@@ -0,0 +1,9 @@
+class MatchingBase
+  def self.matching_files
+   core_lib  = File.join(File.dirname(__FILE__), 'matching_base')
+   res =  Dir.glob(File.join(core_lib, '*.rb'))
+   res
+  end
+end
+
+

data/lib/matching_base/application_stylesheet.rb

@@ -0,0 +1,47 @@
+class ApplicationStylesheet < RubyMotionQuery::Stylesheet
+
+  def application_setup
+
+    # Change the default grid if desired
+    #   rmq.app.grid.tap do |g|
+    #     g.num_columns =  12
+    #     g.column_gutter = 10
+    #     g.num_rows = 18
+    #     g.row_gutter = 10
+    #     g.content_left_margin = 10
+    #     g.content_top_margin = 74
+    #     g.content_right_margin = 10
+    #     g.content_bottom_margin = 10
+    #   end
+
+    # An example of setting standard fonts and colors
+    font_family = 'Helvetica Neue'
+    font.add_named :large,    font_family, 36
+    font.add_named :medium,   font_family, 24
+    font.add_named :small,    font_family, 18
+
+    color.add_named :tint, '236EB7'
+    color.add_named :translucent_black, color(0, 0, 0, 0.4)
+    color.add_named :battleship_gray,   '#7F7F7F'
+
+    StandardAppearance.apply app.window
+  end
+
+  def standard_button(st)
+    st.frame = {w: 40, h: 18}
+    st.background_color = color.tint
+    st.color = color.white
+  end
+
+  def standard_label(st)
+    st.frame = {w: 40, h: 18}
+    st.background_color = color.clear
+    st.color = color.black
+  end
+  
+  def rounded_image(st)
+    st.view.layer.cornerRadius = st.frame.width/2
+    st.clips_to_bounds = true
+  end  
+
+end

data/lib/matching_base/matching_animation.rb

@@ -0,0 +1,125 @@
+module MatchingAnimation
+  def popup(i, matched_index, final_screen)
+    @home_link.hide 
+    @reset_link.hide
+    @visit_link.hide
+    form_sheet = MZFormSheetController.new
+    form_sheet.initWithViewController MatchingLayoutTestController.alloc.initWithCardInfo(form_sheet, i, @data[matched_index], @home_link, @reset_link, @visit_link, final_screen, self)
+    form_sheet.shouldDismissOnBackgroundViewTap = true
+    form_sheet.formSheetWindow.transparentTouchEnabled = true
+    form_sheet.portraitTopInset = 10
+    form_sheet.presentedFormSheetSize = CGSizeMake(UIScreen.mainScreen.bounds.size.width * 0.90, UIScreen.mainScreen.bounds.size.height * 0.90);
+    form_sheet.presentAnimated true, completionHandler: lambda {|c| } 
+    form_sheet
+  end 
+
+  def final_screen
+   open MatchingCongratsScreen.new(nav_bar: false, :f_score=> @score.text)
+  end   
+
+  def shuffle_images(images)
+    shuffled_images = images.shuffle[0..9]
+    uniq_shuffled_images = (shuffled_images.shuffle + shuffled_images.shuffle).shuffle
+    uniq_shuffled_images.unshift("")
+    uniq_shuffled_images 
+  end
+
+  def rotate_image(index, image, time, re_flip)
+    @new_image = UIImage.imageNamed image
+    @old_image = UIImage.imageNamed 'Blank.jpg'
+    UIView.transitionWithView @img[index], duration: time, options: UIViewAnimationOptionTransitionFlipFromLeft,
+      animations: lambda {
+        @timer = false
+        @img[index].image = @new_image
+      },
+      completion: lambda {|finished|
+        @timer = true 
+      } 
+  end   
+
+  def replace_old_image(index)
+    UIView.transitionWithView @img[index], duration: 0.6, options: UIViewAnimationOptionTransitionFlipFromRight,
+      animations: lambda {
+            @img[index].image = @old_image
+        },
+        completion: lambda {|finished| 
+          @timer = true
+        }
+  end  
+
+  def change_image(index_of_clicked, clicked_image)
+     if @pause_timer
+       @pause_timer.invalidate
+       @pause_timer = nil
+       nw_image = UIImage.imageNamed 'Blank.jpg'
+       @img[@index_of_prev_clic].image = nw_image
+     end
+    if (un_matched_image(index_of_clicked))
+      if (@first_clicked != "")
+        @second_clicked = clicked_image[0]   
+        if ((@first_clicked == @second_clicked) && (@index_of_prev_clic != index_of_clicked))
+          rotate_the_image_after_map(index_of_clicked, clicked_image) 
+        else 
+          @first_clicked = @second_clicked  
+          @index_of_prev_clic = index_of_clicked
+          @second_clicked = ""
+          rotate_image(index_of_clicked, @first_clicked, 0.6, true)
+          @pause_timer = NSTimer.scheduledTimerWithTimeInterval(2.0, target:self, selector:'timerFired', userInfo:nil, repeats:false) 
+          @clicked_index = index_of_clicked
+        end
+      else  
+        @first_clicked = clicked_image[0] 
+        @second_clicked = ""
+        @index_of_prev_clic = index_of_clicked
+        rotate_image(index_of_clicked, clicked_image[0], 0.6, true)
+        @pause_timer = NSTimer.scheduledTimerWithTimeInterval(2.0, target:self, selector:'timerFired', userInfo:nil, repeats:false) 
+        @clicked_index = index_of_clicked 
+      end 
+    end
+  end  
+
+
+  def timerFired(index = nil)
+    index = @clicked_index || index
+    @pause_timer = nil
+    replace_old_image(index)
+  end
+
+  def get_match_score(index_of_clicked)
+    puts "kdjfvhvfnmk,llkmdjnnjm,lmkjnnm,lmjnh"
+    count = (@image_clicked_count["#{index_of_clicked}"] + @image_clicked_count["#{@index_of_prev_clic}"])
+    matched_score = case count 
+                    when 3
+                      50
+                    when 2 
+                      50
+                    when 4
+                      25
+                    when 5
+                      10 
+                    else 
+                      1  
+                  end
+    matched_score              
+  end   
+
+  def rotate_the_image_after_map(index_of_clicked, clicked_image)
+    rotate_image(@index_of_prev_clic, @first_clicked, 0.2, false)
+    rotate_image(index_of_clicked, @second_clicked, 0.2, false)
+    ms = get_match_score(index_of_clicked)
+    @get_score += ms
+    @score.text = @get_score.to_s
+    @matched_count += 1
+    @clicked_images << index_of_clicked
+    @clicked_images << @index_of_prev_clic 
+    @index_of_prev_clic = ""
+    @first_clicked = ""
+    @second_clicked = ""
+    if (@matched_count == 10)
+      popup(@index_of_prev_clic, clicked_image[1], true)
+      #open MatchingCongratsScreen.new(nav_bar: false, :f_score=> @score.text)
+    else
+      popup(@index_of_prev_clic, clicked_image[1], false)
+    end   
+  end    
+end 

data/lib/matching_base/matching_congrats_screen.rb

@@ -0,0 +1,40 @@
+class MatchingCongratsScreen < PM::Screen
+  stylesheet MatchingSuccessScreenStylesheet	
+  attr_accessor :f_score
+  include GoogleAnalytics
+
+  def init 
+
+  end   
+
+  def on_load
+    UIApplication.sharedApplication.statusBar.setAlpha 0
+    @img = UIImageView.alloc.init()
+    @img.apply_style(:team_dog_image)
+    self.view.addSubview(@img)
+    track_pageview("Congrats") 
+   # @congrats = append!(UILabel, :congrats_msg)
+
+    @score = append!(UILabel, :final_score)
+    @score.text = "Your Score is \n #{f_score}"
+
+    @start_over = append!(UILabel, :start_again).on(:tap){|s| open MatchingWelcomeScreen.new(nav_bar: false)}
+   @play_over = append!(UIButton, :play_again).on(:tap){|s| open MatchingHomeScreen.new(nav_bar: false)}
+    # rmq.append(UIButton, :play_again).on(:touch) do
+    #   open MatchingHomeScreen.new(nav_bar: false)
+    # end
+
+   #  @button = UIButton.buttonWithType(UIButtonTypeSystem)
+
+   #  @button.setTitle("Play Again", forState: UIControlStateNormal)
+   #  @button.layer.cornerRadius = 10 # SET THE ROUNDING RADIUS HERE
+   #  @button.backgroundColor = UIColor.darkGrayColor
+   # # @button.addTarget(self, action: :actionForTheButton, forControlEvents: UIControlEventTouchUpInside)
+   #  @button.apply_style(:play_again) 
+   #  @button.on(:touch) do 
+   #    open MatchingHomeScreen.new(nav_bar: false)
+   #  end   
+   #  self.view.addSubview(@button)
+
+  end 
+end 

data/lib/matching_base/matching_home_screen.rb

@@ -0,0 +1,82 @@
+class MatchingHomeScreen < PM::Screen
+  stylesheet MatchingHomeScreenStylesheet
+  include MatchingTimer
+  include MatchingAnimation
+          
+  def on_load
+    UIApplication.sharedApplication.statusBar.setAlpha 0
+    self.view.backgroundColor = UIColor.colorWithPatternImage UIImage.imageNamed('background_image')
+    self.navigationController.navigationBarHidden = true
+    score
+    time
+    generate_views
+    @home_link = append!(UILabel, :home_link).on(:tap){|x| open MatchingWelcomeScreen.new(nav_bar: true)} 
+    @reset_link = append!(UILabel, :reset_link).on(:tap){|x| reset_all}
+  end
+
+  def score
+    return @score unless @score.nil?
+    @score ||= UILabel.new
+    @score.text = '0          '
+    @score.textColor = UIColor.whiteColor
+    fontD = @score.font.fontDescriptor
+    fontD.fontDescriptorWithSymbolicTraits UIFontDescriptorTraitBold
+    @score.font = UIFont.fontWithDescriptor fontD, size: 0
+    # @score.frame = {grid: "b0:c0", w: 100}
+    @score.apply_style(:main_score)
+    @score.sizeToFit
+    view.addSubview(@score)
+  end
+
+  def generate_views
+    images = []
+    get_csv_data
+    @data.each_with_index do |l, index|
+      images << [l[0], index]
+    end
+    set_initial_values
+    uniq_shuffled_images = shuffle_images(images)
+    @img = Array.new(21, -1)
+     (1..20).each do |i|
+        puts "iiiiiiiiiiiiiiiiiiiiii #{i}"
+        puts "mmmmmmmmmmmmmmmmmmmmmm #{uniq_shuffled_images[i]}"
+        @img[i] = UIImageView.alloc.init()
+        @img[i].apply_style("img#{i}".to_sym)
+        @img[i].on(:tap){|s| change_image(i, uniq_shuffled_images[i])}
+        self.view.addSubview(@img[i])
+        @image_clicked_count["#{i}"] = 0
+    end
+  end   
+
+  def get_csv_data
+    @file = @file || NSURL.fileURLWithPath(File.join(NSBundle.mainBundle.resourcePath, 'characters.csv'))
+    @data = @data || MotionCSV.parse(NSData.dataWithContentsOfURL(@file).to_s)
+  end 
+
+  def set_initial_values
+    @first_clicked = ""
+    @timer = true 
+    @image_clicked_count = {}
+    @clicked_images = []
+    @get_score = 0
+    @matched_count = 0
+  end    
+
+  
+  def un_matched_image(index_of_clicked)
+    @image_clicked_count["#{index_of_clicked}"] += 1
+    (!(@clicked_images.include?(index_of_clicked)) && @timer)
+  end   
+ 
+  def reset_all 
+    @score.text = "0"
+    generate_views
+    reapply_styles
+    @set_timer.text = "00:00"
+    @startTime = Time.now
+  end   
+
+  def will_animate_rotate(orientation, duration)
+    find.all.reapply_styles
+  end
+end

data/lib/matching_base/matching_home_screen_stylesheet.rb

@@ -0,0 +1,241 @@
+class MatchingHomeScreenStylesheet < ApplicationStylesheet
+
+  def setup
+    if (rmq.device.height >= 1024)
+        self.grid = RubyMotionQuery::Grid.new({
+      content_left_margin: 0,
+      content_right_margin: 0,
+      content_top_margin: 10,
+      content_bottom_margin: 10,
+      num_columns: 13,  #13
+      column_gutter: 0, #0
+      num_rows: 17,
+      row_gutter: 0
+    })
+    else  
+      self.grid = RubyMotionQuery::Grid.new({
+        content_left_margin: 0,
+        content_right_margin: 0,
+        content_top_margin: 10,
+        content_bottom_margin: 10,
+        num_columns: 14,  #13
+        column_gutter: 10, #0
+        num_rows: 17,
+        row_gutter: 0
+      })
+  end
+    # Add stylesheet specific setup stuff here.
+    # Add application specific setup stuff in application_stylesheet.rb
+  end
+
+  def root_view(st)
+    st.background_color = color.black
+    puts "widthhhhhhhhhhhhhhhhhhh #{rmq.frame.width}"
+    puts "heightttttttttttttttttt #{rmq.frame.height}"
+  end
+
+ def get_width
+    case rmq.device.height
+    when 1024
+      puts "1024"
+      @width = 129#152#rmq.frame.width/4.8  #160
+      @height = 172#204#rmq.frame.height/6.02   #170
+    when 736
+      puts "736"
+      @width = 88#rmq.frame.width/5.048  #82
+      @height = 120 #rmq.frame.height/6.4  #115   #87
+    when 667
+      puts "667"
+      @width = 78#rmq.frame.width/5.1     #73.5
+      @height = 108#rmq.frame.height/6.4  #104    79
+    when 568
+      puts"568"
+       @width = 68#rmq.frame.width/5.1       #62.1
+       @height = 90#rmq.frame.height/6.52   #87        79
+    else  
+      puts "480"
+      @width = 59#rmq.frame.width/4.92   #67  
+      @height = 79#rmq.frame.height/6.07   # 79        69
+    end  
+  end
+  
+  def img1(st)
+    get_width
+    puts "heighttttttt #{@height}"
+    puts "widthhhhhhhh #{@width}"
+    st.frame = {grid: "b1:d3", w: @width, h: @height}#{t: rmq.frame.height/18, w: rmq.frame.width/5, h: rmq.frame.height/6.5, l: rmq.frame.width/22}
+    st.image = image.resource('Blank.jpg')
+   # st.border_width = 4
+    #st.border_color = color.white
+  end
+
+  def img2(st)
+    st.frame = {grid: "e1:g3", w: @width, h: @height}#{t: rmq.frame.height/18, w: rmq.frame.width/5, h: rmq.frame.height/6.5, fl: rmq.frame.width/3.6}
+    st.image = image.resource('Blank.jpg')
+  end
+
+  def img3(st)
+    st.frame = {grid: "h1:j3", w: @width, h: @height}#{t: rmq.frame.height/18, w: rmq.frame.width/5, h: rmq.frame.height/6.5, fl: rmq.frame.width/1.96}
+    st.image = image.resource('Blank.jpg')
+  end
+
+  def img4(st)
+    st.frame = {grid: "k1:m3", w: @width, h: @height}#{t: rmq.frame.height/18, w: rmq.frame.width/5, h: rmq.frame.height/6.5, fl: rmq.frame.width/1.34}
+    st.image = image.resource('Blank.jpg')
+  end
+
+  def img5(st)
+    st.frame = {grid: "b4:d6", w: @width, h: @height}#{t: rmq.frame.height/4.4, w: rmq.frame.width/5, h: rmq.frame.height/6.5, fl: rmq.frame.width/22}
+    st.image = image.resource('Blank.jpg')
+
+  end
+
+  def img6(st)
+    st.frame = {grid: "e4:g6", w: @width, h: @height}#{t: rmq.frame.height/4.4, w: rmq.frame.width/5, h: rmq.frame.height/6.5, fl: rmq.frame.width/3.6}
+    st.image = image.resource('Blank.jpg')
+  end
+
+  def img7(st)
+    st.frame = {grid: "h4:j6", w: @width, h: @height}#{t: rmq.frame.height/4.4, w: rmq.frame.width/5, h: rmq.frame.height/6.5, fl: rmq.frame.width/1.96}
+    st.image = image.resource('Blank.jpg')
+  end
+
+  def img8(st)
+    st.frame = {grid: "k4:m6", w: @width, h: @height}#{t: rmq.frame.height/4.4, w: rmq.frame.width/5, h: rmq.frame.height/6.5, fl: rmq.frame.width/1.34}
+    st.image = image.resource('Blank.jpg')
+  end
+
+  def img9(st)
+    st.frame = {grid: "b7:d9", w: @width, h: @height}#{t: rmq.frame.height/2.50, w: rmq.frame.width/5, h: rmq.frame.height/6.5, fl: rmq.frame.width/22}
+    st.image = image.resource('Blank.jpg')
+  end
+
+  def img10(st)
+    st.frame = {grid: "e7:g9", w: @width, h: @height}#{t: rmq.frame.height/2.50, w: rmq.frame.width/5, h: rmq.frame.height/6.5, fl: rmq.frame.width/3.6}
+    st.image = image.resource('Blank.jpg')
+  end
+
+  def img11(st)
+    st.frame = {grid: "h7:j9", w: @width, h: @height}#{t: rmq.frame.height/2.50, w: rmq.frame.width/5, h: rmq.frame.height/6.5, fl: rmq.frame.width/1.96}
+    st.image = image.resource('Blank.jpg')
+  end
+
+  def img12(st)
+    st.frame = {grid: "k7:m9", w: @width, h: @height}#{t: rmq.frame.height/2.50, w: rmq.frame.width/5, h: rmq.frame.height/6.5, fl: rmq.frame.width/1.34}
+    st.image = image.resource('Blank.jpg')
+
+  end
+
+  def img13(st)
+    st.frame = {grid: "b10:d12", w: @width, h: @height}#{t: rmq.frame.height/1.75, w: rmq.frame.width/5, h: rmq.frame.height/6.5, fl: rmq.frame.width/22}
+    st.image = image.resource('Blank.jpg')
+    #st.border_width = 4
+    #st.border_color = color.white
+  end
+
+  def img14(st)
+    st.frame = {grid: "e10:g12", w: @width, h: @height} #{t: rmq.frame.height/1.75, w: rmq.frame.width/5, h: rmq.frame.height/6.5, fl: rmq.frame.width/3.6}
+    st.image = image.resource('Blank.jpg')
+    #st.border_width = 4
+    #st.border_color = color.white
+  end
+
+  def img15(st)
+    st.frame = {grid: "h10:j12", w: @width, h: @height} #{t: rmq.frame.height/1.75, w: rmq.frame.width/5, h: rmq.frame.height/6.5, fl: rmq.frame.width/1.96}
+    st.image = image.resource('Blank.jpg')
+    #st.border_width = 4
+    #st.border_color = color.white
+  end
+
+  def img16(st)
+    st.frame = {grid: "k10:m12", w: @width, h: @height} #{t: rmq.frame.height/1.75, w: rmq.frame.width/5, h: rmq.frame.height/6.5, fl: rmq.frame.width/1.34}
+    st.image = image.resource('Blank.jpg')
+    #st.border_width = 4
+    #st.border_color = color.white
+  end
+
+  def img17(st)
+    st.frame = {grid: "b13:d15", w: @width, h: @height}# {t: rmq.frame.height/1.34, w: rmq.frame.width/5, h: rmq.frame.height/6.5, fl: rmq.frame.width/22}
+    st.image = image.resource('Blank.jpg')
+    #st.border_width = 4
+    #st.border_color = color.white
+  end
+
+  def img18(st)
+    st.frame = {grid: "e13:g15", w: @width, h: @height}#{t: rmq.frame.height/1.34, w: rmq.frame.width/5, h: rmq.frame.height/6.5, fl: rmq.frame.width/3.6}
+    st.image = image.resource('Blank.jpg')
+    #st.border_width = 4
+    #st.border_color = color.white
+  end
+
+  def img19(st)
+    st.frame = {grid: "h13:j15", w: @width, h: @height}# {t: rmq.frame.height/1.34, w: rmq.frame.width/5, h: rmq.frame.height/6.5, fl: rmq.frame.width/1.96}
+    st.image = image.resource('Blank.jpg')
+    #st.border_width = 4
+    #st.border_color = color.white
+  end
+
+  def img20(st)
+    st.frame = {grid: "k13:m15", w: @width, h: @height} #{t: rmq.frame.height/1.34, w: rmq.frame.width/5, h: rmq.frame.height/6.5, fl: rmq.frame.width/1.34}
+    st.image = image.resource('Blank.jpg')
+    #st.border_width = 4
+    #st.border_color = color.white
+  end
+
+  def home_link(st)
+    st.frame = {grid: "b16:c16", w: 100}
+    if (rmq.device.height >= 1024)
+    st.font = rmq.font.system(30)
+    end
+    st.color = color.white
+    st.text = "Home"
+  end 
+  
+  def reset_link(st)
+   # st.frame = {fl: 10, top: rmq.frame.height - 40, h: 30, w: 50}
+    st.frame = {grid: "l16:m16", w: 150}
+    st.color = color.white
+     if (rmq.device.height >= 1024)
+      st.font = rmq.font.system(30)
+     end
+    st.text = "Reset"
+  end   
+
+  def main_score(st)
+    st.frame = {grid: "b0:c0", w: 100}
+     if (rmq.device.height >= 1024)
+      st.font = rmq.font.system(30)
+     end
+  end
+  
+  def main_time(st)
+    st.frame = {grid: "l0:m0", w: 150}
+     if (rmq.device.height >= 1024)
+      st.font = rmq.font.system(30)
+    end
+  end  
+
+
+  def close_button_style(st)
+      if (rmq.device.height >= 1024)
+       st.frame = {grid:"f15", w: 70} 
+     elsif (rmq.device.height == 667)
+        st.frame = {grid:"f14", w: 70}
+     elsif (rmq.device.height == 736)
+        st.frame = {grid:"f14", w: 60}
+     elsif (rmq.device.height == 480)
+        st.frame = {grid:"f14", w: 50}   
+      else 
+       st.frame = {grid:"f14", w: 50}
+     end
+    end   
+end
+
+
+
+
+
+
+
+
+

data/lib/matching_base/matching_layout_test_controller.rb

@@ -0,0 +1,73 @@
+class MatchingLayoutTestController < UIViewController
+     stylesheet MatchingLayoutTestControllerStylesheet
+   
+    def initWithCardInfo(form_sheet, i, csv_content)
+      # @img = a
+      @index = i
+      @form_sheet = form_sheet
+      @csv = csv_content
+      self 
+    end
+
+  def on_load
+     super
+        self.view.backgroundColor = UIColor.whiteColor
+        self.view.alpha = 0.93
+        image = append!(UIImageView, :image_view)
+        image.tap do |imgv|
+            imgv.contentMode = UIViewContentModeScaleAspectFit
+            imgv.autoresizingMask = UIViewAutoresizingFlexibleBottomMargin | UIViewAutoresizingFlexibleRightMargin
+            imgv.backgroundColor = UIColor.clearColor
+            imgv.userInteractionEnabled = true
+            imgv.image = UIImage.imageNamed(@csv[0]) #AnimationHelper.renderImage(UIImage.imageNamed(@character.name), withMargin:10.0, color:UIColor.whiteColor)
+            self.view.addSubview(imgv)
+        end
+
+        close_button
+        image_title
+        image_sub_title 
+        second_status
+  end
+
+  def image_sub_title 
+    @image_sub_title = append!(UILabel, :img_sub_title)
+    @image_sub_title.text = @csv[2].upcase  
+    self.view.addSubview(@image_sub_title)
+  end   
+
+  def image_title
+    @image_title = append!(UILabel, :image_title_style)
+    @image_title.text = @csv[1]
+    self.view.addSubview(@image_title)
+  end
+
+  def close_button
+    @close_button = UIButton.buttonWithType UIButtonTypeRoundedRect
+    @close_button.setTitle "X", forState: UIControlStateNormal
+    @close_button.setTitleColor UIColor.redColor, forState: UIControlStateNormal
+    @close_button.sizeToFit
+    @close_button.addTarget(self, action: 'closePopup', forControlEvents: UIControlEventTouchUpInside)
+    @close_button.titleLabel.font = UIFont.fontWithName("Corbel", size: '20')
+    #@close_button.frame = [[rmq.frame.width/2.7, rmq.frame.height/1.2], [50,50]]
+    @close_button.apply_style(:close_button_style)
+    self.view.addSubview @close_button
+ end
+
+
+ def second_status
+    desc_index = [3,5,7]
+    index = desc_index.sample(1)
+    @second_status = append!(UILabel, :second_status_style)
+    @second_status.text = @csv[index[0]].gsub("\\n", "\n")
+    self.view.addSubview(@second_status)
+ end
+
+
+  def closePopup
+    @form_sheet.mz_dismissFormSheetControllerAnimated(true, completionHandler: nil)
+  end
+
+  def will_animate_rotate(orientation, duration)
+    reapply_styles
+  end
+end

data/lib/matching_base/matching_layout_test_controller_stylesheet.rb

@@ -0,0 +1,35 @@
+class MatchingLayoutTestControllerStylesheet < ApplicationStylesheet
+
+	 def setup
+	    # Add stylesheet specific setup stuff here.
+	    # Add application specific setup stuff in application_stylesheet.rb
+	 end
+
+	def image_title_style(st)
+	  st.frame = {t: rmq.frame.height/2.3, fl: 38, fr: 50, h: 50}
+	  st.color = UIColor.redColor
+	  st.text_alignment = :center
+	  #st.font = rmq.font.font_with_name('GoodDog', 60)
+	  st.font = rmq.font.system(30)
+	end
+
+	def second_status_style(st)
+	  st.frame = {t: rmq.frame.height/2-20, fl: 30, fr: 50, h: 200}
+	  st.number_of_lines = 5
+	 st.font = rmq.font.system(25)
+	  st.text_alignment = :center
+	  st.color = UIColor.brownColor
+	end
+
+	def image_view(st)
+	  st.frame = {t: 40, w: rmq.frame.width/2.8, h: rmq.frame.height/3, fl: rmq.frame.width/3.5}
+	end
+
+	def img_sub_title(st)
+	  st.frame = {t: rmq.frame.height/2 + 10, fl: 38, fr: 50, h: 50}
+	  st.color = UIColor.redColor
+	  st.text_alignment = :center
+	  st.font = rmq.font.system(20)
+	end
+
+end

data/lib/matching_base/matching_timer.rb

@@ -0,0 +1,39 @@
+module MatchingTimer
+  def time
+    @set_timer = UILabel.new
+    @set_timer.text = '00:00  '
+    @set_timer.textColor = UIColor.whiteColor
+   # @set_timer.frame = {grid: "l0:m0", w: 150} #[[rmq.device.width-50, 5], [100,50]]
+    view.addSubview(@set_timer)
+    @set_timer.apply_style(:main_time)
+    @set_timer.sizeToFit
+    @startTime = Time.now
+    startTimer
+    @set_timer
+  end
+
+  def startTimer
+    NSTimer.scheduledTimerWithTimeInterval(1.0, target: self, selector: 'updateTimer', userInfo: nil, repeats: true)
+  end
+
+
+  def updateTimer   
+   status = UIApplication.sharedApplication.applicationState == UIApplicationStateBackground 
+    if (!status)
+      @currentTime = @currentTime || Time.now
+      @currentTime += 1
+      @set_timer.text = time_diff(@startTime, @currentTime) #- @idle_time
+    end   
+  end
+
+  def time_diff(start_time, end_time)
+    seconds_diff = (start_time - end_time).to_i.abs
+    hours = seconds_diff / 3600
+    seconds_diff -= hours * 3600
+    minutes = seconds_diff / 60
+    seconds_diff -= minutes * 60
+    seconds = seconds_diff
+    "#{minutes.to_s.rjust(2, '0')}:#{seconds.to_s.rjust(2, '0')}"
+  end
+
+end

data/lib/matching_base/matching_welcome_screen.rb

@@ -0,0 +1,14 @@
+class MatchingWelcomeScreen < PM::Screen
+  stylesheet MatchingWelcomeScreenStylesheet	
+ 
+
+  def on_load
+  	UIApplication.sharedApplication.statusBar.setAlpha 0
+    @img = UIImageView.alloc.init()
+    @img.apply_style(:team_dog_image)
+    @img.on(:tap){|s| open MatchingHomeScreen.new(nav_bar: true)}
+    self.view.addSubview(@img)
+    #@start_over = append!(UILabel, :start_game).on(:tap){|s| open MatchingHomeScreen.new(nav_bar: true)}
+  end 
+
+end 

data/lib/matching_base/matching_welcome_screen_style_sheet.rb

@@ -0,0 +1,21 @@
+class MatchingWelcomeScreenStylesheet < ApplicationStylesheet
+  
+  def root_view(st)
+    st.background_color = color.white
+  end  
+
+  def team_dog_image(st)
+    st.frame = {t: 0, w: rmq.frame.width, h: rmq.frame.height, fl: 0}
+    st.image = image.resource('opening_screen.png') 
+  end 
+
+  def start_game(st)
+    st.frame = {t: rmq.frame.height/2 + 90, w: rmq.frame.width, h: 100}
+    st.font = rmq.font.font_with_name('Corbel', 40)
+    st.color = color.white
+    st.text_alignment = :centered
+    st.text = "Can You Find \n Two of a Kind?"
+    st.number_of_lines = 2
+  end 	
+ 
+end

metadata

@@ -0,0 +1,57 @@
+--- !ruby/object:Gem::Specification
+name: matching_base
+version: !ruby/object:Gem::Version
+  version: 1.0.0
+platform: ruby
+authors:
+- Manju Sagar
+- Siddalingappa
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2016-05-25 00:00:00.000000000 Z
+dependencies: []
+description: This Gem is used to match the cards and display the popup when the image
+  matches. For each match there will be certain scores based on hoew many times you
+  click the same image.
+email: manjusagar.sn@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/matching_base/application_stylesheet.rb
+- lib/matching_base/matching_animation.rb
+- lib/matching_base/matching_congrats_screen.rb
+- lib/matching_base/matching_home_screen.rb
+- lib/matching_base/matching_home_screen_stylesheet.rb
+- lib/matching_base/matching_layout_test_controller.rb
+- lib/matching_base/matching_layout_test_controller_stylesheet.rb
+- lib/matching_base/matching_timer.rb
+- lib/matching_base/matching_welcome_screen.rb
+- lib/matching_base/matching_welcome_screen_style_sheet.rb
+- lib/matching_base.rb
+homepage: https://rubygems.org/gems/ms
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.0.14
+signing_key: 
+specification_version: 4
+summary: A RubyMotion gem.
+test_files: []