first steps: draft and implement playback page

Resources/VLCFirstStepsFifthPageViewController.xib

@@ -5,9 +5,19 @@
         <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="3733"/>
     </dependencies>
     <objects>
-        <placeholder placeholderIdentifier="IBFilesOwner" id="-1" userLabel="File's Owner" customClass="VLCFirstStepsFifthViewController">
+        <placeholder placeholderIdentifier="IBFilesOwner" id="-1" userLabel="File's Owner" customClass="VLCFirstStepsFifthPageViewController">
             <connections>
+                <outlet property="actualContentView" destination="O3b-Ho-LYt" id="Tpu-yc-zRK"/>
+                <outlet property="aspectLabel" destination="rxT-sI-I62" id="Ku4-bJ-I7i"/>
+                <outlet property="audioLabel" destination="iZQ-tz-6Mt" id="uCm-1k-a9z"/>
+                <outlet property="effectsLabel" destination="lPu-Tk-ZFz" id="OyE-1B-oQu"/>
+                <outlet property="positionLabel" destination="jPD-pE-0dp" id="8cG-0j-bep"/>
+                <outlet property="repeatLabel" destination="ZH3-wu-ACx" id="dOD-3A-WZz"/>
+                <outlet property="speedLabel" destination="fjL-iy-wmD" id="my3-Qg-kBO"/>
+                <outlet property="subtitlesLabel" destination="fQl-HI-OYN" id="8er-aL-bmY"/>
+                <outlet property="timeLabel" destination="Sco-vd-q7P" id="WCZ-zn-AXt"/>
                 <outlet property="view" destination="i5M-Pr-FkT" id="sfx-zR-JGt"/>
+                <outlet property="volumeLabel" destination="0Wg-Jn-lXN" id="GV0-rG-lXM"/>
             </connections>
         </placeholder>
         <placeholder placeholderIdentifier="IBFirstResponder" id="-2" customClass="UIResponder"/>
@@ -15,10 +25,181 @@
             <rect key="frame" x="0.0" y="0.0" width="320" height="442"/>
             <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
             <subviews>
-                <imageView userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="playback.png" id="0ga-ni-wio">
-                    <rect key="frame" x="20" y="71" width="280" height="300"/>
+                <view contentMode="scaleToFill" id="O3b-Ho-LYt">
+                    <rect key="frame" x="-2" y="68" width="325" height="354"/>
                     <autoresizingMask key="autoresizingMask" flexibleMinX="YES" flexibleMaxX="YES" flexibleMinY="YES" flexibleMaxY="YES"/>
