diff --git a/README.md b/README.md index d74515e..a7fab78 100644 Binary files a/README.md and b/README.md differ 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 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 diff --git a/result.md b/result.md new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/result.md @@ -0,0 +1 @@ + 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; +}