git.seregonwar.com

1

<!DOCTYPE html>

2

3

4

<head>

5

6

7

<title>zftpd | Console File Manager</title>

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

<style>

28

.theme-switcher { position: relative; display: flex; align-items: center; }

29

.theme-btn { display:flex;align-items:center;gap:7px;border:1px solid var(--bd2);background:var(--sf2);color:var(--tx2);border-radius:8px;padding:6px 11px;font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap; }

30

.theme-btn:hover { border-color:var(--ac);color:var(--tx); }

31

.t-swatch { width:10px;height:10px;border-radius:50%;flex-shrink:0;border:1.5px solid rgba(255,255,255,.2); }

32

.t-arr { transition:transform .15s;color:var(--tx3); }

33

.theme-btn.open .t-arr { transform:rotate(180deg); }

34

.theme-dd { position:absolute;top:calc(100% + 8px);right:0;min-width:210px;background:var(--sf);border:1px solid var(--bd2);border-radius:14px;padding:8px;box-shadow:0 24px 64px rgba(0,0,0,.7);display:none;z-index:600;animation:popIn .15s ease; }

35

.theme-dd.show { display:block; }

36

.td-hd { font-size:9px;color:var(--tx3);text-transform:uppercase;letter-spacing:.1em;padding:4px 8px 8px;border-bottom:1px solid var(--bd);margin-bottom:6px; }

37

.td-item { display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;color:var(--tx2);transition:all .1s; }

38

.td-item:hover { background:var(--sf2);color:var(--tx); }

39

.td-item.active { background:var(--gw);color:var(--ac); }

40

.td-sw { width:26px;height:26px;border-radius:7px;flex-shrink:0;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center; }

41

.td-info { display:flex;flex-direction:column;gap:1px;flex:1;min-width:0; }

42

.td-nm { font-weight:600;font-size:12px; }

43

.td-ds { font-size:10px;color:var(--tx3); }

44

.td-ck { color:var(--ac);opacity:0;transition:opacity .1s;flex-shrink:0; }

45

.td-item.active .td-ck { opacity:1; }

46

</style>

47

</head>

48

49

<body>

50

51

52

53

54

55

56

57

<div class="brand-title">zftpd</div>

58

<div class="brand-sub">Console File Manager</div>

59

</div>

60

</div>

61

</div>

62

63

64

65

<span class="stxt">Connected</span>

66

</div>

67

68

69

70

71

72

73

</div>

74

75

76

77

78

79

</button>

80

81

<div class="td-hd">Notifications</div>

82

83

<div class="tb-notif-empty">No notifications</div>

84

</div>

85

</div>

86

87

88

89

90

91

92

</button>

93

94

95

</div>

96

</div>

97

</header>

98

99

100

101

102

103

Dashboard

104

</button>

105

106

107

Explorer

108

</button>

109

110

111

File Manager

112

</button>

113

114

115

Downloads

116

</button>

117

118

119

Games

120

</button>

121

122

123

Settings

124

</button>

125

</nav>

126

127

128

129

130

131

132

133

134

135

136

My Library

137

138

</div>

139

140

141

142

</div>

143

144

145

146

</div>

147

</div>

148

149

150

151

152

153

154

Quick Actions & System

155

</div>

156

157

158

159

160

<div class="dash-action-pill-text">File Explorer</div>

161

</div>

162

163

164

<div class="dash-action-pill-text">File Manager</div>

165

</div>

166

167

168

<div class="dash-action-pill-text">Upload File</div>

169

</div>

170

171

172

<div class="dash-action-pill-text">Downloader</div>

173

</div>

174

</div>

175

176

177

178

179

180

181

182

</div>

183

<div class="dash-stat-label">Storage</div>

184

<div id="dash-disk-sub" class="dash-stat-sub">Loading…</div>

185

</div>

186

187

188

189

190

191

</div>

192

193

<div id="dash-temp-sub" class="dash-stat-sub">Loading…</div>

194

</div>

195

</div>

196

</div>

197

198

199

200

201

202

Recent Activity

203

</div>

204

205

</div>

206

</div>

207

208

</div>

209

</div>

210

</div>

211

212

213

214

215

216

217

218

<button class="btn" onclick="document.getElementById('file-input').click()"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></svg> Upload</button>

219

<button class="btn" onclick="ZFTPD.explorer && ZFTPD.modal && ZFTPD.modal.prompt('New Folder','').then(function(n){if(n)ZFTPD.api.mkdir(ZFTPD.state.path,n).then(function(){ZFTPD.explorer.nav(ZFTPD.state.path)})})"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 10v6m-3-3h6"/><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"/></svg> New Folder</button>

220

221

222

223

224

225

</div>

226

227

228

229

230

</div>

231

232

</div>

233

234

235

236

237

</div>

238

</div>

239

240

241

242

243

244

245

246

<div class="fm-panel-header"><span class="fm-label">Source</span><button id="fm-refresh-left" class="btn" style="margin-left:auto;padding:3px 8px;font-size:10px;"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="23 4 23 10 17 10"/><path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10"/></svg></button></div>

247

248

249

250

</div>

251

252

253

254

255

256

257

</div>

258

259

260

261

<div class="fm-panel-header"><span class="fm-label">Destination</span><button id="fm-refresh-right" class="btn" style="margin-left:auto;padding:3px 8px;font-size:10px;"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="23 4 23 10 17 10"/><path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10"/></svg></button></div>

262

263

264

265

</div>

266

</div>

267

</div>

268

</div>

269

270

271

272

273

274

275

276

277

278

279

280

281

</button>

282

283

284

Download

285

</button>

286

</div>

287

288

289

<div class="dl-section-header">Active <span id="dl-active-count" class="dl-count">0</span></div>

290

291

292

293

<div class="dl-section-header" style="margin-top:20px;">History</div>

294

295

296

</div>

297

</div>

298

</div>

299

300

301

302

303

304

305

<div>

306

<div class="games-xmb-title">Games</div>

307

<div class="games-xmb-sub">PS4-style XMB library with install and launch controls</div>

308

</div>

309

310

<button id="games-repair-btn" class="btn">Repair Visibility</button>

311

<button id="games-refresh-btn" class="btn">Refresh</button>

312

</div>

313

</div>

314

315

316

317

318

<button id="games-install-btn" class="btn">Install</button>

319

<button id="games-reinstall-btn" class="btn">Reinstall</button>

320

<button id="games-scan-btn" class="btn">Scan PKG/exFAT</button>

321

</div>

322

<div id="games-install-status" class="games-install-status">No active install task</div>

323

</div>

324

325

326

<div class="games-shelf-title">Installed Apps</div>

327

328

</section>

329

330

331

<div class="games-shelf-title">Detected Game Images</div>

332

333

</section>

334

</div>

335

</div>

336

</div>

337

338

339

340

341

342

</div>

343

</div>

344

345

346

347

348

349

350

351

352

353

354

355

<div class="d-title">Drop files to upload</div>

356

<div id="drop-sub" class="d-sub">Release to start upload</div>

357

358

</div>

359

</div>

360

361

362

363

364

365

366

367

368

369

370

371

372

373

374

375

376

377

378

379

</body>

380

</html>

381

Seregon/zftpd