nke4/Val-Friendbook
0
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Hi, I'm using whatsapp.

Browse Source
This commit is contained in:
nke4 committed 2026-10-18 19:47:56 +02:00
commit be01fa5299
12 files changed
+2462
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

.gitignore
+7
View File
@@ -0,0 +1,7 @@
node_modules/
data/entries.json
uploads/*
!uploads/.gitkeep
npm-debug.log
docker-compose.yml
server.log
Dockerfile
+17
View File
@@ -0,0 +1,17 @@
FROM node:20-alpine
WORKDIR /app
COPY package*.json ./
RUN npm install --omit=dev
COPY . .
ENV PORT=3000
EXPOSE 3001
# data/ and uploads/ are where persistent state lives -- mount these as
# volumes (see docker-compose.yml) so entries survive container restarts.
VOLUME ["/app/data", "/app/uploads"]
CMD ["node", "server.js"]
README.md
+1
View File
@@ -0,0 +1 @@
NIGGA
package-lock.json
Generated
+871
View File
@@ -0,0 +1,871 @@
{
"name": "Nick's Valorant Friendbook",
"version": "1.0.0",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "Nick's Valorant Friendbook",
"version": "1.0.0",
"dependencies": {
"express": "^4.19.2",
"multer": "^2.0.0"
},
"engines": {
"node": ">=18.0.0"
}
},
"node_modules/accepts": {
"version": "1.3.8",
"resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
"integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
"dependencies": {
"mime-types": "~2.1.34",
"negotiator": "0.6.3"
},
"engines": {
"node": ">= 0.6"
}
},
"node_modules/append-field": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/append-field/-/append-field-1.0.0.tgz",
"integrity": "sha512-klpgFSWLW1ZEs8svjfb7g4qWY0YS5imI82dTg+QahUvJ8YqAY0P10Uk8tTyh9ZGuYEZEMaeJYCF5BFuX552hsw=="
},
"node_modules/array-flatten": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
"integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg=="
},
"node_modules/body-parser": {
"version": "1.20.8",
"resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.8.tgz",
"integrity": "sha512-JNcyFQ64OiijEkPzUBTCe+hyPXUD/3LEldGQ6iF5LR1w00mx9o7xtDWHXBY2iItjdCFGoilOLNQbH943ut7pHA==",
"dependencies": {
"bytes": "~3.1.2",
"content-type": "~1.0.5",
"debug": "2.6.9",
"depd": "2.0.0",
"destroy": "~1.2.0",
"http-errors": "~2.0.1",
"iconv-lite": "~0.4.24",
"on-finished": "~2.4.1",
"qs": "~6.16.0",
"raw-body": "~2.5.3",
"type-is": "~1.6.18",
"unpipe": "~1.0.0"
},
"engines": {
"node": ">= 0.8",
"npm": "1.2.8000 || >= 1.4.16"
}
},
"node_modules/body-parser/node_modules/qs": {
"version": "6.16.0",
"resolved": "https://registry.npmjs.org/qs/-/qs-6.16.0.tgz",
"integrity": "sha512-h6fhOIaRrID2CbEY2fqs+7t+UXZo+MLAnU5gRIq85uFtdiUPCdsApMlHhXogKVM4HM2DVbIjGNTTYH2OcmP1vA==",
"dependencies": {
"es-define-property": "^1.0.1",
"side-channel": "^1.1.1"
},
"engines": {
"node": ">=0.6"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/buffer-from": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
"integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ=="
},
"node_modules/busboy": {
"version": "1.6.0",
"resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
"integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
"dependencies": {
"streamsearch": "^1.1.0"
},
"engines": {
"node": ">=10.16.0"
}
},
"node_modules/bytes": {
"version": "3.1.2",
"resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
"integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
"engines": {
"node": ">= 0.8"
}
},
"node_modules/call-bind-apply-helpers": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
"integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
"dependencies": {
"es-errors": "^1.3.0",
"function-bind": "^1.1.2"
},
"engines": {
"node": ">= 0.4"
}
},
"node_modules/call-bound": {
"version": "1.0.4",
"resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
"integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
"dependencies": {
"call-bind-apply-helpers": "^1.0.2",
"get-intrinsic": "^1.3.0"
},
"engines": {
"node": ">= 0.4"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/concat-stream": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-2.0.0.tgz",
"integrity": "sha512-MWufYdFw53ccGjCA+Ol7XJYpAlW6/prSMzuPOTRnJGcGzuhLn4Scrz7qf6o8bROZ514ltazcIFJZevcfbo0x7A==",
"engines": [
"node >= 6.0"
],
"dependencies": {
"buffer-from": "^1.0.0",
"inherits": "^2.0.3",
"readable-stream": "^3.0.2",
"typedarray": "^0.0.6"
}
},
"node_modules/content-disposition": {
"version": "0.5.4",
"resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
"integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
"dependencies": {
"safe-buffer": "5.2.1"
},
"engines": {
"node": ">= 0.6"
}
},
"node_modules/content-type": {
"version": "1.0.5",
"resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
"integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
"engines": {
"node": ">= 0.6"
}
},
"node_modules/cookie": {
"version": "0.7.2",
"resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
"integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
"engines": {
"node": ">= 0.6"
}
},
"node_modules/cookie-signature": {
"version": "1.0.7",
"resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.7.tgz",
"integrity": "sha512-NXdYc3dLr47pBkpUCHtKSwIOQXLVn8dZEuywboCOJY/osA0wFSLlSawr3KN8qXJEyX66FcONTH8EIlVuK0yyFA=="
},
"node_modules/debug": {
"version": "2.6.9",
"resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
"integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
"dependencies": {
"ms": "2.0.0"
}
},
"node_modules/depd": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
"integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
"engines": {
"node": ">= 0.8"
}
},
"node_modules/destroy": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
"integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
"engines": {
"node": ">= 0.8",
"npm": "1.2.8000 || >= 1.4.16"
}
},
"node_modules/dunder-proto": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
"integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
"dependencies": {
"call-bind-apply-helpers": "^1.0.1",
"es-errors": "^1.3.0",
"gopd": "^1.2.0"
},
"engines": {
"node": ">= 0.4"
}
},
"node_modules/ee-first": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
"integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
},
"node_modules/encodeurl": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
"integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
"engines": {
"node": ">= 0.8"
}
},
"node_modules/es-define-property": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
"integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
"engines": {
"node": ">= 0.4"
}
},
"node_modules/es-errors": {
"version": "1.3.0",
"resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
"integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
"engines": {
"node": ">= 0.4"
}
},
"node_modules/es-object-atoms": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.2.tgz",
"integrity": "sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==",
"dependencies": {
"es-errors": "^1.3.0"
},
"engines": {
"node": ">= 0.4"
}
},
"node_modules/escape-html": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
"integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow=="
},
"node_modules/etag": {
"version": "1.8.1",
"resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
"integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
"engines": {
"node": ">= 0.6"
}
},
"node_modules/express": {
"version": "4.22.2",
"resolved": "https://registry.npmjs.org/express/-/express-4.22.2.tgz",
"integrity": "sha512-IuL+Elrou2ZvCFHs18/CIzy2Nzvo25nZ1/D2eIZlz7c+QUayAcYoiM2BthCjs+EBHVpjYjcuLDAiCWgeIX3X1Q==",
"dependencies": {
"accepts": "~1.3.8",
"array-flatten": "1.1.1",
"body-parser": "~1.20.5",
"content-disposition": "~0.5.4",
"content-type": "~1.0.4",
"cookie": "~0.7.1",
"cookie-signature": "~1.0.6",
"debug": "2.6.9",
"depd": "2.0.0",
"encodeurl": "~2.0.0",
"escape-html": "~1.0.3",
"etag": "~1.8.1",
"finalhandler": "~1.3.1",
"fresh": "~0.5.2",
"http-errors": "~2.0.0",
"merge-descriptors": "1.0.3",
"methods": "~1.1.2",
"on-finished": "~2.4.1",
"parseurl": "~1.3.3",
"path-to-regexp": "~0.1.12",
"proxy-addr": "~2.0.7",
"qs": "~6.15.1",
"range-parser": "~1.2.1",
"safe-buffer": "5.2.1",
"send": "~0.19.0",
"serve-static": "~1.16.2",
"setprototypeof": "1.2.0",
"statuses": "~2.0.1",
"type-is": "~1.6.18",
"utils-merge": "1.0.1",
"vary": "~1.1.2"
},
"engines": {
"node": ">= 0.10.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/express"
}
},
"node_modules/finalhandler": {
"version": "1.3.2",
"resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.2.tgz",
"integrity": "sha512-aA4RyPcd3badbdABGDuTXCMTtOneUCAYH/gxoYRTZlIJdF0YPWuGqiAsIrhNnnqdXGswYk6dGujem4w80UJFhg==",
"dependencies": {
"debug": "2.6.9",
"encodeurl": "~2.0.0",
"escape-html": "~1.0.3",
"on-finished": "~2.4.1",
"parseurl": "~1.3.3",
"statuses": "~2.0.2",
"unpipe": "~1.0.0"
},
"engines": {
"node": ">= 0.8"
}
},
"node_modules/forwarded": {
"version": "0.2.0",
"resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
"integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
"engines": {
"node": ">= 0.6"
}
},
"node_modules/fresh": {
"version": "0.5.2",
"resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
"integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
"engines": {
"node": ">= 0.6"
}
},
"node_modules/function-bind": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
"integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/get-intrinsic": {
"version": "1.3.0",
"resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
"integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
"dependencies": {
"call-bind-apply-helpers": "^1.0.2",
"es-define-property": "^1.0.1",
"es-errors": "^1.3.0",
"es-object-atoms": "^1.1.1",
"function-bind": "^1.1.2",
"get-proto": "^1.0.1",
"gopd": "^1.2.0",
"has-symbols": "^1.1.0",
"hasown": "^2.0.2",
"math-intrinsics": "^1.1.0"
},
"engines": {
"node": ">= 0.4"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/get-proto": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
"integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
"dependencies": {
"dunder-proto": "^1.0.1",
"es-object-atoms": "^1.0.0"
},
"engines": {
"node": ">= 0.4"
}
},
"node_modules/gopd": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
"integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
"engines": {
"node": ">= 0.4"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/has-symbols": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
"integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
"engines": {
"node": ">= 0.4"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/hasown": {
"version": "2.0.4",
"resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.4.tgz",
"integrity": "sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==",
"dependencies": {
"function-bind": "^1.1.2"
},
"engines": {
"node": ">= 0.4"
}
},
"node_modules/http-errors": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz",
"integrity": "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==",
"dependencies": {
"depd": "~2.0.0",
"inherits": "~2.0.4",
"setprototypeof": "~1.2.0",
"statuses": "~2.0.2",
"toidentifier": "~1.0.1"
},
"engines": {
"node": ">= 0.8"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/express"
}
},
"node_modules/iconv-lite": {
"version": "0.4.24",
"resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
"integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
"dependencies": {
"safer-buffer": ">= 2.1.2 < 3"
},
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/inherits": {
"version": "2.0.4",
"resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
"integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
},
"node_modules/ipaddr.js": {
"version": "1.9.1",
"resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
"integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
"engines": {
"node": ">= 0.10"
}
},
"node_modules/math-intrinsics": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
"integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
"engines": {
"node": ">= 0.4"
}
},
"node_modules/media-typer": {
"version": "0.3.0",
"resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
"integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
"engines": {
"node": ">= 0.6"
}
},
"node_modules/merge-descriptors": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
"integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==",
"funding": {
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/methods": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
"integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
"engines": {
"node": ">= 0.6"
}
},
"node_modules/mime": {
"version": "1.6.0",
"resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
"integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
"bin": {
"mime": "cli.js"
},
"engines": {
"node": ">=4"
}
},
"node_modules/mime-db": {
"version": "1.52.0",
"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
"integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
"engines": {
"node": ">= 0.6"
}
},
"node_modules/mime-types": {
"version": "2.1.35",
"resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
"integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
"dependencies": {
"mime-db": "1.52.0"
},
"engines": {
"node": ">= 0.6"
}
},
"node_modules/ms": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
"integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
},
"node_modules/multer": {
"version": "2.3.0",
"resolved": "https://registry.npmjs.org/multer/-/multer-2.3.0.tgz",
"integrity": "sha512-cjNbm3sttszgZeGfJR124D+jFEfkXCVAsoPBmFn9X7UxmDSFHWqE2CoEj0vrmSpuAFnqWR1Szcm9QTsiHr60Xw==",
"dependencies": {
"append-field": "^1.0.0",
"busboy": "^1.6.0",
"concat-stream": "^2.0.0",
"type-is": "^1.6.18"
},
"engines": {
"node": ">= 10.16.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/express"
}
},
"node_modules/negotiator": {
"version": "0.6.3",
"resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
"integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
"engines": {
"node": ">= 0.6"
}
},
"node_modules/object-inspect": {
"version": "1.13.4",
"resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
"integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
"engines": {
"node": ">= 0.4"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/on-finished": {
"version": "2.4.1",
"resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
"integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
"dependencies": {
"ee-first": "1.1.1"
},
"engines": {
"node": ">= 0.8"
}
},
"node_modules/parseurl": {
"version": "1.3.3",
"resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
"integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
"engines": {
"node": ">= 0.8"
}
},
"node_modules/path-to-regexp": {
"version": "0.1.13",
"resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.13.tgz",
"integrity": "sha512-A/AGNMFN3c8bOlvV9RreMdrv7jsmF9XIfDeCd87+I8RNg6s78BhJxMu69NEMHBSJFxKidViTEdruRwEk/WIKqA=="
},
"node_modules/proxy-addr": {
"version": "2.0.7",
"resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
"integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
"dependencies": {
"forwarded": "0.2.0",
"ipaddr.js": "1.9.1"
},
"engines": {
"node": ">= 0.10"
}
},
"node_modules/qs": {
"version": "6.15.3",
"resolved": "https://registry.npmjs.org/qs/-/qs-6.15.3.tgz",
"integrity": "sha512-O9gl3zCl5h5blw1KGUzQKhA5oUXSl8rwUIM5o0S3nCXMliSvy5Dzx7/DJcI+SwgICv+IneSZwhBh1oSyEHA71A==",
"dependencies": {
"es-define-property": "^1.0.1",
"side-channel": "^1.1.1"
},
"engines": {
"node": ">=0.6"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/range-parser": {
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
"integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
"engines": {
"node": ">= 0.6"
}
},
"node_modules/raw-body": {
"version": "2.5.3",
"resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.3.tgz",
"integrity": "sha512-s4VSOf6yN0rvbRZGxs8Om5CWj6seneMwK3oDb4lWDH0UPhWcxwOWw5+qk24bxq87szX1ydrwylIOp2uG1ojUpA==",
"dependencies": {
"bytes": "~3.1.2",
"http-errors": "~2.0.1",
"iconv-lite": "~0.4.24",
"unpipe": "~1.0.0"
},
"engines": {
"node": ">= 0.8"
}
},
"node_modules/readable-stream": {
"version": "3.6.2",
"resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
"integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
"dependencies": {
"inherits": "^2.0.3",
"string_decoder": "^1.1.1",
"util-deprecate": "^1.0.1"
},
"engines": {
"node": ">= 6"
}
},
"node_modules/safe-buffer": {
"version": "5.2.1",
"resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
"integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
"funding": [
{
"type": "github",
"url": "https://github.com/sponsors/feross"
},
{
"type": "patreon",
"url": "https://www.patreon.com/feross"
},
{
"type": "consulting",
"url": "https://feross.org/support"
}
]
},
"node_modules/safer-buffer": {
"version": "2.1.2",
"resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
"integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
},
"node_modules/send": {
"version": "0.19.2",
"resolved": "https://registry.npmjs.org/send/-/send-0.19.2.tgz",
"integrity": "sha512-VMbMxbDeehAxpOtWJXlcUS5E8iXh6QmN+BkRX1GARS3wRaXEEgzCcB10gTQazO42tpNIya8xIyNx8fll1OFPrg==",
"dependencies": {
"debug": "2.6.9",
"depd": "2.0.0",
"destroy": "1.2.0",
"encodeurl": "~2.0.0",
"escape-html": "~1.0.3",
"etag": "~1.8.1",
"fresh": "~0.5.2",
"http-errors": "~2.0.1",
"mime": "1.6.0",
"ms": "2.1.3",
"on-finished": "~2.4.1",
"range-parser": "~1.2.1",
"statuses": "~2.0.2"
},
"engines": {
"node": ">= 0.8.0"
}
},
"node_modules/send/node_modules/ms": {
"version": "2.1.3",
"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
"integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
},
"node_modules/serve-static": {
"version": "1.16.3",
"resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.3.tgz",
"integrity": "sha512-x0RTqQel6g5SY7Lg6ZreMmsOzncHFU7nhnRWkKgWuMTu5NN0DR5oruckMqRvacAN9d5w6ARnRBXl9xhDCgfMeA==",
"dependencies": {
"encodeurl": "~2.0.0",
"escape-html": "~1.0.3",
"parseurl": "~1.3.3",
"send": "~0.19.1"
},
"engines": {
"node": ">= 0.8.0"
}
},
"node_modules/setprototypeof": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
"integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
},
"node_modules/side-channel": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.1.tgz",
"integrity": "sha512-6x6dK6zJdpTzF4sQeNYxwtvBzf6Eg4GtlesS94HOvTudUeyK2WXAaIfmDgsyslYrRBeFIlsi54AYsFGUuhmvrQ==",
"dependencies": {
"es-errors": "^1.3.0",
"object-inspect": "^1.13.4",
"side-channel-list": "^1.0.1",
"side-channel-map": "^1.0.1",
"side-channel-weakmap": "^1.0.2"
},
"engines": {
"node": ">= 0.4"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/side-channel-list": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.1.tgz",
"integrity": "sha512-mjn/0bi/oUURjc5Xl7IaWi/OJJJumuoJFQJfDDyO46+hBWsfaVM65TBHq2eoZBhzl9EchxOijpkbRC8SVBQU0w==",
"dependencies": {
"es-errors": "^1.3.0",
"object-inspect": "^1.13.4"
},
"engines": {
"node": ">= 0.4"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/side-channel-map": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
"integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
"dependencies": {
"call-bound": "^1.0.2",
"es-errors": "^1.3.0",
"get-intrinsic": "^1.2.5",
"object-inspect": "^1.13.3"
},
"engines": {
"node": ">= 0.4"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/side-channel-weakmap": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
"integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
"dependencies": {
"call-bound": "^1.0.2",
"es-errors": "^1.3.0",
"get-intrinsic": "^1.2.5",
"object-inspect": "^1.13.3",
"side-channel-map": "^1.0.1"
},
"engines": {
"node": ">= 0.4"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/statuses": {
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
"integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
"engines": {
"node": ">= 0.8"
}
},
"node_modules/streamsearch": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
"integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
"engines": {
"node": ">=10.0.0"
}
},
"node_modules/string_decoder": {
"version": "1.3.0",
"resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
"integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
"dependencies": {
"safe-buffer": "~5.2.0"
}
},
"node_modules/toidentifier": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
"integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
"engines": {
"node": ">=0.6"
}
},
"node_modules/type-is": {
"version": "1.6.18",
"resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
"integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
"dependencies": {
"media-typer": "0.3.0",
"mime-types": "~2.1.24"
},
"engines": {
"node": ">= 0.6"
}
},
"node_modules/typedarray": {
"version": "0.0.6",
"resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
"integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA=="
},
"node_modules/unpipe": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
"integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
"engines": {
"node": ">= 0.8"
}
},
"node_modules/util-deprecate": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
"integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
},
"node_modules/utils-merge": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
"integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
"engines": {
"node": ">= 0.4.0"
}
},
"node_modules/vary": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
"integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
"engines": {
"node": ">= 0.8"
}
}
}
}
package.json
+17
View File
@@ -0,0 +1,17 @@
{
"name": "Nick's Valorant Friendbook",
"version": "1.0.0",
"description": "Nick's Valorant Friendbook - my biggest mistake lol",
"main": "server.js",
"type": "commonjs",
"scripts": {
"start": "node server.js"
},
"engines": {
"node": ">=18.0.0"
},
"dependencies": {
"express": "^4.19.2",
"multer": "^2.0.0"
}
}
public/admin.css
+59
View File
@@ -0,0 +1,59 @@
/* Admin-only additions, layered on top of style.css */
.admin-window {
max-width: 560px;
margin: 0 auto;
}
#admin-main .admin-window {
max-width: none;
}
#admin-main .window + .admin-toolbar,
#admin-main .admin-window + .admin-window {
margin-top: 26px;
}
.admin-toolbar {
display: flex;
justify-content: flex-end;
margin-bottom: 6px;
}
.admin-actions {
display: flex;
gap: 10px;
margin-top: auto;
padding-top: 10px;
}
.btn-admin {
font-family: var(--font-mono);
font-weight: 700;
letter-spacing: 0.06em;
padding: 8px 16px;
font-size: 0.72rem;
cursor: pointer;
border: 1px solid var(--ink);
background: transparent;
color: var(--ink);
text-transform: uppercase;
clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
transition: background 0.12s ease, color 0.12s ease, opacity 0.12s ease, border-color 0.12s ease;
}
.btn-admin--approve {
border-color: var(--sky);
}
.btn-admin--approve:hover { background: var(--sky); color: var(--ink); }
.btn-admin--deny {
border-color: var(--coral);
color: var(--coral);
}
.btn-admin--deny:hover { background: var(--coral); color: var(--paper); }
.admin-card.is-busy {
opacity: 0.45;
pointer-events: none;
}
public/admin.html
+84
View File
@@ -0,0 +1,84 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Mod Desk :: Merz-hater Club Friendbook</title>
<meta name="robots" content="noindex, nofollow" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Anton&family=Chakra+Petch:wght@400;500;600;700&family=Rajdhani:wght@400;500;600;700&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="admin.css" />
</head>
<body>
<div class="scanlines" aria-hidden="true"></div>
<header class="hero">
<div class="hero__glitchbox">
<h1 class="glitch" data-text="MOD DESK">MOD DESK</h1>
</div>
<p class="hero__tagline">approve or deny incoming friend book pages (◡‿◡)</p>
</header>
<main>
<!-- ===================== LOGIN GATE ===================== -->
<section id="password-gate" class="panel window admin-window" aria-label="Admin login">
<div class="window__bar">
<span class="dot dot--blue"></span>
<span class="dot dot--pink"></span>
<span class="dot dot--white"></span>
<span class="window__title">login required</span>
</div>
<form id="password-form" class="window__body form">
<div class="field">
<label for="admin-password">Admin Password</label>
<input type="password" id="admin-password" name="password" autocomplete="current-password" required autofocus />
</div>
<p id="password-error" class="form-error" role="alert" hidden></p>
<button type="submit" class="btn-submit"><span>ENTER</span></button>
</form>
</section>
<!-- ===================== ADMIN VIEW ===================== -->
<section id="admin-main" hidden>
<div class="admin-toolbar">
<button type="button" id="logout-btn" class="btn-admin btn-admin--deny">LOG OUT</button>
</div>
<section class="panel window admin-window">
<div class="window__bar">
<span class="dot dot--blue"></span>
<span class="dot dot--pink"></span>
<span class="dot dot--white"></span>
<span class="window__title">pending review</span>
</div>
<div class="window__body">
<p id="pending-status" class="gallery-status">loading...</p>
<div id="pending-grid" class="gallery-grid"></div>
</div>
</section>
<section class="panel window admin-window">
<div class="window__bar">
<span class="dot dot--blue"></span>
<span class="dot dot--pink"></span>
<span class="dot dot--white"></span>
<span class="window__title">already approved</span>
</div>
<div class="window__body">
<p id="approved-status" class="gallery-status">loading...</p>
<div id="approved-grid" class="gallery-grid"></div>
</div>
</section>
</section>
</main>
<script src="admin.js"></script>
</body>
</html>
public/admin.js
+204
View File
@@ -0,0 +1,204 @@
(() => {
"use strict";
const STORAGE_KEY = "friendbook_admin_pw";
const passwordGate = document.getElementById("password-gate");
const passwordForm = document.getElementById("password-form");
const passwordInput = document.getElementById("admin-password");
const passwordError = document.getElementById("password-error");
const adminMain = document.getElementById("admin-main");
const logoutBtn = document.getElementById("logout-btn");
const pendingGrid = document.getElementById("pending-grid");
const pendingStatus = document.getElementById("pending-status");
const approvedGrid = document.getElementById("approved-grid");
const approvedStatus = document.getElementById("approved-status");
// ---------------- password storage (per-tab only) ----------------
function getPassword() {
return sessionStorage.getItem(STORAGE_KEY) || "";
}
function setPassword(pw) {
sessionStorage.setItem(STORAGE_KEY, pw);
}
function clearPassword() {
sessionStorage.removeItem(STORAGE_KEY);
}
// ---------------- gate / main toggling ----------------
function showGate(errorMsg) {
adminMain.hidden = true;
passwordGate.hidden = false;
if (errorMsg) {
passwordError.textContent = errorMsg;
passwordError.hidden = false;
} else {
passwordError.hidden = true;
passwordError.textContent = "";
}
passwordInput.value = "";
passwordInput.focus();
}
function showAdmin() {
passwordGate.hidden = true;
adminMain.hidden = false;
loadEntries();
}
// ---------------- authenticated fetch helper ----------------
async function adminFetch(url, options) {
const opts = options || {};
const headers = Object.assign({}, opts.headers, { "x-admin-password": getPassword() });
const res = await fetch(url, Object.assign({}, opts, { headers }));
if (res.status === 401) {
clearPassword();
showGate("Incorrect password. Try again.");
throw new Error("unauthorized");
}
return res;
}
// ---------------- login form ----------------
passwordForm.addEventListener("submit", async (e) => {
e.preventDefault();
const pw = passwordInput.value;
setPassword(pw);
try {
const res = await fetch("/api/admin/login", {
method: "POST",
headers: { "x-admin-password": pw },
});
if (!res.ok) {
clearPassword();
showGate("Incorrect password. Try again.");
return;
}
showAdmin();
} catch (err) {
showGate("Could not reach the server. Is it running?");
}
});
logoutBtn.addEventListener("click", () => {
clearPassword();
showGate();
});
// ---------------- rendering ----------------
function escapeHtml(str) {
const div = document.createElement("div");
div.textContent = str == null ? "" : String(str);
return div.innerHTML;
}
function renderRow(label, value) {
if (!value) return "";
return `<div class="entry-card__row"><span class="k">${escapeHtml(label)}</span><span class="v">${escapeHtml(value)}</span></div>`;
}
function renderEntry(entry) {
const card = document.createElement("article");
card.className = "entry-card admin-card";
const badgesHtml = (entry.badges || [])
.map((src) => `<img src="${escapeHtml(src)}" alt="badge" loading="lazy" />`)
.join("");
card.innerHTML = `
<span class="entry-card__mood" aria-hidden="true">${escapeHtml(entry.mood || "🖤")}</span>
<h3 class="entry-card__name">${escapeHtml(entry.name)}</h3>
${renderRow("Fun fact", entry.funFact)}
${renderRow("Favourite colour", entry.favColor)}
${renderRow("Favourite music genre", entry.favGenre)}
${renderRow("Favourite agent", entry.petPeeves)}
${renderRow("On Valo", entry.merzHate)}
${renderRow("IGN", entry.socialLink)}
${badgesHtml ? `<div class="entry-card__badges">${badgesHtml}</div>` : ""}
<div class="entry-card__time">${escapeHtml(new Date(entry.createdAt).toLocaleString())}</div>
<div class="admin-actions"></div>
`;
const actions = card.querySelector(".admin-actions");
if (entry.status === "pending") {
const approveBtn = document.createElement("button");
approveBtn.type = "button";
approveBtn.className = "btn-admin btn-admin--approve";
approveBtn.textContent = "Approve";
approveBtn.addEventListener("click", () => act(entry.id, "approve", card));
const denyBtn = document.createElement("button");
denyBtn.type = "button";
denyBtn.className = "btn-admin btn-admin--deny";
denyBtn.textContent = "Deny";
denyBtn.addEventListener("click", () => act(entry.id, "deny", card));
actions.append(approveBtn, denyBtn);
} else {
const removeBtn = document.createElement("button");
removeBtn.type = "button";
removeBtn.className = "btn-admin btn-admin--deny";
removeBtn.textContent = "Remove";
removeBtn.addEventListener("click", () => act(entry.id, "deny", card));
actions.append(removeBtn);
}
return card;
}
async function act(id, action, card) {
card.classList.add("is-busy");
try {
const res = await adminFetch(`/api/admin/entries/${id}/${action}`, { method: "POST" });
const data = await res.json().catch(() => ({}));
if (!res.ok) throw new Error(data.error || "Something went wrong.");
loadEntries();
} catch (err) {
if (err.message !== "unauthorized") {
alert(err.message);
card.classList.remove("is-busy");
}
}
}
async function loadEntries() {
pendingStatus.textContent = "loading...";
approvedStatus.textContent = "loading...";
pendingGrid.innerHTML = "";
approvedGrid.innerHTML = "";
try {
const res = await adminFetch("/api/admin/entries");
if (!res.ok) throw new Error("Could not load entries.");
const entries = await res.json();
const pending = entries.filter((e) => e.status === "pending");
const approved = entries.filter((e) => e.status === "approved");
pendingStatus.textContent = pending.length
? `${pending.length} waiting for review`
: "nothing waiting — inbox zero (◡‿◡)";
approvedStatus.textContent = approved.length
? `${approved.length} live on the site`
: "no approved pages yet";
pending.forEach((entry) => pendingGrid.appendChild(renderEntry(entry)));
approved.forEach((entry) => approvedGrid.appendChild(renderEntry(entry)));
} catch (err) {
if (err.message !== "unauthorized") {
pendingStatus.textContent = "couldn't load entries. is the server running?";
approvedStatus.textContent = "";
}
}
}
// ---------------- boot ----------------
if (getPassword()) {
showAdmin();
} else {
showGate();
}
})();
public/app.js
+214
View File
@@ -0,0 +1,214 @@
(() => {
"use strict";
const MOODS = ["😎", "🔥", "💀", "😭", "🥲", "✨", "😤", "🖤", "🫠", "👾"];
const MAX_BADGES = 5;
// ---------------- tabs ----------------
const tabForm = document.getElementById("tab-form");
const tabGallery = document.getElementById("tab-gallery");
const panelForm = document.getElementById("panel-form");
const panelGallery = document.getElementById("panel-gallery");
function showPanel(which) {
const showForm = which === "form";
panelForm.classList.toggle("is-hidden", !showForm);
panelGallery.classList.toggle("is-hidden", showForm);
tabForm.classList.toggle("is-active", showForm);
tabGallery.classList.toggle("is-active", !showForm);
tabForm.setAttribute("aria-selected", String(showForm));
tabGallery.setAttribute("aria-selected", String(!showForm));
if (!showForm) loadEntries();
}
tabForm.addEventListener("click", () => showPanel("form"));
tabGallery.addEventListener("click", () => showPanel("gallery"));
// ---------------- mood picker ----------------
const moodPicker = document.querySelector(".mood-picker");
const moodInput = document.getElementById("mood");
MOODS.forEach((emoji, i) => {
const btn = document.createElement("button");
btn.type = "button";
btn.className = "mood-btn";
btn.textContent = emoji;
btn.setAttribute("role", "radio");
btn.setAttribute("aria-pressed", i === MOODS.length - 1 ? "true" : "false"); // default last = 🖤
btn.setAttribute("aria-label", `Mood: ${emoji}`);
btn.addEventListener("click", () => {
moodPicker.querySelectorAll(".mood-btn").forEach((b) => b.setAttribute("aria-pressed", "false"));
btn.setAttribute("aria-pressed", "true");
moodInput.value = emoji;
});
moodPicker.appendChild(btn);
});
moodInput.value = MOODS[MOODS.length - 1];
// ---------------- badge preview ----------------
const badgeInput = document.getElementById("badges");
const badgePreview = document.getElementById("badge-preview");
const formError = document.getElementById("form-error");
const formSuccess = document.getElementById("form-success");
badgeInput.addEventListener("change", () => {
badgePreview.innerHTML = "";
const files = Array.from(badgeInput.files || []);
if (files.length > MAX_BADGES) {
showError(`Please choose at most ${MAX_BADGES} images.`);
badgeInput.value = "";
return;
}
clearError();
files.forEach((file) => {
const url = URL.createObjectURL(file);
const img = document.createElement("img");
img.src = url;
img.alt = file.name;
img.onload = () => URL.revokeObjectURL(url);
badgePreview.appendChild(img);
});
});
function showError(msg) {
clearSuccess();
formError.textContent = msg;
formError.hidden = false;
}
function clearError() {
formError.hidden = true;
formError.textContent = "";
}
function showSuccess(msg) {
clearError();
formSuccess.textContent = msg;
formSuccess.hidden = false;
}
function clearSuccess() {
formSuccess.hidden = true;
formSuccess.textContent = "";
}
// ---------------- form submit ----------------
const form = document.getElementById("entry-form");
const submitBtn = document.getElementById("submit-btn");
form.addEventListener("submit", async (e) => {
e.preventDefault();
clearError();
clearSuccess();
const name = document.getElementById("name").value.trim();
if (!name) {
showError("Your Name is required.");
document.getElementById("name").focus();
return;
}
const formData = new FormData(form);
submitBtn.disabled = true;
submitBtn.querySelector("span").textContent = "ADDING...";
try {
const res = await fetch("/api/entries", { method: "POST", body: formData });
const data = await res.json().catch(() => ({}));
if (!res.ok) {
throw new Error(data.error || "Something went wrong submitting your page.");
}
form.reset();
badgePreview.innerHTML = "";
moodPicker.querySelectorAll(".mood-btn").forEach((b, i) =>
b.setAttribute("aria-pressed", i === MOODS.length - 1 ? "true" : "false")
);
moodInput.value = MOODS[MOODS.length - 1];
showSuccess("Thanks! Your page has been submitted and is waiting for approval — check back on \u201cEveryone's pages\u201d soon 💌");
} catch (err) {
showError(err.message);
} finally {
submitBtn.disabled = false;
submitBtn.querySelector("span").textContent = "ADD MY PAGE";
}
});
// ---------------- gallery ----------------
const galleryGrid = document.getElementById("gallery-grid");
const galleryStatus = document.getElementById("gallery-status");
function escapeHtml(str) {
const div = document.createElement("div");
div.textContent = str == null ? "" : String(str);
return div.innerHTML;
}
function ordinal(n) {
const s = ["th", "st", "nd", "rd"];
const v = n % 100;
return n + (s[(v - 20) % 10] || s[v] || s[0]);
}
function formatDate(ts) {
const d = new Date(ts);
const months = [
"January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December",
];
return `${ordinal(d.getDate())} ${months[d.getMonth()]} ${d.getFullYear()}`;
}
function renderRow(label, value) {
if (!value) return "";
return `<div class="entry-card__row"><span class="k">${escapeHtml(label)}</span><span class="v">${escapeHtml(value)}</span></div>`;
}
function renderCard(entry) {
const card = document.createElement("article");
card.className = "entry-card";
const badgesHtml = (entry.badges || [])
.map((src) => `<img src="${escapeHtml(src)}" alt="badge" loading="lazy" />`)
.join("");
card.innerHTML = `
<span class="entry-card__mood" aria-hidden="true">${escapeHtml(entry.mood || "🖤")}</span>
<h3 class="entry-card__name">${escapeHtml(entry.name)}</h3>
${renderRow("Fun fact", entry.funFact)}
${renderRow("Favourite colour", entry.favColor)}
${renderRow("Favourite music genre", entry.favGenre)}
${renderRow("Favourite agent", entry.petPeeves)}
${renderRow("On Valo", entry.merzHate)}
${renderRow("IGN", entry.socialLink)}
${badgesHtml ? `<div class="entry-card__badges">${badgesHtml}</div>` : ""}
<div class="entry-card__time">${escapeHtml(formatDate(entry.createdAt))}</div>
`;
return card;
}
async function loadEntries() {
galleryStatus.textContent = "flipping through pages...";
galleryGrid.innerHTML = "";
try {
const res = await fetch("/api/entries");
if (!res.ok) throw new Error("Could not load pages.");
const entries = await res.json();
if (!entries.length) {
galleryStatus.textContent = "no pages yet — be the first to sign the book!";
return;
}
galleryStatus.textContent = `${entries.length} page${entries.length === 1 ? "" : "s"} taped in so far`;
entries.forEach((entry) => galleryGrid.appendChild(renderCard(entry)));
} catch (err) {
galleryStatus.textContent = "hmm, couldn't load the pages. is the server running?";
}
}
// initial load in the background so the gallery is ready when switched to
loadEntries();
})();
public/index.html
+127
View File
@@ -0,0 +1,127 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Val Friendbook :: Friendbook</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Anton&family=Chakra+Petch:wght@400;500;600;700&family=Rajdhani:wght@400;500;600;700&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="scanlines" aria-hidden="true"></div>
<header class="hero">
<div class="hero__glitchbox">
<h1 class="glitch" data-text="NICK'S VALO FRIENDBOOK">NICK'S VALO FRIENDBOOK</h1>
</div>
<p class="hero__tagline">a friendbook for the wonderful peeps I've played with (◡‿◡)</p>
<nav class="tabs" role="tablist" aria-label="Page sections">
<button class="tab-btn is-active" id="tab-form" role="tab" aria-selected="true" aria-controls="panel-form">
<span class="tab-btn__index">01</span> THE FRIEND BOOK
</button>
<button class="tab-btn" id="tab-gallery" role="tab" aria-selected="false" aria-controls="panel-gallery">
<span class="tab-btn__index">02</span> EVERYONE'S PAGES
</button>
</nav>
</header>
<main>
<!-- ===================== FORM PANEL ===================== -->
<section id="panel-form" class="panel window" role="tabpanel" aria-labelledby="tab-form">
<div class="window__bar">
<span class="dot dot--blue"></span>
<span class="dot dot--pink"></span>
<span class="dot dot--white"></span>
<span class="window__title">the friend book</span>
</div>
<form id="entry-form" class="window__body form" novalidate>
<div class="field">
<label for="name">Your Name <span class="req">*</span></label>
<input type="text" id="name" name="name" maxlength="60" required placeholder="who is this beautiful person?" />
</div>
<div class="field">
<label for="funFact">Tell me sth interesting about you!</label>
<textarea id="funFact" name="funFact" maxlength="500" rows="3" placeholder="My hyperfixation is..., I really hate..."></textarea>
</div>
<div class="field-row">
<div class="field">
<label for="favColor">Favourite Colour</label>
<input type="text" id="favColor" name="favColor" maxlength="40" placeholder="lilablassblau" />
</div>
<div class="field">
<label for="favGenre">Favourite Music Genre <span class="hint">(I need inspo hihi)</span></label>
<input type="text" id="favGenre" name="favGenre" maxlength="100" placeholder="metalcore / hardstyle / idk" />
</div>
</div>
<div class="field">
<label for="petPeeves">Favourite Agent</label>
<textarea id="petPeeves" name="petPeeves" maxlength="300" rows="2" placeholder="Jett, Sova, Omen, Chamber...whoever's meta rn"></textarea>
</div>
<div class="field">
<label for="merzHate">What do you enjoy most about Valo?</label>
<textarea id="merzHate" name="merzHate" maxlength="400" rows="2" placeholder="clutching 1v5s, one-tapping with Vandal, screaming at teammates..."></textarea>
</div>
<div class="field">
<label for="socialLink">IGN <span class="hint">(Riot ID)</span></label>
<input type="text" id="socialLink" name="socialLink" maxlength="300" placeholder="YourName#TAG" />
</div>
<div class="field">
<label id="mood-label">Current Mood</label>
<div class="mood-picker" role="radiogroup" aria-labelledby="mood-label">
<!-- populated by app.js -->
</div>
<input type="hidden" id="mood" name="mood" value="🖤" />
</div>
<div class="field">
<label for="badges">Badges / Awards <span class="hint">(up to 5 images)</span></label>
<input type="file" id="badges" name="badges" accept="image/png, image/jpeg, image/gif, image/webp" multiple />
<div id="badge-preview" class="badge-preview" aria-live="polite"></div>
</div>
<p id="form-error" class="form-error" role="alert" hidden></p>
<p id="form-success" class="form-success" role="status" hidden></p>
<button type="submit" class="btn-submit" id="submit-btn">
<span>ADD MY PAGE</span>
</button>
</form>
</section>
<!-- ===================== GALLERY PANEL ===================== -->
<section id="panel-gallery" class="panel window is-hidden" role="tabpanel" aria-labelledby="tab-gallery">
<div class="window__bar">
<span class="dot dot--blue"></span>
<span class="dot dot--pink"></span>
<span class="dot dot--white"></span>
<span class="window__title">everyone's pages (●'◡'●)</span>
</div>
<div class="window__body">
<p id="gallery-status" class="gallery-status">loading pages_</p>
<div id="gallery-grid" class="gallery-grid"></div>
</div>
</section>
</main>
<footer class="site-footer">
<p>our little friend book q(≧▽≦q)</p>
</footer>
<script src="app.js"></script>
</body>
</html>
public/style.css
+618
View File
@@ -0,0 +1,618 @@
/* ============================================================
MERZ-HATER CLUB — design tokens
tactical-HUD scrapbook: void black, signal red, chamfered
panels, torn/jagged edges, chromatic-ghost display type.
built for a friend book, not a shooter menu -- so the ASCII
emotes and warm copy stay untouched underneath the armor.
void: #0a0a0d page background, recessed wells
panel: #131316 raised panel / window surface
ink: #ece7db warm bone text (was "ink")
ink-soft: #8b8b95 muted secondary text
signal: #ff3b3f primary red accent (css var --coral)
ember: #c23616 secondary rust-red (css var --tape)
maroon: #7a1d1f tertiary deep red (css var --lilac)
confirm: #5c1417 deep maroon, admin "approve" only (css var --sky)
line: #2a2a30 hairline borders
display font: Anton (title + card names only — spend it once)
tech font: Chakra Petch (labels, buttons, readouts)
body font: Rajdhani (paragraph text)
============================================================ */
:root {
--paper: #0a0a0d;
--paper-deep: #131316;
--ink: #ece7db;
--ink-soft: #8b8b95;
--lilac: #7a1d1f;
--sky: #5c1417;
--coral: #ff3b3f;
--tape: #c23616;
--line: #2a2a30;
--font-display: "Anton", sans-serif;
--font-mono: "Chakra Petch", sans-serif;
--font-body: "Rajdhani", sans-serif;
}
* { box-sizing: border-box; }
html, body {
margin: 0;
padding: 0;
background: var(--paper);
color: var(--ink);
font-family: var(--font-body);
font-size: 17px;
min-height: 100%;
}
body {
background-image:
repeating-linear-gradient(to right, rgba(236, 231, 219, 0.035) 0 1px, transparent 1px 64px),
repeating-linear-gradient(to bottom, rgba(236, 231, 219, 0.035) 0 1px, transparent 1px 64px),
radial-gradient(circle at 8% 0%, rgba(255, 59, 63, 0.14), transparent 40%),
radial-gradient(circle at 96% 12%, rgba(122, 29, 31, 0.22), transparent 45%);
background-attachment: fixed;
}
::selection { background: var(--coral); color: var(--paper); }
:focus-visible {
outline: 2px solid var(--coral);
outline-offset: 3px;
}
a { color: var(--ink); text-decoration-color: var(--coral); text-decoration-thickness: 2px; }
a:hover { text-decoration-color: var(--tape); }
/* faint CRT grain -- decorative, non-interactive */
.scanlines {
position: fixed;
inset: 0;
pointer-events: none;
z-index: 50;
opacity: 0.35;
background-image: radial-gradient(rgba(255, 59, 63, 0.09) 1px, transparent 1px);
background-size: 3px 3px;
mix-blend-mode: screen;
}
/* ---------------- hero / title ---------------- */
.hero {
padding: 60px 20px 0;
text-align: center;
}
.hero__glitchbox {
display: inline-block;
position: relative;
}
.glitch {
font-family: var(--font-display);
font-weight: 400;
font-size: clamp(2.6rem, 9vw, 5.2rem);
line-height: 0.95;
letter-spacing: 0.01em;
margin: 0;
padding: 0.05em 0.2em;
color: var(--ink);
text-transform: uppercase;
position: relative;
z-index: 1;
animation: flicker-in 0.7s ease-out 1;
}
/* chromatic-ghost duplicates, sliced like a torn broadcast signal */
.glitch::before,
.glitch::after {
content: attr(data-text);
position: absolute;
inset: 0;
padding: 0.05em 0.2em;
pointer-events: none;
}
.glitch::before {
color: var(--coral);
transform: translate(3px, -2px);
mix-blend-mode: screen;
opacity: 0.65;
clip-path: polygon(0 0, 100% 0, 100% 42%, 0 42%);
}
.glitch::after {
color: var(--tape);
transform: translate(-3px, 2px);
mix-blend-mode: screen;
opacity: 0.55;
clip-path: polygon(0 58%, 100% 58%, 100% 100%, 0 100%);
}
@keyframes flicker-in {
0% { opacity: 0; }
8% { opacity: 1; }
11% { opacity: 0.15; }
16% { opacity: 1; }
60% { opacity: 1; }
64% { opacity: 0.4; }
68% { opacity: 1; }
100% { opacity: 1; }
}
/* jagged red backing behind the title */
.hero__glitchbox::before {
content: "";
position: absolute;
left: -12px;
right: -12px;
bottom: 0.16em;
height: 0.46em;
background: var(--coral);
opacity: 0.16;
z-index: 0;
clip-path: polygon(
0 35%, 6% 0, 13% 42%, 20% 6%, 28% 46%, 36% 4%, 44% 42%,
52% 8%, 60% 46%, 68% 2%, 76% 42%, 84% 8%, 92% 44%, 100% 12%,
100% 100%, 0 100%
);
}
.hero__tagline {
display: inline-block;
position: relative;
margin: 24px 0 0;
font-family: var(--font-mono);
font-size: 0.82rem;
color: var(--ink-soft);
background: var(--paper-deep);
border: 1px solid var(--line);
padding: 8px 16px 8px 30px;
clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%, 0 10px);
}
.hero__tagline::before {
content: "";
position: absolute;
left: 13px;
top: 50%;
transform: translateY(-50%);
width: 6px;
height: 6px;
background: var(--coral);
box-shadow: 0 0 6px 1px var(--coral);
}
/* jagged divider closing out the hero, torn black/red edge */
.hero::after {
content: "";
display: block;
height: 14px;
margin: 32px 0 0;
opacity: 0.55;
background:
linear-gradient(135deg, var(--paper) 25%, transparent 25%) -7px 0 / 14px 14px,
linear-gradient(225deg, var(--paper) 25%, transparent 25%) -7px 0 / 14px 14px,
linear-gradient(315deg, var(--paper) 25%, transparent 25%) 0 0 / 14px 14px,
linear-gradient(45deg, var(--paper) 25%, var(--coral) 25%) 0 0 / 14px 14px;
}
@media (prefers-reduced-motion: reduce) {
.glitch { animation: none; }
}
/* ---------------- tabs ---------------- */
.tabs {
display: inline-flex;
gap: 6px;
flex-wrap: wrap;
justify-content: center;
padding: 22px 0 0;
}
.tab-btn {
font-family: var(--font-mono);
background: var(--paper-deep);
color: var(--ink-soft);
border: 1px solid var(--line);
border-bottom: none;
padding: 10px 20px 8px;
cursor: pointer;
letter-spacing: 0.03em;
font-size: 0.8rem;
text-transform: uppercase;
clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%, 0 12px);
transition: color 0.15s ease, border-color 0.15s ease;
}
.tab-btn__index { color: var(--coral); margin-right: 6px; font-weight: 700; }
.tab-btn:hover { color: var(--ink); border-color: var(--coral); }
.tab-btn.is-active {
background: var(--paper-deep);
color: var(--ink);
border-color: var(--coral);
box-shadow: 0 -3px 0 0 var(--coral) inset;
}
.tab-btn.is-active .tab-btn__index { color: var(--coral); }
/* ---------------- window chrome (a tactical readout panel) ---------------- */
main {
max-width: 980px;
margin: 0 auto;
padding: 0 20px 60px;
}
.window {
position: relative;
background: var(--paper-deep);
border: 1px solid var(--line);
box-shadow: 10px 10px 0 0 rgba(255, 59, 63, 0.15);
margin-top: 20px;
padding-left: 26px;
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%);
}
#panel-gallery.window { box-shadow: 10px 10px 0 0 rgba(194, 54, 22, 0.2); }
.window.is-hidden { display: none; }
/* diagonal hazard stripe standing in for the old spiral holes */
.window::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 26px;
border-right: 1px solid var(--line);
background-image: repeating-linear-gradient(-45deg, var(--coral) 0 6px, transparent 6px 12px);
opacity: 0.3;
}
/* torn red teeth capping every panel */
.window::after {
content: "";
position: absolute;
top: -6px;
left: 0;
right: 0;
height: 6px;
background:
linear-gradient(135deg, var(--paper) 25%, transparent 25%) 0 0 / 12px 12px,
linear-gradient(225deg, var(--paper) 25%, transparent 25%) 0 0 / 12px 12px,
linear-gradient(315deg, var(--paper) 25%, transparent 25%) 6px 0 / 12px 12px,
linear-gradient(45deg, var(--paper) 25%, var(--coral) 25%) 6px 0 / 12px 12px;
}
#panel-gallery.window::after {
background:
linear-gradient(135deg, var(--paper) 25%, transparent 25%) 0 0 / 12px 12px,
linear-gradient(225deg, var(--paper) 25%, transparent 25%) 0 0 / 12px 12px,
linear-gradient(315deg, var(--paper) 25%, transparent 25%) 6px 0 / 12px 12px,
linear-gradient(45deg, var(--paper) 25%, var(--tape) 25%) 6px 0 / 12px 12px;
}
.window__bar {
display: flex;
align-items: center;
gap: 8px;
padding: 10px 14px 10px 10px;
border-bottom: 1px solid var(--line);
background: rgba(255, 59, 63, 0.04);
}
.dot {
width: 8px;
height: 8px;
display: inline-block;
clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}
.dot--blue { background: var(--tape); }
.dot--pink { background: var(--coral); }
.dot--white { background: var(--ink-soft); }
.window__title {
margin-left: 6px;
color: var(--ink-soft);
font-family: var(--font-mono);
font-size: 0.75rem;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.window__body { padding: 28px; }
/* ---------------- form ---------------- */
.form { display: flex; flex-direction: column; gap: 20px; }
.field-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px;
}
@media (max-width: 620px) {
.field-row { grid-template-columns: 1fr; }
}
.field { display: flex; flex-direction: column; gap: 6px; }
.field label {
font-family: var(--font-mono);
font-size: 0.72rem;
letter-spacing: 0.05em;
color: var(--ink-soft);
text-transform: uppercase;
}
.field .req { color: var(--coral); }
.field .hint { color: var(--ink-soft); text-transform: none; font-family: var(--font-body); font-style: italic; font-size: 0.8rem; }
input[type="text"],
textarea {
background: var(--paper);
border: 1px solid var(--line);
color: var(--ink);
font-family: var(--font-body);
font-size: 1rem;
padding: 11px 13px;
resize: vertical;
clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
input[type="text"]::placeholder,
textarea::placeholder { color: #55555e; font-style: normal; }
input[type="text"]:focus,
textarea:focus {
border-color: var(--coral);
outline: none;
box-shadow: 0 0 0 2px rgba(255, 59, 63, 0.22);
}
input[type="file"] {
font-family: var(--font-body);
color: var(--ink-soft);
border: 1px dashed var(--line);
padding: 14px;
background: rgba(236, 231, 219, 0.02);
clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%, 0 10px);
}
/* mood picker */
.mood-picker {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.mood-btn {
font-size: 1.25rem;
line-height: 1;
background: var(--paper);
border: 1px solid var(--line);
width: 44px;
height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
clip-path: polygon(22% 0, 78% 0, 100% 22%, 100% 78%, 78% 100%, 22% 100%, 0 78%, 0 22%);
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.mood-btn:hover { border-color: var(--coral); }
.mood-btn[aria-pressed="true"] {
border-color: var(--coral);
background: rgba(255, 59, 63, 0.14);
box-shadow: 0 0 0 1px var(--coral);
}
/* badge preview thumbnails in the form */
.badge-preview {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 4px;
}
.badge-preview img {
width: 52px;
height: 52px;
object-fit: cover;
background: var(--paper);
padding: 3px;
border: 1px solid var(--line);
clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
}
.form-error {
color: var(--coral);
font-family: var(--font-mono);
font-size: 0.82rem;
border: 1px solid var(--coral);
padding: 9px 12px;
background: rgba(255, 59, 63, 0.08);
clip-path: polygon(8px 0, 100% 0, 100% 100%, 0 100%, 0 8px);
}
.form-success {
color: var(--ink);
font-family: var(--font-mono);
font-size: 0.82rem;
border: 1px solid var(--line);
padding: 9px 12px;
background: rgba(236, 231, 219, 0.04);
clip-path: polygon(8px 0, 100% 0, 100% 100%, 0 100%, 0 8px);
}
.btn-submit {
align-self: flex-start;
font-family: var(--font-mono);
font-weight: 700;
letter-spacing: 0.1em;
background: transparent;
color: var(--coral);
border: 2px solid var(--coral);
padding: 13px 24px;
cursor: pointer;
font-size: 0.88rem;
text-transform: uppercase;
clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
transition: background 0.12s ease, color 0.12s ease;
}
.btn-submit:hover { background: var(--coral); color: var(--paper); }
.btn-submit:active { transform: scale(0.98); }
.btn-submit:disabled { opacity: 0.4; cursor: not-allowed; transform: none; }
/* ---------------- gallery ---------------- */
.gallery-status {
color: var(--ink-soft);
font-family: var(--font-mono);
font-size: 0.85rem;
letter-spacing: 0.03em;
}
.gallery-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
gap: 30px 22px;
padding-top: 6px;
}
.entry-card {
position: relative;
background: var(--paper);
border: 1px solid var(--line);
border-left: 3px solid var(--coral);
padding: 22px 18px 16px;
display: flex;
flex-direction: column;
gap: 10px;
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%);
transition: transform 0.15s ease, border-color 0.15s ease;
}
.gallery-grid .entry-card:nth-child(3n) { border-left-color: var(--lilac); }
.gallery-grid .entry-card:nth-child(4n) { border-left-color: var(--tape); }
.entry-card:hover { transform: translateY(-3px); }
/* target-lock corner bracket, replaces the old washi tape */
.entry-card::before {
content: "";
position: absolute;
top: -1px;
left: -1px;
width: 20px;
height: 20px;
border-top: 2px solid var(--coral);
border-left: 2px solid var(--coral);
}
.gallery-grid .entry-card:nth-child(3n)::before { border-color: var(--lilac); }
.gallery-grid .entry-card:nth-child(4n)::before { border-color: var(--tape); }
.entry-card__mood {
position: absolute;
top: -13px;
right: -10px;
font-size: 1.2rem;
background: var(--paper);
border: 1px solid var(--coral);
width: 34px;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
clip-path: polygon(22% 0, 78% 0, 100% 22%, 100% 78%, 78% 100%, 22% 100%, 0 78%, 0 22%);
}
.entry-card__name {
font-family: var(--font-display);
font-weight: 400;
font-size: 1.4rem;
text-transform: uppercase;
letter-spacing: 0.01em;
color: var(--ink);
margin: 0;
padding: 0 20px 8px 0;
border-bottom: 2px solid var(--coral);
line-height: 1.05;
}
.entry-card__row { font-size: 0.86rem; line-height: 1.45; }
.entry-card__row .k {
color: var(--coral);
font-family: var(--font-mono);
text-transform: uppercase;
letter-spacing: 0.04em;
font-size: 0.64rem;
display: block;
margin-bottom: 2px;
}
.entry-card__row .v { color: var(--ink); word-break: break-word; }
.entry-card__link { font-size: 0.85rem; word-break: break-all; }
.entry-card__badges {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-top: 2px;
}
.entry-card__badges img {
width: 40px;
height: 40px;
object-fit: cover;
background: var(--paper);
padding: 2px;
border: 1px solid var(--line);
clip-path: polygon(4px 0, 100% 0, 100% calc(100% - 4px), calc(100% - 4px) 100%, 0 100%, 0 4px);
}
.entry-card__time {
margin-top: auto;
padding-top: 8px;
border-top: 1px solid var(--line);
color: var(--ink-soft);
font-family: var(--font-mono);
font-size: 0.7rem;
letter-spacing: 0.03em;
text-transform: uppercase;
}
@media (prefers-reduced-motion: reduce) {
.entry-card,
.tab-btn,
.btn-submit,
.mood-btn,
input[type="text"],
textarea { transition: none; }
}
/* ---------------- footer ---------------- */
.site-footer {
text-align: center;
color: var(--ink-soft);
font-family: var(--font-mono);
font-size: 0.85rem;
letter-spacing: 0.03em;
padding: 18px 20px 34px;
}
.site-footer p::before { content: "> "; color: var(--coral); }
server.js
+243
View File
@@ -0,0 +1,243 @@
// Merz-hater Club Friendbook — backend server
// Plain Express + Multer + a JSON-file "database".
// No native modules, no external services — designed to be easy to self-host.
const express = require("express");
const multer = require("multer");
const path = require("path");
const fs = require("fs");
const crypto = require("crypto");
const PORT = process.env.PORT || 3030;
// Entries now require manual approval before they show up in the public
// gallery. The moderation endpoints below are protected by this password.
const ADMIN_PASSWORD = process.env.ADMIN_PASSWORD || "changeme";
if (!process.env.ADMIN_PASSWORD) {
console.warn(
'⚠️ ADMIN_PASSWORD is not set — using the default "changeme". ' +
"Set ADMIN_PASSWORD in your environment before deploying anywhere public."
);
}
const DATA_DIR = path.join(__dirname, "data");
const UPLOADS_DIR = path.join(__dirname, "uploads");
const DB_FILE = path.join(DATA_DIR, "entries.json");
// ---- make sure our storage folders/files exist ----
for (const dir of [DATA_DIR, UPLOADS_DIR]) {
if (!fs.existsSync(dir)) fs.mkdirSync(dir, { recursive: true });
}
if (!fs.existsSync(DB_FILE)) {
fs.writeFileSync(DB_FILE, "[]", "utf8");
}
// ---- tiny write queue so concurrent submissions can't corrupt the JSON file ----
let writeChain = Promise.resolve();
function readEntries() {
const raw = fs.readFileSync(DB_FILE, "utf8");
let entries;
try {
entries = JSON.parse(raw || "[]");
} catch (err) {
console.error("entries.json was corrupted, starting fresh:", err);
return [];
}
// Entries saved before moderation existed have no `status`. Treat them
// as already-approved so upgrading doesn't hide pages that were live.
return entries.map((e) => (e.status ? e : { ...e, status: "approved" }));
}
function saveEntries(entries) {
writeChain = writeChain.then(
() =>
new Promise((resolve, reject) => {
fs.writeFile(DB_FILE, JSON.stringify(entries, null, 2), "utf8", (err) => {
if (err) return reject(err);
resolve();
});
})
);
return writeChain;
}
// ---- image upload handling ----
const ALLOWED_MIME = new Set(["image/png", "image/jpeg", "image/gif", "image/webp"]);
const MAX_FILE_BYTES = 3 * 1024 * 1024; // 3MB per badge image
const MAX_BADGES = 5;
const storage = multer.diskStorage({
destination: (req, file, cb) => cb(null, UPLOADS_DIR),
filename: (req, file, cb) => {
const ext = path.extname(file.originalname).toLowerCase();
const safeExt = [".png", ".jpg", ".jpeg", ".gif", ".webp"].includes(ext) ? ext : "";
cb(null, `${Date.now()}-${crypto.randomBytes(6).toString("hex")}${safeExt}`);
},
});
const upload = multer({
storage,
limits: { fileSize: MAX_FILE_BYTES, files: MAX_BADGES },
fileFilter: (req, file, cb) => {
if (!ALLOWED_MIME.has(file.mimetype)) {
return cb(new Error("Only PNG, JPG, GIF, or WEBP images are allowed for badges."));
}
cb(null, true);
},
});
// ---- helpers ----
function escapeAndTrim(value, maxLen) {
if (typeof value !== "string") return "";
return value.trim().slice(0, maxLen);
}
const ALLOWED_MOODS = ["😎", "🔥", "💀", "😭", "🥲", "✨", "😤", "🖤", "🫠", "👾"];
// ---- admin auth ----
function passwordsMatch(supplied, expected) {
const suppliedBuf = Buffer.from(String(supplied || ""));
const expectedBuf = Buffer.from(String(expected || ""));
if (suppliedBuf.length !== expectedBuf.length) {
// still run a compare of equal length so wrong-length guesses don't
// return noticeably faster than right-length ones.
crypto.timingSafeEqual(expectedBuf, expectedBuf);
return false;
}
return crypto.timingSafeEqual(suppliedBuf, expectedBuf);
}
function requireAdmin(req, res, next) {
const supplied = req.get("x-admin-password");
if (!passwordsMatch(supplied, ADMIN_PASSWORD)) {
return res.status(401).json({ error: "Incorrect admin password." });
}
next();
}
// ---- app ----
const app = express();
app.use(express.static(path.join(__dirname, "public")));
app.use("/uploads", express.static(UPLOADS_DIR));
// List every APPROVED entry, newest first. Pending/denied entries never
// show up here — only in the admin endpoints below.
app.get("/api/entries", (req, res) => {
const entries = readEntries()
.filter((e) => e.status === "approved")
.sort((a, b) => b.createdAt - a.createdAt);
res.json(entries);
});
// Create a new entry (multipart/form-data because of the file uploads)
app.post("/api/entries", (req, res) => {
upload.array("badges", MAX_BADGES)(req, res, async (err) => {
if (err) {
return res.status(400).json({ error: err.message || "Upload failed." });
}
const body = req.body || {};
const name = escapeAndTrim(body.name, 60);
if (!name) {
return res.status(400).json({ error: "Your Name is required." });
}
const mood = ALLOWED_MOODS.includes(body.mood) ? body.mood : "🖤";
const entry = {
id: crypto.randomUUID(),
name,
funFact: escapeAndTrim(body.funFact, 500),
favColor: escapeAndTrim(body.favColor, 40),
petPeeves: escapeAndTrim(body.petPeeves, 300),
favGenre: escapeAndTrim(body.favGenre, 100),
merzHate: escapeAndTrim(body.merzHate, 400),
socialLink: escapeAndTrim(body.socialLink, 300),
mood,
badges: (req.files || []).map((f) => `/uploads/${f.filename}`),
status: "pending",
createdAt: Date.now(),
};
const entries = readEntries();
entries.push(entry);
try {
await saveEntries(entries);
} catch (e) {
console.error(e);
return res.status(500).json({ error: "Could not save your page. Try again." });
}
res.status(201).json(entry);
});
});
// ---- admin/moderation routes ----
// Just checks the password — used by the admin login form.
app.post("/api/admin/login", requireAdmin, (req, res) => {
res.json({ ok: true });
});
// Every entry (pending + approved), newest first.
app.get("/api/admin/entries", requireAdmin, (req, res) => {
const entries = readEntries().sort((a, b) => b.createdAt - a.createdAt);
res.json(entries);
});
// Approve a pending entry so it shows up in the public gallery.
app.post("/api/admin/entries/:id/approve", requireAdmin, async (req, res) => {
const entries = readEntries();
const entry = entries.find((e) => e.id === req.params.id);
if (!entry) {
return res.status(404).json({ error: "Entry not found." });
}
entry.status = "approved";
try {
await saveEntries(entries);
} catch (e) {
console.error(e);
return res.status(500).json({ error: "Could not save that change. Try again." });
}
res.json(entry);
});
// Deny (or remove) an entry entirely, cleaning up any uploaded badge images.
app.post("/api/admin/entries/:id/deny", requireAdmin, async (req, res) => {
const entries = readEntries();
const idx = entries.findIndex((e) => e.id === req.params.id);
if (idx === -1) {
return res.status(404).json({ error: "Entry not found." });
}
const [removed] = entries.splice(idx, 1);
for (const badgePath of removed.badges || []) {
const filePath = path.join(UPLOADS_DIR, path.basename(badgePath));
fs.unlink(filePath, (err) => {
if (err && err.code !== "ENOENT") console.error("Could not remove badge file:", err);
});
}
try {
await saveEntries(entries);
} catch (e) {
console.error(e);
return res.status(500).json({ error: "Could not save that change. Try again." });
}
res.json({ ok: true });
});
// Convenience alias so /admin works without typing the filename.
app.get("/admin", (req, res) => {
res.sendFile(path.join(__dirname, "public", "admin.html"));
});
// Fallback: send index.html for the root route
app.get("/", (req, res) => {
res.sendFile(path.join(__dirname, "public", "index.html"));
});
app.listen(PORT, () => {
console.log(`Merz-hater Club Friendbook running at http://localhost:${PORT}`);
});