-                </imageView>
+                    <subviews>
+                        <imageView userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="vlcsnap.png" id="bfA-AA-aOm">
+                            <rect key="frame" x="0.0" y="49" width="325" height="225"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                        </imageView>
+                        <view contentMode="scaleToFill" id="mmi-aJ-2yH">
+                            <rect key="frame" x="2" y="49" width="323" height="37"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                            <subviews>
+                                <slider opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" value="0.5" minValue="0.0" maxValue="1" id="uJn-GO-EA7" customClass="VLCSlider">
+                                    <rect key="frame" x="18" y="3" width="204" height="31"/>
+                                    <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                </slider>
+                                <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="00:00" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" id="8ya-Hw-kzT">
+                                    <rect key="frame" x="234" y="7" width="42" height="21"/>
+                                    <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                    <fontDescription key="fontDescription" type="system" pointSize="12"/>
+                                    <color key="textColor" white="0.71999999999999997" alpha="1" colorSpace="calibratedWhite"/>
+                                    <nil key="highlightedColor"/>
+                                </label>
+                                <imageView userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="ratioIcon.png" id="nZg-XB-fhj">
+                                    <rect key="frame" x="280" y="7" width="23" height="18"/>
+                                    <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                </imageView>
+                            </subviews>
+                            <color key="backgroundColor" white="0.0" alpha="0.60999999999999999" colorSpace="custom" customColorSpace="calibratedWhite"/>
+                        </view>
+                        <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Speed" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" id="fjL-iy-wmD">
+                            <rect key="frame" x="22" y="171" width="80" height="22"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                            <fontDescription key="fontDescription" name="Chalkduster" family="Chalkduster" pointSize="17"/>
+                            <color key="textColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="calibratedRGB"/>
+                            <nil key="highlightedColor"/>
+                        </label>
+                        <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Repeat" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" id="ZH3-wu-ACx">
+                            <rect key="frame" x="20" y="282" width="80" height="22"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                            <fontDescription key="fontDescription" name="Chalkduster" family="Chalkduster" pointSize="17"/>
+                            <color key="textColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="calibratedRGB"/>
+                            <nil key="highlightedColor"/>
+                        </label>
+                        <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Effects" textAlignment="right" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" id="lPu-Tk-ZFz">
+                            <rect key="frame" x="225" y="171" width="80" height="22"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                            <fontDescription key="fontDescription" name="Chalkduster" family="Chalkduster" pointSize="17"/>
+                            <color key="textColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="calibratedRGB"/>
+                            <nil key="highlightedColor"/>
+                        </label>
+                        <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Position" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" id="jPD-pE-0dp">
+                            <rect key="frame" x="14" y="19" width="202" height="22"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                            <fontDescription key="fontDescription" name="Chalkduster" family="Chalkduster" pointSize="17"/>
+                            <color key="textColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="calibratedRGB"/>
+                            <nil key="highlightedColor"/>
+                        </label>
+                        <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Time" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" id="Sco-vd-q7P">
+                            <rect key="frame" x="120" y="19" width="53" height="22"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                            <fontDescription key="fontDescription" name="Chalkduster" family="Chalkduster" pointSize="17"/>
+                            <color key="textColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="calibratedRGB"/>
+                            <nil key="highlightedColor"/>
+                        </label>
+                        <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Subtitles Tracks" textAlignment="right" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" id="fQl-HI-OYN">
+                            <rect key="frame" x="135" y="282" width="170" height="22"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                            <fontDescription key="fontDescription" name="Chalkduster" family="Chalkduster" pointSize="17"/>
+                            <color key="textColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="calibratedRGB"/>
+                            <nil key="highlightedColor"/>
+                        </label>
+                        <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Volume" textAlignment="right" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" id="0Wg-Jn-lXN">
+                            <rect key="frame" x="135" y="312" width="170" height="22"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                            <fontDescription key="fontDescription" name="Chalkduster" family="Chalkduster" pointSize="17"/>
+                            <color key="textColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="calibratedRGB"/>
+                            <nil key="highlightedColor"/>
+                        </label>
+                        <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Audio Tracks" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" id="iZQ-tz-6Mt">
+                            <rect key="frame" x="20" y="312" width="170" height="22"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                            <fontDescription key="fontDescription" name="Chalkduster" family="Chalkduster" pointSize="17"/>
+                            <color key="textColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="calibratedRGB"/>
+                            <nil key="highlightedColor"/>
+                        </label>
+                        <view contentMode="scaleToFill" id="2pl-Va-iYo">
+                            <rect key="frame" x="0.0" y="201" width="325" height="73"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                            <subviews>
+                                <imageView userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="repeat.png" id="PpX-ou-pWI">
+                                    <rect key="frame" x="20" y="49" width="23" height="18"/>
+                                    <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                </imageView>
+                                <imageView userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="speedIcon.png" id="twJ-2X-XBF">
+                                    <rect key="frame" x="22" y="12" width="19" height="19"/>
+                                    <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                </imageView>
+                                <imageView userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="forwardIcon.png" id="J3B-cz-pXQ">
+                                    <rect key="frame" x="197" y="13" width="32" height="16"/>
+                                    <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                </imageView>
+                                <imageView userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="videoEffectsIcon.png" id="r5D-uq-5cx">
+                                    <rect key="frame" x="284" y="10" width="21" height="21"/>
+                                    <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                </imageView>
+                                <imageView userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="playIcon.png" id="d7P-F0-iYa">
+                                    <rect key="frame" x="158" y="13" width="19" height="17"/>
+                                    <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                </imageView>
+                                <imageView userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="backIcon.png" id="ejj-jQ-QaL">
+                                    <rect key="frame" x="101" y="13" width="32" height="16"/>
+                                    <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                </imageView>
+                                <imageView userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="audioTrackIcon.png" id="9RJ-kB-qXH">
+                                    <rect key="frame" x="59" y="12" width="19" height="19"/>
+                                    <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                </imageView>
+                                <imageView userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="subtitleIcon.png" id="aLv-6K-CQw">
+                                    <rect key="frame" x="249" y="13" width="19" height="19"/>
+                                    <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                </imageView>
+                                <slider opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" value="0.5" minValue="0.0" maxValue="1" id="MTf-EO-pU3" customClass="VLCSlider">
+                                    <rect key="frame" x="57" y="43" width="250" height="31"/>
+                                    <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                </slider>
+                            </subviews>
+                            <color key="backgroundColor" white="0.0" alpha="0.60999999999999999" colorSpace="custom" customColorSpace="calibratedWhite"/>
+                        </view>
+                        <imageView userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="fsarrow-position.png" id="a4q-TS-Quq">
+                            <rect key="frame" x="44" y="38" width="49" height="24"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                        </imageView>
+                        <imageView userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="fsarrow-aspectratio.png" id="nqM-tS-QDH">
+                            <rect key="frame" x="293" y="40" width="17" height="20"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                        </imageView>
+                        <imageView userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="fsarrow-effects.png" id="PYW-4a-xja">
+                            <rect key="frame" x="265" y="189" width="33" height="20"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                        </imageView>
+                        <imageView userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="fsarrow-speed.png" id="4oB-1c-h40">
+                            <rect key="frame" x="28" y="190" width="33" height="20"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                        </imageView>
+                        <imageView userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="fsarrow-repeat.png" id="3H6-01-2Gp">
+                            <rect key="frame" x="28" y="268" width="33" height="20"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                        </imageView>
+                        <imageView userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="fsarrow-time.png" id="xve-3V-cvc">
+                            <rect key="frame" x="145" y="38" width="110" height="22"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                        </imageView>
+                        <imageView userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="fsarrow-subtitles.png" id="385-6t-Pwr">
+                            <rect key="frame" x="263" y="231" width="57" height="56"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                        </imageView>
+                        <imageView userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="fsarrow-audio.png" id="fQR-h3-pFj">
+                            <rect key="frame" x="6" y="228" width="57" height="91"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                        </imageView>
+                        <imageView userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="fsarrow-volume.png" id="0VT-Nu-S5e">
+                            <rect key="frame" x="228" y="265" width="93" height="57"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                        </imageView>
+                        <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Aspect Ratio" textAlignment="right" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" id="rxT-sI-I62">
+                            <rect key="frame" x="167" y="19" width="147" height="22"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                            <fontDescription key="fontDescription" name="Chalkduster" family="Chalkduster" pointSize="17"/>
+                            <color key="textColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="calibratedRGB"/>
+                            <nil key="highlightedColor"/>
+                        </label>
+                    </subviews>
+                    <color key="backgroundColor" red="0.1215686275" green="0.1215686275" blue="0.1215686275" alpha="1" colorSpace="calibratedRGB"/>
+                </view>
             </subviews>
             <color key="backgroundColor" white="0.12" alpha="1" colorSpace="calibratedWhite"/>
             <simulatedStatusBarMetrics key="simulatedStatusBarMetrics"/>
