first steps tutorial: add improved graphics

Resources/VLCFirstStepsFourthPageViewController.xib

@@ -18,7 +18,7 @@
             <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
             <subviews>
                 <label clipsSubviews="YES" userInteractionEnabled="NO" contentMode="top" text="Upload Your media to Google Drive or Dropbox." textAlignment="center" lineBreakMode="wordWrap" numberOfLines="0" baselineAdjustment="alignBaselines" minimumFontSize="9" adjustsLetterSpacingToFitWidth="YES" id="kne-kQ-uVu">
-                    <rect key="frame" x="20" y="185" width="280" height="67"/>
+                    <rect key="frame" x="20" y="188" width="280" height="67"/>
                     <autoresizingMask key="autoresizingMask" widthSizable="YES" flexibleMinY="YES" flexibleMaxY="YES"/>
                     <color key="backgroundColor" red="0.1215686275" green="0.1215686275" blue="0.1215686275" alpha="1" colorSpace="calibratedRGB"/>
                     <fontDescription key="fontDescription" type="system" pointSize="19"/>
@@ -26,21 +26,29 @@
                     <nil key="highlightedColor"/>
                 </label>
                 <imageView userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="sidebar.png" id="9ku-om-rLn">
-                    <rect key="frame" x="20" y="288" width="79" height="125"/>
+                    <rect key="frame" x="21" y="268" width="79" height="125"/>
                     <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMinY="YES" flexibleMaxY="YES"/>
                 </imageView>
-                <imageView userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="cloudupload.png" id="8m2-22-qDa">
-                    <rect key="frame" x="20" y="56" width="280" height="140"/>
-                    <autoresizingMask key="autoresizingMask" flexibleMinX="YES" flexibleMaxX="YES" flexibleMinY="YES" flexibleMaxY="YES"/>
-                </imageView>
                 <label clipsSubviews="YES" userInteractionEnabled="NO" contentMode="top" text="Open the sidebar to select Your Cloud provider and access Your media for downloading or streaming." textAlignment="center" lineBreakMode="wordWrap" numberOfLines="0" baselineAdjustment="alignBaselines" minimumFontSize="9" adjustsLetterSpacingToFitWidth="YES" id="cEb-8k-t4u">
-                    <rect key="frame" x="115" y="260" width="184" height="182"/>
+                    <rect key="frame" x="116" y="240" width="184" height="182"/>
                     <autoresizingMask key="autoresizingMask" widthSizable="YES" flexibleMinY="YES" flexibleMaxY="YES"/>
                     <color key="backgroundColor" red="0.1215686275" green="0.1215686275" blue="0.1215686275" alpha="1" colorSpace="calibratedRGB"/>
                     <fontDescription key="fontDescription" type="system" pointSize="18"/>
                     <color key="textColor" white="0.71999999999999997" alpha="1" colorSpace="calibratedWhite"/>
                     <nil key="highlightedColor"/>
                 </label>
+                <imageView userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="pad.png" id="3XD-c7-1E3">
+                    <rect key="frame" x="30" y="69" width="72" height="105"/>
+                    <autoresizingMask key="autoresizingMask" flexibleMinX="YES" flexibleMaxX="YES" flexibleMinY="YES" flexibleMaxY="YES"/>
+                </imageView>
+                <imageView userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="laptop.png" id="Wcy-yd-YRg">
+                    <rect key="frame" x="184" y="69" width="114" height="105"/>
+                    <autoresizingMask key="autoresizingMask" flexibleMinX="YES" flexibleMaxX="YES" flexibleMinY="YES" flexibleMaxY="YES"/>
+                </imageView>
+                <imageView userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="cloud.png" id="W8J-Df-ktU">
+                    <rect key="frame" x="115" y="101" width="78" height="41"/>
+                    <autoresizingMask key="autoresizingMask" flexibleMinX="YES" flexibleMaxX="YES" flexibleMinY="YES" flexibleMaxY="YES"/>
+                </imageView>
             </subviews>
             <color key="backgroundColor" white="0.12" alpha="1" colorSpace="calibratedWhite"/>
             <simulatedStatusBarMetrics key="simulatedStatusBarMetrics"/>
@@ -48,7 +56,9 @@
         </view>
     </objects>
     <resources>
-        <image name="cloudupload.png" width="547" height="205"/>
-        <image name="sidebar.png" width="155" height="246"/>
+        <image name="cloud.png" width="78" height="41"/>
+        <image name="laptop.png" width="114" height="105"/>
+        <image name="pad.png" width="72" height="105"/>
+        <image name="sidebar.png" width="79" height="108"/>
     </resources>
 </document>

Resources/VLCFirstStepsSecondPageViewController.xib

@@ -29,10 +29,25 @@ Transfer your files.</string>
                     <color key="textColor" white="0.71999999999999997" alpha="1" colorSpace="calibratedWhite"/>
                     <nil key="highlightedColor"/>
                 </label>
