gersigno.github.io

Mi cartera en línea

¡Un sistema operativo web hermoso, fluido y como la cartera en línea!

¡Asegúrate de protagonizar este repositorio si disfrutas de mi trabajo!

Pruébelo ahora mismo

? Introducción

¡Bienvenido al repositorio de mi cartera!

¡Descubra una experiencia única e intuitiva a través de mi cartera gracias a una interfaz de escritorio familiar!

Nota

Este proyecto todavía está en beta , algunas características pueden no funcionar según lo previsto y el código todavía está un poco complicado en algunos lugares.
¿No dudes en informar algún error aquí ?

? Tabla de contenido

• ?Características

• ?Diseño
• ✍Customización
• ⏳Monming pronto

• Para desarrolladores

• ?Empezando
• ? Crea tu propia aplicación
• ?
• ? Notificaciones de brindis.

• ? Tecnologías
• ? Créditos
• ?Apoyo

? Características

? Diseño

Translucidez de vidrio

Este efecto se archivó mezclando el efecto de desenfoque y una textura de ruido en el fondo para crear cierta profundidad. Está pesado del efecto acrílico de Microsoft

✍ Personalización

Puede personalizar su experiencia desde la aplicación Configuración .
? Todas las configuraciones se guardan en su almacenamiento local.

⏳ Poner pronto

Estas características son trabajo en progreso y vendrán en futuras actualizaciones:

• Contenido de la página de desarrollo de juegos
• Sensible
• Traducciones (localización)
• Más proyectos de desarrollo web.

Para desarrolladores

El código se comenta y documenta parcialmente.

? Empezando

Importante

No olvide que este proyecto todavía está en desarrollo, las funciones podrían modificarse en futuras actualizaciones.

? Crea tu propia aplicación

Toda su aplicación debe ser utilizable en un archivo de tipo HTML.

Primero, cree una carpeta del nombre de su proyecto en la carpeta _subpages .

Luego, en el archivo desktop.js ubicado en scriptsdesktopdesktop.js , cree una nueva instancia de objeto DesktopIcon .
Sintaxis:

 new DesktopIcon ( ( String ) title , ( String ) icon , ( function ) funcPtr , ( String ) shandler ) ; 

 title : The text shown at the bottom of the shortcut;
icon : The relative path of your icon's image file;
funcPtr : The function to call on any left click event (can have parameters);
shandler : Unique text to distinguish between different icons.;

Deberá llamar a la función createWindow(...) en el evento de clic de su icono para crear su ventana. Exemplo:

 new DesktopIcon ( "Title" , "icons/myIcon.png" , ( ) => createWindow ( "icons/myIcon.png" , "Title" , "_subpages\my_app\index.html" , "myApp" ) , "myApp_shortcut" ) ;

? Cómo usar ventanas emergentes.

Para crear una ventana emergente, simplemente puede usar la función UI_CreatePupup() .
Sintaxis:

 UI_CreatePupup ( ( String ) icon , ( String ) title , ( String ) message , ( String ) okText , ( function ) okFunction , ( String ) cancelText , ( function ) cancelFunction ) ; 

 icon : The relative path of your icon's image file;
title : The title of the pop-up;
message : the message shown at the center of the pop-up;
okText : The text of the primary (left) button;
okFunction : The function to call when the primary button is clicked by the user;
cancelText : [not required] The text of the secondary (right) button;
cancelFunction : [not required] The function to call when the secondary button is clicked by the user;

Exemplo:

 UI_CreatePupup ( "icons/myIcon.png" , "Pop-up Title" , "Pop-up description" , "Ok" , ( ) => ok_function ( ) , "Cancel" , ( ) => cancel_function ( ) ) ;

? Cómo usar notificaciones de tostadas.

Para crear notificaciones de tostadas, simplemente puede usar la función UI_CreatePupup() .
Sintaxis:

 new ToastNotify ( icon , title , description ) ; 

 icon : The relative path of your icon's image file;
title : The title of the toast notification;
description : [not required] The description (secondary text) of the notification.

Exemplo:

 new ToastNotify ( "icons/myIcon.png" , "Toast notification" , "A simple notification" ) ;

? Tecnologías

? Créditos

• Autor @Gersigno

Recursos en línea

• Cambiar el estilo de elementos de Marcus Burnette
• Formato de fecha simple por Emil S. Jørgensen

Gracias a

• David R. por su ayuda en el proyecto.

• Diseño zen para su consejo sobre el diseño de UI/UX.

• Todos los iconos utilizados en este proyecto provienen de Icons8

? Apoyo

Para obtener soporte, envíe un correo electrónico a [email protected] o únase al servidor Discord .