@@ -26,6 +207,24 @@
         </view>
     </objects>
     <resources>
-        <image name="playback.png" width="497" height="521"/>
+        <image name="audioTrackIcon.png" width="19" height="19"/>
+        <image name="backIcon.png" width="32" height="16"/>
+        <image name="forwardIcon.png" width="32" height="16"/>
+        <image name="fsarrow-aspectratio.png" width="17" height="20"/>
+        <image name="fsarrow-audio.png" width="57" height="91"/>
+        <image name="fsarrow-effects.png" width="34" height="21"/>
+        <image name="fsarrow-position.png" width="49" height="25"/>
+        <image name="fsarrow-repeat.png" width="33" height="21"/>
+        <image name="fsarrow-speed.png" width="34" height="21"/>
+        <image name="fsarrow-subtitles.png" width="57" height="56"/>
+        <image name="fsarrow-time.png" width="110" height="23"/>
+        <image name="fsarrow-volume.png" width="93" height="57"/>
+        <image name="playIcon.png" width="19" height="17"/>
+        <image name="ratioIcon.png" width="23" height="18"/>
+        <image name="repeat.png" width="23" height="18"/>
+        <image name="speedIcon.png" width="19" height="19"/>
+        <image name="subtitleIcon.png" width="19" height="19"/>
+        <image name="videoEffectsIcon.png" width="21" height="21"/>
+        <image name="vlcsnap.png" width="325" height="183"/>
     </resources>
 </document>

Sources/VLCFirstStepsFifthPageViewController.h

@@ -14,6 +14,17 @@
 
 @interface VLCFirstStepsFifthPageViewController : UIViewController
 
+@property (nonatomic, strong) IBOutlet UIView *actualContentView;
+@property (nonatomic, strong) IBOutlet UILabel *positionLabel;
+@property (nonatomic, strong) IBOutlet UILabel *timeLabel;
+@property (nonatomic, strong) IBOutlet UILabel *aspectLabel;
+@property (nonatomic, strong) IBOutlet UILabel *speedLabel;
+@property (nonatomic, strong) IBOutlet UILabel *effectsLabel;
+@property (nonatomic, strong) IBOutlet UILabel *repeatLabel;
+@property (nonatomic, strong) IBOutlet UILabel *audioLabel;
+@property (nonatomic, strong) IBOutlet UILabel *subtitlesLabel;
+@property (nonatomic, strong) IBOutlet UILabel *volumeLabel;
+
 @property (readonly) NSString *pageTitle;
 @property (readonly) NSUInteger page;
 

Sources/VLCFirstStepsFifthPageViewController.m

@@ -21,8 +21,20 @@
 - (void)viewDidLoad
 {
     [super viewDidLoad];
+    self.repeatLabel.text = NSLocalizedString(@"BUTTON_POSITION", @"");
+    self.timeLabel.text = NSLocalizedString(@"FIRST_STEPS_TIME", @"");
+    self.aspectLabel.text = NSLocalizedString(@"FIRST_STEPS_ASPECT", @"");
+    self.speedLabel.text = NSLocalizedString(@"FIRST_STEPS_SPEED", @"");
+    self.repeatLabel.text = NSLocalizedString(@"FIRST_STEPS_REPEAT", @"");
+    self.subtitlesLabel.text = NSLocalizedString(@"FIRST_STEPS_SUBTITLES", @"");
+    self.audioLabel.text = NSLocalizedString(@"FIRST_STEPS_AUDIO", @"");
+    self.volumeLabel.text = NSLocalizedString(@"FIRST_STEPS_VOLUME", @"");
+}
 
-    /* FIXME: l10n */
+- (void)viewWillAppear:(BOOL)animated
+{
+    if (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPad)
+        self.actualContentView.center = self.view.center;
 }
 
 - (NSString *)pageTitle

VLC for iOS.xcodeproj/project.pbxproj

@@ -213,6 +213,26 @@
 		7D63C19518774E0100BD5256 /* VLCFirstStepsThirdPageViewController~ipad.xib in Resources */ = {isa = PBXBuildFile; fileRef = 7D63C19418774E0100BD5256 /* VLCFirstStepsThirdPageViewController~ipad.xib */; };
 		7D63C19718774F1000BD5256 /* VLCFirstStepsFourthPageViewController~ipad.xib in Resources */ = {isa = PBXBuildFile; fileRef = 7D63C19618774F1000BD5256 /* VLCFirstStepsFourthPageViewController~ipad.xib */; };
 		7D63C1991877504B00BD5256 /* VLCFirstStepsSixthPageViewController~ipad.xib in Resources */ = {isa = PBXBuildFile; fileRef = 7D63C1981877504B00BD5256 /* VLCFirstStepsSixthPageViewController~ipad.xib */; };