-                <imageView userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="ideviceConnectedToPC.png" id="06U-aS-gkj">
-                    <rect key="frame" x="20" y="93" width="280" height="140"/>
-                    <autoresizingMask key="autoresizingMask" flexibleMinX="YES" flexibleMaxX="YES" flexibleMaxY="YES"/>
-                </imageView>
+                <view contentMode="scaleToFill" id="dX5-WE-1ME">
+                    <rect key="frame" x="19" y="73" width="283" height="156"/>
+                    <autoresizingMask key="autoresizingMask" flexibleMinX="YES" flexibleMaxX="YES" flexibleMinY="YES" flexibleMaxY="YES"/>
+                    <subviews>
+                        <imageView userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="connector-cable.png" id="iQq-VW-mdJ">
+                            <rect key="frame" x="52" y="105" width="113" height="31"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMinX="YES" flexibleMaxX="YES" flexibleMinY="YES" flexibleMaxY="YES"/>
+                        </imageView>
+                        <imageView userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="pad.png" id="06U-aS-gkj">
+                            <rect key="frame" x="20" y="20" width="72" height="105"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMinX="YES" flexibleMaxX="YES" flexibleMinY="YES" flexibleMaxY="YES"/>
+                        </imageView>
+                        <imageView userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="laptop.png" id="Mnj-bR-Y7E">
+                            <rect key="frame" x="149" y="20" width="114" height="105"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMinX="YES" flexibleMaxX="YES" flexibleMinY="YES" flexibleMaxY="YES"/>
+                        </imageView>
+                    </subviews>
+                    <color key="backgroundColor" white="0.12" alpha="1" colorSpace="calibratedWhite"/>
+                </view>
             </subviews>
             <color key="backgroundColor" white="0.12" alpha="1" colorSpace="calibratedWhite"/>
             <simulatedStatusBarMetrics key="simulatedStatusBarMetrics"/>
@@ -40,6 +55,8 @@ Transfer your files.</string>
         </view>
     </objects>
     <resources>
-        <image name="ideviceConnectedToPC.png" width="429" height="251"/>
+        <image name="connector-cable.png" width="113" height="31"/>
+        <image name="laptop.png" width="114" height="105"/>
+        <image name="pad.png" width="72" height="105"/>
     </resources>
 </document>

Resources/VLCFirstStepsThirdPageViewController.xib

@@ -17,6 +17,29 @@
             <rect key="frame" x="0.0" y="0.0" width="320" height="442"/>
             <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
             <subviews>
+                <view contentMode="scaleToFill" id="SLp-TE-5XX">
+                    <rect key="frame" x="6" y="235" width="324" height="145"/>
+                    <autoresizingMask key="autoresizingMask" flexibleMinX="YES" flexibleMaxX="YES" flexibleMinY="YES" flexibleMaxY="YES"/>
+                    <subviews>
+                        <imageView userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="sidebar.png" id="VQG-8B-Wah">
+                            <rect key="frame" x="20" y="20" width="72" height="105"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMinX="YES" flexibleMaxX="YES" flexibleMinY="YES" flexibleMaxY="YES"/>
+                        </imageView>
+                        <imageView userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="sidebar-cutout.png" id="Rhh-JM-ujB">
+                            <rect key="frame" x="35" y="46" width="148" height="71"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMinX="YES" flexibleMaxX="YES" flexibleMinY="YES" flexibleMaxY="YES"/>
+                        </imageView>
+                        <imageView userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="browser.png" id="PKS-Mi-UbT">
+                            <rect key="frame" x="181" y="20" width="123" height="89"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMinX="YES" flexibleMaxX="YES" flexibleMinY="YES" flexibleMaxY="YES"/>
+                        </imageView>
+                        <imageView userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="uploadarrow.png" id="IN8-U7-2lp">
+                            <rect key="frame" x="170" y="34" width="61" height="49"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMinX="YES" flexibleMaxX="YES" flexibleMinY="YES" flexibleMaxY="YES"/>
+                        </imageView>
+                    </subviews>
+                    <color key="backgroundColor" white="0.12" alpha="1" colorSpace="calibratedWhite"/>
+                </view>
                 <label clipsSubviews="YES" userInteractionEnabled="NO" contentMode="top" text="Connect Your device to the same network as your Mac or PC." textAlignment="center" lineBreakMode="wordWrap" numberOfLines="0" baselineAdjustment="alignBaselines" minimumFontSize="9" adjustsLetterSpacingToFitWidth="YES" id="93K-R3-pGV">
                     <rect key="frame" x="21" y="189" width="280" height="67"/>
                     <autoresizingMask key="autoresizingMask" widthSizable="YES" flexibleMinY="YES" flexibleMaxY="YES"/>
@@ -25,12 +48,16 @@
                     <color key="textColor" white="0.71999999999999997" alpha="1" colorSpace="calibratedWhite"/>
                     <nil key="highlightedColor"/>
                 </label>
