Skip to content

Commit 292c5b1

Browse files
marcpruxmarcprux
committed
Update the landing page to use a local static poster image to improve load time
1 parent 62806ba commit 292c5b1

10 files changed

Lines changed: 394 additions & 440 deletions

File tree

‎src/assets/skip-splash-poster.png‎

1.96 MB
Loading

‎src/components/SplashVideo.astro‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
---
2+
import { getImage } from 'astro:assets';
3+
import posterSrc from '../assets/skip-splash-poster.png';
4+
5+
const optimizedPoster = await getImage({ src: posterSrc, format: 'webp', width: 1920 });
6+
---
7+
8+
<div>
9+
<video width="100%" height="auto" autoplay loop muted playsinline preload="auto"
10+
style="background: transparent; width: 100%;"
11+
poster={optimizedPoster.src}>
12+
<source src="https://assets.skip.dev/splash/skip-splash.mov">
13+
Your browser does not support the video tag.
14+
</video>
15+
</div>

‎src/content/docs/de/index.mdx‎

Lines changed: 54 additions & 62 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,19 @@ sideBar: false
88
head:
99
- tag: title
1010
content: 'Skip: Erstellen Sie wirklich native iPhone- und Android-Apps mit Skip'
11+
- tag: link
12+
attrs:
13+
rel: preconnect
14+
href: https://fonts.googleapis.com
15+
- tag: link
16+
attrs:
17+
rel: preconnect
18+
href: https://fonts.gstatic.com
19+
crossorigin: true
20+
- tag: link
21+
attrs:
22+
rel: stylesheet
23+
href: https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,1,0&display=swap
1124
hero:
1225
tagline: Skip bringt die Swift-App-Entwicklung auf Android. Es ist ein Tool, mit dem Entwickler wirklich native Apps für iOS und Android aus einer einzigen Swift- und SwiftUI-Codebasis erstellen können.
1326
#image:
@@ -27,15 +40,10 @@ hero:
2740
variant: secondary
2841
---
2942

30-
import { Card, CardGrid } from '@astrojs/starlight/components';
43+
import FeatureCard from '../../../components/FeatureCard.astro';
44+
import SplashVideo from '../../../components/SplashVideo.astro';
3145

32-
<div>
33-
<video width="100%" height="auto" autoplay loop muted playsinline preload="auto" style="background: transparent; width: 100%;" poster="https://assets.skip.dev/splash/skip-splash-poster.png">
34-
<source src="https://assets.skip.dev/splash/skip-splash.mov">
35-
Your browser does not support the video tag.
36-
</source>
37-
</video>
38-
</div>
46+
<SplashVideo />
3947

4048

4149
# Wie Skip funktioniert
@@ -45,58 +53,42 @@ Während Sie Ihre Swift- und SwiftUI-Quelle schreiben, erstellt das Skip-Xcode-P
4553

4654
## Skip-Vorteile
4755

