From e969d7ef2dd743759c3d49db264478b107f76d93 Mon Sep 17 00:00:00 2001 From: GitJournal-Phone Date: Mon, 11 Mar 2024 04:32:17 -0300 Subject: [PATCH] =?UTF-8?q?Updated=20Note=2001.=20Projects/P=C3=A1gina=20P?= =?UTF-8?q?ersonal/README.md?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 01. Projects/Escape Latam/Canada.md | 5 ++ .../Escape Latam/Comparación de Paises.md | 23 ++++++++ 01. Projects/Escape Latam/Escapar de Latam.md | 12 ++++ 01. Projects/Escape Latam/New Zeldand.md | 7 +++ 01. Projects/Página Personal/README.md | 10 ++-- 01. Projects/Página Personal/board.md | 6 ++ notes/Design.md | 59 +++++++++++++++++++ 7 files changed, 118 insertions(+), 4 deletions(-) create mode 100644 01. Projects/Escape Latam/Canada.md create mode 100644 01. Projects/Escape Latam/Comparación de Paises.md create mode 100644 01. Projects/Escape Latam/Escapar de Latam.md create mode 100644 01. Projects/Escape Latam/New Zeldand.md create mode 100644 01. Projects/Página Personal/board.md create mode 100644 notes/Design.md diff --git a/01. Projects/Escape Latam/Canada.md b/01. Projects/Escape Latam/Canada.md new file mode 100644 index 0000000..ddad917 --- /dev/null +++ b/01. Projects/Escape Latam/Canada.md @@ -0,0 +1,5 @@ +--- +id: 479b9e29-c514-42b2-a086-f1290936cb57 +created: 2024-02-06 14:20 +updated: 2024-02-18 15:29 +--- diff --git a/01. Projects/Escape Latam/Comparación de Paises.md b/01. Projects/Escape Latam/Comparación de Paises.md new file mode 100644 index 0000000..5376431 --- /dev/null +++ b/01. Projects/Escape Latam/Comparación de Paises.md @@ -0,0 +1,23 @@ +--- +created: 2024-02-04 22:10 +updated: 2024-02-18 15:29 +--- + + +| | [New Zeldand](New%20Zeldand.md) | [[Canada]] | +| ---- | ---- | ---- | +| Leyes Laborales | | | +| Salud | | | +| Salario Mínimo | | | +| Promedio de arriendo | | | +| Promedio de groceries | | | + +--- + +## Next Steps + +Current status: +- no tengo idea de a donde quiero it + +Next steps: +- [ ] Investigar los puntos de arriba por cada país en distintas notas \ No newline at end of file diff --git a/01. Projects/Escape Latam/Escapar de Latam.md b/01. Projects/Escape Latam/Escapar de Latam.md new file mode 100644 index 0000000..3924eba --- /dev/null +++ b/01. Projects/Escape Latam/Escapar de Latam.md @@ -0,0 +1,12 @@ +--- +created: 2024-02-04 22:23 +updated: 2024-02-18 15:29 +--- +- [ ] [Obtener pasaporte](Obtener%20pasaporte.md) +- [ ] Postar a [Work & Holiday](Work%20&%20Holiday) visa +- [ ] Tarjeta de crédito internacional +- [ ] Al menos 3 mudas de ropa nueva +- [ ] Chequeo médico general +- [ ] Lentes nuevos +- [ ] Celular nuevo +- [ ] Decolorado y tintura nuevos \ No newline at end of file diff --git a/01. Projects/Escape Latam/New Zeldand.md b/01. Projects/Escape Latam/New Zeldand.md new file mode 100644 index 0000000..5dab303 --- /dev/null +++ b/01. Projects/Escape Latam/New Zeldand.md @@ -0,0 +1,7 @@ +--- +created: 2024-02-06 14:17 +updated: 2024-02-18 15:29 +--- +## Work & Holiday + +Último ciclo de postulación fue en Octubre 2023, avisan con al menos 1 mes de anticipación \ No newline at end of file diff --git a/01. Projects/Página Personal/README.md b/01. Projects/Página Personal/README.md index 95a298b..d5baaa7 100644 --- a/01. Projects/Página Personal/README.md +++ b/01. Projects/Página Personal/README.md @@ -1,9 +1,11 @@ --- -created: 2024-02-24 12:29 -updated: 2024-03-08 18:06 +created: 2024-02-24T12:29:00-03:00 +updated: 2024-03-11T04:32:17-03:00 status: Backlog +type: Checklist --- -# Página Personal + +# Página Personal ## Resources @@ -48,4 +50,4 @@ Yes/No, because of... ### What did go wrong? -- Item \ No newline at end of file +- Item diff --git a/01. Projects/Página Personal/board.md b/01. Projects/Página Personal/board.md new file mode 100644 index 0000000..3943b2e --- /dev/null +++ b/01. Projects/Página Personal/board.md @@ -0,0 +1,6 @@ +--- +created: 2024-02-06 22:52 +updated: 2024-02-18 15:29 +--- +- [ ] Arreglar problema de compilación debido a lightgallery +- [ ] Evaluar Git Based CMS alternative (posibilidad de construir uno propio) \ No newline at end of file diff --git a/notes/Design.md b/notes/Design.md new file mode 100644 index 0000000..2936238 --- /dev/null +++ b/notes/Design.md @@ -0,0 +1,59 @@ +Diseñar está completamente fuera de mi zona de confort, así que estudiar como hacer, y hacer el esfuerzo de planear como diseñar la página antes de tirarme de hocico a hacerlo ha sido una experiencia bastante satisfactoria + +Pensar que debo realizar, que quiero comunicar y como lo quiero comunicar ha enrutado el diseño y permitiendo que sea más facil + +el feedback tambien ha sido satisfactorio, porque me ha hecho entender mejor que debo hacer y que no, tambien algúnos comentarios han contradecido completamente lo que yo creería que sería mejor, lo cuál ha enfocado mejor el diseño final en lo que realmente debe (y como debe) ser la página + +## Cómo enfatizar un elemento + +Para hacer que un elemento destaque del fondo, debemos ocupar _**Elevación**_,esto hará que el elemento parezca estar más cerca de la pantalla, haciendo que resalte de lo demás y atrapando la atención del usuario. + +La manera de lograr esto depende del tema: + +### Light Theme + +Contrastar el contorno del elemento con su entorno, para esto podemos: + +- Utilizar sombras, esto destaca el contorno de un elemento y su grado de elevación. + - sombras más pequeñas y definidas indican mayor proximidad al fondo. + - sombras más grandes y difuminadas indican mayor lejanía del fondo. +- Distintos colores diferencian elementos pero no proveen su grado de elevación. +- Opacidad muestra los contornos de los elementos y su solapamiento, pero no su grado de elevación. +- Podemos oscurecer el fondo para destacar un elemento sobre todo lo demás, esto ofrece una gran, pero no especifica cantidad de elevación. + +### Dark Theme + +- Utilizar colores claros para denotar el grado de elevación: + - Utilizar colores directamente. mientras más claro sea el color, más elevado estará un componente. + - Aplicar un _"overlay"_ de un color claro, con distintos grados de transparencia. Mientras menos transparente más elevado estará el componente. No aplicar este esto a los colores primarios o similares. +- _**NO**_ aplicar "light glows" en lugar de sombras oscuras para expresar elevación, porque no logran el mismo efecto. + +### References of common elevations + +| Component | Default elevation values (dp) | White overlay transparency | +| --------------------------------------------------------- | ----------------------------- | -------------------------- | +| Dialog | 24 | 16% | +| Modal bottom sheet Modal side sheet | 16 | 15% | +| Navigation drawer | 16 | 15% | +| Floating action button (FAB - pressed) | 12 | 14% | +| Standard bottom sheet Standard side sheet | 8 | 12% | +| Bottom navigation bar | 8 | 12% | +| Bottom app bar | 8 | 12% | +| Menus and sub menus | 8 | 12% | +| Card (when picked up) | 8 | 12% | +| Contained button (pressed state) | 8 | 12% | +| Floating action button (FAB - resting elevation) Snackbar | 6 | 11% | +| Top app bar (scrolled state) | 4 | 9% | +| Top app bar (resting elevation) | 0 or 4 | 0% - 9% | +| Refresh indicator Search bar (scrolled state) | 3 | 8% | +| Contained button (resting elevation) | 2 | 7% | +| Search bar (resting elevation) | 1 | 5% | +| Card (resting elevation) | 1 | 5% | +| Switch | 1 | 5% | +| Text button | 0 | 0% | +| Standard side sheet | 0 | 0% | + +Reference: + +- [Material Design - UI](https://m2.material.io/design/environment/elevation.html) +- [Material Design - Dark Theme](https://m2.material.io/design/color/dark-theme.html)