-                <imageView userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="iDeviceWiFiPC.png" id="wcH-ns-f7f">
-                    <rect key="frame" x="20" y="68" width="280" height="123"/>
+                <imageView userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="pad.png" id="1aL-zM-lp8">
+                    <rect key="frame" x="26" y="76" width="72" height="105"/>
+                    <autoresizingMask key="autoresizingMask" flexibleMinX="YES" flexibleMaxX="YES" flexibleMinY="YES" flexibleMaxY="YES"/>
+                </imageView>
+                <imageView userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="laptop.png" id="eEd-6d-L1K">
+                    <rect key="frame" x="180" y="76" width="114" height="105"/>
                     <autoresizingMask key="autoresizingMask" flexibleMinX="YES" flexibleMaxX="YES" flexibleMinY="YES" flexibleMaxY="YES"/>
                 </imageView>
-                <imageView userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="wifiuploadsetup.png" id="Pen-ba-YPF">
-                    <rect key="frame" x="20" y="261" width="280" height="90"/>
+                <imageView userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="wifi.png" id="xfi-La-dWa">
+                    <rect key="frame" x="111" y="101" width="78" height="55"/>
                     <autoresizingMask key="autoresizingMask" flexibleMinX="YES" flexibleMaxX="YES" flexibleMinY="YES" flexibleMaxY="YES"/>
                 </imageView>
                 <label clipsSubviews="YES" userInteractionEnabled="NO" contentMode="top" text="Switch the toggle in the sidebar, enter the URL to the web browser and upload your files." textAlignment="center" lineBreakMode="wordWrap" numberOfLines="0" baselineAdjustment="alignBaselines" minimumFontSize="9" adjustsLetterSpacingToFitWidth="YES" id="0Qh-Pn-NAG">
@@ -48,7 +75,12 @@
         </view>
     </objects>
     <resources>
-        <image name="iDeviceWiFiPC.png" width="506" height="223"/>
-        <image name="wifiuploadsetup.png" width="547" height="182"/>
+        <image name="browser.png" width="123" height="89"/>
+        <image name="laptop.png" width="114" height="105"/>
+        <image name="pad.png" width="72" height="105"/>
+        <image name="sidebar-cutout.png" width="148" height="71"/>
+        <image name="sidebar.png" width="79" height="108"/>
+        <image name="uploadarrow.png" width="61" height="49"/>
+        <image name="wifi.png" width="78" height="55"/>
     </resources>
 </document>

VLC for iOS.xcodeproj/project.pbxproj

@@ -185,6 +185,26 @@
 		7D514D4217F779C6007B960C /* DriveWhite.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D514D3E17F779C6007B960C /* DriveWhite.png */; };
 		7D514D4317F779C6007B960C /* DriveWhite@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D514D3F17F779C6007B960C /* DriveWhite@2x.png */; };
 		7D514D4417F779C6007B960C /* Drive.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D514D4017F779C6007B960C /* Drive.png */; };
+		7D53D517187729EC00A1BA97 /* wifi@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D53D503187729EC00A1BA97 /* wifi@2x.png */; };
+		7D53D518187729EC00A1BA97 /* wifi.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D53D504187729EC00A1BA97 /* wifi.png */; };
+		7D53D519187729EC00A1BA97 /* sidebar@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D53D505187729EC00A1BA97 /* sidebar@2x.png */; };
+		7D53D51A187729EC00A1BA97 /* uploadarrow.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D53D506187729EC00A1BA97 /* uploadarrow.png */; };
+		7D53D51B187729EC00A1BA97 /* uploadarrow@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D53D507187729EC00A1BA97 /* uploadarrow@2x.png */; };
+		7D53D51C187729EC00A1BA97 /* sidebar-cutout@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D53D508187729EC00A1BA97 /* sidebar-cutout@2x.png */; };
+		7D53D51D187729EC00A1BA97 /* sidebar.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D53D509187729EC00A1BA97 /* sidebar.png */; };
+		7D53D51E187729EC00A1BA97 /* sidebar-cutout.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D53D50A187729EC00A1BA97 /* sidebar-cutout.png */; };
+		7D53D51F187729EC00A1BA97 /* phone@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D53D50B187729EC00A1BA97 /* phone@2x.png */; };
+		7D53D520187729EC00A1BA97 /* phone.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D53D50C187729EC00A1BA97 /* phone.png */; };
+		7D53D521187729EC00A1BA97 /* pad@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D53D50D187729EC00A1BA97 /* pad@2x.png */; };
+		7D53D522187729EC00A1BA97 /* pad.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D53D50E187729EC00A1BA97 /* pad.png */; };
+		7D53D523187729EC00A1BA97 /* laptop@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D53D50F187729EC00A1BA97 /* laptop@2x.png */; };
+		7D53D524187729EC00A1BA97 /* laptop.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D53D510187729EC00A1BA97 /* laptop.png */; };
+		7D53D525187729EC00A1BA97 /* cloud.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D53D511187729EC00A1BA97 /* cloud.png */; };
+		7D53D526187729EC00A1BA97 /* cloud@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D53D512187729EC00A1BA97 /* cloud@2x.png */; };
+		7D53D527187729EC00A1BA97 /* connector-cable.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D53D513187729EC00A1BA97 /* connector-cable.png */; };
+		7D53D528187729EC00A1BA97 /* connector-cable@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D53D514187729EC00A1BA97 /* connector-cable@2x.png */; };
+		7D53D529187729EC00A1BA97 /* browser@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D53D515187729EC00A1BA97 /* browser@2x.png */; };
+		7D53D52A187729EC00A1BA97 /* browser.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D53D516187729EC00A1BA97 /* browser.png */; };
 		7D5DD5C717590ABF001421E3 /* About Contents.html in Resources */ = {isa = PBXBuildFile; fileRef = 7D5DD5C617590ABF001421E3 /* About Contents.html */; };
 		7D5E39CA174FC2F3007DAFA1 /* dropbox-white.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D5E39C8174FC2F3007DAFA1 /* dropbox-white.png */; };
 		7D5E39CB174FC2F3007DAFA1 /* dropbox-white@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = 7D5E39C9174FC2F3007DAFA1 /* dropbox-white@2x.png */; };
