gersigno.github.io

Meu portfólio online

Um sistema operacional bonito e fluente, como o portfólio on -line!

Certifique -se de estrelar este repositório se você gosta do meu trabalho!

Teste agora

? Introdução

Bem -vindo ao repositório do meu portfólio!

Descubra uma experiência única e intuitiva através do meu portfólio, graças a uma interface familiar de desktop!

Observação

Este projeto ainda está no beta , alguns recursos podem não funcionar como pretendido e o código ainda está um pouco confuso em alguns lugares.
Sinta -se à vontade para relatar algum bug aqui ?

? Tabela de conteúdo

• ?Características

• ?Projeto
• ✍ Customização
• ⏳ Comprometer -se em breve

• Para desenvolveres

• ?Começando
• ? Crie seu próprio aplicativo
• ?Aparecer
• ? Notificações de brinde.

• ? Tecnologias
• ? Créditos
• ?Apoiar

? Características

? Projeto

Translucidez de vidro

Esse efeito foi arquivado misturando o efeito do desfoque e uma textura de ruído em segundo plano para criar alguma profundidade. É muito inspirado o efeito acrílico da Microsoft

✍ Personalização

Você pode personalizar sua experiência no aplicativo Configurações .
? Todas as configurações são salvas em seu armazenamento local.

⏳ Combinando em breve

Esses recursos são trabalhos em andamento e virão em atualizações futuras:

• Conteúdo da página de desenvolvimento de jogos
• Responsivo
• Traduções (localização)
• Mais projetos de desenvolvimento da Web.

Para desenvolveres

O código é parcialmente comentado e documentado.

? Começando

Importante

Não se esqueça que este projeto ainda está em desenvolvimento, as funções podem ser modificadas em atualizações futuras.

? Crie seu próprio aplicativo

Todo o seu aplicativo precisa ser utilizável em um arquivo de tipo HTML.

Primeiro, crie uma pasta do nome do seu projeto na pasta _subpages .

Em seguida, no arquivo desktop.js localizado no scriptsdesktopdesktop.js , crie uma nova instância de objeto DesktopIcon .
Sintaxe:

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

Você precisará chamar a função createWindow(...) no evento de clique do seu ícone para criar sua janela. Exemplo:

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

? Como usar pop-ups.

Para criar um pop-up, você pode simplesmente usar a função UI_CreatePupup() .
Sintaxe:

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

? Como usar notificações de torradas.

Para criar notificações de brinde, você pode simplesmente usar a função UI_CreatePupup() .
Sintaxe:

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

? Tecnologias

? Créditos

• Autor @gersigno

Recursos online

• Switch Elements Style por Marcus Burnette
• Formato de data simples de Emil S. Jørgensen

Obrigado a

• David R. por sua ajuda no projeto.

• Design zen por seu conselho sobre o design da UI/UX.

• Todos os ícones usados ​​neste projeto vêm de icons8

? Apoiar

Para suporte, envie um email para entrar em [email protected] ou entre no servidor Discord .