-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathacountUser.html
More file actions
279 lines (260 loc) · 24.3 KB
/
acountUser.html
File metadata and controls
279 lines (260 loc) · 24.3 KB
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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
<!DOCTYPE html>
<html lang="en" class="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>instagram</title>
<!-- --------- links -->
<!--
app.css
-->
<link rel="stylesheet" href="./styles/app.css">
<link rel="stylesheet" href="./css/style.css">
<!--
icon title
-->
<link rel="icon" href="./images/Instagram.png" type="images/png">
<!--
dark mode tailwind switch
-->
<!-- ------- links end -->
<script type="text/javascript">
if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
document.documentElement.classList.add('dark')
} else {
document.documentElement.classList.remove('dark')
}
</script>
<!-- ----- -->
</head>
<body class="bg-primary-with dark:bg-black w-full h-[100vh] overflow-hidden relative">
<!--
svg project
-->
<svg class="hidden">
<symbol id="shape" viewBox="0 0 20 15" fill="none">
<g filter="url(#filter0_d_0_985)">
<path d="M14.5985 0.0916748L10.0985 4.65867L5.59853 0.0916748L4.75 0.952836L10.0985 6.38099L15.4471 0.952836L14.5985 0.0916748Z" fill="currentColor"/>
</g>
<defs>
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_0_985"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_0_985" result="shape"/>
</defs>
</symbol>
<symbol id="lockd" viewBox="0 0 9 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.25 0.893311C5.76878 0.893311 7 2.14286 7 3.68425L7.0008 5.22239C7.98699 5.34761 8.75 6.20155 8.75 7.23636V10.7885C8.75 11.9095 7.85457 12.8182 6.75 12.8182H2C0.89543 12.8182 0 11.9095 0 10.7885V7.23636C0 6.29058 0.637377 5.49587 1.49998 5.27054L1.5 3.68425C1.5 2.14286 2.73122 0.893311 4.25 0.893311ZM4.25 2.11118C3.39396 2.11118 2.7 2.81547 2.7 3.68425L2.699 5.20659H5.8V3.68425C5.8 2.81547 5.10604 2.11118 4.25 2.11118Z" fill="currentColor"/>
</symbol>
<symbol id="close" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
</symbol>
<symbol id="plass" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
</symbol>
<symbol id="instagramlogo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 105 28" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.146219 6.33102C0.892414 3.33158 3.25507 0.943696 5.40422 0.0973953C6.30312 -0.256642 8.20784 0.420698 8.22128 1.06631C8.26762 3.29993 8.2572 6.79111 8.25147 8.71074C8.25045 9.0532 8.24958 9.34565 8.2492 9.57201C8.24894 9.72447 8.24872 9.88767 8.2485 10.0597C8.2463 11.7276 8.243 14.229 8.18292 15.8618C8.12796 17.356 7.82238 18.732 6.94928 19.8776C6.22111 20.8329 4.96326 21.4257 4.66863 21.1765C4.48768 21.0235 4.59508 20.7029 4.7502 20.2398C4.82097 20.0285 4.90167 19.7876 4.96944 19.5195C5.18312 18.6748 5.30207 17.82 5.30207 15.1132C5.30207 13.9572 5.32302 10.2688 5.34071 7.15448C5.35363 4.87923 5.36481 2.91046 5.36481 2.4597C5.36481 2.43327 5.36484 2.40739 5.36486 2.38206C5.36544 1.83512 5.36574 1.55006 5.08432 1.77172C3.49932 3.02007 2.24005 5.86517 2.52849 8.41138C2.64931 9.47837 3.02237 10.0292 3.27904 10.4082C3.4966 10.7294 3.63054 10.9271 3.45638 11.2111C3.13383 11.7373 -0.798808 10.1304 0.146219 6.33102ZM103.956 15.1281C104.074 14.6197 104.216 14.3175 104.528 14.3175C104.93 14.3175 105.063 14.7942 104.973 15.4114C104.597 17.9762 103.483 18.9509 102.119 18.9509C101.481 18.9509 99.6483 18.6585 99.0149 16.0455C98.5476 14.1167 98.6627 10.5899 98.7139 9.51171C98.7153 9.48247 98.6736 9.33211 98.5838 9.52284L98.5643 9.56435C98.3061 10.1128 97.6553 11.4948 97.2609 13.0203C96.6411 15.4179 96.5876 17.0864 96.6181 17.3564C96.6809 17.9103 95.9798 17.9973 95.6445 17.9973C95.1175 17.9973 94.4702 17.9561 93.9462 17.0857C93.7626 16.7814 93.5236 15.8196 93.3448 14.1926C93.1107 12.0662 93.0741 10.4625 93.06 9.84324L93.0584 9.77304C93.0521 9.49592 92.8764 9.53912 92.7207 9.80095L92.6971 9.84045C92.4103 10.3211 91.8389 11.2789 91.2274 13.6459C90.9382 14.7658 90.8956 16.1845 90.8619 17.3074L90.8619 17.3084C90.852 17.6392 90.8428 17.9443 90.8283 18.2085C90.8041 18.6507 90.627 18.822 90.3999 18.8652C90.0721 18.9275 89.1859 19.0707 88.317 18.7679C88.1207 18.6994 87.8508 18.5577 87.8045 18.4447C87.7285 18.2601 87.6804 17.6745 87.6498 16.9583C86.9185 18.5849 86.0171 18.9509 85.0673 18.9509C84.1555 18.9509 82.5636 18.3565 82.2358 16.4323C82.2358 16.4323 82.0401 16.8157 81.6953 17.2593C80.1676 19.2254 77.1579 19.7275 75.601 17.4087C75.5251 17.2957 75.4557 17.1734 75.3892 17.047C74.8378 18.1809 73.8088 18.9445 72.7332 18.9445C71.8143 18.9445 70.2645 18.359 69.577 16.5393C68.5869 13.9191 69.6421 10.0046 69.7356 9.65777L69.739 9.64495C69.7937 9.44143 69.7088 9.38478 69.4135 9.40289C68.4902 9.4597 67.6251 9.45273 67.6251 9.45273C67.1152 10.9644 66.1194 12.9069 65.1903 14.3533C64.3377 15.6804 63.4118 16.8144 62.5899 17.7116C62.6003 18.3864 62.6124 19.0351 62.6234 19.628C62.6315 20.0617 62.639 20.4655 62.6449 20.8278C62.6799 22.969 62.2027 25.1369 61.4736 26.1442C60.6453 27.2885 59.2955 28.1062 57.7222 27.9888C56.2379 27.8781 54.2791 27.0338 54.4456 24.7621C54.5762 22.9829 56.35 21.4547 58.6865 19.4417L58.6962 19.4334C59.2275 18.9755 60.093 18.2292 60.093 18.2292L60.0484 17.008C59.9942 17.0832 59.9321 17.167 59.8605 17.2593C58.3434 19.2284 55.3231 19.7275 53.7662 17.4087C53.663 17.255 53.5684 17.0929 53.4818 16.9231C52.7427 18.4872 51.6881 18.9411 50.6667 18.9411C49.7547 18.9411 48.162 18.2915 47.9407 16.4323C47.9407 16.4323 47.8693 16.6509 47.4002 17.2593C45.8831 19.2284 42.8628 19.7275 41.3059 17.4087C40.9809 16.9246 40.7292 16.3522 40.5592 15.694C39.9669 17.3087 38.6125 18.9499 37.2617 18.9499C35.2412 18.9499 34.0783 17.2754 33.805 14.3159C32.2785 17.7426 30.0857 19.0711 27.3484 18.985C26.6459 18.9629 25.5442 18.7685 25.0317 18.554C24.4364 18.3048 23.8622 18.0199 24.0199 17.481C24.1819 16.9271 24.4658 16.4797 24.9621 16.1279C25.1531 15.9925 25.4718 16.0312 25.6805 16.1603C25.8489 16.2645 25.9752 16.3545 26.0958 16.4404L26.0959 16.4405L26.096 16.4406L26.0961 16.4406L26.0961 16.4406C26.2537 16.5528 26.4014 16.6581 26.6202 16.7789C27.9458 17.5099 28.6906 16.7578 28.8883 16.0279C29.1469 15.0733 28.7572 14.067 27.5702 13.0081C27.25 12.7224 26.9297 12.4482 26.623 12.1857L26.6228 12.1855L26.6224 12.1852C26.4401 12.0291 26.2626 11.8772 26.0928 11.7295C25.4393 12.765 24.5296 14.2017 23.5927 15.6671C22.0899 18.0184 20.688 18.9473 19.6934 18.9473C18.3935 18.9473 17.4838 18.0761 17.6733 13.3757C17.7107 12.4481 17.7576 11.4337 17.7979 10.5611L17.7979 10.5607L17.798 10.5586C17.834 9.78001 17.8648 9.11452 17.8789 8.72455C17.8856 8.53748 17.746 8.54429 17.6236 8.65859C16.9241 9.31251 15.4367 11.1538 14.2956 14.9276C13.6718 16.9907 13.5765 17.7686 13.5084 18.325C13.4964 18.4224 13.4853 18.5129 13.4724 18.6024C13.3999 19.1038 12.004 18.9353 11.7492 18.886C11.4754 18.8328 11.3093 18.7041 11.1656 18.5353C11.0219 18.3661 10.9058 18.0819 10.834 17.7325C10.7621 17.3836 10.7432 16.5858 10.7432 15.9017L10.8045 6.90003C10.8045 6.60763 10.9721 6.46093 11.3075 6.46093C12.0116 6.46093 12.8036 6.77045 13.1002 6.9218C13.2751 7.01101 13.3517 7.14143 13.3517 7.27633L13.314 13.03C13.314 13.03 13.7497 11.9312 13.9715 11.3281C15.7311 6.5435 17.5934 6.46093 18.2389 6.46093C18.6701 6.46093 19.4147 6.85784 19.7636 7.05969C20.3378 7.39197 20.6804 7.7588 20.6544 8.40274C20.6355 8.87089 20.6155 9.3352 20.596 9.78784L20.5959 9.79105L20.5957 9.79352L20.5957 9.79469C20.5342 11.222 20.4776 12.5328 20.4776 13.4814L20.4776 13.5381V13.5381C20.4775 14.9725 20.4774 16.4823 21.0119 16.4823C21.6514 16.4823 22.4859 15.1224 23.5754 13.3469L23.7724 13.026C24.2 12.3309 24.7047 11.4346 25.0722 10.7689C25.0225 10.715 24.9744 10.6615 24.9301 10.6092C24.3224 9.89282 24.157 9.20335 24.4672 8.27382C24.8675 7.07415 26.2097 5.9504 27.8374 6.30227C28.8226 6.51509 28.8053 7.48002 28.4039 8.32349C27.8374 9.5142 27.1987 10.1058 27.1987 10.1058C28.3016 10.8729 29.2872 11.5728 29.7865 11.9425C31.1418 12.9458 31.8941 14.131 31.5258 15.7093C31.5258 15.7093 33.2409 14.4206 33.7278 12.035C33.7269 11.9009 33.7262 11.7629 33.7262 11.6195C33.7262 10.2713 33.7656 5.90487 33.7656 5.90487C33.4144 5.89498 32.9922 5.88519 32.5629 5.87524L32.5627 5.87523L32.5626 5.87523C31.9106 5.86011 31.2422 5.84461 30.7805 5.82779C30.1149 5.80386 30.6345 3.85757 31.116 3.85757C31.3751 3.85757 31.9471 3.88137 32.519 3.90517C33.0909 3.92897 33.6627 3.95277 33.9217 3.95277C33.9217 3.95277 33.9705 1.46321 34.0647 0.61325C34.1272 0.0532029 34.4475 -0.0807034 35.1534 0.0561934C35.6644 0.155211 36.0954 0.246919 36.5772 0.438474L36.5934 0.444886C36.7936 0.523902 37.1203 0.652869 37.0981 0.897178C37.0712 1.19838 36.9558 4.04962 36.9558 4.04962C36.9558 4.04962 38.2425 4.13917 38.7046 4.14897C39.2543 4.15994 40.6408 4.22938 40.837 4.30863C41.2698 4.48374 40.8658 5.89856 40.4464 5.91866C39.8398 5.94783 39.374 5.94849 38.9243 5.94913C38.7541 5.94938 38.5862 5.94961 38.4139 5.95139C38.1702 5.95405 36.9116 5.97415 36.9116 5.97415C36.878 6.38817 36.6794 10.6836 36.6794 13.7007C36.6794 15.9656 37.2345 17.0284 37.8174 17.0284C38.8135 17.0284 40.0312 15.2017 40.3069 13.6166C40.3022 13.0586 40.3389 12.4613 40.4222 11.8237C40.7103 9.61704 41.27 8.62022 41.9614 7.72108C43.0217 6.34215 44.4093 6.00605 45.7465 6.3792C46.2429 6.51742 46.9891 6.9944 47.4531 7.67971V7.18546C47.4531 6.97097 47.6933 6.68339 48.0349 6.65963C48.2938 6.64153 48.631 6.67276 49.0216 6.75766C49.3949 6.83906 50.1971 7.05886 50.2037 7.49497C50.2045 7.55514 50.1988 7.70227 50.1906 7.91392L50.1906 7.91432C50.1794 8.20234 50.1636 8.60972 50.1533 9.07992C50.1429 9.5577 50.1289 9.97125 50.1149 10.3847V10.3847V10.3848V10.3849V10.385L50.1149 10.3853C50.0874 11.1975 50.06 12.0094 50.06 13.3073C50.06 16.6652 50.5628 17.3999 51.4465 17.3999C52.1377 17.3999 52.7491 16.3668 52.9617 15.379C52.7646 14.3923 52.7379 13.2214 52.8825 11.8433C53.0377 10.3647 53.5854 8.82107 54.4217 7.72108C55.4742 6.33683 56.8696 6.00605 58.2068 6.3792C58.7032 6.51742 59.4494 6.9944 59.9134 7.67971C59.9134 7.67971 59.9134 7.29411 59.9116 7.23131C59.9028 6.89871 60.2427 6.6176 60.8068 6.6588C61.2538 6.69137 61.6847 6.78474 62.0491 6.91964C62.4613 7.07215 62.6594 7.19277 62.6643 7.51158C62.6652 7.57117 62.6595 7.71288 62.6514 7.91746L62.6514 7.91785C62.6401 8.20153 62.624 8.60598 62.6136 9.07992C62.5952 9.91326 62.5537 12.2247 62.5636 15.1619C62.5643 15.3682 62.5655 15.5757 62.5671 15.783C63.0017 15.2261 63.3384 14.7023 63.7785 13.9954C64.6002 12.6759 65.396 10.8511 65.7207 9.45389C65.7207 9.45389 64.7311 8.91594 64.8914 7.77541C64.9925 7.0567 65.2589 6.65698 65.6502 6.31806C66.3057 5.75037 68.3603 5.60616 68.1394 7.38349C68.0973 7.72241 68.0461 7.91463 68.0461 7.91463C68.8955 7.79634 69.8239 7.64233 70.4732 7.49912C71.3848 7.29826 72.019 7.46158 72.3166 7.78122C72.6411 8.12978 72.7705 8.49345 72.6112 9.18807C72.5446 9.47894 72.4789 9.75377 72.4158 10.0182L72.4153 10.0201L72.4151 10.0208L72.4151 10.0211C72.1247 11.2365 71.887 12.2315 71.8451 13.5488C71.7677 15.989 72.4343 17.3999 73.3539 17.3999C73.9873 17.3999 74.5658 16.881 74.8774 15.6147C74.6195 14.4925 74.5722 13.1656 74.7173 11.8569C74.9157 10.0669 75.42 8.82107 76.2565 7.72108C77.309 6.33683 78.7043 6.00589 80.0415 6.3792C80.538 6.51742 81.2842 6.9944 81.7482 7.67971C81.7482 7.67971 81.7462 7.36837 81.7462 7.2044C81.7462 6.89887 82.0011 6.67691 82.3613 6.65764C82.6158 6.64402 82.9417 6.67592 83.3167 6.75766C83.69 6.8389 84.4922 7.0587 84.4987 7.4948C84.4996 7.55495 84.4939 7.70176 84.4856 7.9129V7.91318V7.91345V7.91374V7.91404V7.9142L84.4856 7.91457L84.4856 7.91578C84.4744 8.2037 84.4586 8.6104 84.4484 9.07975C84.438 9.55784 84.424 9.97161 84.41 10.3853C84.3825 11.1976 84.3551 12.0095 84.3551 13.3073C84.3551 16.6652 84.772 17.3999 85.6557 17.3999C86.5383 17.3999 87.3499 15.6425 87.6002 14.3479C87.5996 14.2061 87.5995 14.0727 87.5995 13.9502C87.5995 11.4512 87.6557 7.99876 87.6684 7.21996L87.6709 7.06002C87.6709 6.71363 87.7817 6.47605 88.2341 6.47605C88.6009 6.47605 89.4648 6.67592 89.9033 6.79537C90.0007 6.82212 90.3237 6.96965 90.3216 7.4124C90.3168 8.58599 90.3115 11.68 90.3115 11.68C90.3115 11.68 90.591 10.9043 90.9922 9.75759C91.4858 8.34675 91.9609 7.15655 92.3711 6.71429C92.8446 6.17352 94.1595 6.62807 94.5925 6.88508C95.2599 7.28115 95.388 7.76494 95.3921 8.3333C95.4114 10.9887 95.555 12.3757 95.6381 13.1781C95.6462 13.2559 95.6536 13.3282 95.6604 13.3957C95.6717 13.511 95.736 13.5008 95.7422 13.4515C95.8621 12.499 96.3714 10.154 97.6733 7.20024C98.1325 6.15827 99.0532 6.47258 99.6896 6.68983L99.6961 6.69203C101.176 7.19725 101.328 7.71028 101.298 8.2288C101.155 10.7524 101.137 13.2893 101.249 14.6674C101.392 16.42 101.947 17.2954 102.566 17.2954C103.119 17.2954 103.548 16.8963 103.956 15.1281ZM80.9086 16.0484C81.3199 15.2725 81.6513 14.1725 81.7206 12.7653C81.8611 9.90778 81.2639 8.36237 79.988 8.24973C78.6944 8.13576 77.9133 9.3994 77.6335 11.0726C77.3587 12.715 77.3765 14.6807 77.7588 15.8576C78.4603 18.0167 80.1124 17.5504 80.9086 16.0484ZM60.211 21.4962C60.1937 23.8344 59.8022 25.8845 58.9627 26.4799C57.772 27.3242 56.1716 26.6909 56.503 24.9847C56.7962 23.4748 58.1829 21.9329 60.2144 20.0489C60.2144 20.0489 60.2186 20.4786 60.211 21.4962ZM59.0739 16.0484C59.4595 15.3208 59.813 14.0333 59.8858 12.7515C60.0664 9.57135 59.4346 8.2499 58.1532 8.2499C56.8353 8.2499 56.1015 9.7001 55.7987 11.2633C55.5654 12.4681 55.4525 14.3802 55.924 15.8576C56.6137 18.0199 58.2778 17.5504 59.0739 16.0484ZM47.4255 12.7321C47.3474 14.0894 47.0657 15.2242 46.6135 16.0484C45.7956 17.5401 44.1774 18.0131 43.4637 15.8576C42.9492 14.3033 43.1244 12.184 43.3384 11.0392C43.656 9.34025 44.4513 8.13576 45.6929 8.2499C46.9683 8.36702 47.5883 9.90777 47.4255 12.7321Z" fill="currentColor"/>
</symbol>
<symbol id="user" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z" />
</symbol>
<symbol id="stack" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M6.429 9.75L2.25 12l4.179 2.25m0-4.5l5.571 3 5.571-3m-11.142 0L2.25 7.5 12 2.25l9.75 5.25-4.179 2.25m0 0L21.75 12l-4.179 2.25m0 0l4.179 2.25L12 21.75 2.25 16.5l4.179-2.25m11.142 0l-5.571 3-5.571-3" />
</symbol>
</svg>
<!--
svg end
-->
<!-- start code -->
<!-- start -->
<div class="max-w-lg h-[100vh] overflow-hidden overflow-y-scroll mx-auto z-0 sm:hidden relative">
<!-- <span class="userIDCopy-box transition-transform -right-16">copy</span> -->
<!--
slid cover show acocount
-->
<!-- -------- section header -->
<section class="w-full h-10 text-black dark:text-white bg-primary-with dark:bg-black mb-3">
<div class="h-full flex justify-center items-center gap-x-1 cursor-pointer" id="form_open_dialog">
<span>
<svg class="w-5 h-5 text-black dark:text-white">
<use href="#lockd"></use>
</svg>
</span>
poriya
<span>
<svg class="w-6 h-6 text-black dark:text-white">
<use href="#shape"></use>
</svg>
</span>
</div>
<!-- ---------- show option header click -->
<dialog class="w-60 p-2 rounded-md">
<div>
<div class="flex justify-end">
<button id="form_show_dialog" class="outline-none">
<svg class="w-6 h-6">
<use href="#close"></use>
</svg>
</button>
</div>
<!-- -------- -->
<div class="w-full h-14 mt-3 flex justify-center items-center">
<svg class="w-28 h-28">
<use href="#instagramlogo"></use>
</svg>
</div>
<!-- --------- -->
<div class="p-2 child:cursor-pointer">
<div class="w-full h-8 flex justify-start items-center gap-x-1">
<img class="w-7 h-7 rounded-full" src="./images/face/65769a04f3b5bad56365e101c778a7c1.png" alt="">
<a href="./404.html" class="font-medium">poriya</a>
</div>
<span class="w-full h-0 border flex my-1"></span>
<div class="w-full h-8 flex justify-start items-center">
<a href="./login.html" class="flex font-medium">new account
<svg class="w-5 h-5">
<use href="#plass"></use>
</svg>
</a>
</div>
</div>
</div>
<!-- -------- -->
</dialog>
</section>
<!-- ---------- section header end -->
<!--
main account user
-->
<div class="p-3 border-b border-zinc-300 dark:border-zinc-500">
<div class="flex justify-start items-center mb-5 ">
<!-- - -->
<div class=" w-20 h-20 md2:ml-2 md2:w-28 md2:h-28 rounded-full border-[3px] border-pink-500
p-[2px]">
<img src="./images/face/65769a04f3b5bad56365e101c778a7c1.png" alt="" class="w-full rounded-full object-cover">
</div>
<!-- - -->
<div class="child:dark:text-white ml-6">
<ul class="flex gap-x-5 md2:gap-x-8 child:font-medium text-base">
<li class="flex flex-col justify-center items-center sm2:text-sm md2:text-lg">54
<span class="text-sm">post</span>
</li>
<li class="flex flex-col justify-center items-center sm2:text-sm md2:text-lg">834
<span class="text-sm">followers</span>
</li>
<li class="flex flex-col justify-center items-center sm2:text-sm md2:text-lg">165
<span class="text-sm">following</span>
</li>
</ul>
</div>
</div>
<!-- ====== -->
<div class="leading-5 w-full ">
<h6 class="font-medium dark:text-zinc-200">Jacob West 🖥️</h6>
<p class="relative text-sm dark:text-zinc-300">Digital goodies designer <a href="#" class="no-underline text-blue-400 font-medium" id="userId">@pixsellz</a>
Everything is designed. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Minima, explicabo!</p>
</div>
<div class="my-5 w-full flex justify-between gap-x-1">
<div class="w-full text-center p-2 dark:text-white flex justify-center items-center bg-blue-500 hover:bg-blue-600 transition-colors rounded">
<a href="./EditProfile.html" class="font-medium text-white">Edit Profile</a>
</div>
<div class="w-full text-center p-2 dark:text-white flex justify-center items-center bg-blue-500 hover:bg-blue-600 transition-colors rounded">
<a href="./content.html" class="font-medium text-white">new chat</a>
</div>
</div>
<div>
<ul class=" flex justify-center items-center flex-row-reverse gap-x-5 child:text-center child:text-sm child:font-medium child:dark:text-white">
<li>
<div class="w-16 h-16 rounded-full mb-2 border-2 border-zinc-400 dark:border-gray-700">
<img src="./images/18583bf15a6bdc083bcee64acc58ed55.png" class="w-full h-full rounded-full object-cover" alt="about_status">
</div>
<span>my love</span>
</li>
<li>
<div class="w-16 h-16 rounded-full mb-2 border-2 border-zinc-400 dark:border-gray-700">
<img src="./images/face/ce7e32c5013518aa6e932c543a55a3c9 - Copy.png" class="w-full h-full rounded-full object-cover" alt="about_status">
</div>
<span>me</span>
</li>
<li>
<div class="w-16 h-16 rounded-full mb-2 border-2 border-zinc-400 dark:border-gray-700 ">
<img src="./images/2ccd27fc12336a7a8e13d5879814b13c.png" class="w-full h-full rounded-full object-cover" alt="about_status">
</div>
<span>about me</span>
</li>
<li>
<div class="w-14 h-14 rounded-full flex justify-center border-2 dark:border-zinc-500 cursor-pointer items-center mb-2">
<svg class="w-6 h-6">
<use href="#plass"></use>
</svg>
</div>
<span>add</span>
</li>
</ul>
</div>
</div>
<!-- ---- end main head -->
<!--
======> post account user
-->
<div class="overflow-hidden">
<!-- --------- icon cheng post user -->
<div class="w-full h-10 relative flex justify-between items-center transition-all child:cursor-pointer">
<div class="w-[50%] h-full flex justify-center items-center">
<svg class="w-6 h-6 dark:text-white" data-id="stack" id="stack_icon">
<use href="#stack"></use>
</svg>
</div>
<div class="w-[50%] h-full flex justify-center items-center">
<svg class="w-6 h-6 dark:text-white" data-id="user" id="stack_icon">
<use href="#user"></use>
</svg>
</div>
<div id="active_icon_branch" class="w-[50%] h-[2px] rounded bg-blue-500 transition-all absolute bottom-0"></div>
</div>
<!-- --------- icon cheng post user end -->
<!--
main post user start
-->
<div class="mt-2 max-h-300 ">
<!-- ========== box stack ====-->
<div id="box-stack" class="">
<div class=" acountUserSlider-Post w-full h-auto">
<!--
-->
<div><img src="./images/img_user_post/1.jpeg" alt="" class="w-full object-cover h-full"></div>
<div><img src="./images/img_user_post/2.jpg" alt="" class="w-full object-cover h-full"></div>
<div><img src="./images/img_user_post/3.jpg" alt="" class="w-full object-cover h-full"></div>
<div><img src="./images/img_user_post/4.jpg" alt="" class="w-full object-cover h-full"></div>
<div><img src="./images/img_user_post/5.jpg" alt="" class="w-full object-cover h-full"></div>
<div><img src="./images/img_user_post/6.png" alt="" class="w-full object-cover h-full"></div>
<div><img src="./images/img_user_post/7.jpg" alt="" class="w-full object-cover h-full"></div>
<div><img src="./images/img_user_post/8.jpg" alt="" class="w-full object-cover h-full"></div>
<div><img src="./images/img_user_post/9.jpg" alt="" class="w-full object-cover h-full"></div>
<div><img src="./images/img_user_post/10.jpg" alt="" class="w-full object-cover h-full"></div>
<!--
-->
</div>
</div>
<!-- ------------------------- -->
<!-- ========== box user =====-->
<div id="box-user" class="dark:text-white w-full max-h-[400px] overflow-auto hidden">
<div class="pt-20 flex justify-center flex-col items-center">
<h2 class="text-2xl font-semibold">Photos of you</h2>
<p class="text-center text-sm font-extralight">When people tag you in photos, they'll appear here.</p>
</div>
</div>
<!-- ------------------------- -->
</div>
<!-- ----------- end -->
</div>
</div>
<!-- ----- end -->
<div class="absolute left-0 top-0 right-0 w-full slid_show_dialog z-10" id="show_slid"></div>
<script src="./js/user_acount/app.js"></script>
</body>
</html>