@@ -268,13 +288,8 @@
 		7DC19ADF1868C7BB00810BF7 /* VLCFirstStepsViewController.m in Sources */ = {isa = PBXBuildFile; fileRef = 7DC19ADD1868C7BB00810BF7 /* VLCFirstStepsViewController.m */; };
 		7DC19AE41868C8EC00810BF7 /* VLCFirstStepsFirstPageViewController.m in Sources */ = {isa = PBXBuildFile; fileRef = 7DC19AE21868C8EC00810BF7 /* VLCFirstStepsFirstPageViewController.m */; };
 		7DC19AE91868C90700810BF7 /* VLCFirstStepsSecondPageViewController.m in Sources */ = {isa = PBXBuildFile; fileRef = 7DC19AE71868C90700810BF7 /* VLCFirstStepsSecondPageViewController.m */; };
-		7DC19AEE1868CCD400810BF7 /* ideviceConnectedToPC.png in Resources */ = {isa = PBXBuildFile; fileRef = 7DC19AED1868CCD400810BF7 /* ideviceConnectedToPC.png */; };
 		7DC19AF21868CDAD00810BF7 /* VLCFirstStepsThirdPageViewController.m in Sources */ = {isa = PBXBuildFile; fileRef = 7DC19AF01868CDAD00810BF7 /* VLCFirstStepsThirdPageViewController.m */; };
-		7DC19AF61868CE4000810BF7 /* iDeviceWiFiPC.png in Resources */ = {isa = PBXBuildFile; fileRef = 7DC19AF51868CE4000810BF7 /* iDeviceWiFiPC.png */; };
-		7DC19AF81868CEE900810BF7 /* wifiuploadsetup.png in Resources */ = {isa = PBXBuildFile; fileRef = 7DC19AF71868CEE900810BF7 /* wifiuploadsetup.png */; };
 		7DC19AFC1868CFA300810BF7 /* VLCFirstStepsFourthPageViewController.m in Sources */ = {isa = PBXBuildFile; fileRef = 7DC19AFA1868CFA300810BF7 /* VLCFirstStepsFourthPageViewController.m */; };
-		7DC19AFF1868CFDE00810BF7 /* cloudupload.png in Resources */ = {isa = PBXBuildFile; fileRef = 7DC19AFE1868CFDE00810BF7 /* cloudupload.png */; };
-		7DC19B011868D05A00810BF7 /* sidebar.png in Resources */ = {isa = PBXBuildFile; fileRef = 7DC19B001868D05A00810BF7 /* sidebar.png */; };
 		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 */; };
