Une grande représentation de la forme illuminée de la lune ouvre un tableau montrant la phase, les heures de lever et coucher, les phases à venir, et la prochaine éclipse lunaire visible. Primetime ajoute une entrée douce et des indices discrets aux événements de phase et d’horizon calculés. Le tableau suit l’hémisphère sélectionné et montre les phases sans localisation.
Carte en direct
Catégorie : Météo. Étiquettes : Météo et environnement, Horloges et calendriers.
Mises en page
Cette carte plein écran occupe tout l’écran en mode paysage ou portrait et n’est pas placée en coin, puce ou bande.
Mises en page : pleine. Formes : paysage, portrait.
Mises en page, thèmes et publication des cartes. Parcourir les cartes.
Données et confidentialité
Cette carte utilise ses propriétés configurées et les données de carte en direct.
Propriétés
Pour le thème, l’arrière-plan, l’accent et la position, voir Propriétés communes.
Définissez les propriétés statiques dans les params de la carte lorsque vous la créez. Son document de données ne contient que des propriétés dynamiques. Les lignes imbriquées décrivent le contenu de leur propriété parente.
Propriétés statiques
| Nom | Type | Par défaut | Valeurs et limites | Description |
|---|---|---|---|---|
title | string | "Moon" | maxLength : 30 | L’en-tête lorsque l’emplacement n’a pas de nom. |
location | objet, nul | null | additionalProperties : false | D’où la lune est observée : lever et coucher, quel côté est éclairé, et quelles éclipses sont visibles. Vide affiche seulement la phase. |
location.name | string | maxLength : 40 ; Obligatoire | ||
location.latitude | number | minimum : -90 ; maximum : 90 ; Obligatoire | ||
location.longitude | number | minimum : -180 ; maximum : 180 ; Obligatoire | ||
hemisphere | string | "north" | "north", "south" | Comment la lune est éclairée quand il n’y a pas de localisation. |
hour12 | boolean | false | ||
eclipses | boolean | true | Afficher la prochaine éclipse lunaire visible de la lune. | |
timeZone | chaîne, nul | null | ||
backgroundColor | chaîne, nul | null | motif : "^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$" | Remplace le fond et la plaque de la carte par une couleur plate ordonnée en CSS. #RRGGBBAA fournit l’opacité. background none a la priorité. |
textColor | chaîne, nul | null | motif : "^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$" | Remplace les couleurs du texte principal et secondaire. Les couleurs d’accentuation et de statut sémantique conservent leur rôle. |
Propriétés dynamiques
Cette carte n’a aucune propriété dynamique.
Exemple de canevas
Enregistrez les propriétés statiques comme params.json et créez la carte. Le résultat contient son identifiant crd_.
{
"theme": "neomustard",
"location": {
"name": "Vancouver",
"latitude": 49.25,
"longitude": -123.0
}
}
screenrig card create --type moon --major 1 --file params.json
Ajoutez cet élément aux primitives d’une page de liste de lecture, en remplaçant l’identifiant de l’exemple par celui de votre carte. Publiez la liste de lecture et assignez un écran.
{
"id": "moon",
"primitive": "card",
"card": "crd_01EXAMPLECARD000000000",
"layout": "full",
"content_fit": "fill"
}