From 2102ff83b6803466100809f18fd23fbeca3d129e Mon Sep 17 00:00:00 2001 From: Sagar-Sharma-7 <6969sagarsharma@gmail.com> Date: Mon, 3 May 2021 06:31:30 +0530 Subject: [PATCH] First Commit --- .gitignore | 1 + api.txt | 1 + index.html | 45 ++++++ package-lock.json | 374 +++++++++++++++++++++++++++++++++++++++++++ package.json | 14 ++ public/css/style.css | 162 +++++++++++++++++++ public/img/logo.png | Bin 0 -> 20029 bytes public/js/main.js | 68 ++++++++ src/app.js | 11 ++ 9 files changed, 676 insertions(+) create mode 100644 .gitignore create mode 100644 api.txt create mode 100644 index.html create mode 100644 package-lock.json create mode 100644 package.json create mode 100644 public/css/style.css create mode 100644 public/img/logo.png create mode 100644 public/js/main.js create mode 100644 src/app.js diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..b512c09 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +node_modules \ No newline at end of file diff --git a/api.txt b/api.txt new file mode 100644 index 0000000..ce3a08e --- /dev/null +++ b/api.txt @@ -0,0 +1 @@ +https://www.dictionaryapi.com/api/v3/references/learners/json/test?key=9284d4a3-9817-41b9-969e-f83a87fca44a diff --git a/index.html b/index.html new file mode 100644 index 0000000..90eaef1 --- /dev/null +++ b/index.html @@ -0,0 +1,45 @@ + + + + + + + + + Dictionary + + + +
+ +
+
+ + +
+
+ +
+

+

+ +
+

+
+
+
+
+

+
+
+
+

+
+
+