@@ -655,6 +670,26 @@
 		7D514D3E17F779C6007B960C /* DriveWhite.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = DriveWhite.png; sourceTree = "<group>"; };
 		7D514D3F17F779C6007B960C /* DriveWhite@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "DriveWhite@2x.png"; sourceTree = "<group>"; };
 		7D514D4017F779C6007B960C /* Drive.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = Drive.png; sourceTree = "<group>"; };
+		7D53D503187729EC00A1BA97 /* wifi@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "wifi@2x.png"; sourceTree = "<group>"; };
+		7D53D504187729EC00A1BA97 /* wifi.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = wifi.png; sourceTree = "<group>"; };
+		7D53D505187729EC00A1BA97 /* sidebar@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "sidebar@2x.png"; sourceTree = "<group>"; };
+		7D53D506187729EC00A1BA97 /* uploadarrow.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = uploadarrow.png; sourceTree = "<group>"; };
+		7D53D507187729EC00A1BA97 /* uploadarrow@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "uploadarrow@2x.png"; sourceTree = "<group>"; };
+		7D53D508187729EC00A1BA97 /* sidebar-cutout@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "sidebar-cutout@2x.png"; sourceTree = "<group>"; };
+		7D53D509187729EC00A1BA97 /* sidebar.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = sidebar.png; sourceTree = "<group>"; };
+		7D53D50A187729EC00A1BA97 /* sidebar-cutout.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "sidebar-cutout.png"; sourceTree = "<group>"; };
+		7D53D50B187729EC00A1BA97 /* phone@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "phone@2x.png"; sourceTree = "<group>"; };
+		7D53D50C187729EC00A1BA97 /* phone.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = phone.png; sourceTree = "<group>"; };
+		7D53D50D187729EC00A1BA97 /* pad@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "pad@2x.png"; sourceTree = "<group>"; };
+		7D53D50E187729EC00A1BA97 /* pad.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = pad.png; sourceTree = "<group>"; };
+		7D53D50F187729EC00A1BA97 /* laptop@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "laptop@2x.png"; sourceTree = "<group>"; };
+		7D53D510187729EC00A1BA97 /* laptop.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = laptop.png; sourceTree = "<group>"; };
+		7D53D511187729EC00A1BA97 /* cloud.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = cloud.png; sourceTree = "<group>"; };
+		7D53D512187729EC00A1BA97 /* cloud@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "cloud@2x.png"; sourceTree = "<group>"; };
+		7D53D513187729EC00A1BA97 /* connector-cable.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "connector-cable.png"; sourceTree = "<group>"; };
+		7D53D514187729EC00A1BA97 /* connector-cable@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "connector-cable@2x.png"; sourceTree = "<group>"; };
+		7D53D515187729EC00A1BA97 /* browser@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "browser@2x.png"; sourceTree = "<group>"; };
+		7D53D516187729EC00A1BA97 /* browser.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = browser.png; sourceTree = "<group>"; };
 		7D5C204917999A64004F9443 /* da */ = {isa = PBXFileReference; lastKnownFileType = image.png; name = da; path = "da.lproj/badgeUnread@2x~ipad.png"; sourceTree = "<group>"; };
 		7D5C204A17999A64004F9443 /* da */ = {isa = PBXFileReference; lastKnownFileType = image.png; name = da; path = "da.lproj/badgeUnread@2x~iphone.png"; sourceTree = "<group>"; };
 		7D5C204B17999A64004F9443 /* da */ = {isa = PBXFileReference; lastKnownFileType = image.png; name = da; path = "da.lproj/badgeUnread~ipad.png"; sourceTree = "<group>"; };