+		7D63C1C1187767AF00BD5256 /* fsarrow-aspectratio.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D63C1AF187767AF00BD5256 /* fsarrow-aspectratio.png */; };
+		7D63C1C2187767AF00BD5256 /* fsarrow-aspectratio@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D63C1B0187767AF00BD5256 /* fsarrow-aspectratio@2x.png */; };
+		7D63C1C3187767AF00BD5256 /* fsarrow-audio.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D63C1B1187767AF00BD5256 /* fsarrow-audio.png */; };
+		7D63C1C4187767AF00BD5256 /* fsarrow-audio@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D63C1B2187767AF00BD5256 /* fsarrow-audio@2x.png */; };
+		7D63C1C5187767AF00BD5256 /* fsarrow-effects.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D63C1B3187767AF00BD5256 /* fsarrow-effects.png */; };
+		7D63C1C6187767AF00BD5256 /* fsarrow-effects@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D63C1B4187767AF00BD5256 /* fsarrow-effects@2x.png */; };
+		7D63C1C7187767AF00BD5256 /* fsarrow-position.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D63C1B5187767AF00BD5256 /* fsarrow-position.png */; };
+		7D63C1C8187767AF00BD5256 /* fsarrow-position@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D63C1B6187767AF00BD5256 /* fsarrow-position@2x.png */; };
+		7D63C1C9187767AF00BD5256 /* fsarrow-repeat.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D63C1B7187767AF00BD5256 /* fsarrow-repeat.png */; };
+		7D63C1CA187767AF00BD5256 /* fsarrow-repeat@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D63C1B8187767AF00BD5256 /* fsarrow-repeat@2x.png */; };
+		7D63C1CB187767AF00BD5256 /* fsarrow-speed.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D63C1B9187767AF00BD5256 /* fsarrow-speed.png */; };
+		7D63C1CC187767AF00BD5256 /* fsarrow-speed@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D63C1BA187767AF00BD5256 /* fsarrow-speed@2x.png */; };
+		7D63C1CD187767AF00BD5256 /* fsarrow-subtitles.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D63C1BB187767AF00BD5256 /* fsarrow-subtitles.png */; };
+		7D63C1CE187767AF00BD5256 /* fsarrow-subtitles@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D63C1BC187767AF00BD5256 /* fsarrow-subtitles@2x.png */; };
+		7D63C1CF187767AF00BD5256 /* fsarrow-time.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D63C1BD187767AF00BD5256 /* fsarrow-time.png */; };
+		7D63C1D0187767AF00BD5256 /* fsarrow-time@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D63C1BE187767AF00BD5256 /* fsarrow-time@2x.png */; };
+		7D63C1D1187767AF00BD5256 /* fsarrow-volume.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D63C1BF187767AF00BD5256 /* fsarrow-volume.png */; };
+		7D63C1D2187767AF00BD5256 /* fsarrow-volume@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D63C1C0187767AF00BD5256 /* fsarrow-volume@2x.png */; };
+		7D63C1D51877695300BD5256 /* vlcsnap@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D63C1D31877695300BD5256 /* vlcsnap@2x.png */; };
+		7D63C1D61877695300BD5256 /* vlcsnap.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D63C1D41877695300BD5256 /* vlcsnap.png */; };
 		7D66225E1871F29000CA9496 /* checkbox-legacy.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D66225A1871F29000CA9496 /* checkbox-legacy.png */; };
 		7D66225F1871F29000CA9496 /* checkbox-legacy@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D66225B1871F29000CA9496 /* checkbox-legacy@2x.png */; };
 		7D6622601871F29000CA9496 /* checkbox-legacy-empty.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D66225C1871F29000CA9496 /* checkbox-legacy-empty.png */; };
@@ -297,7 +317,6 @@
 		7DC19ADF1868C7BB00810BF7 /* VLCFirstStepsViewController.m in Sources */ = {isa = PBXBuildFile; fileRef = 7DC19ADD1868C7BB00810BF7 /* VLCFirstStepsViewController.m */; };
 		7DC19AE41868C8EC00810BF7 /* VLCFirstStepsFirstPageViewController.m in Sources */ = {isa = PBXBuildFile; fileRef = 7DC19AE21868C8EC00810BF7 /* VLCFirstStepsFirstPageViewController.m */; };
 		7DC19B051868D1C400810BF7 /* VLCFirstStepsFifthPageViewController.m in Sources */ = {isa = PBXBuildFile; fileRef = 7DC19B031868D1C400810BF7 /* VLCFirstStepsFifthPageViewController.m */; };
-		7DC19B081868D1EC00810BF7 /* playback.png in Resources */ = {isa = PBXBuildFile; fileRef = 7DC19B071868D1EC00810BF7 /* playback.png */; };
 		7DC19B0C1868D21800810BF7 /* VLCFirstStepsSixthPageViewController.m in Sources */ = {isa = PBXBuildFile; fileRef = 7DC19B0A1868D21800810BF7 /* VLCFirstStepsSixthPageViewController.m */; };
 		7DC72D5E17B7E7C7008A26D0 /* download@4x.png in Resources */ = {isa = PBXBuildFile; fileRef = 7DC72D5B17B7E7C7008A26D0 /* download@4x.png */; };
 		7DC72D5F17B7E7C7008A26D0 /* download.png in Resources */ = {isa = PBXBuildFile; fileRef = 7DC72D5C17B7E7C7008A26D0 /* download.png */; };