56+
<div class="feature-grid">
57+
58+
<FeatureCard title="SwiftUI, von oben bis unten" icon="widgets" color="blue" link="/docs/modules/skip-ui/#supported-swiftui">
59+
Schreiben Sie echtes SwiftUI einmal und erhalten Sie eine erstklassige native Benutzeroberfläche auf beiden Plattformen.
60+
Skip übersetzt SwiftUI-Ansichten in Jetpack Compose und bewahrt dabei Layout,
61+
Barrierefreiheit und Plattformkonventionen.
62+
</FeatureCard>
63+
64+
<FeatureCard title="Keine Laufzeit. Kein Bloat." icon="bolt" color="amber" link="/docs/modes/">
65+
Skip erledigt seine Arbeit zur Kompilierzeit. Sie erhalten nativen Code von oben bis unten,
66+
ohne verwaltete Laufzeit oder schwergewichtige Engine.
67+
Ihre Android-App hängt nur von standardmäßigen Open-Source-Bibliotheken ab.
68+
</FeatureCard>
69+
70+
<FeatureCard title="Native Leistung durch Design" icon="rocket_launch" color="red" link="/docs/project-types/">
71+
Da Skip-Apps echten nativen Code verwenden, haben Ihre Apps eine vorhersagbare Speichernutzung,
72+
schnelle Startzeiten und Leistungsmerkmale, die mit
73+
handgeschriebenem Swift und Kotlin identisch sind.
74+
</FeatureCard>
75+
76+
<FeatureCard title="First-Party-IDEs" icon="code" color="purple" link="/docs/app-development/">
77+
Verwenden Sie Xcode weiterhin als Ihre primäre Swift-Entwicklungsumgebung.
78+
Erstellen, debuggen und refaktorieren Sie Swift-Code genau so, wie Sie es immer getan haben.
79+
Wechseln Sie zu Android Studio für plattformspezifische Anpassungen.
80+
</FeatureCard>
81+
82+
<FeatureCard title="Nahtlose Android-Interoperabilität" icon="sync_alt" color="green" link="/docs/platformcustomization/">
83+
Benötigen Sie ein bestimmtes Android-SDK oder eine bestimmte Bibliothek?
84+
Skip arbeitet sauber mit Kotlin und Jetpack Compose zusammen, sodass Sie
85+
Android-APIs integrieren können, ohne gegen das Framework ankämpfen zu müssen.
86+
</FeatureCard>
87+
88+
<FeatureCard title="Open Source, für die Zukunft gebaut" icon="lock_open" color="teal" link="/blog/skip-is-free/">
89+
Skip und seine Kern-Frameworks sind kostenlos und Open Source.
90+
Keine Anbieterbindung, keine proprietären Laufzeiten und kein Warten auf Anbieter, bis sie
91+
mit den neuesten iOS- oder Android-Versionen aufholen.
92+
</FeatureCard>
4893