@@ -810,15 +845,10 @@
 		7DC19AE21868C8EC00810BF7 /* VLCFirstStepsFirstPageViewController.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = VLCFirstStepsFirstPageViewController.m; path = Sources/VLCFirstStepsFirstPageViewController.m; sourceTree = SOURCE_ROOT; };
 		7DC19AE61868C90700810BF7 /* VLCFirstStepsSecondPageViewController.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = VLCFirstStepsSecondPageViewController.h; path = Sources/VLCFirstStepsSecondPageViewController.h; sourceTree = SOURCE_ROOT; };
 		7DC19AE71868C90700810BF7 /* VLCFirstStepsSecondPageViewController.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = VLCFirstStepsSecondPageViewController.m; path = Sources/VLCFirstStepsSecondPageViewController.m; sourceTree = SOURCE_ROOT; };
-		7DC19AED1868CCD400810BF7 /* ideviceConnectedToPC.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = ideviceConnectedToPC.png; sourceTree = "<group>"; };
 		7DC19AEF1868CDAD00810BF7 /* VLCFirstStepsThirdPageViewController.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = VLCFirstStepsThirdPageViewController.h; path = Sources/VLCFirstStepsThirdPageViewController.h; sourceTree = SOURCE_ROOT; };
 		7DC19AF01868CDAD00810BF7 /* VLCFirstStepsThirdPageViewController.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = VLCFirstStepsThirdPageViewController.m; path = Sources/VLCFirstStepsThirdPageViewController.m; sourceTree = SOURCE_ROOT; };
-		7DC19AF51868CE4000810BF7 /* iDeviceWiFiPC.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = iDeviceWiFiPC.png; sourceTree = "<group>"; };
-		7DC19AF71868CEE900810BF7 /* wifiuploadsetup.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = wifiuploadsetup.png; sourceTree = "<group>"; };
 		7DC19AF91868CFA300810BF7 /* VLCFirstStepsFourthPageViewController.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = VLCFirstStepsFourthPageViewController.h; path = Sources/VLCFirstStepsFourthPageViewController.h; sourceTree = SOURCE_ROOT; };
 		7DC19AFA1868CFA300810BF7 /* VLCFirstStepsFourthPageViewController.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = VLCFirstStepsFourthPageViewController.m; path = Sources/VLCFirstStepsFourthPageViewController.m; sourceTree = SOURCE_ROOT; };
-		7DC19AFE1868CFDE00810BF7 /* cloudupload.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = cloudupload.png; sourceTree = "<group>"; };
-		7DC19B001868D05A00810BF7 /* sidebar.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = sidebar.png; sourceTree = "<group>"; };
 		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>"; };
@@ -1738,11 +1768,26 @@
 		7DC19AEC1868CC0000810BF7 /* First steps */ = {
 			isa = PBXGroup;
 			children = (
-				7DC19AED1868CCD400810BF7 /* ideviceConnectedToPC.png */,
-				7DC19AF71868CEE900810BF7 /* wifiuploadsetup.png */,
-				7DC19AF51868CE4000810BF7 /* iDeviceWiFiPC.png */,
-				7DC19AFE1868CFDE00810BF7 /* cloudupload.png */,
-				7DC19B001868D05A00810BF7 /* sidebar.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 */,
+				7D53D50B187729EC00A1BA97 /* phone@2x.png */,
+				7D53D50C187729EC00A1BA97 /* phone.png */,
+				7D53D50D187729EC00A1BA97 /* pad@2x.png */,
+				7D53D50E187729EC00A1BA97 /* pad.png */,
+				7D53D50F187729EC00A1BA97 /* laptop@2x.png */,
+				7D53D510187729EC00A1BA97 /* laptop.png */,
+				7D53D511187729EC00A1BA97 /* cloud.png */,
+				7D53D512187729EC00A1BA97 /* cloud@2x.png */,
+				7D53D513187729EC00A1BA97 /* connector-cable.png */,
+				7D53D514187729EC00A1BA97 /* connector-cable@2x.png */,
+				7D53D515187729EC00A1BA97 /* browser@2x.png */,
+				7D53D516187729EC00A1BA97 /* browser.png */,
 				7DC19B071868D1EC00810BF7 /* playback.png */,
 			);
 			name = "First steps";
@@ -2097,8 +2142,10 @@
 			isa = PBXResourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				7D53D51A187729EC00A1BA97 /* uploadarrow.png in Resources */,
 				7D00161C177056B700649F27 /* main.js in Resources */,
 				7AC862A61765E9510011611A /* jquery-1.10.1.min.js in Resources */,
+				7D53D518187729EC00A1BA97 /* wifi.png in Resources */,
 				7AC862A71765E9510011611A /* jquery.fileupload.js in Resources */,
 				7AC862A81765E9510011611A /* jquery.iframe-transport.js in Resources */,
 				7AC862A91765E9510011611A /* jquery.ui.widget.js in Resources */,
@@ -2106,23 +2153,23 @@
 				7D2A34A51805CDBA004078AA /* gradient-cell-ios7@2x.png in Resources */,
 				7D66225F1871F29000CA9496 /* checkbox-legacy@2x.png in Resources */,
 				7D897884185E00C3009BAB5D /* checkboxEmpty.png in Resources */,
+				7D53D525187729EC00A1BA97 /* cloud.png in Resources */,
 				A79246C8170F11DF0036AAF2 /* Localizable.strings in Resources */,
 				A7CB0DB11716F72600050CF3 /* PlayingExternally@2x~iphone.png in Resources */,
 				7D71395C186B197800D54EDA /* darkButtonHighlight@2x.png in Resources */,
 				A7CB0DB21716F72600050CF3 /* PlayingExternally~iphone.png in Resources */,
-				7DC19AEE1868CCD400810BF7 /* ideviceConnectedToPC.png in Resources */,
 				9B9231C4185A703700F89498 /* VLCFutureNetworkLoginViewController.xib in Resources */,
 				7D1516431868D7E0004B18F3 /* VLCFirstStepsFirstPageViewController.xib in Resources */,
 				7DBBF1A8183AB4300009A339 /* VLCOpenNetworkStreamViewController.xib in Resources */,
 				A7CB0DB31716F72600050CF3 /* PlayingExternally~ipad.png in Resources */,
 				7D897888185E130E009BAB5D /* Quincy.bundle in Resources */,
-				7DC19B011868D05A00810BF7 /* sidebar.png in Resources */,
 				A7CB0DB41716F72600050CF3 /* PlayingExternally@2x~ipad.png in Resources */,
 				7DBBF1A9183AB4300009A339 /* VLCPlaylistCollectionViewCell.xib in Resources */,
 				7DA8B0FB173318E80029698C /* SourceCodePro-Regular.ttf in Resources */,
 				A7FF9F3E17428C1900999819 /* DeleteButton.png in Resources */,
 				A7FF9F4017428C3800999819 /* DeleteButton@2x.png in Resources */,
 				A7035BBE174519600057DFA7 /* iTunesArtwork in Resources */,
+				7D53D521187729EC00A1BA97 /* pad@2x.png in Resources */,
 				29125E5617492219003F03E5 /* index.html in Resources */,
 				7DB638AB185BC0890003887C /* Images.xcassets in Resources */,
 				7D6B08C2174A831900A05173 /* vlc-xmas.png in Resources */,
@@ -2133,10 +2180,12 @@
 				7D07F708175665ED00CDE21C /* navBarBackground@2x.png in Resources */,
 				7D07F709175665ED00CDE21C /* navBarBackground.png in Resources */,
 				7D07F70C175669A800CDE21C /* button.png in Resources */,
+				7D53D51E187729EC00A1BA97 /* sidebar-cutout.png in Resources */,
 				7D07F70D175669A800CDE21C /* button@2x.png in Resources */,
 				7D07F710175669D800CDE21C /* buttonHighlight.png in Resources */,
 				7DBBF1A4183AB4300009A339 /* VLCLocalNetworkListCell~iphone.xib in Resources */,
 				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 */,
@@ -2144,6 +2193,7 @@
 				7D1516451868D7E0004B18F3 /* VLCFirstStepsSecondPageViewController.xib in Resources */,
 				7D07F726175688D300CDE21C /* doneButton.png in Resources */,
 				7D07F727175688D300CDE21C /* doneButton@2x.png in Resources */,
+				7D53D524187729EC00A1BA97 /* laptop.png in Resources */,
 				7D07F728175688D300CDE21C /* doneButtonHighlight.png in Resources */,
 				7D66225E1871F29000CA9496 /* checkbox-legacy.png in Resources */,
 				7D07F729175688D300CDE21C /* doneButtonHighlight@2x.png in Resources */,
@@ -2169,6 +2219,7 @@
 				7D89787A185DEFB5009BAB5D /* flatDeleteButton.png in Resources */,
 				9BADAF49185FC66700108BD8 /* playbackControllerBg@2x.png in Resources */,
 				7D47D6FE1760CD8700E86BAD /* slidermaximumTrack.png in Resources */,
+				7D53D519187729EC00A1BA97 /* sidebar@2x.png in Resources */,
 				7D47D6FF1760CD8700E86BAD /* slidermaximumTrack@2x.png in Resources */,
 				7D47D7001760CD8700E86BAD /* slidermaxValue.png in Resources */,
 				7D47D7011760CD8700E86BAD /* slidermaxValue@2x.png in Resources */,
@@ -2184,6 +2235,7 @@
 				7D897874185DEF79009BAB5D /* repeat.png in Resources */,
 				7D47D70C1760CD8700E86BAD /* playbackDoneButtonHighlight@2x.png in Resources */,
 				7D47D70D1760CD8700E86BAD /* ratioButton.png in Resources */,
+				7D53D51F187729EC00A1BA97 /* phone@2x.png in Resources */,
 				7DA7C906186324FA00B56120 /* serverIcon@2x.png in Resources */,
 				7D47D70E1760CD8700E86BAD /* ratioButton@2x.png in Resources */,
 				7D1516461868D7E0004B18F3 /* VLCFirstStepsSixthPageViewController.xib in Resources */,
@@ -2215,6 +2267,7 @@
 				7D6BD1871762026700AD311A /* thumbOverlay.png in Resources */,
 				7D1AC3041762996100BD2EB5 /* resetIcon.png in Resources */,
 				7D1AC3051762996100BD2EB5 /* resetIcon@2x.png in Resources */,
+				7D53D526187729EC00A1BA97 /* cloud@2x.png in Resources */,
 				7D1AC30817629AB600BD2EB5 /* ratioIcon.png in Resources */,
 				7D1AC30917629AB600BD2EB5 /* ratioIcon@2x.png in Resources */,
 				7D1AC30C17629D4600BD2EB5 /* title.png in Resources */,
@@ -2232,26 +2285,29 @@
 				7DEB3B7A1764A4040038FC70 /* input.png in Resources */,
 				7DBBF198183AB4300009A339 /* VLCAboutViewController~ipad.xib in Resources */,
 				7DBBF1A6183AB4300009A339 /* VLCMovieViewController~iphone.xib in Resources */,
+				7D53D51D187729EC00A1BA97 /* sidebar.png in Resources */,
 				7D89787D185DF794009BAB5D /* VLCFutureOpenNetworkStreamViewController.xib in Resources */,
-				7DC19AF81868CEE900810BF7 /* wifiuploadsetup.png in Resources */,
 				7DEB3B851764A4F40038FC70 /* movie@2x.png in Resources */,
 				7DEB3B861764A4F40038FC70 /* movie@4x.png in Resources */,
 				7DEB3B871764A4F40038FC70 /* blank@4x.png in Resources */,
 				7DEB3B881764A4F40038FC70 /* folder.png in Resources */,
 				7DEB3B891764A4F40038FC70 /* folder@2x.png in Resources */,
 				7D1516471868D7E0004B18F3 /* VLCFirstStepsThirdPageViewController.xib in Resources */,
+				7D53D522187729EC00A1BA97 /* pad.png in Resources */,
 				9B1A164F185E0821001A99D9 /* backIcon@2x.png in Resources */,
 				7DEB3B8A1764A4F40038FC70 /* folder@4x.png in Resources */,
 				7DEB3B8B1764A4F40038FC70 /* movie.png in Resources */,
+				7D53D529187729EC00A1BA97 /* browser@2x.png in Resources */,
 				7DEB3B8C1764A4F40038FC70 /* blank.png in Resources */,
+				7D53D520187729EC00A1BA97 /* phone.png in Resources */,
 				7D1516441868D7E0004B18F3 /* VLCFirstStepsFourthPageViewController.xib in Resources */,
 				7DEB3B8D1764A4F40038FC70 /* blank@2x.png in Resources */,
 				7D223E1B181EC56E00B36798 /* gradient-cell-ios7-ipad@2x.png in Resources */,
+				7D53D51B187729EC00A1BA97 /* uploadarrow@2x.png in Resources */,
 				7AC8629D1765DC560011611A /* style.css in Resources */,
 				7DF1166C176CC69A009EC05C /* volumeballslider.png in Resources */,
 				7DF1166D176CC69A009EC05C /* volumeballslider@2x.png in Resources */,
 				7DD2A3A9179C04A7003EB537 /* OpenSans-Regular.ttf in Resources */,
-				7DC19AFF1868CFDE00810BF7 /* cloudupload.png in Resources */,
 				7DA7C907186324FA00B56120 /* serverIcon@4x.png in Resources */,
 				7D3E6CE518589EE000D584E7 /* AppIcon512x512.png in Resources */,
 				7D2A34A41805CDBA004078AA /* gradient-cell-ios7.png in Resources */,
@@ -2264,7 +2320,6 @@
 				7DC72D6017B7E7C7008A26D0 /* download@2x.png in Resources */,
 				7D16035D17BF9FE600F29B34 /* sudHeaderBg.png in Resources */,
 				7D16035E17BF9FE600F29B34 /* sudHeaderBg@2x.png in Resources */,
-				7DC19AF61868CE4000810BF7 /* iDeviceWiFiPC.png in Resources */,
 				7DBBF1A0183AB4300009A339 /* VLCFuturePlaylistCollectionViewCell.xib in Resources */,
 				7D16035F17BF9FE600F29B34 /* headerSidebar@2x.png in Resources */,
 				7D16036017BF9FE600F29B34 /* headerSidebar.png in Resources */,
@@ -2275,12 +2330,14 @@
 				7D0699D917CB1FAE00713BEB /* WifiUp.png in Resources */,
 				7D897875185DEF79009BAB5D /* repeat@2x.png in Resources */,
 				7D0699DA17CB1FAE00713BEB /* WifiUp@2x.png in Resources */,
+				7D53D51C187729EC00A1BA97 /* sidebar-cutout@2x.png in Resources */,
 				7D713959186B197800D54EDA /* darkButton.png in Resources */,
 				7D0699DB17CB1FAE00713BEB /* WifiUpOn.png in Resources */,
 				7D0699DC17CB1FAE00713BEB /* WifiUpOn@2x.png in Resources */,
 				7D0699DD17CB1FAE00713BEB /* Dropbox@2x.png in Resources */,
 				7DBBF19A183AB4300009A339 /* VLCCloudStorageTableViewCell~ipad.xib in Resources */,
 				7D897883185E00C3009BAB5D /* checkbox@2x.png in Resources */,
+				7D53D528187729EC00A1BA97 /* connector-cable@2x.png in Resources */,
 				9BF0708F185122AA009B23DD /* audio@2x.png in Resources */,
 				7D0699DE17CB1FAE00713BEB /* Local.png in Resources */,
 				7D0699DF17CB1FAE00713BEB /* Local@2x.png in Resources */,
@@ -2291,6 +2348,7 @@
 				7D0699E217CB1FAE00713BEB /* OpenNetStream.png in Resources */,
 				7D71395A186B197800D54EDA /* darkButton@2x.png in Resources */,
 				7DA7C905186324FA00B56120 /* serverIcon@1x.png in Resources */,
+				7D53D523187729EC00A1BA97 /* laptop@2x.png in Resources */,
 				7D0699E317CB1FAE00713BEB /* OpenNetStream@2x.png in Resources */,
 				7D0699E417CB1FAE00713BEB /* Settings.png in Resources */,
 				9B1A164E185E0821001A99D9 /* backIcon.png in Resources */,
@@ -2310,8 +2368,10 @@
 				7D3784DF183A99D2009EE944 /* papasscode_background.png in Resources */,
 				7D3784E0183A99D2009EE944 /* papasscode_background@2x.png in Resources */,
 				7D3784E1183A99D2009EE944 /* papasscode_failed_bg.png in Resources */,
+				7D53D52A187729EC00A1BA97 /* browser.png in Resources */,
 				7D3784E2183A99D2009EE944 /* papasscode_failed_bg@2x.png in Resources */,
 				7D6622601871F29000CA9496 /* checkbox-legacy-empty.png in Resources */,
+				7D53D517187729EC00A1BA97 /* wifi@2x.png in Resources */,
 				7D3784E3183A99D2009EE944 /* papasscode_marker.png in Resources */,
 				7D3784E4183A99D2009EE944 /* papasscode_marker@2x.png in Resources */,
 				7D3784EC183A9A1E009EE944 /* VLC for iOS-Info.plist in Resources */,