-
-
PORTFOLIO
++ ____ _ ____ ____ _ __ _ _ __ __ + | __ \| | __|_ | |/ /| |_| |\ \/ / + | `` /| | `_| / _/| . ( | _ | \ / +|_|\_\|_|_| |____|_|\_\|_| |_| /_/ + +[ PORTFOLIO ]
-
ABOUT ME
+About Me
@@ -40,6 +45,7 @@
MUHAMMAD RIFZKHY ALL FHAYED
+ 
+ 
@@ -66,7 +72,7 @@
- MUHAMMAD RIFZKHY ALL FHAYED
City : Kotawaringin timur
Gender: Male
MUHAMMAD RIFZKHY ALL FHAYED
-
EDUCATION
+Education
-
-
-
-2010 - 2011
-TK Babul Jannah Sampit
-
-
-2011 - 2017
-MIN 1 Sampit
-
-
-2017 - 2020
-SMP Negeri 2 Sampit
-
-
+ 2020 - 2023
-SMK Negeri 1 Sampit
-
+
-
+
-
-
+
+
+
- 
+ 
+
- 
+ 
+
- 
+ 
+
- 
+ 
+
- 
+ 
+
- 
+ 
+
- 
+ 
+
- 
+ 
+
- 
+ 
+
- 
+ 
+
-
-
-
-
- MILESTONE
+ +
+
+
+Designer
+
+
+
+
+
+
+ Adobe Photoshop
+
+
+
+
+
+ Adobe Premiere Pro
+
+
+
+
+
+ Adobe After Effects
+
+
+
+
+
+ Adobe Illustrator
+
+
+
+
+
+ Cinema 4D
+
+
+
+
+
+ Blender
+
+
+
+
+
+ Blockbench
+
+
+
+
+
+
+
-
-
-
- DESIGNING
-
-
- 
-
-
- Photoshop
-
- 
-
-
- Premiere Pro
-
- 
-
-
- After Effects
-
- 
-
-
- Paint.NET
-
- 
-
-
- Clip Studio Paint
-
- 
-
-
- GIMP
-
- 
-
-
- Cinema 4D
-
- 
-
-
- Blender
-
- 
-
+
+
-
- Blockbench
+ +
+
+
-
+
- Developer
-
-
PROGRAMMING
+
+
+
-
+
+
+Javascript
+
+
-
-
+
- 
-
-
- Javascript
-
- 
-
-
- Typescript
-
- 
-
-
- NodeJS
-
- 
-
+
- Java
+
+
+ Typescript
+
+
+
+
+
+ NodeJS
+
+
+
+
+
+ Java
+
+
+
+
+
+ PHP
+
+
+
+
+
+ MySQL
+
+
+
+
+
+ Python
+
+
+
+
+
+
+
- 
-
+
+
+
+
+
+
- Python
+ + + +
+
+
+
+
+
+ Experience
+
+
+
+
+
+ Jobdesc
+-
+
- + + +
- + + +
- + + +
+
+
+Gallery
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
PROJECT
+Project
@@ -244,7 +361,7 @@ 
:,^*,,-_.______:>!:~_``
-_--,,,~~~~::::::::!!=^!!:::!^=;;:,-__~-_________~:!:~-.`
-__-,~,~~~~::::::::!!====!!:::::::,,--_...______,!^!:~_``
-___,,,,~~:::::::::!!+;;;>^:::::::~~,_..._______:;+!:-.`
-.__,,~~~:~::::::::!!!";>=>;"*/vc|/"""=:,,,-___~=/+!~_``
-..-,,,~~~::::::::::!!>*<=<;"|t]y|;>;vv/;:~,-_,!)*>:~.`
-._,,-,~~~::::::::::!!!"r;;;^^""+!::~~~,--,,,-:+?">:,.`
-.__-_-,~::::::::::::!^^**"*">>/\/;=^::,--,-,~:;/"+:-``
-_____--~~:::::::!:!:!^^!*\\*"++===;!:---,-,~:~^*"^:-``
-..____,~~::::::!::!!^+=!"vc?*+::~~~,-__--~::~~:^<^:-.`
-...___-~~:::::!!!!!!^>=/(|llv/>!::~,--,~::~,,,~*v":-.`
-.._.__-,~:::::!!!!!!=/VHcivvvllc/;^^!!:::,----,*22tl)<^:,.`
-...___-,~~:!!!!!"l2PmBB%v(||vvvl]v"^!:~,----_-,|V9u43eYfaY\!,.`
-.._____-~~:!!!"aBBBNQMQB7?(|?|v7c|!:::~,,---'-!j#mVVAVPAPVYo1v*!!:-`
-..____-,,~;[Pd&N@&&NW@BBa|\/**?vcc/!:~~~~,---:fXd&6ZPPX#93YjjyofT[c|
-.._,!*//|#mOK%BBM&&BMNB&0}*"">;*/";!:~~:~,~,~}5kHRheP$5hheVVjujYYl[f
-.,vhRH##bOHR&&BBQB&@@gNmp2;^+^!!>";!::::~~~!}A90D&9V#99mXp#3VVoJaIya
-?kG8O&BK0bOm&&%BMM%QNgN&HV;::!!::!!!:::~~:ruk9OKHBdAh9RH#Hh#$5hKVP$F
-0D&RKKgg%mR%R%mBMW&Q&Ng%HHt::!:~,~::::::!?I99OO0HB8XqdN0dHOdqG&h9k3X
-RDmBNB%Q&&&%H&RmNWBgmNB&%&D}:::~,,~::!!>cPG8RKdOHNdqpBB8H&DKD&89#Vd#
+fffffffffffffffffffffffffffffffffffffffffffffffffffffff
+fffffffffffffffffffffffffffffffffffffffffffffffffffffff
+fffffffffffffffffffffJPp0HH&HOKhkk2ffffffffffffffffffff
+ffffffffffffffffffff40OKmDdKDd$SkOHK4ffffffffffffffffff
+ffffffffffffffffffuAKHBB&DdUhKOHR&gB&Zfffffffffffffffff
+ffffffffffffffffoZ0m&RHRKHHK&&NQQQQQ@gAffffffffffffffff
+fffffffffffffffIDOBgggmKBgB@M@QMMM@@MMBXJffffffffffffff
+ffffffffffffff2%&&BmK%QM@QQNNNQ@MMMMMWMQOJfffffffffffff
+ffffffffffffffGBBBB&mR&gQB8S5h0H&&BB@@gNBSfffffffffffff
+ffffffffffffffK&BNNBBNBGx"!:::^"LfaXmNN@gOfffffffffffff
+ffffffffffffffD&NBgB%Ac!-.````._:!/[#%@MMOfffffffffffff
+fffffffffffffJB@MQBKf;:-_.````._-~~:LA&MM8fffffffffffff
+ffffffffffffffEM@&6f^~_..``````..._~>tEBByfffffffffffff
+ffffffffffffffo&gKx^,__.` ` `_~-:+3D9ffffffffffffff
+fffffffffffffffS&U;:!!!r}"~``.,rl"::!^YK2ffffffffffffff
+fffffffffffffffzKZ!:::::;?/!-!\v/!;=!^lpfffffffffffffff
+fffffffffffffft/o3::rsl9Jfc;.;v1}dcf\!|frxfffffffffffff
+ffffffffffffffv/:},_.,~:____ ..__-_-_-;"vvfffffffffffff
+ffffffffffffff":*\,.``````.` `.``````_:>^lfffffffffffff
+ffffffffffffffl~,=,.``` `.` ``.````.-:~!ffffffffffffff
+fffffffffffffff:~=:-.`` `->>~!r,` ``_,^,*ffffffffffffff
+fffffffffffffff|_!=:-.```:!,:,!!```.,!<-}ffffffffffffff
+ffffffffffffffff]x;!:-.```.```..``.,!>)lfffffffffffffff
+ffffffffffffffffff/!!:--::^!:=;^!:,:^>lffffffffffffffff
+ffffffffffffffffffc=!::!/L":::;l|+:!=rYffffffffffffffff
+ffffffffffffffffffY?;>!:_,!=";+:~:!"rlfffffffffffffffff
+ffffffffffffffffffftvr;!:~-~__-,:!*|cffffffffffffffffff
+ffffffffffffffffffft7Tlr!:,__-,:+?Yt\ffffffffffffffffff
+ffffffffffffffffffnf;rlfx|||?ic}y2l=;2fffffffffffffffff
+ffffffffffffffffff2f^!^*vlxfyIIyY\::?V2ffffffffffffffff
+fffffffffffffffffoFJ+::!=r/\;clc"::!]3Vjfffffffffffffff
+fffffffffffffffJyyoj"::::=;"ic|*,,::Jzoyyofffffffffffff
+ffffffffffffo2jyyuzj}^:::!=+;";:,::;JYooyy2offfffffffff
+ffffffffffJyICyzfYxt4!:!!!="*r^,:!-xfYJJJsfz2yoJfffffff
+fffffffYYfYfyyfYttt[ul..:~:!:::-:_"zYtYfzfoJyJonynoffff
+fffffYYxtfYJxfxxxtFZhy|_..-_`.~..:YYIffYfYffoffJzJyyoff
+ffffYxYYtYtftf}IhB@QM&Pl. ``.``:YYAMMHPfYYzFosYfoFffJF
+fYtYtxtYfttYfnD&&HDKD&QKs_ :y#HBmR&ggK3ofFyfzfyYYYy
+YYtttYoYoYtYFj$8G888EqKR&V= "BNBH0dG0OKKAyYJn2foyfYj2
+YffJYououYtxoffoynjV3V9U0&O]`"&DKq#S3yFC2InzYffjo3affVe
+fooIf2F2oYtYxtYYYYYo2jeVPP$9XKp9Z34jozfffYYYYYFyCj#JfP3
+
diff --git a/script/global.js b/script/global.js
index 9789168..4e8dc70 100644
--- a/script/global.js
+++ b/script/global.js
@@ -1,3 +1,19 @@
+document.onreadystatechange = function () {
+ if (document.readyState !== "complete") {
+ document.querySelector(".content").style.visibility = "hidden";
+ document.querySelector("#loader").style.visibility = "visible";
+ } else {
+ setTimeout(function () {
+ document.querySelector("#loader").style.display = "none";
+ document.querySelector(".content").style.visibility = "visible";
+ }, 1000);
+ }
+};
+
+window.onbeforeunload = function () {
+ window.scrollTo(0, 0);
+};
+
function scrollToTop() {
window.scrollTo({ top: 0, behavior: "smooth" });
}
@@ -25,3 +41,44 @@ function topFunction() {
}
mybutton.addEventListener("click", topFunction);
+
+let experience = document.querySelectorAll('.experience');
+
+ window.onscroll = () => {
+ experience.forEach(sec => {
+ let top = window.scrollY;
+ let offset = sec.offsetTop - 250;
+ let height = sec.offsetHeight;
+
+ if (top >= offset && top < offset + height) {
+ sec.classList.add('experience-animate');
+ }
+ })
+}
+
+// TODO: Skill bar animation
+function moveAlldesign() {
+ var skillBars = document.querySelectorAll(".myBardesign");
+
+ skillBars.forEach(function (myBardesign) {
+ var width = 10;
+ var numericValue = parseFloat(myBardesign.getAttribute("data-percent"));
+ var i = 0;
+
+ if (i == 0) {
+ i = 1;
+ var id = setInterval(frame, 10);
+
+ function frame() {
+ if (width >= numericValue) {
+ clearInterval(id);
+ i = 0;
+ } else {
+ width++;
+ myBardesign.style.width = width + "%";
+ myBardesign.innerHTML = width + "%";
+ }
+ }
+ }
+ });
+}
diff --git a/src/logo.webp b/src/logo.webp
deleted file mode 100644
index e162e1c..0000000
Binary files a/src/logo.webp and /dev/null differ
diff --git a/src/rif-ascii.webp b/src/rif-ascii.webp
new file mode 100644
index 0000000..1c504d4
Binary files /dev/null and b/src/rif-ascii.webp differ
diff --git a/src/signature.svg b/src/signature.svg
deleted file mode 100644
index 0dc64c8..0000000
--- a/src/signature.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/src/ttd.svg b/src/ttd.svg
deleted file mode 100644
index 753e082..0000000
--- a/src/ttd.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
PROJECT
-
-
+
-
diff --git a/ler.html b/ler.html
new file mode 100644
index 0000000..afd96f9
--- /dev/null
+++ b/ler.html
@@ -0,0 +1,63 @@
+
+
+
+
+
+
+MatsuriAI
+MatsuriAI
Whatsapp ChatBot using ChatGPT and BardAI
Chat Help @@ -259,15 +376,15 @@MatsuriAI
-
SERTIFIKAT
+Certificate
-
- 
+ 
- 
- 
@@ -275,8 +392,8 @@
+ SERTIFIKAT
PIAGAM
-
- 
+ 
@@ -290,20 +407,18 @@
+ SOCIAL MEDIA
+
+
+
+
+
+
+ Latest News
+-
+
-
+ New Web Design
+ 21 March, 2014
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque scelerisque diam non nisi semper, et elementum lorem ornare. Maecenas placerat facilisis mollis. Duis sagittis ligula in sodales vehicula....
+
+ -
+ 21 000 Job Seekers
+ 4 March, 2014
+
Curabitur purus sem, malesuada eu luctus eget, suscipit sed turpis. Nam pellentesque felis vitae justo accumsan, sed semper nisi sollicitudin...
+
+ -
+ Awesome Employers
+ 1 April, 2014
+
Fusce ullamcorper ligula sit amet quam accumsan aliquet. Sed nulla odio, tincidunt vitae nunc vitae, mollis pharetra velit. Sed nec tempor nibh...
+
+
by : totoprayogo.com
diff --git a/rifzkhy.txt b/rifzkhy.txt
index 38b43fc..4a673b2 100644
--- a/rifzkhy.txt
+++ b/rifzkhy.txt
@@ -9,54 +9,45 @@
|_|\_\|_|_| |____|_|\_\|_| |_| /_/
-` ``````` ``` ```` ``````````````
-``` ``` ``` ```````````````
-`` `````````````._:^;/(|/**\|*:_``
-` ` ``` ```` ```-*lt2Ia424jy43VVIjt*~` ``
- `` ```````````.:lVPV#ZZA$9#P4AXqpkkVo",.``
- `````````````.!l2Pk9qdK09#$5eVhKHHKqaYYl*,```
- ````````````~LJPk989Ed893V#3IZkqKO9PofaJt\~.``
- ` ```````````."j#98p98OOK8#XkPIa6pH9P2aVPnttJ|!_.`
- ` ````````````.iS$Up9h8D%mK99OOqAKmHm0#e43VVAAhYl/~.``
-``````````````.7h0dDKpHmmDOdK&%&DBB%HDK3yjaP95I3jztc!_``
-``````````````=9dm%&&m&&DHwD&NB&B%RRH8hat39q9ajV4fxfY/-.``
-`````````````.?5pDmN@NBHHHHHgBgggNgRqX99hdDw#I2aPIfyI}:_```
-`````````````.;hmBNQNB%mRBQBBBgQBgBmmB&&B&HddVYaSyYIPoc:_.``
-`````````````,4DgNQMQ&%BggBNQBBgNgNQQ@QBB99w8P2X#jIjfY2c:.``
-`````````..._cOBB@QMQB&RB&RRB&&BBB&&g&%HR%%GAVP9X5aFfya7!_.``
-`````..`..._~e&&g@NQg&D8Kd$9dODD&%KDDOD&HKGh#aVPjoayFJf\:_.``
-```......___:P&Bg@@gBRVoyVIIyI5S90DmHO99kA9qVyIaJ3Pj2yf!:_.``
-........____~3BQQMg&BOl??c1llllfI3V9Op9Z995jfuye3af33Ct:~_.``
-....__._____,JgQ@MB&HJ=<"*/T}lcvlYf24e#qG9VFoFyPVP#8VCl!,_``
-...___.____--?RQMQ&m4"!;r"";??***?\|}llxcclll|||f#9$af?:-.``
-.._________--,fgN&&k/;/vc]T/^!^^><;;<>>?Ylv/+^!!/Z#P2l^:_.``
-.____-___---,-~J%&&y=+!<"|fPy|!:::::!/vYx*:__-,-:4yjx;:,_``
-.____---,,,,,--:um&t::!!!:!*[YL":~~:=**>:,_._-__-YJt>!:-.``
-.______-------,~^0H}:^\i*"^:>|]c+:~:!r\\<:~:::-__ct^:!~_.`
-_____-'------,~~~|kl:*sPV58f!Yoy!~--!|2jU#|v\!~__i"!::,_``
-__----------,,~~:JP|:!/|?\Il~*ll^~__,!v?Yl::~~-_.>~<::~.``
-___--,---,,-,~~~:|j"~:~:::!!:!";!~-_-,:!!!:-____.!,!::,_``
-___,,---,,,,~~~::!t+:~,,,~::::^!:~_____,~~,-..__.:~:::,_.`
-__-,,,,,,,,,:~~:::|!:~~~~~::::!::,__'-___--__.__.~~:!:,_``
-__,,,,,,,,,~::::::r;:::~~~:!>!::~-..----___.__...-:!!:-.``
-_',,~,,~~~~::::::!!;:!::~:!/r:~!:,__,_.~_...__.._~:^!~_.`
-_--,~~~~~~~:::::::!>^!!:::^)|