gersigno.github.io

Mon portefeuille en ligne

Un beau système d'exploitation Web et couramment comme le portefeuille en ligne!

Assurez-vous de jouer ce dépôt si vous aimez mon travail!

Testez-le maintenant

? Introduction

Bienvenue dans le référentiel de mon portefeuille!

Découvrez une expérience unique et intuitive via mon portefeuille grâce à une interface de bureau familière!

Note

Ce projet est toujours en version bêta , certaines fonctionnalités peuvent ne pas fonctionner comme prévu et le code est encore un peu désordonné à certains endroits.
N'hésitez pas à signaler des bugs ici ?

? Tableau de contenu

• ?Caractéristiques

• ?Conception
• ✍ la personnalisation
• Commençant bientôt

• Pour les développeurs

• ?Commencer
• ? Créez votre propre application
• ?Surgir
• ? Toast Notifications.

• ? Technologies
• ? Crédits
• ?Soutien

? Caractéristiques

? Conception

Translucidité de verre

Cet effet a été archivé en mélangeant l'effet flou et une texture de bruit en arrière-plan pour créer une certaine profondeur. Il est très inspiré de l'effet acrylique de Microsoft

✍ Personnalisation

Vous pouvez personnaliser votre expérience à partir de l' application Paramètres .
? Tous les paramètres sont enregistrés dans votre stockage local.

⏳ Commençant bientôt

Ces fonctionnalités sont en cours et seront disponibles dans les futures mises à jour:

• Contenu de la page de développement de jeux
• Sensible
• Traductions (localisation)
• Plus de projets de développement Web.

Pour les développeurs

Le code est partiellement commenté et documenté.

? Commencer

Important

N'oubliez pas que ce projet est toujours en développement, les fonctions pourraient être modifiées dans les futures mises à jour.

? Créez votre propre application

Toute votre application doit être utilisable dans un fichier de type HTML.

Tout d'abord, créez un dossier du nom de votre projet dans le dossier _subpages .

Ensuite, dans le fichier desktop.js situé sur scriptsdesktopdesktop.js , créez une nouvelle instance d'objet DesktopIcon .
Syntaxe:

 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.;

Vous devrez appeler la fonction createWindow(...) lors de l'événement de clic de votre icône pour créer votre fenêtre. Exemple:

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

? Comment utiliser les pop-ups.

Pour créer une fenêtre contextuelle, vous pouvez simplement utiliser la fonction UI_CreatePupup() .
Syntaxe:

 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;

Exemple:

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

? Comment utiliser des notifications de toast.

Pour créer des notifications de toast, vous pouvez simplement utiliser la fonction UI_CreatePupup() .
Syntaxe:

 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.

Exemple:

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

? Technologies

? Crédits

• Auteur @gersigno

Ressources en ligne

• Switch Elements Style par Marcus Burnette
• Format de date simple par Emil S. Jørgensen

Grâce à

• David R. pour son aide sur le projet.

• Design zen pour ses conseils sur la conception UI / UX.

• Toutes les icônes utilisées dans ce projet proviennent d'icônes8

? Soutien

Pour l'assistance, envoyez un e-mail à [email protected] ou à rejoindre le serveur Discord .