"me-web?" 0.10.0: three cards that fold as you scroll, then a yes or a no
- The first screen is three cards you scroll through: what you could have (your family's photos at home, open from anywhere), how it works (a small computer that stays on, and an address of your own), and the question that matters: does your home have one? - As you scroll down, the first two cards fold into two bubbles at the top. Tap a bubble to go back to its card. - The last card ends with a choice: "Yes, let's find out" starts the check; "Not for me" says goodbye and closes the app. - After your first check, the app opens on the last card, with the first two already folded. - The swipe-through pages and the circling drawing are gone; the six things you could host stay listed under the cards. - While a check runs, nothing is left empty: each thing you could host has its card from the start, with a "Checking" label and a moving shimmer, until its answer arrives. Checks still running look the same. - The question, the two answers and the goodbye are in every language; 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
This commit is contained in:
thepraandClaude Opus 5.5 committed
1 parent
f066ef106c
commit
340b2678ef
128 files changed
+922
-781
No files matched your search
@@ -236,54 +236,6 @@
|
||||
<Style Selector="Grid.art.bad Path.art.beat">
|
||||
<Setter Property="Stroke" Value="{StaticResource BadBrush}" />
|
||||
</Style>
|
||||
<Style Selector="Grid.art.broadcast Path.art.beat">
|
||||
<Setter Property="Stroke" Value="{StaticResource BrandRedLightBrush}" />
|
||||
</Style>
|
||||
<Style Selector="Grid.art.broadcast Path.b1">
|
||||
<Style.Animations>
|
||||
<Animation Duration="0:0:2.4" Delay="0:0:0" IterationCount="Infinite">
|
||||
<KeyFrame Cue="0%">
|
||||
<Setter Property="Opacity" Value="0.2" />
|
||||
</KeyFrame>
|
||||
<KeyFrame Cue="40%">
|
||||
<Setter Property="Opacity" Value="1" />
|
||||
</KeyFrame>
|
||||
<KeyFrame Cue="100%">
|
||||
<Setter Property="Opacity" Value="0.2" />
|
||||
</KeyFrame>
|
||||
</Animation>
|
||||
</Style.Animations>
|
||||
</Style>
|
||||
<Style Selector="Grid.art.broadcast Path.b2">
|
||||
<Style.Animations>
|
||||
<Animation Duration="0:0:2.4" Delay="0:0:0.4" IterationCount="Infinite">
|
||||
<KeyFrame Cue="0%">
|
||||
<Setter Property="Opacity" Value="0.2" />
|
||||
</KeyFrame>
|
||||
<KeyFrame Cue="40%">
|
||||
<Setter Property="Opacity" Value="1" />
|
||||
</KeyFrame>
|
||||
<KeyFrame Cue="100%">
|
||||
<Setter Property="Opacity" Value="0.2" />
|
||||
</KeyFrame>
|
||||
</Animation>
|
||||
</Style.Animations>
|
||||
</Style>
|
||||
<Style Selector="Grid.art.broadcast Path.b3">
|
||||
<Style.Animations>
|
||||
<Animation Duration="0:0:2.4" Delay="0:0:0.8" IterationCount="Infinite">
|
||||
<KeyFrame Cue="0%">
|
||||
<Setter Property="Opacity" Value="0.2" />
|
||||
</KeyFrame>
|
||||
<KeyFrame Cue="40%">
|
||||
<Setter Property="Opacity" Value="1" />
|
||||
</KeyFrame>
|
||||
<KeyFrame Cue="100%">
|
||||
<Setter Property="Opacity" Value="0.2" />
|
||||
</KeyFrame>
|
||||
</Animation>
|
||||
</Style.Animations>
|
||||
</Style>
|
||||
<Style Selector="Grid.art.running Path.b1">
|
||||
<Style.Animations>
|
||||
<Animation Duration="0:0:1.2" IterationCount="Infinite">
|
||||
@@ -382,6 +334,7 @@
|
||||
</Style>
|
||||
|
||||
<Style Selector="Border.card">
|
||||
<Setter Property="ClipToBounds" Value="True" />
|
||||
<Setter Property="Background" Value="{StaticResource SurfaceBrush}" />
|
||||
<Setter Property="BorderBrush" Value="{StaticResource LineBrush}" />
|
||||
<Setter Property="BorderThickness" Value="4,0,0,0" />
|
||||
@@ -533,26 +486,6 @@
|
||||
</RadialGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Ellipse.orbit">
|
||||
<Setter Property="Stroke" Value="{StaticResource BrandRedLightBrush}" />
|
||||
<Setter Property="StrokeThickness" Value="1.5" />
|
||||
<Setter Property="StrokeDashArray" Value="2,4" />
|
||||
<Setter Property="Opacity" Value="0.55" />
|
||||
</Style>
|
||||
<Style Selector="Ellipse.home">
|
||||
<Setter Property="Fill" Value="{StaticResource SurfaceRaisedBrush}" />
|
||||
<Setter Property="Stroke" Value="{StaticResource BrandRedBrush}" />
|
||||
<Setter Property="StrokeThickness" Value="2.5" />
|
||||
</Style>
|
||||
<Style Selector="Border.moon">
|
||||
<Setter Property="Width" Value="48" />
|
||||
<Setter Property="Height" Value="48" />
|
||||
<Setter Property="CornerRadius" Value="24" />
|
||||
<Setter Property="Background" Value="{StaticResource SurfaceRaisedBrush}" />
|
||||
<Setter Property="BorderBrush" Value="{StaticResource LineBrush}" />
|
||||
<Setter Property="BorderThickness" Value="1.5" />
|
||||
<Setter Property="RenderTransformOrigin" Value="50%,50%" />
|
||||
</Style>
|
||||
<Style Selector="Border.statusChip">
|
||||
<Setter Property="Background" Value="{StaticResource SurfaceRaisedBrush}" />
|
||||
<Setter Property="CornerRadius" Value="14" />
|
||||
@@ -645,16 +578,6 @@
|
||||
<Style Selector="TextBlock.lead.strong">
|
||||
<Setter Property="Foreground" Value="{StaticResource TextStrongBrush}" />
|
||||
</Style>
|
||||
<Style Selector="Border.dot">
|
||||
<Setter Property="Width" Value="8" />
|
||||
<Setter Property="Height" Value="8" />
|
||||
<Setter Property="CornerRadius" Value="4" />
|
||||
<Setter Property="Background" Value="{StaticResource LineBrush}" />
|
||||
</Style>
|
||||
<Style Selector="Border.dot.on">
|
||||
<Setter Property="Width" Value="22" />
|
||||
<Setter Property="Background" Value="{StaticResource BrandRedBrush}" />
|
||||
</Style>
|
||||
<Style Selector="Ellipse.star">
|
||||
<Setter Property="Fill" Value="{StaticResource TextStrongBrush}" />
|
||||
</Style>
|
||||
@@ -796,6 +719,137 @@
|
||||
<Setter Property="StrokeJoin" Value="Round" />
|
||||
</Style>
|
||||
|
||||
<Style Selector="Border.story">
|
||||
<Setter Property="Background" Value="{StaticResource SurfaceBrush}" />
|
||||
<Setter Property="BorderBrush" Value="{StaticResource LineBrush}" />
|
||||
<Setter Property="BorderThickness" Value="1" />
|
||||
<Setter Property="CornerRadius" Value="22" />
|
||||
<Setter Property="RenderTransformOrigin" Value="50%,100%" />
|
||||
</Style>
|
||||
<Style Selector="Border.story.final">
|
||||
<Setter Property="BorderBrush" Value="{StaticResource BrandRedBrush}" />
|
||||
<Setter Property="BorderThickness" Value="1.5" />
|
||||
</Style>
|
||||
<Style Selector="Border.scene">
|
||||
<Setter Property="Background" Value="{StaticResource GroundBrush}" />
|
||||
<Setter Property="CornerRadius" Value="21,21,0,0" />
|
||||
<Setter Property="ClipToBounds" Value="True" />
|
||||
<Setter Property="Padding" Value="0,8,0,0" />
|
||||
</Style>
|
||||
<Style Selector="Border.storyMark">
|
||||
<Setter Property="Width" Value="44" />
|
||||
<Setter Property="Height" Value="44" />
|
||||
<Setter Property="CornerRadius" Value="22" />
|
||||
<Setter Property="Background" Value="{StaticResource SurfaceRaisedBrush}" />
|
||||
<Setter Property="BorderBrush" Value="{StaticResource BrandRedLightBrush}" />
|
||||
<Setter Property="BorderThickness" Value="1.5" />
|
||||
<Setter Property="Margin" Value="14,6" />
|
||||
<Setter Property="HorizontalAlignment" Value="Left" />
|
||||
<Setter Property="VerticalAlignment" Value="Top" />
|
||||
</Style>
|
||||
<Style Selector="Button.bubble">
|
||||
<Setter Property="Width" Value="44" />
|
||||
<Setter Property="Height" Value="44" />
|
||||
<Setter Property="CornerRadius" Value="22" />
|
||||
<Setter Property="Background" Value="{StaticResource SurfaceRaisedBrush}" />
|
||||
<Setter Property="BorderBrush" Value="{StaticResource BrandRedLightBrush}" />
|
||||
<Setter Property="BorderThickness" Value="1.5" />
|
||||
<Setter Property="Padding" Value="0" />
|
||||
<Setter Property="HorizontalContentAlignment" Value="Center" />
|
||||
<Setter Property="VerticalContentAlignment" Value="Center" />
|
||||
<Setter Property="RenderTransformOrigin" Value="50%,50%" />
|
||||
<Setter Property="Cursor" Value="Hand" />
|
||||
</Style>
|
||||
<Style Selector="Button.bubble:pointerover /template/ ContentPresenter">
|
||||
<Setter Property="Background" Value="{StaticResource SurfaceBrush}" />
|
||||
<Setter Property="BorderBrush" Value="{StaticResource TextStrongBrush}" />
|
||||
</Style>
|
||||
<Style Selector="Border.bubbles">
|
||||
<Setter Property="Height" Value="76" />
|
||||
<Setter Property="VerticalAlignment" Value="Top" />
|
||||
<Setter Property="Background">
|
||||
<LinearGradientBrush StartPoint="50%,0%" EndPoint="50%,100%">
|
||||
<GradientStop Offset="0.6" Color="{StaticResource Ground}" />
|
||||
<GradientStop Offset="1" Color="{StaticResource GroundClear}" />
|
||||
</LinearGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Rectangle.bubbleLink">
|
||||
<Setter Property="Width" Value="26" />
|
||||
<Setter Property="Height" Value="2" />
|
||||
<Setter Property="Fill" Value="{StaticResource BrandRedLightBrush}" />
|
||||
<Setter Property="VerticalAlignment" Value="Center" />
|
||||
</Style>
|
||||
<Style Selector="Ellipse.callout">
|
||||
<Setter Property="Fill" Value="{StaticResource SurfaceBrush}" />
|
||||
<Setter Property="Stroke" Value="{StaticResource TextSoftBrush}" />
|
||||
<Setter Property="StrokeThickness" Value="1.2" />
|
||||
</Style>
|
||||
<Style Selector="Path.calloutLine">
|
||||
<Setter Property="Stroke" Value="{StaticResource TextSoftBrush}" />
|
||||
<Setter Property="StrokeThickness" Value="1.2" />
|
||||
<Setter Property="StrokeDashArray" Value="2,3" />
|
||||
</Style>
|
||||
<Style Selector="Rectangle.slot">
|
||||
<Setter Property="Fill" Value="{StaticResource LineBrush}" />
|
||||
</Style>
|
||||
<Style Selector="Ellipse.led">
|
||||
<Setter Property="Fill" Value="{StaticResource GoodBrush}" />
|
||||
</Style>
|
||||
<Style Selector="Border.farewell">
|
||||
<Setter Property="Background" Value="{StaticResource GroundBrush}" />
|
||||
</Style>
|
||||
|
||||
<Style Selector="Border.card.pending">
|
||||
<Setter Property="BorderBrush" Value="{StaticResource LineBrush}" />
|
||||
</Style>
|
||||
<Style Selector="Border.card.pending Path.icon">
|
||||
<Style.Animations>
|
||||
<Animation Duration="0:0:1.6" IterationCount="Infinite">
|
||||
<KeyFrame Cue="0%">
|
||||
<Setter Property="Opacity" Value="1" />
|
||||
</KeyFrame>
|
||||
<KeyFrame Cue="50%">
|
||||
<Setter Property="Opacity" Value="0.35" />
|
||||
</KeyFrame>
|
||||
<KeyFrame Cue="100%">
|
||||
<Setter Property="Opacity" Value="1" />
|
||||
</KeyFrame>
|
||||
</Animation>
|
||||
</Style.Animations>
|
||||
</Style>
|
||||
<Style Selector="Border.skeleton">
|
||||
<Setter Property="Height" Value="10" />
|
||||
<Setter Property="CornerRadius" Value="5" />
|
||||
<Setter Property="Background" Value="{StaticResource SurfaceRaisedBrush}" />
|
||||
</Style>
|
||||
<Style Selector="Border.skeleton.short">
|
||||
<Setter Property="Margin" Value="0,0,90,0" />
|
||||
</Style>
|
||||
<Style Selector="Border.sweep">
|
||||
<Setter Property="Width" Value="150" />
|
||||
<Setter Property="Margin" Value="0,-20" />
|
||||
<Setter Property="HorizontalAlignment" Value="Left" />
|
||||
<Setter Property="IsHitTestVisible" Value="False" />
|
||||
<Setter Property="Background">
|
||||
<LinearGradientBrush StartPoint="0%,50%" EndPoint="100%,50%">
|
||||
<GradientStop Offset="0" Color="{StaticResource GlintClear}" />
|
||||
<GradientStop Offset="0.5" Color="{StaticResource Glint}" />
|
||||
<GradientStop Offset="1" Color="{StaticResource GlintClear}" />
|
||||
</LinearGradientBrush>
|
||||
</Setter>
|
||||
<Style.Animations>
|
||||
<Animation Duration="0:0:1.8" IterationCount="Infinite" Easing="SineEaseInOut">
|
||||
<KeyFrame Cue="0%">
|
||||
<Setter Property="TranslateTransform.X" Value="-190" />
|
||||
</KeyFrame>
|
||||
<KeyFrame Cue="100%">
|
||||
<Setter Property="TranslateTransform.X" Value="520" />
|
||||
</KeyFrame>
|
||||
</Animation>
|
||||
</Style.Animations>
|
||||
</Style>
|
||||
|
||||
<Style Selector="Border.scrim">
|
||||
<Setter Property="Background" Value="{StaticResource ScrimBrush}" />
|
||||
</Style>
|
||||
|
||||
Reference in new issue
Block a user