"me-web?" 0.9.0: first it shows you where this leads, then it checks

- The first time you open the app, two short pages come before the check. The first shows a photo you take far from home going to a small computer in your house, and on to your parents' tablet a moment later. The second shows what that takes: a computer that stays on, and a connection with an address of its own. A house with its own number lets the visitor in; a block of flats that shares one number stops them at the main door. Many connections have their own address, and when one doesn't there is often a way round it.
- Swipe, or press Next. Skip goes straight to the check. "What could I do with this?" on the first screen shows the two pages again.
- The first screen now says only what the check finds out, so it no longer repeats the pages.
- On Android the back button goes to the previous page, and closes the information and share panels.
- Every language has the new words, written for people who are not technical; translations other than English and Italian are still drafts.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012CzABvBkbcFqoHdmi8b9WB

src/MeWeb.App/Views/MainView.axaml

@@ -92,7 +92,8 @@
         <TextBlock Classes="small" Text="{Binding VersionFormatted}" HorizontalAlignment="Center" />
       </StackPanel>
 
-      <ScrollViewer x:Name="Scroller" HorizontalScrollBarVisibility="Disabled">
+      <Grid>
+      <ScrollViewer x:Name="Scroller" HorizontalScrollBarVisibility="Disabled" IsVisible="{Binding !ShowIntro}">
         <StackPanel Spacing="26" Margin="8,4,8,24">
           <Border Classes="banner" IsVisible="{Binding ShowUpdate}">
             <StackPanel Orientation="Horizontal" Spacing="12">
@@ -124,6 +125,9 @@
                     AutomationProperties.AutomationId="main-check"
                     Command="{Binding CheckCommand}" />
             <TextBlock Classes="small" Text="{s:Tr StartPromise}" TextAlignment="Center" MaxWidth="460" HorizontalAlignment="Center" />
+            <Button Classes="link" Content="{s:Tr IntroReplay}" FontSize="15" HorizontalAlignment="Center"
+                    AutomationProperties.AutomationId="main-intro-replay"
+                    Command="{Binding ReplayIntroCommand}" />
             <TextBlock Classes="section" Text="{s:Tr StartUsesTitle}" HorizontalAlignment="Center" Margin="8,14,8,0" />
             <WrapPanel HorizontalAlignment="Center" ItemSpacing="10" LineSpacing="10">
               <Border Classes="useChip">
@@ -401,6 +405,51 @@
           </Expander>
         </StackPanel>
       </ScrollViewer>
+
+      <Grid RowDefinitions="*,Auto" MaxWidth="640" IsVisible="{Binding ShowIntro}">
+        <Carousel SelectedIndex="{Binding IntroPage}" IsSwipeEnabled="True"
+                  AutomationProperties.AutomationId="intro-pages">
+          <Carousel.PageTransition>
+            <PageSlide Duration="0:0:0.3" Orientation="Horizontal" />
+          </Carousel.PageTransition>
+          <ScrollViewer HorizontalScrollBarVisibility="Disabled">
+            <StackPanel Spacing="14" Margin="16,4,16,12" VerticalAlignment="Center">
+              <Viewbox Stretch="Uniform" MaxWidth="540">
+                <v:IntroScene Step="0" />
+              </Viewbox>
+              <TextBlock Classes="hero" Text="{s:Tr IntroWishTitle}" />
+              <TextBlock Classes="lead" Text="{s:Tr IntroWishBody}" />
+            </StackPanel>
+          </ScrollViewer>
+          <ScrollViewer HorizontalScrollBarVisibility="Disabled">
+            <StackPanel Spacing="14" Margin="16,4,16,12" VerticalAlignment="Center">
+              <Viewbox Stretch="Uniform" MaxWidth="540">
+                <v:IntroScene Step="1" />
+              </Viewbox>
+              <TextBlock Classes="hero" Text="{s:Tr IntroWayTitle}" />
+              <TextBlock Classes="lead" Text="{s:Tr IntroWayBody}" />
+              <TextBlock Classes="lead strong" Text="{s:Tr IntroWayHope}" />
+            </StackPanel>
+          </ScrollViewer>
+        </Carousel>
+        <Grid Grid.Row="1" ColumnDefinitions="*,Auto,*" Margin="20,8,20,6">
+          <Button Grid.Column="0" Classes="link" Content="{s:Tr IntroSkip}" FontSize="15"
+                  HorizontalAlignment="Left" VerticalAlignment="Center"
+                  IsVisible="{Binding IntroOnWish}"
+                  AutomationProperties.AutomationId="intro-skip"
+                  Command="{Binding FinishIntroCommand}" />
+          <StackPanel Grid.Column="1" Orientation="Horizontal" Spacing="8" VerticalAlignment="Center" Margin="12,0">
+            <Border Classes="dot" Classes.on="{Binding IntroOnWish}" />
+            <Border Classes="dot" Classes.on="{Binding IntroOnWay}" />
+            <Border Classes="dot" />
+          </StackPanel>
+          <Button Grid.Column="2" Classes="primary small" Content="{s:Tr IntroNext}"
+                  HorizontalAlignment="Right" VerticalAlignment="Center"
+                  AutomationProperties.AutomationId="intro-next"
+                  Command="{Binding IntroNextCommand}" />
+        </Grid>
+      </Grid>
+      </Grid>
     </DockPanel>
 
     <Border Classes="scrim" IsVisible="{Binding ShowContacts}">