-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
108 lines (103 loc) · 9.81 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=1000" />
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<!-- favicon -->
<link
rel="apple-touch-icon"
sizes="180x180"
href="favicon/apple-touch-icon.png" />
<link
rel="icon"
type="image/png"
sizes="512x512"
href="favicon/android-chrome-512x512.png" />
<link
rel="icon"
type="image/png"
sizes="192x192"
href="favicon/android-chrome-192x192.png" />
<link
rel="icon"
type="image/png"
sizes="32x32"
href="favicon/favicon-32x32.png" />
<link
rel="icon"
type="image/png"
sizes="16x16"
href="favicon/favicon-16x16.png" />
<link rel="manifest" href="favicon/site.webmanifest" />
<!-- styles -->
<link rel="stylesheet" href="styles/fonts.css" />
<link rel="stylesheet" href="styles/colors.css" />
<link rel="stylesheet" href="styles/main.css" />
<script type="module" src="scripts/cursor.js" defer></script>
<title>f4r4w4y</title>
</head>
<body>
<!-- ﷽ -->
<center>
<div class="container">
<!-- prettier-ignore -->
<div class="content"><pre>
╒═ ═╕
│ │
┌──────────────────┤ <r1>█▀█ ▄▀ █▀▄ ▄▀ █ ▄ █ ▄▀ █ █</r1> ├──────────────────┐
│ │ <r2>█ █ ▄ █ █ █ ▄ █ █ █ █ ▄ █▄█</r2> │ │
│ <b>Muhammad Fakhri</b> │ <r3>█▀█ █▄█ █▄▀ █▄█ █ █ █ █▄█ █</r3> │ <b>Putra Supriyadi</b> │
┌<g1>─</g1><g2>─</g2><g3>─</g3><g4>─</g4><g5>─</g5><g6>─</g6><g7>─</g7><g8>─</g8><g9>─</g9><g10>─</g10><g11>─</g11><g12>─</g12><g13>─</g13><g14>─</g14><g15>─</g15><g16>─</g16>│ │ █ █ █ █ █ █ █ █ █ │ │<g16>─</g16><g15>─</g15><g14>─</g14><g13>─</g13><g12>─</g12><g11>─</g11><g10>─</g10><g9>─</g9><g8>─</g8><g7>─</g7><g6>─</g6><g5>─</g5><g4>─</g4><g3>─</g3><g2>─</g2><g1>─</g1>┐
│ └──────────────────┤ ├──────────────────┘ │
│ ╘═ ═╛ │
│ │
│ <no-aboutlink>┏━━┓</no-aboutlink> <a class="cv-link" href="content.html?c=cv">🮹🮺 open my CV</a> │
│ <no-aboutlink>┃ ▄▄▄▖</no-aboutlink> <a class="about-link" href="content.html?c=about"><b>Who </b></a> │
│ <no-aboutlink>┃ ██▌</no-aboutlink> <a class="about-link" href="content.html?c=about">are </a> │
│ <no-aboutlink>┃ ▀▀▀▀</no-aboutlink> <a class="about-link" href="content.html?c=about">you?</a> │
│ <no-aboutlink>┗━━┛</no-aboutlink> =-*@@@@@@ │
│ :+=+%*@@@@@@: │
│ <no-youtubelink>┏━━┓</no-youtubelink> :=+*#%-#%@@@@@@@@@%#*+=: │
│ <no-youtubelink>┃ ▄▄▄▖</no-youtubelink> <a class="youtube-link" href="content.html?c=youtube">I heard </a> =+#*+++#+=#@@@@@@@@@%@*+++*#*#- │
│ <no-youtubelink>┃ ▄▄▀▘</no-youtubelink> <a class="youtube-link" href="content.html?c=youtube">you have </a> =+#*++++++%.+*@@@@@@@@@@%@*+++++*#*: │
│ <no-youtubelink>┃ ▀▀▀▘</no-youtubelink> <a class="youtube-link" href="content.html?c=youtube"><b>youtube videos</b></a> =#*+==+++++%+=*#@@@@#*@@@@##%++++++++*#= │
│ <no-youtubelink>┗━━┛</no-youtubelink> :##+++++++++%=+%@@@@@*%@@@@@@%#%+++++++++**: │
│ +#*++++++=+*%##@@@#%@#*%#@#%@@@@%%*++++++++*#+ │
│ .##++++++++++%-*#%@:=+=+++==+=+@@@%#%++++++++++## │
│ .#*++++++++++*#*#@@==#@#++++#@*=*@@%#%*++++++++++## │
│ *#+++++++++++%#@@@@++++##%%##+++#@@@@@%+++++++++++#* │
│ *%%#%%#**++##*+*#%@@@%%***+++#*%#@@@%%#*+#*++**#%#%%%+= │
│ @@@@@##%@@%%%###%%@@@@@@@@@@@@%@@@@@@@@@%%%@%##%%%@@%##@@@@@ │
│ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%@@@@@@@@@@@@@@ │
│ -***#%@@@@@@@@@@@@@@@%#@@@@@@@@@@%%@@@%@#@@@@@@@@@%#*+#= │
│ :#*++++++*#%%@@*@++%%@%*%@@@@@@%*%@%#*+@%@@%%#*++++++*@= │
│ :%*+++++++++++=%+# .-#%%+%@@@@%+%%%= %##++++++++++++*# │
│ **++++++++++*#%*+*: -##+@@@%+#%: .#*%%*+++++++++++## │
│ -%*++++++++%#%@@-=%#=-.*#*@@*#+.-*%#+#@@#*#++++++++*# │
│ ##*++++++**#@@@@-+#@@@@@@@@%@@@@@%**@@@@+**++++++*#* │
│ %**+++++*==@@@@@+=#@@@@@@@@@@@@%*#@@@@@+*#+++++*#+ │
│ .%#*++++#%:*@@@@@#-*%@@@@@@@@@#*%@@@@@*=%*++++*#+ │
│ ##***@+##-+#%@@@@#+*@@@@@@%*%@@@@@%*+%#=@***%= │
│ =%#**+%#@#*##@@@@@#+###%#%@@@@@@%*#@#%+#*##: │
│ .+%%*%@#%@#*##%@@@@@@@@@@@@@@%##@%#@%*%%= │
│ <no-bloglink>┏━━┓</no-bloglink> .=#@@@@%@@#%%%%@@0xf4i@@@@%%@@%@@@%#: │
│ <no-bloglink>┃ ▄▄▄▖</no-bloglink> <a class="blog-link" href="content.html?c=blog">I want </a> :+%@@@@@@@%@%%%@@@%@@@@@@@@@@# │
│ <no-bloglink>┃ ━━█▌</no-bloglink> <a class="blog-link" href="content.html?c=blog">to read </a> .-*#@@@@@@@@@@@@@@@@@@# │
│ <no-bloglink>┃ ▀▀▀▘</no-bloglink> <a class="blog-link" href="content.html?c=blog">your <b>writings</b></a> ..-===*##*+==-.. │
│ <no-bloglink>┗━━┛</no-bloglink> │
│ │
│ <no-contactlink>┏━━┓</no-contactlink> │
│ <no-contactlink>┃ ▄ ▄▖</no-contactlink> <a class="contact-link" href="content.html?c=contact">How should</a> │
│ <no-contactlink>┃ █▄█▌</no-contactlink> <a class="contact-link" href="content.html?c=contact">i <b>contact </b></a> │
│ <no-contactlink>┃ ▀▘</no-contactlink> <a class="contact-link" href="content.html?c=contact">you? </a> │
│ <no-contactlink>┗━━┛</no-contactlink> │
│ ⠼⠁⠼⠉⠼⠉⠼⠛ │
│ ╭─────────────────────────────────────────────────────────────────────────────────────────────────────○
└───=> <small>All the things | Powered by juliamono</small>
╰─────────────────────────────────────────────────────────────────────────────────────────────────────● </pre></div>
</div>
</center>
</body>
</html>