49-
50-
<CardGrid>
51-
52-
<Card title="SwiftUI, von oben bis unten" icon="approve-check-circle">
53-
Schreiben Sie echtes SwiftUI einmal und erhalten Sie eine erstklassige native Benutzeroberfläche auf beiden Plattformen.
54-
Skip übersetzt SwiftUI-Ansichten in Jetpack Compose und bewahrt dabei Layout,
55-
Barrierefreiheit und Plattformkonventionen.
56-
Kein Ruckeln, keine veralteten Schnittstellenkonventionen, kein Uncanny Valley.
57-
58-
[Erfahren Sie mehr →](/docs/modules/skip-ui/#supported-swiftui)
59-
</Card>
60-
61-
<Card title="Keine Laufzeit. Kein Bloat." icon="cloud-download">
62-
Skip erledigt seine Arbeit zur Kompilierzeit. Sie erhalten nativen Code von oben bis unten,
63-
ohne verwaltete Laufzeit oder schwergewichtige Engine.
64-
Ihre iOS-App kann ohne Skip-Abhängigkeiten ausgeliefert werden, und Ihre Android-App
65-
hängt nur von standardmäßigen Open-Source-Bibliotheken ab.
66-
67-
[Erfahren Sie mehr →](/docs/modes/)
68-
</Card>
69-
70-
<Card title="Native Leistung durch Design" icon="magnifier">
71-
Da Skip-Apps echten nativen Code verwenden, haben Ihre Apps eine vorhersagbare Speichernutzung,
72-
schnelle Startzeiten und Leistungsmerkmale, die mit
73-
handgeschriebenem Swift und Kotlin identisch sind.
74-
75-
[Erfahren Sie mehr →](/docs/project-types/)
76-
</Card>
77-
78-
<Card title="First-Party-IDEs" icon="heart">
79-
Verwenden Sie Xcode weiterhin als Ihre primäre Swift-Entwicklungsumgebung.
80-
Erstellen, debuggen und refaktorieren Sie Swift-Anwendungs- und Bibliothekscode genau so, wie Sie es immer getan haben.
81-
Wechseln Sie zu Android Studio, wenn Sie umfangreiche plattformspezifische Anpassungen vornehmen möchten.
82-
83-
[Erfahren Sie mehr →](/docs/app-development/)
84-
</Card>
85-
86-
<Card title="Nahtlose Android-Interoperabilität" icon="star">
87-
Benötigen Sie ein bestimmtes Android-SDK oder eine bestimmte Bibliothek?
88-
Skip arbeitet sauber mit Kotlin und Jetpack Compose zusammen, sodass Sie
89-
Android-APIs integrieren können, ohne gegen das Framework ankämpfen zu müssen.
90-
91-
[Erfahren Sie mehr →](/docs/platformcustomization/)
92-
</Card>
93-
94-
<Card title="Open Source, für die Zukunft gebaut" icon="github">
95-
Skip und seine Kern-Frameworks sind kostenlos und Open Source.
96-
Keine Anbieterbindung, keine proprietären Laufzeiten und kein Warten auf Anbieter, bis sie
97-
mit den neuesten iOS- oder Android-Versionen aufholen.
98-
99-
[Erfahren Sie mehr →](/blog/skip-is-free/)
100-
</Card>
101-
102-
</CardGrid>
94+
</div>

‎src/content/docs/es/index.mdx‎

Lines changed: 54 additions & 62 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,19 @@ sideBar: false
88
head:
99
- tag: title
1010
content: 'Skip: Crea aplicaciones verdaderamente nativas para iPhone y Android con Skip'
11+
- tag: link
12+
attrs:
13+
rel: preconnect
14+
href: https://fonts.googleapis.com
15+
- tag: link
16+
attrs:
17+
rel: preconnect
18+
href: https://fonts.gstatic.com
19+
crossorigin: true
20+
- tag: link
21+
attrs:
22+
rel: stylesheet
23+
href: https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,1,0&display=swap
1124
hero:
1225
tagline: Skip lleva el desarrollo de aplicaciones Swift a Android. Es una herramienta que permite a los desarrolladores crear aplicaciones genuinamente nativas tanto para iOS como para Android desde una única base de código Swift y SwiftUI.
1326
#image:
@@ -27,15 +40,10 @@ hero:
2740
variant: secondary
2841
---
2942

30-
import { Card, CardGrid } from '@astrojs/starlight/components';
43+
import FeatureCard from '../../../components/FeatureCard.astro';
44+
import SplashVideo from '../../../components/SplashVideo.astro';
3145

32-
<div>
33-
<video width="100%" height="auto" autoplay loop muted playsinline preload="auto" style="background: transparent; width: 100%;" poster="https://assets.skip.dev/splash/skip-splash-poster.png">
34-
<source src="https://assets.skip.dev/splash/skip-splash.mov">
35-
Your browser does not support the video tag.
36-
</source>
37-
</video>
38-
</div>
46+
<SplashVideo />
3947

4048

4149
# Cómo Funciona Skip
@@ -45,58 +53,42 @@ Mientras escribes tu código fuente de Swift y SwiftUI, el complemento de Skip p
4553

4654
## Ventajas de Skip
4755

56+
<div class="feature-grid">
57+
58+
<FeatureCard title="SwiftUI, de Arriba a Abajo" icon="widgets" color="blue" link="/docs/modules/skip-ui/#supported-swiftui">
59+
Escribe SwiftUI real una vez y obtén una interfaz de usuario nativa de primera clase en ambas plataformas.
60+
Skip traduce las vistas de SwiftUI a Jetpack Compose, conservando el diseño,
61+
la accesibilidad y las convenciones de la plataforma.
62+
</FeatureCard>
63+
64+
<FeatureCard title="Sin Runtime. Sin Hinchazón." icon="bolt" color="amber" link="/docs/modes/">
65+
Skip hace su trabajo en tiempo de compilación. Obtienes código nativo de arriba a abajo,
66+
sin un tiempo de ejecución gestionado o un motor pesado.
67+
Tu aplicación de Android depende solo de bibliotecas estándar de código abierto.
68+
</FeatureCard>
69+
70+
<FeatureCard title="Rendimiento Nativo por Diseño" icon="rocket_launch" color="red" link="/docs/project-types/">
71+
Debido a que las aplicaciones de Skip usan código nativo real, tus aplicaciones tienen un uso de memoria predecible,
72+
tiempos de inicio rápidos y características de rendimiento idénticas a las de
73+
Swift y Kotlin escritos a mano.
74+
</FeatureCard>
75+
76+
<FeatureCard title="IDEs de Primera Parte" icon="code" color="purple" link="/docs/app-development/">
77+
Sigue usando Xcode como tu entorno de desarrollo principal de Swift.
78+
Construye, depura y refactoriza exactamente como siempre lo has hecho.
79+
Entra en Android Studio para personalización específica de la plataforma.
80+
</FeatureCard>
81+
82+
<FeatureCard title="Interop de Android sin Problemas" icon="sync_alt" color="green" link="/docs/platformcustomization/">
83+
¿Necesitas un SDK o una biblioteca específica de Android?
84+
Skip interopera limpiamente con Kotlin y Jetpack Compose, para que puedas
85+
integrar las API de Android sin luchar contra el framework.
86+
</FeatureCard>
87+
88+
<FeatureCard title="Código Abierto, Construido para el Largo Plazo" icon="lock_open" color="teal" link="/blog/skip-is-free/">
89+
Skip y sus frameworks principales son gratuitos y de código abierto.
90+
Sin ataduras, sin tiempos de ejecución propietarios y sin esperar a que los proveedores se pongan al día
91+
con los últimos lanzamientos de plataformas.
92+
</FeatureCard>
4893

49-
50-
<CardGrid>
51-
52-
<Card title="SwiftUI, de Arriba a Abajo" icon="approve-check-circle">
53-
Escribe SwiftUI real una vez y obtén una interfaz de usuario nativa de primera clase en ambas plataformas.
54-
Skip traduce las vistas de SwiftUI a Jetpack Compose, conservando el diseño,
55-
la accesibilidad y las convenciones de la plataforma.
56-
Sin problemas, sin convenciones de interfaz anticuadas, sin valle inquietante.
57-
58-
[Aprende más →](/docs/modules/skip-ui/#supported-swiftui)
59-
</Card>
60-
61-
<Card title="Sin Runtime. Sin Hinchazón." icon="cloud-download">
62-
Skip hace su trabajo en tiempo de compilación. Obtienes código nativo de arriba a abajo,
63-
sin un tiempo de ejecución gestionado o un motor pesado.
64-
Tu aplicación de iOS puede enviarse sin dependencias de Skip, y tu aplicación de Android
65-
depende solo de bibliotecas estándar de código abierto.
66-
67-
[Aprende más →](/docs/modes/)
68-
</Card>
69-
70-
<Card title="Rendimiento Nativo por Diseño" icon="magnifier">
71-
Debido a que las aplicaciones de Skip usan código nativo real, tus aplicaciones tienen un uso de memoria predecible,
72-
tiempos de inicio rápidos y características de rendimiento idénticas a las de
73-
Swift y Kotlin escritos a mano.
74-
75-
[Aprende más →](/docs/project-types/)
76-
</Card>
77-
78-
<Card title="IDEs de Primera Parte" icon="heart">
79-
Sigue usando Xcode como tu entorno de desarrollo principal de Swift.
80-
Construye, depura y refactoriza el código de la aplicación y la biblioteca de Swift exactamente como siempre lo has hecho.
81-
Entra en Android Studio si quieres hacer una personalización pesada específica de la plataforma.
82-
83-
[Aprende más →](/docs/app-development/)
84-
</Card>
85-
86-
<Card title="Interop de Android sin Problemas" icon="star">
87-
¿Necesitas un SDK o una biblioteca específica de Android?
88-
Skip interopera limpiamente con Kotlin y Jetpack Compose, para que puedas
89-
integrar las API de Android sin luchar contra el framework.
90-
91-
[Aprende más →](/docs/platformcustomization/)
92-
</Card>
93-
94-
<Card title="Código Abierto, Construido para el Largo Plazo" icon="github">
95-
Skip y sus frameworks principales son gratuitos y de código abierto.
96-
Sin ataduras, sin tiempos de ejecución propietarios y sin esperar a que los proveedores se pongan al día
97-
con los últimos lanzamientos de iOS o Android.
98-
99-
[Aprende más →](/blog/skip-is-free/)
100-
</Card>
101-
102-
</CardGrid>
94+
</div>

0 commit comments

Comments
 (0)