@@ -710,6 +729,26 @@
 		7D63C19418774E0100BD5256 /* VLCFirstStepsThirdPageViewController~ipad.xib */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.xib; name = "VLCFirstStepsThirdPageViewController~ipad.xib"; path = "Resources/VLCFirstStepsThirdPageViewController~ipad.xib"; sourceTree = SOURCE_ROOT; };
 		7D63C19618774F1000BD5256 /* VLCFirstStepsFourthPageViewController~ipad.xib */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.xib; name = "VLCFirstStepsFourthPageViewController~ipad.xib"; path = "Resources/VLCFirstStepsFourthPageViewController~ipad.xib"; sourceTree = SOURCE_ROOT; };
 		7D63C1981877504B00BD5256 /* VLCFirstStepsSixthPageViewController~ipad.xib */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.xib; name = "VLCFirstStepsSixthPageViewController~ipad.xib"; path = "Resources/VLCFirstStepsSixthPageViewController~ipad.xib"; sourceTree = SOURCE_ROOT; };
+		7D63C1AF187767AF00BD5256 /* fsarrow-aspectratio.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; name = "fsarrow-aspectratio.png"; path = "arrows/fsarrow-aspectratio.png"; sourceTree = "<group>"; };
+		7D63C1B0187767AF00BD5256 /* fsarrow-aspectratio@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; name = "fsarrow-aspectratio@2x.png"; path = "arrows/fsarrow-aspectratio@2x.png"; sourceTree = "<group>"; };
+		7D63C1B1187767AF00BD5256 /* fsarrow-audio.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; name = "fsarrow-audio.png"; path = "arrows/fsarrow-audio.png"; sourceTree = "<group>"; };
+		7D63C1B2187767AF00BD5256 /* fsarrow-audio@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; name = "fsarrow-audio@2x.png"; path = "arrows/fsarrow-audio@2x.png"; sourceTree = "<group>"; };
+		7D63C1B3187767AF00BD5256 /* fsarrow-effects.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; name = "fsarrow-effects.png"; path = "arrows/fsarrow-effects.png"; sourceTree = "<group>"; };
+		7D63C1B4187767AF00BD5256 /* fsarrow-effects@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; name = "fsarrow-effects@2x.png"; path = "arrows/fsarrow-effects@2x.png"; sourceTree = "<group>"; };
+		7D63C1B5187767AF00BD5256 /* fsarrow-position.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; name = "fsarrow-position.png"; path = "arrows/fsarrow-position.png"; sourceTree = "<group>"; };
+		7D63C1B6187767AF00BD5256 /* fsarrow-position@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; name = "fsarrow-position@2x.png"; path = "arrows/fsarrow-position@2x.png"; sourceTree = "<group>"; };
+		7D63C1B7187767AF00BD5256 /* fsarrow-repeat.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; name = "fsarrow-repeat.png"; path = "arrows/fsarrow-repeat.png"; sourceTree = "<group>"; };
+		7D63C1B8187767AF00BD5256 /* fsarrow-repeat@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; name = "fsarrow-repeat@2x.png"; path = "arrows/fsarrow-repeat@2x.png"; sourceTree = "<group>"; };
+		7D63C1B9187767AF00BD5256 /* fsarrow-speed.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; name = "fsarrow-speed.png"; path = "arrows/fsarrow-speed.png"; sourceTree = "<group>"; };
+		7D63C1BA187767AF00BD5256 /* fsarrow-speed@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; name = "fsarrow-speed@2x.png"; path = "arrows/fsarrow-speed@2x.png"; sourceTree = "<group>"; };
+		7D63C1BB187767AF00BD5256 /* fsarrow-subtitles.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; name = "fsarrow-subtitles.png"; path = "arrows/fsarrow-subtitles.png"; sourceTree = "<group>"; };
+		7D63C1BC187767AF00BD5256 /* fsarrow-subtitles@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; name = "fsarrow-subtitles@2x.png"; path = "arrows/fsarrow-subtitles@2x.png"; sourceTree = "<group>"; };
+		7D63C1BD187767AF00BD5256 /* fsarrow-time.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; name = "fsarrow-time.png"; path = "arrows/fsarrow-time.png"; sourceTree = "<group>"; };
+		7D63C1BE187767AF00BD5256 /* fsarrow-time@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; name = "fsarrow-time@2x.png"; path = "arrows/fsarrow-time@2x.png"; sourceTree = "<group>"; };
+		7D63C1BF187767AF00BD5256 /* fsarrow-volume.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; name = "fsarrow-volume.png"; path = "arrows/fsarrow-volume.png"; sourceTree = "<group>"; };
+		7D63C1C0187767AF00BD5256 /* fsarrow-volume@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; name = "fsarrow-volume@2x.png"; path = "arrows/fsarrow-volume@2x.png"; sourceTree = "<group>"; };
+		7D63C1D31877695300BD5256 /* vlcsnap@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "vlcsnap@2x.png"; sourceTree = "<group>"; };
+		7D63C1D41877695300BD5256 /* vlcsnap.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = vlcsnap.png; sourceTree = "<group>"; };
 		7D66225A1871F29000CA9496 /* checkbox-legacy.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "checkbox-legacy.png"; sourceTree = "<group>"; };
 		7D66225B1871F29000CA9496 /* checkbox-legacy@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "checkbox-legacy@2x.png"; sourceTree = "<group>"; };
 		7D66225C1871F29000CA9496 /* checkbox-legacy-empty.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "checkbox-legacy-empty.png"; sourceTree = "<group>"; };
@@ -863,7 +902,6 @@
 		7DC19AE21868C8EC00810BF7 /* VLCFirstStepsFirstPageViewController.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = VLCFirstStepsFirstPageViewController.m; path = Sources/VLCFirstStepsFirstPageViewController.m; sourceTree = SOURCE_ROOT; };
 		7DC19B021868D1C400810BF7 /* VLCFirstStepsFifthPageViewController.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = VLCFirstStepsFifthPageViewController.h; path = Sources/VLCFirstStepsFifthPageViewController.h; sourceTree = SOURCE_ROOT; };
 		7DC19B031868D1C400810BF7 /* VLCFirstStepsFifthPageViewController.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = VLCFirstStepsFifthPageViewController.m; path = Sources/VLCFirstStepsFifthPageViewController.m; sourceTree = SOURCE_ROOT; };
-		7DC19B071868D1EC00810BF7 /* playback.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = playback.png; sourceTree = "<group>"; };
 		7DC19B091868D21800810BF7 /* VLCFirstStepsSixthPageViewController.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = VLCFirstStepsSixthPageViewController.h; path = Sources/VLCFirstStepsSixthPageViewController.h; sourceTree = SOURCE_ROOT; };
 		7DC19B0A1868D21800810BF7 /* VLCFirstStepsSixthPageViewController.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = VLCFirstStepsSixthPageViewController.m; path = Sources/VLCFirstStepsSixthPageViewController.m; sourceTree = SOURCE_ROOT; };
 		7DC222771773AB0900371B5C /* es */ = {isa = PBXFileReference; lastKnownFileType = text.plist.strings; name = es; path = es.lproj/Localizable.strings; sourceTree = "<group>"; };
