gersigno.github.io

Portofolio online saya

Web OS yang indah, fasih, seperti portofolio online!

Pastikan untuk membintangi repo ini jika Anda menikmati pekerjaan saya!

UJI sekarang

? Perkenalan

Selamat datang di repositori portofolio saya!

Temukan pengalaman yang unik dan intuitif melalui portofolio saya berkat antarmuka desktop yang akrab!

Catatan

Proyek ini masih dalam beta , beberapa fitur mungkin tidak berfungsi sebagaimana dimaksud dan kodenya masih agak berantakan di beberapa tempat.
Jangan ragu untuk melaporkan ada bug di sini ?

? Tabel konten

• ?Fitur

• ?Desain
• ✍Customization
• ⏳Momming segera

• Untuk pengembang

• ? Memulai
• ? Buat aplikasi Anda sendiri
• ? Popup
• ? Pemberitahuan roti panggang.

• ? Teknologi
• ?
• ?Mendukung

? Fitur

? Desain

Tembus pandang kaca

Efek ini diarsipkan dengan mencampur efek blur dan tekstur noise di latar belakang untuk menciptakan kedalaman. Sangat terinspirasi dari efek akrilik Microsoft

✍ Kustomisasi

Anda dapat menyesuaikan pengalaman Anda dari aplikasi Pengaturan .
? Semua pengaturan disimpan di penyimpanan lokal Anda.

⏳ Segera datang

Fitur-fitur ini bekerja dalam proses dan akan datang dalam pembaruan mendatang:

• Konten Halaman Pengembangan Game
• Responsif
• Terjemahan (lokalisasi)
• Lebih banyak proyek pengembangan web.

Untuk pengembang

Kode ini sebagian dikomentari dan didokumentasikan.

? Memulai

Penting

Jangan lupa bahwa proyek ini masih dalam pengembangan, fungsi dapat dimodifikasi dalam pembaruan mendatang.

? Buat Aplikasi Anda Sendiri

Seluruh aplikasi Anda harus dapat digunakan dalam file tipe HTML.

Pertama, buat folder nama proyek Anda di folder _subpages .

Kemudian, di file desktop.js yang terletak di scriptsdesktopdesktop.js , buat instance objek DesktopIcon baru.
Sintaksis:

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

Anda perlu memanggil fungsi createWindow(...) di acara klik ikon Anda untuk membuat jendela Anda. Badankan:

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

? Cara menggunakan pop-up.

Untuk membuat pop-up, Anda dapat menggunakan fungsi UI_CreatePupup() .
Sintaksis:

 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;

Badankan:

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

? Cara menggunakan pemberitahuan roti panggang.

Untuk membuat pemberitahuan roti panggang, Anda dapat menggunakan fungsi UI_CreatePupup() .
Sintaksis:

 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.

Badankan:

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

? Teknologi

? Kredit

• Penulis @Gersigno

Sumber Daya Online

• Gerakan Elemen Gaya oleh Marcus Burnette
• Format Tanggal Sederhana oleh Emil S. Jørgensen

Berkat

• David R. atas bantuannya pada proyek.

• Zen Design untuk sarannya tentang desain UI/UX.

• Semua ikon yang digunakan dalam proyek ini berasal dari Icons8

? Mendukung

Untuk dukungan, email [email protected] atau bergabunglah dengan server Discord .