From da3b93125929eb43b5c24326793c91edb6f5ea8a Mon Sep 17 00:00:00 2001 From: TachoBlade <47395463+AdityaPrasad275@users.noreply.github.com> Date: Wed, 19 Apr 2023 20:14:23 +0530 Subject: [PATCH 1/5] linked notion sit --- README.md | Bin 34 -> 112 bytes 1 file changed, 0 insertions(+), 0 deletions(-) diff --git a/README.md b/README.md index d74515e102358d59137755bac45f8153eb90f1b2..a7fab786ae54a7f2f0af72c4a7899170400fa769 100644 GIT binary patch literal 112 zcmaFAd%vjvjL>zWuFn4}sdC8rsgo0u3FC0iyXn_3vAnHVM+ M7?>KRCh>9s0Fs#`MgRZ+ literal 34 mcmezWPnki1A($bDA(J76A(f$+!HB_+A)lcH%;sg_VgLY`mIn6# From 48bb1118de7e498237d9919609eb1c099c07f05a Mon Sep 17 00:00:00 2001 From: TachoBlade <47395463+AdityaPrasad275@users.noreply.github.com> Date: Wed, 19 Apr 2023 20:19:54 +0530 Subject: [PATCH 2/5] Create result.md --- result.md | 1 + 1 file changed, 1 insertion(+) create mode 100644 result.md diff --git a/result.md b/result.md new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/result.md @@ -0,0 +1 @@ + From cf65fb780242bf56caa75c1f8ac9ac9ca8d04f29 Mon Sep 17 00:00:00 2001 From: TachoBlade <47395463+AdityaPrasad275@users.noreply.github.com> Date: Wed, 19 Apr 2023 20:20:52 +0530 Subject: [PATCH 3/5] added more libraries errors were thrown for openai and pypdf not installed --- requirements.txt | 2 ++ 1 file changed, 2 insertions(+) diff --git a/requirements.txt b/requirements.txt index e92d54d..2a62914 100644 --- a/requirements.txt +++ b/requirements.txt @@ -4,3 +4,5 @@ pandas requests paytmchecksum langchain +openai +pypdf From b4ed957516cc2e88c5331d9aa4551192c5095751 Mon Sep 17 00:00:00 2001 From: TachoBlade <47395463+AdityaPrasad275@users.noreply.github.com> Date: Fri, 21 Apr 2023 06:33:51 +0530 Subject: [PATCH 4/5] Simplistic frontend design Added the uploading slides utility along with outputting the summary file. The "progress area" and summary output area (where file appears/displays) has 2 cards each which needs to be swaped out as per the requirement. The backend handles this which i did try to wrap my head around but cant understand its react implementation. The header/nav bar is beyond me, may gods bless me with knowledge of whatever the f is web dev --- index.html | 93 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 93 insertions(+) create mode 100644 index.html diff --git a/index.html b/index.html new file mode 100644 index 0000000..c53c219 --- /dev/null +++ b/index.html @@ -0,0 +1,93 @@ + + + + + + + File Upload JavaScript with Progress Ba | CodingNepal + + + + + +
+
+
Your Slides go here.....
+
+ + +

Browse File to Upload

+
+
+
  • + +
    +
    + report.pdf • Uploading + 20 % +
    +
    +
    +
    +
    +
    • +
    +
    +
  • +
    + +
    + report.pdf • Uploaded + 3.6 mB +
    +
    + +
    • +
    +
    + +
    +
    And out pops the Summary.
    + +
    +
  • + +
    +
    + Summary • Generating + 20 % +
    +
    +
    +
    +
    +
    • +
    +     + +
    + +
  • +
    + +
    + Summary.pdf • Generated + 2.31 mB +
    +
    + +
    • +
    +     +
    +
    + + + + \ No newline at end of file From 3e5ee39f40a5f3564396976e05301195d1d3ab9b Mon Sep 17 00:00:00 2001 From: TachoBlade <47395463+AdityaPrasad275@users.noreply.github.com> Date: Fri, 21 Apr 2023 06:56:10 +0530 Subject: [PATCH 5/5] css for index.html --- style.css | 147 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 147 insertions(+) create mode 100644 style.css diff --git a/style.css b/style.css new file mode 100644 index 0000000..054f7d4 --- /dev/null +++ b/style.css @@ -0,0 +1,147 @@ +/* Import Google font - Poppins */ +@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap'); +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: "Poppins", sans-serif; +} +body{ + display: flex; + justify-content: center; + min-height: 100vh; + background: #6990F2; + margin: 0; +} + +::selection{ + color: #fff; + background: #6990F2; +} +.wrapper { + display: flex; + flex-direction: column; /* stack boxes vertically */ + align-items: center; /* center horizontally on desktop screens */ + background: #6990F2; + border-radius: 10px; + margin: 30px; +} +.box { + background:rgb(9, 52, 243); + width:80%; + margin: 50px; + border-radius: 5px; + padding: 10px 20px; +} +@media screen and (max-width: 767px) { /* for mobile screens up to 767px width */ + .wrapper { + width: 80%; /* full width */ + margin: 0; /* remove horizontal margin */ + } + .box { + width: 100%; /* full width */ + margin-bottom: 10px; /* add vertical margin between boxes */ + } +} + +.box header{ + color: rgb(179, 209, 219); + font-size: 27px; + font-weight: 600; + text-align: center; +} +.box form{ + height: 167px; + display: flex; + cursor: pointer; + margin: 20px; + align-items: center; + justify-content: center; + flex-direction: column; + border-radius: 5px; + border: 2px dashed #6990F2; +} +form :where(i, p){ + color: #6990F2; +} +form i{ + font-size: 50px; +} +form p{ + margin-top: 15px; + font-size: 16px; +} + +section .row{ + margin-bottom: 10px; + background: #E9F0FF; + list-style: none; + padding: 15px 20px; + border-radius: 5px; + display: flex; + align-items: center; + justify-content: space-between; +} +section .row i{ + color: #6990F2; + font-size: 30px; +} +section .details span{ + font-size: 14px; +} +.progress-area .row .content{ + width: 100%; + margin-left: 15px; +} +.progress-area .details{ + display: flex; + align-items: center; + margin-bottom: 7px; + justify-content: space-between; +} +.progress-area .content .progress-bar{ + height: 6px; + width: 100%; + margin-bottom: 4px; + background: #fff; + border-radius: 30px; +} +.content .progress-bar .progress{ + height: 100%; + width: 0%; + background: #6990F2; + border-radius: inherit; +} +.uploaded-area{ + max-height: 232px; + overflow-y: scroll; +} +.uploaded-area.onprogress{ + max-height: 150px; +} +.uploaded-area::-webkit-scrollbar{ + width: 0px; +} +.uploaded-area .row .content{ + display: flex; + align-items: center; +} +.uploaded-area .row .details{ + display: flex; + margin-left: 15px; + flex-direction: column; +} +.uploaded-area .row .details .size{ + color: #404040; + font-size: 11px; +} +.uploaded-area i.fa-check{ + font-size: 16px; +} +a { + color:inherit; + text-decoration: inherit; +} +header { + color: #fff; +}