gersigno.github.io

Mein Online -Portfolio

Ein schönes, fließendes Web -Betriebssystem wie Online -Portfolio!

Stellen Sie sicher, dass Sie dieses Repo spielen, wenn Sie meine Arbeit genießen!

Testen Sie es jetzt

? Einführung

Willkommen im Repository meines Portfolios!

Entdecken Sie dank einer vertrauten Desktop -Oberfläche ein einzigartiges und intuitives Erlebnis über mein Portfolio!

Notiz

Dieses Projekt befindet sich noch in der Beta , einige Funktionen funktionieren möglicherweise nicht wie beabsichtigt und der Code ist an einigen Stellen immer noch etwas unordentlich.
Fühlen Sie sich frei, hier Fehler zu melden ?

? Inhaltstabelle

• ?Merkmale

• ?Design
• ✍Customisierung
• Bald

• Für Entwickler

• ?Erste Schritte
• ? Erstellen Sie Ihre eigene Anwendung
• Popup
• ? Toastbenachrichtigungen.

• ? Technologien
• ? Credits
• ?Unterstützung

? Merkmale

? Design

Glastransuzenz

Dieser Effekt wurde archiviert, indem ein Unschärfeeffekt und eine Geräuschstruktur im Hintergrund gemischt wurden, um eine gewisse Tiefe zu erzeugen. Es ist stark von Microsofts Acryleffekt inspiriert

✍ Anpassung

Sie können Ihre Erfahrung aus der Einstellungsanwendung anpassen .
? Alle Einstellungen werden in Ihrem lokalen Speicher gespeichert .

⏳ bald komme

Diese Funktionen sind in der Arbeit und werden in zukünftigen Updates erfolgen:

• Spielentwicklungsseite Inhalt
• Reaktionsschnell
• Übersetzungen (Lokalisierung)
• Weitere Webentwicklungsprojekte.

Für Entwickler

Der Code wird teilweise kommentiert und dokumentiert.

? Erste Schritte

Wichtig

Vergessen Sie nicht, dass dieses Projekt noch in der Entwicklung ist. Funktionen könnten in zukünftigen Updates geändert werden.

? Erstellen Sie Ihre eigene Anwendung

Ihre gesamte Anwendung muss in einer HTML -Type verwendbar sein.

Erstellen Sie zunächst einen Ordner des Namens Ihres Projekts im Ordner _subpages .

Erstellen Sie dann in der Datei desktop.js in scriptsdesktopdesktop.js eine neue DesktopIcon -Objektinstanz.
Syntax:

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

Sie müssen die Funktion createWindow(...) auf dem Klick -Ereignis Ihres Symbols anrufen, um Ihr Fenster zu erstellen. Exemple:

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

? So verwenden Sie Pop-ups.

Um ein Popup zu erstellen, können Sie einfach die Funktion UI_CreatePupup() verwenden.
Syntax:

 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 ( ) ) ;

? So verwenden Sie Toastbenachrichtigungen.

Um Toastbenachrichtigungen zu erstellen, können Sie einfach die Funktion UI_CreatePupup() verwenden.
Syntax:

 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" ) ;

? Technologien

? Credits

• Autor @gersigno

Online -Ressourcen

• Switch Elements Style von Marcus Burnette
• Einfaches Datumsformat von Emil S. Jørgensen

Dank

• David R. für seine Hilfe bei dem Projekt.

• Zen Design für seinen Rat zum UI/UX -Design.

• Alle in diesem Projekt verwendeten Symbole stammen von iCons8

? Unterstützung

Um Unterstützung zu erhalten, senden Sie eine E -Mail an [email protected] oder treten Sie dem Discord -Server bei.