@@ -1528,6 +1566,33 @@
 			name = "HTTP Connectivity";
 			sourceTree = "<group>";
 		};
+		7D63C1A21877623700BD5256 /* arrows */ = {
+			isa = PBXGroup;
+			children = (
+				7D63C1AF187767AF00BD5256 /* fsarrow-aspectratio.png */,
+				7D63C1B0187767AF00BD5256 /* fsarrow-aspectratio@2x.png */,
+				7D63C1B1187767AF00BD5256 /* fsarrow-audio.png */,
+				7D63C1B2187767AF00BD5256 /* fsarrow-audio@2x.png */,
+				7D63C1B3187767AF00BD5256 /* fsarrow-effects.png */,
+				7D63C1B4187767AF00BD5256 /* fsarrow-effects@2x.png */,
+				7D63C1B5187767AF00BD5256 /* fsarrow-position.png */,
+				7D63C1B6187767AF00BD5256 /* fsarrow-position@2x.png */,
+				7D63C1B7187767AF00BD5256 /* fsarrow-repeat.png */,
+				7D63C1B8187767AF00BD5256 /* fsarrow-repeat@2x.png */,
+				7D63C1B9187767AF00BD5256 /* fsarrow-speed.png */,
+				7D63C1BA187767AF00BD5256 /* fsarrow-speed@2x.png */,
+				7D63C1BB187767AF00BD5256 /* fsarrow-subtitles.png */,
+				7D63C1BC187767AF00BD5256 /* fsarrow-subtitles@2x.png */,
+				7D63C1BD187767AF00BD5256 /* fsarrow-time.png */,
+				7D63C1BE187767AF00BD5256 /* fsarrow-time@2x.png */,
+				7D63C1BF187767AF00BD5256 /* fsarrow-volume.png */,
+				7D63C1C0187767AF00BD5256 /* fsarrow-volume@2x.png */,
+				7D53D506187729EC00A1BA97 /* uploadarrow.png */,
+				7D53D507187729EC00A1BA97 /* uploadarrow@2x.png */,
+			);
+			name = arrows;
+			sourceTree = "<group>";
+		};
 		7D6B07A31716C9A6003280C4 /* OBSlider */ = {
 			isa = PBXGroup;
 			children = (
@@ -1780,11 +1845,11 @@
 		7DC19AEC1868CC0000810BF7 /* First steps */ = {
 			isa = PBXGroup;
 			children = (
+				7D63C1D31877695300BD5256 /* vlcsnap@2x.png */,
+				7D63C1D41877695300BD5256 /* vlcsnap.png */,
 				7D53D503187729EC00A1BA97 /* wifi@2x.png */,
 				7D53D504187729EC00A1BA97 /* wifi.png */,
 				7D53D505187729EC00A1BA97 /* sidebar@2x.png */,
-				7D53D506187729EC00A1BA97 /* uploadarrow.png */,
-				7D53D507187729EC00A1BA97 /* uploadarrow@2x.png */,
 				7D53D508187729EC00A1BA97 /* sidebar-cutout@2x.png */,
 				7D53D509187729EC00A1BA97 /* sidebar.png */,
 				7D53D50A187729EC00A1BA97 /* sidebar-cutout.png */,
@@ -1800,9 +1865,9 @@
 				7D53D514187729EC00A1BA97 /* connector-cable@2x.png */,
 				7D53D515187729EC00A1BA97 /* browser@2x.png */,
 				7D53D516187729EC00A1BA97 /* browser.png */,
-				7DC19B071868D1EC00810BF7 /* playback.png */,
 				7D53D5331877355700A1BA97 /* filledcloud.png */,
 				7D53D5341877355700A1BA97 /* filledcloud@2x.png */,
+				7D63C1A21877623700BD5256 /* arrows */,
 			);
 			name = "First steps";
 			sourceTree = "<group>";
@@ -2164,7 +2229,9 @@
 				7D00161C177056B700649F27 /* main.js in Resources */,
 				7AC862A61765E9510011611A /* jquery-1.10.1.min.js in Resources */,
 				7D53D518187729EC00A1BA97 /* wifi.png in Resources */,
+				7D63C1D1187767AF00BD5256 /* fsarrow-volume.png in Resources */,
 				7AC862A71765E9510011611A /* jquery.fileupload.js in Resources */,
+				7D63C1C6187767AF00BD5256 /* fsarrow-effects@2x.png in Resources */,
 				7AC862A81765E9510011611A /* jquery.iframe-transport.js in Resources */,
 				7AC862A91765E9510011611A /* jquery.ui.widget.js in Resources */,
 				CC1BBC431704935E00A20CBF /* MediaLibrary.mom in Resources */,
@@ -2191,11 +2258,13 @@
 				7D53D521187729EC00A1BA97 /* pad@2x.png in Resources */,
 				29125E5617492219003F03E5 /* index.html in Resources */,
 				7DB638AB185BC0890003887C /* Images.xcassets in Resources */,
+				7D63C1D2187767AF00BD5256 /* fsarrow-volume@2x.png in Resources */,
 				7D6B08C2174A831900A05173 /* vlc-xmas.png in Resources */,
 				7D6B08C3174A831900A05173 /* vlc-xmas@2x.png in Resources */,
 				7D6B08FC174D773C00A05173 /* Settings.bundle in Resources */,
 				7D5E39CA174FC2F3007DAFA1 /* dropbox-white.png in Resources */,
 				7D5E39CB174FC2F3007DAFA1 /* dropbox-white@2x.png in Resources */,
+				7D63C1C1187767AF00BD5256 /* fsarrow-aspectratio.png in Resources */,
 				7D07F708175665ED00CDE21C /* navBarBackground@2x.png in Resources */,
 				7D07F709175665ED00CDE21C /* navBarBackground.png in Resources */,
 				7D07F70C175669A800CDE21C /* button.png in Resources */,
@@ -2206,14 +2275,15 @@
 				7D07F711175669D800CDE21C /* buttonHighlight@2x.png in Resources */,
 				7D53D527187729EC00A1BA97 /* connector-cable.png in Resources */,
 				7D07F71417566C4A00CDE21C /* menuCone.png in Resources */,
-				7DC19B081868D1EC00810BF7 /* playback.png in Resources */,
 				7D07F71517566C4A00CDE21C /* menuCone@2x.png in Resources */,
 				7DBBF1A7183AB4300009A339 /* VLCNetworkLoginViewController.xib in Resources */,
 				7D07F726175688D300CDE21C /* doneButton.png in Resources */,
 				7D07F727175688D300CDE21C /* doneButton@2x.png in Resources */,
+				7D63C1C7187767AF00BD5256 /* fsarrow-position.png in Resources */,
 				7D53D524187729EC00A1BA97 /* laptop.png in Resources */,
 				7D07F728175688D300CDE21C /* doneButtonHighlight.png in Resources */,
 				7D66225E1871F29000CA9496 /* checkbox-legacy.png in Resources */,
+				7D63C1CE187767AF00BD5256 /* fsarrow-subtitles@2x.png in Resources */,
 				7D07F729175688D300CDE21C /* doneButtonHighlight@2x.png in Resources */,
 				7D07F72E175691CC00CDE21C /* backButton.png in Resources */,
 				9BF07090185122AA009B23DD /* audio@4x.png in Resources */,
@@ -2229,6 +2299,7 @@
 				7DE1862F175BA9AC006C0173 /* badgeUnread~ipad.png in Resources */,
 				7DBBF19B183AB4300009A339 /* VLCCloudStorageTableViewCell~iphone.xib in Resources */,
 				7DE18632175BA9AF006C0173 /* badgeUnread~iphone.png in Resources */,
+				7D63C1D51877695300BD5256 /* vlcsnap@2x.png in Resources */,
 				7D47D6F91760CD8700E86BAD /* subtitleIcon.png in Resources */,
 				7D47D6FA1760CD8700E86BAD /* subtitleIcon@2x.png in Resources */,
 				7D47D6FB1760CD8700E86BAD /* videoEffectsIcon.png in Resources */,
@@ -2248,21 +2319,25 @@
 				7D47D7061760CD8700E86BAD /* speedIcon.png in Resources */,
 				7D71395B186B197800D54EDA /* darkButtonHighlight.png in Resources */,
 				7D47D7071760CD8700E86BAD /* speedIcon@2x.png in Resources */,
+				7D63C1C5187767AF00BD5256 /* fsarrow-effects.png in Resources */,
 				7D47D7091760CD8700E86BAD /* playbackDoneButton.png in Resources */,
 				7D47D70A1760CD8700E86BAD /* playbackDoneButton@2x.png in Resources */,
 				7D47D70B1760CD8700E86BAD /* playbackDoneButtonHighlight.png in Resources */,
 				7D897874185DEF79009BAB5D /* repeat.png in Resources */,
 				7D47D70C1760CD8700E86BAD /* playbackDoneButtonHighlight@2x.png in Resources */,
 				7D47D70D1760CD8700E86BAD /* ratioButton.png in Resources */,
+				7D63C1CF187767AF00BD5256 /* fsarrow-time.png in Resources */,
 				7D92897B1877467E009108FD /* VLCFirstStepsFourthPageViewController~iphone.xib in Resources */,
 				7D53D51F187729EC00A1BA97 /* phone@2x.png in Resources */,
 				7DA7C906186324FA00B56120 /* serverIcon@2x.png in Resources */,
+				7D63C1CA187767AF00BD5256 /* fsarrow-repeat@2x.png in Resources */,
 				7D47D70E1760CD8700E86BAD /* ratioButton@2x.png in Resources */,
 				7D1516461868D7E0004B18F3 /* VLCFirstStepsSixthPageViewController~iphone.xib in Resources */,
 				7D47D70F1760CD8700E86BAD /* ratioButtonHighlight.png in Resources */,
 				7D47D7101760CD8700E86BAD /* ratioButtonHighlight@2x.png in Resources */,
 				7D47D7111760CD8700E86BAD /* seekbarBg.png in Resources */,
 				7D47D7151760CD8700E86BAD /* knobSlider.png in Resources */,
+				7D63C1D61877695300BD5256 /* vlcsnap.png in Resources */,
 				7D47D7161760CD8700E86BAD /* knobSlider@2x.png in Resources */,
 				7D47D71A1760CD8700E86BAD /* playIcon.png in Resources */,
 				7D47D71B1760CD8700E86BAD /* playIcon@2x.png in Resources */,
@@ -2281,6 +2356,7 @@
 				7D9289761877459B009108FD /* VLCFirstStepsThirdPageViewController~iphone.xib in Resources */,
 				7DBBF1AB183AB4300009A339 /* VLCPlaylistTableViewCell.xib in Resources */,
 				7D6BD1841762026700AD311A /* thumbOverlayPhone@2x.png in Resources */,
+				7D63C1CB187767AF00BD5256 /* fsarrow-speed.png in Resources */,
 				9BD3F367185DEC0A00569ADC /* arrows.png in Resources */,
 				7D6BD1851762026700AD311A /* thumbOverlay@2x.png in Resources */,
 				7DBBF19E183AB4300009A339 /* VLCEmptyLibraryView~ipad.xib in Resources */,
@@ -2288,9 +2364,11 @@
 				7D6BD1861762026700AD311A /* thumbOverlayPhone.png in Resources */,
 				7D6BD1871762026700AD311A /* thumbOverlay.png in Resources */,
 				7D1AC3041762996100BD2EB5 /* resetIcon.png in Resources */,
+				7D63C1CD187767AF00BD5256 /* fsarrow-subtitles.png in Resources */,
 				7D1AC3051762996100BD2EB5 /* resetIcon@2x.png in Resources */,
 				7D53D526187729EC00A1BA97 /* cloud@2x.png in Resources */,
 				7D1AC30817629AB600BD2EB5 /* ratioIcon.png in Resources */,
+				7D63C1CC187767AF00BD5256 /* fsarrow-speed@2x.png in Resources */,
 				7D1AC30917629AB600BD2EB5 /* ratioIcon@2x.png in Resources */,
 				7D1AC30C17629D4600BD2EB5 /* title.png in Resources */,
 				7DBBF1A1183AB4300009A339 /* VLCFuturePlaylistTableViewCell.xib in Resources */,
@@ -2323,6 +2401,7 @@
 				7DEB3B8C1764A4F40038FC70 /* blank.png in Resources */,
 				7D53D520187729EC00A1BA97 /* phone.png in Resources */,
 				7DEB3B8D1764A4F40038FC70 /* blank@2x.png in Resources */,
+				7D63C1C8187767AF00BD5256 /* fsarrow-position@2x.png in Resources */,
 				7D223E1B181EC56E00B36798 /* gradient-cell-ios7-ipad@2x.png in Resources */,
 				7D53D51B187729EC00A1BA97 /* uploadarrow@2x.png in Resources */,
 				7AC8629D1765DC560011611A /* style.css in Resources */,
@@ -2332,6 +2411,7 @@
 				7DA7C907186324FA00B56120 /* serverIcon@4x.png in Resources */,
 				7D3E6CE518589EE000D584E7 /* AppIcon512x512.png in Resources */,
 				7D2A34A41805CDBA004078AA /* gradient-cell-ios7.png in Resources */,
+				7D63C1C9187767AF00BD5256 /* fsarrow-repeat.png in Resources */,
 				7DBBF199183AB4300009A339 /* VLCAboutViewController~iphone.xib in Resources */,
 				7DC72D5E17B7E7C7008A26D0 /* download@4x.png in Resources */,
 				7DC72D5F17B7E7C7008A26D0 /* download.png in Resources */,
@@ -2362,13 +2442,17 @@
 				9BF0708F185122AA009B23DD /* audio@2x.png in Resources */,
 				7D0699DE17CB1FAE00713BEB /* Local.png in Resources */,
 				7D0699DF17CB1FAE00713BEB /* Local@2x.png in Resources */,
+				7D63C1C3187767AF00BD5256 /* fsarrow-audio.png in Resources */,
 				7D1516421868D7E0004B18F3 /* VLCFirstStepsFifthPageViewController.xib in Resources */,
 				7D0699E017CB1FAE00713BEB /* MusicAlbums.png in Resources */,
+				7D63C1D0187767AF00BD5256 /* fsarrow-time@2x.png in Resources */,
 				9B1A1653185E08B4001A99D9 /* forwardIcon@2x.png in Resources */,
 				7D0699E117CB1FAE00713BEB /* MusicAlbums@2x.png in Resources */,
+				7D63C1C4187767AF00BD5256 /* fsarrow-audio@2x.png in Resources */,
 				7D0699E217CB1FAE00713BEB /* OpenNetStream.png in Resources */,
 				7D71395A186B197800D54EDA /* darkButton@2x.png in Resources */,
 				7DA7C905186324FA00B56120 /* serverIcon@1x.png in Resources */,
+				7D63C1C2187767AF00BD5256 /* fsarrow-aspectratio@2x.png in Resources */,
 				7D53D523187729EC00A1BA97 /* laptop@2x.png in Resources */,
 				7D0699E317CB1FAE00713BEB /* OpenNetStream@2x.png in Resources */,
 				7D0699E417CB1FAE00713BEB /* Settings.png in Resources */,