+
+
+
+ + + \ No newline at end of file diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..e53b8f6 --- /dev/null +++ b/package-lock.json @@ -0,0 +1,374 @@ +{ + "name": "dictionary", + "version": "1.0.0", + "lockfileVersion": 1, + "requires": true, + "dependencies": { + "accepts": { + "version": "1.3.7", + "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.7.tgz", + "integrity": "sha512-Il80Qs2WjYlJIBNzNkK6KYqlVMTbZLXgHx2oT0pU/fjRHyEp+PEfEPY0R3WCwAGVOtauxh1hOxNgIf5bv7dQpA==", + "requires": { + "mime-types": "~2.1.24", + "negotiator": "0.6.2" + } + }, + "array-flatten": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz", + "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=" + }, + "body-parser": { + "version": "1.19.0", + "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.19.0.tgz", + "integrity": "sha512-dhEPs72UPbDnAQJ9ZKMNTP6ptJaionhP5cBb541nXPlW60Jepo9RV/a4fX4XWW9CuFNK22krhrj1+rgzifNCsw==", + "requires": { + "bytes": "3.1.0", + "content-type": "~1.0.4", + "debug": "2.6.9", + "depd": "~1.1.2", + "http-errors": "1.7.2", + "iconv-lite": "0.4.24", + "on-finished": "~2.3.0", + "qs": "6.7.0", + "raw-body": "2.4.0", + "type-is": "~1.6.17" + } + }, + "bytes": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz", + "integrity": "sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==" + }, + "content-disposition": { + "version": "0.5.3", + "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.3.tgz", + "integrity": "sha512-ExO0774ikEObIAEV9kDo50o+79VCUdEB6n6lzKgGwupcVeRlhrj3qGAfwq8G6uBJjkqLrhT0qEYFcWng8z1z0g==", + "requires": { + "safe-buffer": "5.1.2" + } + }, + "content-type": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz", + "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==" + }, + "cookie": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.0.tgz", + "integrity": "sha512-+Hp8fLp57wnUSt0tY0tHEXh4voZRDnoIrZPqlo3DPiI4y9lwg/jqx+1Om94/W6ZaPDOUbnjOt/99w66zk+l1Xg==" + }, + "cookie-signature": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz", + "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw=" + }, + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "requires": { + "ms": "2.0.0" + } + }, + "depd": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", + "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=" + }, + "destroy": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz", + "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=" + }, + "ee-first": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", + "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=" + }, + "encodeurl": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", + "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=" + }, + "escape-html": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", + "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=" + }, + "etag": { + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", + "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=" + }, + "express": { + "version": "4.17.1", + "resolved": "https://registry.npmjs.org/express/-/express-4.17.1.tgz", + "integrity": "sha512-mHJ9O79RqluphRrcw2X/GTh3k9tVv8YcoyY4Kkh4WDMUYKRZUq0h1o0w2rrrxBqM7VoeUVqgb27xlEMXTnYt4g==", + "requires": { + "accepts": "~1.3.7", + "array-flatten": "1.1.1", + "body-parser": "1.19.0", + "content-disposition": "0.5.3", + "content-type": "~1.0.4", + "cookie": "0.4.0", + "cookie-signature": "1.0.6", + "debug": "2.6.9", + "depd": "~1.1.2", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "finalhandler": "~1.1.2", + "fresh": "0.5.2", + "merge-descriptors": "1.0.1", + "methods": "~1.1.2", + "on-finished": "~2.3.0", + "parseurl": "~1.3.3", + "path-to-regexp": "0.1.7", + "proxy-addr": "~2.0.5", + "qs": "6.7.0", + "range-parser": "~1.2.1", + "safe-buffer": "5.1.2", + "send": "0.17.1", + "serve-static": "1.14.1", + "setprototypeof": "1.1.1", + "statuses": "~1.5.0", + "type-is": "~1.6.18", + "utils-merge": "1.0.1", + "vary": "~1.1.2" + } + }, + "finalhandler": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz", + "integrity": "sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==", + "requires": { + "debug": "2.6.9", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "on-finished": "~2.3.0", + "parseurl": "~1.3.3", + "statuses": "~1.5.0", + "unpipe": "~1.0.0" + } + }, + "forwarded": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.1.2.tgz", + "integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ=" + }, + "fresh": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz", + "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=" + }, + "http-errors": { + "version": "1.7.2", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.7.2.tgz", + "integrity": "sha512-uUQBt3H/cSIVfch6i1EuPNy/YsRSOUBXTVfZ+yR7Zjez3qjBz6i9+i4zjNaoqcoFVI4lQJ5plg63TvGfRSDCRg==", + "requires": { + "depd": "~1.1.2", + "inherits": "2.0.3", + "setprototypeof": "1.1.1", + "statuses": ">= 1.5.0 < 2", + "toidentifier": "1.0.0" + } + }, + "iconv-lite": { + "version": "0.4.24", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz", + "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==", + "requires": { + "safer-buffer": ">= 2.1.2 < 3" + } + }, + "inherits": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", + "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=" + }, + "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==" + }, + "media-typer": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", + "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=" + }, + "merge-descriptors": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz", + "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=" + }, + "methods": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz", + "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=" + }, + "mime": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz", + "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==" + }, + "mime-db": { + "version": "1.47.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.47.0.tgz", + "integrity": "sha512-QBmA/G2y+IfeS4oktet3qRZ+P5kPhCKRXxXnQEudYqUaEioAU1/Lq2us3D/t1Jfo4hE9REQPrbB7K5sOczJVIw==" + }, + "mime-types": { + "version": "2.1.30", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.30.tgz", + "integrity": "sha512-crmjA4bLtR8m9qLpHvgxSChT+XoSlZi8J4n/aIdn3z92e/U47Z0V/yl+Wh9W046GgFVAmoNR/fmdbZYcSSIUeg==", + "requires": { + "mime-db": "1.47.0" + } + }, + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=" + }, + "negotiator": { + "version": "0.6.2", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.2.tgz", + "integrity": "sha512-hZXc7K2e+PgeI1eDBe/10Ard4ekbfrrqG8Ep+8Jmf4JID2bNg7NvCPOZN+kfF574pFQI7mum2AUqDidoKqcTOw==" + }, + "on-finished": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz", + "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=", + "requires": { + "ee-first": "1.1.1" + } + }, + "parseurl": { + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz", + "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==" + }, + "path-to-regexp": { + "version": "0.1.7", + "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz", + "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=" + }, + "proxy-addr": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.6.tgz", + "integrity": "sha512-dh/frvCBVmSsDYzw6n926jv974gddhkFPfiN8hPOi30Wax25QZyZEGveluCgliBnqmuM+UJmBErbAUFIoDbjOw==", + "requires": { + "forwarded": "~0.1.2", + "ipaddr.js": "1.9.1" + } + }, + "qs": { + "version": "6.7.0", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.7.0.tgz", + "integrity": "sha512-VCdBRNFTX1fyE7Nb6FYoURo/SPe62QCaAyzJvUjwRaIsc+NePBEniHlvxFmmX56+HZphIGtV0XeCirBtpDrTyQ==" + }, + "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==" + }, + "raw-body": { + "version": "2.4.0", + "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.4.0.tgz", + "integrity": "sha512-4Oz8DUIwdvoa5qMJelxipzi/iJIi40O5cGV1wNYp5hvZP8ZN0T+jiNkL0QepXs+EsQ9XJ8ipEDoiH70ySUJP3Q==", + "requires": { + "bytes": "3.1.0", + "http-errors": "1.7.2", + "iconv-lite": "0.4.24", + "unpipe": "1.0.0" + } + }, + "safe-buffer": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==" + }, + "safer-buffer": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", + "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==" + }, + "send": { + "version": "0.17.1", + "resolved": "https://registry.npmjs.org/send/-/send-0.17.1.tgz", + "integrity": "sha512-BsVKsiGcQMFwT8UxypobUKyv7irCNRHk1T0G680vk88yf6LBByGcZJOTJCrTP2xVN6yI+XjPJcNuE3V4fT9sAg==", + "requires": { + "debug": "2.6.9", + "depd": "~1.1.2", + "destroy": "~1.0.4", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "fresh": "0.5.2", + "http-errors": "~1.7.2", + "mime": "1.6.0", + "ms": "2.1.1", + "on-finished": "~2.3.0", + "range-parser": "~1.2.1", + "statuses": "~1.5.0" + }, + "dependencies": { + "ms": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz", + "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==" + } + } + }, + "serve-static": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.14.1.tgz", + "integrity": "sha512-JMrvUwE54emCYWlTI+hGrGv5I8dEwmco/00EvkzIIsR7MqrHonbD9pO2MOfFnpFntl7ecpZs+3mW+XbQZu9QCg==", + "requires": { + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "parseurl": "~1.3.3", + "send": "0.17.1" + } + }, + "setprototypeof": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.1.tgz", + "integrity": "sha512-JvdAWfbXeIGaZ9cILp38HntZSFSo3mWg6xGcJJsd+d4aRMOqauag1C63dJfDw7OaMYwEbHMOxEZ1lqVRYP2OAw==" + }, + "statuses": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz", + "integrity": "sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=" + }, + "toidentifier": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.0.tgz", + "integrity": "sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw==" + }, + "type-is": { + "version": "1.6.18", + "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz", + "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==", + "requires": { + "media-typer": "0.3.0", + "mime-types": "~2.1.24" + } + }, + "unpipe": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", + "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=" + }, + "utils-merge": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", + "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=" + }, + "vary": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", + "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=" + } + } +} diff --git a/package.json b/package.json new file mode 100644 index 0000000..d42302d --- /dev/null +++ b/package.json @@ -0,0 +1,14 @@ +{ + "name": "dictionary", + "version": "1.0.0", + "description": "", + "main": "index.js", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1" + }, + "author": "Sagar Sharma", + "license": "ISC", + "dependencies": { + "express": "^4.17.1" + } +} diff --git a/public/css/style.css b/public/css/style.css new file mode 100644 index 0000000..9c91900 --- /dev/null +++ b/public/css/style.css @@ -0,0 +1,162 @@ +@import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Handlee&display=swap'); + +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body{ + background-color: #7C40FF; + width: 100vw; + display: flex; + justify-content: center; + margin-top: 5vh; +} + +.container{ + background: rgba( 255, 255, 255, 0.15 ); + box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ); + backdrop-filter: blur( 2.5px ); + -webkit-backdrop-filter: blur( 2.5px ); + border-radius: 10px; + border: 1px solid rgba( 255, 255, 255, 0.18 ); + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + width: 70vw; +} + +.searchBox{ + width: 70vw; + height: 15vh; + border-radius: 10px; + display: flex; + align-items: flex-end; + justify-content: center; + padding-bottom: 1.5vh; + background-color: #1e1e1e; +} + +#userWord{ + width: 50vw; + outline: none; + border: none; + background-color: transparent; + border-bottom: 1px solid #fff; + height: 5vh; + padding-left: 5vh; + border-radius: 0px 0px 0px 5px; + color: #fff; + font-family: 'Nunito', sans-serif; +} + +#search{ + width: 15vw; + outline: none; + border: none; + height: 5vh; + border-radius: 10px; + cursor: pointer; +} + +.contentBox{ + margin: 3vh 0vw; + width: 60vw; + border-radius: 10px; + background-color: #fff; + padding: 2vh 2vw; +} + +#word{ + font-size: 2rem; + margin-bottom: 0px; + font-weight: 800; + font-family: 'Nunito', sans-serif; +} + +#speech{ + color: grey; + font-family: 'Nunito', sans-serif; + margin-top: -8px; +} + +hr{ + margin: 1vh 0vw; +} + +#text{ + font-family: 'Nunito', sans-serif; + font-style: italic; +} +dl{ + font-family: 'Handlee', cursive; + font-weight: 600; +} +dd{ + margin-left: 3vw; + margin-bottom: 2vh; +} + +@media all and (max-width: 600px){ + body{ + margin: 0px 0px; + } + .container{ + width: 100vw; + height: 100vh; + justify-content: flex-start; + } + + .searchBox{ + width: 100vw; + border-radius: 0px; + margin-bottom: 1vh; + min-height: 100px; + } + + #userWord{ + width: 70vw; + } + + #search{ + width: 25vw; + height: 10vh; + } + + .contentBox{ + width: 100vw; + } + + p{ + font-size: 1.2rem; + } +} + +@media all and (max-height:500px){ + body{ + margin: 0px 0px; + } + .container{ + width: 100vw; + height: 100vw; + } + .searchBox{ + height: 90px; + width: 100vw; + border-radius: 0px; + } + #search{ + height: 50px; + width: 25vw; + } + #userWord{ + height: 50px; + width: 70vw; + } + .contentBox{ + width: 100vw; + } +} \ No newline at end of file diff --git a/public/img/logo.png b/public/img/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..c8d4dc1c9b3d384fd42f4672a070f753ef8636cc GIT binary patch literal 20029 zcmc({2UJsA*Df4DL=i=#*8~Fs(xi8YiU~zPK%|3o>C!voC`b`VKn3YXKoO-#mwpa4 zNIQV^CJ-sodxw7|ocDb99ryjmU+#Cu9qM44gq^wPn)8{@eCFCa@_{DmG9?Qo1OmCN zs-mm|fsnx<5K@B+=fNw<-p`(bALlLAQOb~0!k^!3b6$a0Et<+cj*qZdUF>OT<=XhPCQyoN@C#Vx$nr z9|$JPtH1&haD3rE9w5-*ZNgjsen5Ke?^piq;3^D!nDENK9iSm3XRrMG!MTXvz^Bh$ zfIwh~|9C(!iul&Q9sF-I^B=?i-Auxz5MLo!`ad81x7g0~AH9h{1GoH7-u&m4{}wYX z!PWhrS^fX$&42v+-{MwqY5(sd_xyhh(*M7!k1+Fs%882?l!X=j-kGc+)}XlELIM`_ zbz4M<5H)n~=jxqfp+gqTZY8x;$A!XtX|YsoD*=!Vh)Pm?M|&ey=}3;sZxw2RkDOzE zwVONRX!l~W;FefT#WM&AFp7)@#$12u!{ont{LZF9-fB}(N$= zg9oznz7-j83dfYuUa1vUSLM6bLYTvZt zXJUy4+uHVMxg;dN@3>5BkojN?Pk>Cq~Kt?x38A8 z_BO>vlaYj!@MVlJJN!9ZfK2e_+=JboyD|NumKg_zQ!%{K!PV0>sgMP4|4sob@-w?u zkNN9;PKQ_0LPFzEX%;n~#^St68b|rNFwf(Vj?DfzJsuGSxp)of}DI+%`xW7h6Z(Lf=I%z zho3~W1IMHT&FDBj+Zr0^M5o>$I0Z3Gir;Eidl?(MhLhZSad=N9tfh4uJ{w-~$f#^I z>T|+>ol-42R>-xC)qh+e!AcL?QT%x^bI;e~eLwuO*8&ZkpB@v}=P=8p4wCUf3uM90 z6VKwmZF)WX&h*Sk!5&V}KN^HG3F)m{B)ynZZ%E$P_RLGl3K8j*k#jf7|5q%zHebRx z!8L3C`g-LHt>av{d12|JbjX5hbSXt!Zkb06KS)eoD>PShtYrPlBagpSTfEV150!+Y zFlBOi{oJbm7#9zdeQ|WNUHFvc*N*(qUczwtWsgQy)Acz1;Iq#>n1HClWs7UqD{kT6 zD7|=*?<3V>Q|vX9y5>N~Qg39RCR8uPhaC7NhSbbYvx_DHK29RVe^)->x4J6@ ziisE0CAn!1|I#RFczHK#&%kdy{eT%BW{Wy^fncU9x+!fLN6YRUJnX#hdc-BJW!`9z zW9`4$vDRtf7%uh5tk4I&C5PM)?!N{DXzH7hByE52gB({l)9H{cjAIf_op@kAuj0V!7qdihEBxz`eX^aj8Oi}WH?}-S3aSA<2T7&S3U$GwC9ED zy*%|jJssyaIzDGLoU}$$TeWgi$I!c6I4pRDV7g~gc*RdM448NX8?D(*WdSoaS zg^7`K`p)eaO*bJGk3>g1rg3N*mB`eTv{Fu;DwdnLvU9rEE5JZxFa;*wBZ+5aXMX7} zUsK8#xR*uScM&U|Il~y11t0vP?z)qANZFGtQ8EqJ-?!wlM=wc*-1qfLeA5u3RAo|) z*&blNzU#_Ku=N26NpG^0bg@Fl&siShhJzH1NGR-QL@eo4&+MD}(%jLR$KBOv1y+Vo zbE@%d!jfe*iMYEjHyC92wJ*>%c#IbIvU4EjgqmMR(*uE8nkLr8H4Q4tU#$w$L%U7qCz8x zixft#QZ$d-St_(Vk5f&2Z4;^YZvM%pdj);nQQBXk-sN)>7EbNaYinzl8yxRSy>uF} z`C)1Oe28Qt=RSI=*2MMRGi5YLir-01SjbiQdg7KB?a!&Ol(2Ivqo|cm)eU||^DFFL zvFk5jCU2c(mu!z0M@kCGAT>3q>*IDB0 zI?r7og!6U80cC9Ts?Gigt413czHBSe;3qXk$>-3p`e*&R`;+vlgTtL9E$1ZWIt8a! zyz=EZQE8EDatQDCbGQwe1b!B7qMPX%V9l8`0rjp+8~5WO%-DGxlwTb=nX8D*dXN{fV^Ei) z2wb8;PIL(j(ej#(eX=dy2>sfPu*ysuI_0Mq?<#q;9?lwu6xbfGxzj;~E67#Kk3=@U zL7H%?Uh6y4M{bF{2yb(6s=pWd8Y%vzm0DEnchci=J}hOo zYUG_#T-Z59heWPPAx^H6<3cj$aRd6;v5H7yz%`TOe4_StR+C2pw-Y>Mi9fFro#jD$5B1yHlg%0L<=HapB2h7~S*est_S1*h11`awV zGn%oKo6>O%$G6}HL@c>Zb@D+DyaTQ=t{X)ic(1mc1q==By)vq$LRLOW9HC=wNiQZV z8vNb4SuW$UVEfQ!txuEflwD&v#u9FP!nD5+Yf?Fa7>ZD0sBI1Fq|Q>nV@lBK(s`7( zXCQwJMCN4rH&aW!JDybgJsDNCdpQrP2Wi?nO2%_6Vt5t3=f4Cc{)vfOfyorPbo!DM zd(gqEgTIWr>~B$BBc6@&GS-!Tt#eYM!f!fJ@FJ--Ho<^CGS;a*==jZF^7a<}N`q~J zVvQc3omk0RW7)mu?V_CqSDE}|kkL(-v6HK%mV3KG(4}5Dl2W;?mh~brs_&z>=-Evt zUXtRs&ymFU_EZ8q-`Z&OZq%yF{FSk|;I$Z@ft*_JD}W3aUAN-OhqUoXsSxv$()Xlo zf6A^~@Pc_|klEgnpGV`njJNFNL%xsRii;d)c-^Lh-OHM(O|PTzlaGO@`g*!J^u*C~ zn5KvDhzkyVb(qWu>-1=(&icBy@Fh)l>Fq6K`D#e?Yv0U)i>jpfM(9$x`s6nn*sB}& zsZ$E&_}Dh$il(Bhk{cTn`@<7gIB0^O>c&jkfT;P@`qJF^>dB<>=beqoNdc%SD>4Iyq z`k_m7>VpdJyw!th_D7VbBYt6$_wI55)b#UyQte75$cH4Fe3J^>P!y*%29Xh_#Oh>b z^$lLfv|PcyJnv;zzZ#3P@SSJA4 zLodI1d%6GwqvbF)+q?U5^ylwUA$E$Q4xMW=yo$kN46xy1D|{n8BfK?-2DZON8BgDP z5$kmCj`e~d;mm)C(!e$^MX|!>CPWLeL7{zP9vusXJ+CRu`VRj0Cq+87V7?gtPLREG z5)B7)Q4k%p+I#4IH`BhVp;h)4(Ry!S{a0YU+SPkFg~h?Tpp95e+e-t^+-f3w)XZqYk*5cc)ZbgOl*%r=FEZs zrY7MQ;u}cKdRw`Jh*&4*5*YnKoxG@J_*xdPyzFJ==$h9$(M?ydgr%?u^Oj41siIBv zSx*i-zD&^Qa3K?_BCei!h8-*_3kd$WdEbLH7wXo_SSz7VIPOPbnOU8iZNf@>o*qYI;hfN*!;d-S}G)cV{}7Is1Uz zov2V;FDs!uqirM+v*oIEFmB~m-PKZWKVEzE(HGG~1Nx{~C;s56wkSU>m;7NxO02>t zJX`lqreOtS^pepIlPUv@zZ^waKX;#A$ikNAq{wvw;S{(FmaoDbMY7@B0jabPRPBjV zL$d|-{DEw}w4mIIUELLTsAZ=(W*`3D-eS+fI1vA-fJvsnr502XJv!KE!4M5+@nrq>+5E z_@4#u6u%KhdcUNB2W5QpG6|}I?3>!5@wzaT6*C@Nvs3N6|0IN< zY(=_yWI~eICG&9yt`r@pCa4V}J(u zD65ozi;lZf0tc{HE2vL-I%M12KoifSa*Z7Ks(B+_S(Q*ALkcPkKx~Ip*#bwED6Z8Yj6{&N;YMT*;doro zsmuh@*|SiDBLiTr1{gzBtmLFiMT187mAz^=yUy^2c#!B|Wp|=!;K%ijz(A)mOV@jM z@C9X-=T&Uag)0rOWL<`hv61szr0}#HeZ1xl?ML*`JmU$6ok<2iZsq_=nTuU;c z^{zzbmmH&O85bq;S?;yAx+6di<)0y)!do7~hQR zEpAbNt#UbO;~Hi4@s9+8c-nYM7>huExtFcbK=B zfaxg(Y$tU;)oST3#RJTqze&LCnST|A618|PLXQk`dVP)ExvoFob{F1$qPZmI z@SIn6=jBq$`v=j1fe1^km}+EfBr7aMnWVT`t(N{`{6o@gl?dxrVjuUwhD5Z)_i0Vf z=p{_^p`qQF^gI2hpvl(6D6hn@!cbH|X8w&AQCF{&wQ|! znoO`aUkkGy_|iqha!xMgx}CJx1V9JIy%wO5wvh9JC?~$L>29n%7fTw zi;Alrh+u|g01_FeHv%9H%2|w0HmYw2*!2*^yG+Rwr)*|e&bV|DsG8p0?K9I9D)d4{ zH|f|->(*VEg6GM>m&CdZ$y3H^+1^vBVKOusV2bn^Q~~+v^gjI{BCd(JnDRFXaQM&^ z-N7p(-%ABhYkkdl#$SaE_B_zjCFBfY+b56j3{QlIBUk7d%0L4oEmG{-+>8_1W_`~H z+s~$fWyFx;r}X?$DshH!-1@{!Z}&&bvnUal&j%DPxX{OlEDtLbDt&E!W2yR`#c`TW z2&1HvkwO&aST3-*{nEYXK-JKRtwsXyk<&&WIrqKspXW!e7%5nwJ^iy+nTUa%kPq4a z8EtlrT;*cV`hx_p#*{mR$QXVkGxhEJWLV#?ikN3Jy6ihpJd^6_bYm862O1CB#@ur_ zdKr>l{b*}a{3ekUNKmMx|4`vaXvPp28O~cj9+F!c#6GFU09<(DVz6=o4Nn+I%B`iy zkK;iG3&=y8TQ^Nvt6UQys+(6rIQ;n?dvai1+_#&rUyB^`~#C^2Nk zfuGDpia$!K9+G8a zV3i(aFMLThl2RdUm*eEmO5;O6^!-&`BN826SsiLDrL?Tnf)mP{0L&-Qu!PqW&s!aK zE-NwlJ+7vqux-ZuMs^KO=C(f7vz^j(340lY*OQ+vth>uydbHDh+V~+vZe?wq%C!F--K4_TdI(7JHYmhTfyLVitUwsR_i3X8?R~3- zsfGEF34v$m`~l*Z=}WBZnspXBfGVsb!be}7Q{i4&^p*7UEcL4zr*PdjoA&upmyFrI zfc+I6S0_~jHLbU=ffxcte)-W#xdn&JZTGnbKyLi#VANEuyYHu(t9bO%Lsver!->cmQV&s8fm;_o|J5aCa8#qa@h;n)3yJomXw$x&(oBW5 z(DtS3EOyVh?cVw<6yOf#ESW!nlU#`{CBGV6&0S;FRi zB3jmT)74kLN6-Zw2vW<5o*vEzU1gO*Otf9W25y{F%>Hsz02P); znIvAWJx*9wcAUMEI|jo1J!y3rYXkvoxw0U&MJrk^@&91j;Ci8zq<#3VLbOEK9CEoqY`<*oY-&i z0?0b!DS}`Y3?eflYj4lPE)@TbmeZ$0<0{MtGymvLgg~VUVY#ou{Mezy6>-*~gS`U1 z8#hOq@hy2ZOso?izoQZ;ALdjh=C6P(I1ODlL+8cS+;?vb@f6HxP%{@pFPZ5U%f{G3rF75z{0HXA4wwP+|2{Q z@;{24wlWBRr;wkfq^3jYbSL$3MLbn1nURV~$bb~PfQyajUq3q*8K=0Wj*)XBwNK<oG;1Fi6`YF69K1N2@-}1Q}$#vGoRHOpFU{wSd3086BI?@$2}^ znOFg-6LGVpElTW7bIUj2>p;6*mbE4=seWpSAJt=kN0M=6kZQXhrfLI*)BucS>M3Zt zYUrN(FDYjp4?mqhWmQC)Kh-idQ3=rBX z^i8>sx_>oNqEymhfHg8Ileiy7csJj{YZ3|nCo*fxdH|qdnKL^CA^G>sPrl}@qulpU z=&RiLC=%#2cR1Y-m*_~jq?9R}aPjIymj8(otNOmR zm7jJ*z@K+woGpp4SS|rsquavVpp#RQm0EE^31bKr%CYHl6H6&zoFiYJ(Zma@04-%- z8$BkO=@Uv9No+g0{gBy~WOMa}j%UY*1TVRu;6sc@Xe=n3_;`_igE* zlS|Q9plKWHalpf+oY;jC3`mmVUtf-BbYN)4Necih{BrKE%_d7hu`biUY4{6XmxTv9xlj4{nR-q!YE5XH!!l zvT!cY9)M+;lL$Qxbh9=NrK5^VWioV+BNCPS=Wu(^fMdLLqt2mxK+P{|^a6xFD$(H0 zRdxkZ>v8Jl3s|p4DF>~n%$e-Gt9%m3*j1lsc_|zr;U|7kVNEJ;7du3e^yb2qqy7&1 z_avfquEG_@TaST4$1OW@R6OpbqdAF^K7OEpOc8g!O5WP$2hTPK&FPIDD~j#uMi3E?-%Lb- zj1^;RYP=4ch?=YD268XC>I?(1$&yb23 zA~uRBFiJ{LVsqQb2mk|mv0(?P(Hv0XY-T<=78r)m!0H=m83lT2I_0G+|#!ig{^aQZY^hSiMfLwFXLxpR;Pr6vklK z36!UNkHp;tTtBN%d6t-L)z~SL4tBU55MAy#c2nLozz7wZYSb*EGZJY8&@W$x9CUTq zF-Zj?Tp<}Ugo#kiPjampsR%xRTO>F(%_T6%Vebe-drsxe>f*eZyl5R=OaH4Owf<#cJP@)dg$ryCdjqum)j+=5ya*4Y+USX&{Ilh00iP_eoPq*3TGLu$Z_QWO(q#& zIX==r-LrnW!UEC^n3p70lT+FF64{myE;)}E;leZwK=!QOzk@Kp(g&PSK(_cj1FXNM z>1GB+@c44ooD~I*UHd^`{z|muIH!)hN^f-BZ#8?j`oa8x9|?q@ZFn_2`$5DQF`@)$ zNkl)mDgipBE<%PMu_s_DKj6G!pl?|vFiD*EPmdxpd%B(!IMtJ5C@ z9a_f~J3J=Nj37Iv8o7zM&wpH=0XhaR!uB#@umwJ57fX4%e@A2WLR(DS5=2J-zhsn3 z0Ay2xJM3)C=6m-l_(Q}M4ABpN^;EiL!lmS8O}7k|Ap4%3ZBt2AB_p2UDpO4RM)a)& z(Nv5Qs{|aMUkFoWgAD^A;xci~%E)nzGf^$bN>V@p0;d@Jssn{w&`TjM(Q6-n4`K)N zkCq_zu6=jFEx*iW7eLw)T%xHuOyNPzpnppO^rB;G9GESp;*xd^U`+%mzA72$yw;Db z*JX%bphu1yif@G5quIQj-~E_pW*@Wx2E6eH?KhGCJLQbCZ{FC-Z!nbLd6Bc&6`MJ; zRKpqX9UT~SRajBp^ZS*BbA(O+AcW@X1+1p|yd202L1JF$l89Cj`a%tR5K$$d%8u-K z$^V6!$9>(^x4=0IhjZpkFv}6G;xDuF0<#RYs5nnznDv1$6R8>Ps2i7+xs5h4?#mDT zo3%?L{99X2k4r1|NJMM1=f6s-PeXD637qNj_5|uNYeG2%j$xe)KQSVwr16=<^vZ5#@hQ{#4?xO-QTLFf069G&Q9nHtWx=&_(e~Ad_H3KUp!Yx!-t#o4$ zAUA*rq#wlNh90|iJX7zBei%U5NyC}t9nA>q12g1~XP(J%THOQ&H~8HXK-k$NhY}m! zvPHutSPMAB-9o-=?1kH&osME7ChL|ps}j?%<{s|!RH|mqqzfb}ypl!~6v&i8NpuRB z_)bj;N@-^U&z7j8BOH|Hfmw zYL#w#TFb3YHIca6k80Q0@pwMU41$x z$B83EIr0?5njxyf$ljX0wI8L#8QuPL6JSQhalp72MB_S1;(4TdFJT-0jALid(2_&k zT%I4}0#Wq~3L4Ccd#7K8wa`?^XuSC+dO5@m6p5&fa&_)|kg7R=t?6l0U%PwO?iNGr z1^Hw_tM|N+Pf%90z~9R@r9DJiEExUp@Y?4(lau=nB-cXV{s*^p3IL>VlzD7G+Hy<) zpeYwyTCXnzr6Yahy z1kms>O}7#?_hIUidet;MA5xjq&D!%>4hcGgvj%J5#QDGU!#Cu(`OLF9-uy4-d(S~R zEas-fIsnS}Nh?HQ8&c`=VCOd~6N31AQ5$`qZP-QUV&;WPn?R2mhzuVkwtE1~I&u{6 zoH@Dx;`h|^Vo%S|T`>9J2UEo3M4Uv)Y)MDrG;4!eQE~aieQKq-O6tZRXHF^DeJ%{ zrePP$i}B}hk=kez?NKno>4*|g^m=_ZROUk%0mff?rnk9`L56piewkV7b(FpQ#sKr7 z!Ue&e(-IPIaK@n_U4Kmq4Faw{Duqxp(?FBxpDyR@0}R=0&QT7TB1$l>Dlpul+u{G@y8; zW38RaEp?;R4pPhZ!WzV8;4^TJJmCv{t-7gVvJ&%*FU|$HmTzR>R`K$#xKP6e)-H2GN`Y}O!w6(aFnP8shY|xup zuvCdkx;v1{s%gxOV5iMxicmg5588SqXOdoe;s^^=K1C^n`&}-rXaPl4VjVqz*z?|u zf$W39BhGsrW0$j`Af{gYVl_aM$$eM&vzUBUg88`d4n!vBTcSl!*-GBir!zvi$LxO9 zVu%gCt6UY)VEfi-T}`>h#ML(1GvZ5sUghp&@OQyrbjM9TS)pzb8*l%~ir~JW1_~Fy z+=FTO%mKIG3{Vhq$BcUpcb<;tT73SXp%Y*}i%DmhVAt)Ntu5l7zYqs@4lp&NOv6W} zMS5vCi3N0<0*BeiT`iuk`(U8tcnY+nm{=E&28N8cNxyttQY#Gie$1tRu7k9B9O!}V zz#e+OECbHltuMkl9kUM#*hKwJd@IU6jK56>;0{n;h!WfWYsA!SkRQ1bhMT4(wn+|@ zSYZj!4hMpmztiJpNXI^`>2K-%g#FdZu1k8Uk-cR^u-Z66aR9x<^_i6?=Y zL(9>Ixgom=1BMnuQ~G)+bl^!f`AilYN&I^A&C1tnc~Ekc zaA6WWdPlaKL99OakArX>fhMonp<#3v<5EzqR9Gt@2xS)#THCm09`OUy^B@YDsj!TT zRRUE~6H30KB)yaKIIr)Cv!TqN-z#15G7h>iZ|-@Sk;GvfZa=1~Rsp zp+Bjx(I|)RytjK_>sPYB*lrr-DsHw3_BCpB3Qnbc81e4(dwq@Do*Z}2Yni4u7jxAx zFqK#|!Oj(gmC|%pxdzx<*rZo-4TUP8O;4tsEy&mqsr8V$*lvD&40iRkr*mvU_5;Jl zqJ#C1*DZqE9dZ>HV~lQuuS!XHwxT$Xsp3ysTXypH)@K`wPu+We z%&t%A$7svr9X>6GVDZXr8iImAu=$uuAZ5g;0h>xjdXK)0X9mQRtAsp?~Un< z-B+wy-b+b#>JCytkG2LW+;(P?;-|C5NaEeLVO`J09)>)8J0Pl5HYZzP{^)A0F?Pdd58M4UzdFnL%Nfb(@V^q-V5=7 z?OJPsDF9qMR6vn9sr*4O*sBPUO%eMG~4BsFM`ix4$ zEVMS7-N4bTe^@(U|`Y7+lRY>seefe)tKrJ z$|-KB@~IHTNZWf1P-0_n0sD+ZXJuYmN-K29`_I(BWN)OcJ0#a>8k~GveJzYAIP$Ka zv4W9t&CHJUePe)D3_@9L%LP<^8pbdyC*;ssQ45XtMfP-ZFH*s( z^x48*z}AskccH=7uo82lzicOkJ1$$bFP zwAkTh_mjZ(t*59Ub>Hgp0%KFHqUYIlt1wk=FzLA%*Nh_Wts~_s!~kZA?TK5|^#Myi zyVXK&9QxDcNV`hCuq%Y?Q6QBk+S(*}Lnn`7QS;(wiNd6BB}vzsTN}MJrk0bd(j69~ z&Z{Pua7jtT#xlafQ9ybK0?gEUU0WkKk%X|C`+-Z}WVp|vK*Pk&26ngRv4ty23*S$U z>l%{CE3?}BBVRa&7M5{ryR^p?4FHYv{d)sUe;UVtqnXqjJJHWJM!p})i+lp{x~yVq zY8T>DkU&vr%mlTv&a~*NjMkY*eGIC|pW3mYyv}Mdgf>Fc5=Trqw^LSVUySYh7w>%y zwx^@<(KAI`kEN_V%**-JMP)4I9RIBZH@3cRqCp3RFT%YP`oA~7jDK6gm3vObC4w#j zIEgq8Bh7w{=6V@RUX+zJ+8~Kilu^2$l+tC&DIo`qbDC^r-n|ip`I8Fk;h?Ej3bo$- z;H=|!elsQK#cHe*m21pL*FFx;;a}7DR67j8Oy1o)=pTX#SohH2Y8_LUu$FZ2ZEIt}G zON_|%^&^}%xQRh)6~<@&x`tV%+RdpL(l+q-XoWO8!hUn~F22dNixo^}y}s*bT}Vol zzhiX$E~dV6YY!(dD!V%MaN6n%2+;WCSB<*I5m*nF9rd5brdOL=cTwUmDqalwuxcmA zXJ$ih7nc@rrYbl%84QU^?CctPKB0rz_3y@Fua{hZi6QQ*Ij52#y6c`--JZ9WE8KP2 z?vyKL-oU`!6EC}w>zQCx7M;TSsAjF`+Vl)#q-M>hCdh(3^J3ez>-b*>jSXKD@D<;? z9n%No6e(5tRopZ2`8YDKPK)jjkrwycx0)vHdpJRQ7*29z5o6$RQ-x`o5}) zH86yCTtS6+ouI+JJ$IqW&>QzPP85*&&~Vlkg#U=vk5^tieNf!TV!P8I|w7Yzwd71+_}Om613)EaknWx%w1&R~7i{0l{BCg08}((xm(!D6V!$*uAJNOqGLi7B{we zTnm|KNm>l&w42ziyNvaKm!#;c%g4@r$FO79zVcCGypnUMzEua!2w9DgW%n(-Z^ljE zO*s}K16u=@C~zSRgQ02VZ^fTv1PsWMiNT9|>Pl!s21Ys+jRuaPZ&+Y<_sSi{uCMR0 zOFJ~6JACs7#clqYm`h{OymBgC`OXggnhE}rny4U5P=K1)>N@zsv?5*nV}??RIDd&< zmI;ab2sLA9f4OR~UGuj?^R2o|*yoE%$-ZOWPN{UkdM$gnCBES&R~zA0iF!QYyP^R~ zn$GjNg=eb7gey4b#!0(Ikt8;kcjzONQNZ8x0yBVaC(`;O+($+PnJ=Bi3F?m1)Y zbr-QE4j46gv!wSAl%Nw264rccKJYn>iho^QYAN{;I_l$m`Se>yU~2EwcT%upaQZos zuorY7~BUp~w`j2oW9@$^y0bz~%M#bR4>9p5-Bsc@6y{Nn68FI|h# zn=Qbs-l%y^~s?de9z`Usa-%%=Uruxu6RL4D(B0F&A+Ootu2X)UQ|HcE zGeVmEN3J2pe3Wiy#KQ84GyBjfrGiI(($uSp_Z8YfwF~*bbdGYz%pXjjq}jzH-v_Z)^~3#EPvL+LGc^aSol1JS?xaQ$BI`|- zSvP%L>miw#6Y*QxdOD4yZRo!8gz{82_+fDK9iYO;OYmPm!`N%bQ}{F(Zj zak_*{Z}gW%~7K56*n&bP{feG z`Vhun&dfNWP$P1*IHbKC+pgmf!DWzHwuc~OF9N;QuEbad{aM{JLRMj7+jU;7@isM= zoS@@scenbHOoGz>&L?WDm?P%C{FRFDv6^&Htr#atR_Y%?9IRb$SzJc_?(em0Ys1*Y zKFKK-Z_{7r>jZiU*l9taB1NloZK>&HKVOh}D&1X-{?h!;VurntqdhOq2b<+mrs|dFea@n(Q)TW zt`km;hN%A8CnX-XEXn-VcpyjcE%Qz__r#5D-9&*W)iDZf-R3rfGoK_8J8awUlqVHD zF7305%*>o5Cwy_({6k=J)VmAxpDX!O<|qkoIsb>%R+cTebrCCo$Yy)5&tg<(^ZT}j z#b=UanqlAi;i+usR){1%qIE9ZjrP^?(oe0b{9i!mAAw&Bn(Hu&acv#iUEf%H@$|2c z7s)m>on!*kd;=?Z(S7arRC!soF;-oSpg`%p-KQW$|@LOo*+d^{L!}66;2s z`m1s3cu&3o1ceHVdSO9<)feW_SVo4Yt1s*>#cFe5ph`*E|CM5GU$MtNzSPZYjsu~L=W7u za`1DlNUyX#)%+$qReh-eFVnX3T)=0Ob_fo_uAm>GZ!n+&ck_;m;Wv+#SkLOK6x=ip}-34XT2 znBD|yXKzIDdjo#xQ~T!gxOdx7^{w$M!t1#4_i$v`GD~~F-XAE2`&X2PD`d=kxnc%hXBIR>-}*%R#OWy2toMoh^>u8+2OPhEu1ynS)!W{3Ke#iv&w7Lkjzo zb6)6&@78Yp0=4~C$@{?e#ewAHvOjA~u60EnO|7+j;f>0wRusRHTCu-Zj>C=J7WEqQ ztj{9AdVQXvtHY38PUO^4R!gX`X%AcQ!PC2Y-P7M9vGq#kv_c9l_ut;C3p{<$Zer&9 zt9QDD^KdfViSN;}E%ar>bV1ZbtQg!_!X<8A&PMagO@O?I2+>5!gvCk?CNTw*(&4?e zxx1|GtkC1P^!ou@r>9Tq6P~)#vCO&1DlXNIWPcfXof|v|FyQyMZL~Sz>{2OonsUBQ zqfTx7=DEdhrcVVCr)%!F|0|cWHwX>k`a@LX@qBvU3Aj zJH^`bgHIx7f4hVs71_|)VqO`szb|dmc+n!fQnw+y$W|O&Fg7Zw??YIv_gf|*r6P&I z#etT!idE{ajr{vpJCn52f6CK-U@(t=V;CjjbsP9QMr=TE-v#S_9w!r*)OpD&1fzFo z;Qz+ZT_XR!dV#Ih+kqYGlRq!SDzW!6rH@;Ae)Zg3x9ARg)!4D#cjQ92_Z`ue`mk*I z#;Zn|aLi?`$-n4MWYM?dWds-3FbS^q-Q}%}irkKqtgi%{S*j-YpL4({23A3Sj2Zv< z{<(usKW7jlIO-wexg5E!RS`9X(S9mlY3wNNF|%%wGORnIIke#e1$Tkc({Ux)7&AiU zZUpYeYEMm)eZk;A4@!mU%_Z0c9ka-FI8;+`nTO_8pa?;fU!pdGH3J%zlf0|OEg>lX z)2YX^99U{8&718d2GV{;zLpgO#T2cRR~)G(M?5^gJ}y~zZqGeO0n+gku9UB@p$?jU z)ur-x?xTaxKjkR*Fp~wBQLpVKxjZ)dEihXXjP6GsmqrpCn~yzEF58i}FJYHiDq@v5 z1p68=$mn16&`GA@A@A#tWYYh%SiDcQ%KoqpRN$paHkUCMr@bMER}JDkI-o~=JY3W> zqT5i3ioQHq@9}VNl6xT>M+Q0V+k353F;k-fF<0!IYUb4tTx2(}BkBPZl?@fFYeQ}dsLqaNPUHmbXI*t;C5P@~qS)6GZH8_7V?r2R!5 zaV*nXdY`&G+UXZ1W)KdAzB!4*y=v8@u2{Jx`DT7EgIAVgW zNIPY$JLfoX*HW#&K`oBDglHX#+1e_^o_hO)I(a{Sc6mW}fY(>RH5pJFYlqFFp^VLl zJUOLc(ad+wl3dGfajG!9nHsaYq9B`E`scZJqW!W1hR$kVx4w!vSG;Q-`90WF_pOA& zcu1{u{)g$)#eN#cl|eqDlKqHyKe*$U7uw*qn%^x^?xSE#>`Roi{}Ja{^+>a z*N`P5m3-<{Kl`-DcBXMe*O`j~*l)A-PLQW;{Kd)c+#w@pyyR_{LutV`BmO~HcG4c1#Gy5@RS&d&`YgK(SS=v1~={%mepI%8G zH0Sr~*p%QJGRKzh_EUJWmM})>6JD7+CzT&>r0(UqEd(bFFi$nkbzRP=5*xm}0L2Yo z0(YKU3$fqdNaDz~zmnJ=b1|Qq5vvYy9VCsPjc0ms^}2Os?h>AbvhVk~(LT zE>WLu)b?ujRBgs5+!Fa2(&6IKk@}^}WnC&8GjxLePKLi5GunD0AAm__(#+M88n_Xg z#Noof{`#{LTkm)8+mCHMs(jc$8G4wV`)btgUhvM-$&%|zfxmO+i71U9lM!lOPf-mN zSH%c!W=}N^a9Zk)lkxVcZt+Z%$rrJ4@SVyM40_Ru*>%oXe*24#A0X=k4ewD~%hB=c z%`T?hCMI7u6JFh%6&rLpS^rLI{kcVue>PxQ+|}LpGp_kr(rBBQkN1-7usdD?F~!f7<*;IKi;gji_j{-M3d0#s&|cHQKqlQ1yMFIYx z`qoPA>aK5aM#5Sy&Ix`L;j@iK%qJ@m}lw{;RZ9Mi?dv`AQ9WHt~qYkgk+I<_tPE4L^ z#IttmGPfG)HWVuL*9{+KgiE~;4tjEbDDZ=oCuoPj{?@Ovub+1R6r56e>DXXiZ_c_i z;g;#f*JJislQKj;TjWTA5+mosLM!>!#YzUm%kNx{g|ggZZf@#(htv*@Q&4u-`v*_w zM`#;Q*+!UL#x0x-96zlQVzwz>reSx7R~eMwymj6muP^h23L~eccum0yA=C(|IOJ)X z^3lUt)Jn}@G@1~M|HHGH{j0dKS+=Pv;>#1UUD9H~`mk_R7B<{JY77 zw}`L&XWRdI3lzQo^suRad$bhsGyk&mACvz%AR73O$^RVuo5}xN#8udT?*oPYmmh`o z|7h?3vakPdTufM)e?0p?9}w*N$Ho5~{D1WIf3{uZ|I{<4Rvk~Fl^$2z-0f{#JS{x!U0om|p$1E<;9ZF7Jx%3;JCC3JU%`WS8vp { + e.preventDefault(); + let searchWord = userWord.value; + if(searchWord == ""){ + alert("First type any word..."); + location.reload(); + } + let API_URL = `https://www.dictionaryapi.com/api/v3/references/learners/json/${searchWord}?key=9284d4a3-9817-41b9-969e-f83a87fca44a`; + // use your own api key +// on window load function +(async function(){ + try { + word.innerHTML = "Loading..."; + speech.innerHTML = "Loading..."; + text.innerHTML = "Loading..."; + example1.innerHTML = "Loading..."; + defination1.innerHTML = "Loading..."; + offensive.innerHTML = "Loading..."; + + + const fetchData = await fetch(API_URL); + const jsonData = await fetchData.json(); + + word.innerHTML = jsonData[0].meta.id; + speech.innerHTML = jsonData[0].fl + text.innerHTML = `[${jsonData[0].hwi.prs[0].ipa}]`; + defination1.innerHTML = jsonData[0].shortdef; + try{ + example1.innerHTML = jsonData[0].def[0].sseq[0][0][1].dt[1][1][0].t; + }catch(err){ + console.log(err); + example1.innerHTML = "Not Found" + } + offensive.innerHTML = `Offensive: ${jsonData[0].meta.offensive}`; + } catch (error) { + console.log(error); + errorText.forEach((text) => { + text.innerHTML = "Not Found..."; + }); + } ; +})(); +}); \ No newline at end of file diff --git a/src/app.js b/src/app.js new file mode 100644 index 0000000..3e75703 --- /dev/null +++ b/src/app.js @@ -0,0 +1,11 @@ +const express = require("express"); +const app = express(); +const path = require("path"); +const port = 8000; + +const filePath = path.join(__dirname, "../"); +app.use(express.static(filePath)); + +app.listen(port, () => { + console.log(`Listening on port number ${port}`); +}); \ No newline at end of file