Added dropzone (but it isnt functioning yet)

Author: Mobmaker55

Dockerfile

@@ -1,5 +1,5 @@
 FROM docker.io/python:3.8-buster
-MAINTAINER Devin Matte <matted@csh.rit.edu>
+MAINTAINER Computer Science House <webmaster@csh.rit.edu>
 
 RUN mkdir /opt/conditional
 
@@ -12,18 +12,19 @@ RUN apt-get -yq update && \
     pip install -r requirements.txt && \
     apt-get -yq clean all
 
-ADD . /opt/conditional
-
 ENV NVM_DIR /usr/local/nvm
 ENV NODE_VERSION v10.24.1
 RUN mkdir -p $NVM_DIR
 
 RUN curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.0/install.sh | bash
 
-RUN /bin/bash -c "source $NVM_DIR/nvm.sh && nvm install $NODE_VERSION && nvm use --delete-prefix $NODE_VERSION && npm install && npm run production"
+RUN /bin/bash -c "source $NVM_DIR/nvm.sh && nvm install $NODE_VERSION"
+
+ADD . /opt/conditional
+
+RUN /bin/bash -c "source $NVM_DIR/nvm.sh && nvm use --delete-prefix $NODE_VERSION && npm install && npm run production"
 
 RUN rm -rf node_modules && \
-    apt-get -yq remove nodejs npm && \
     apt-get -yq clean all
 
 RUN ln -sf /usr/share/zoneinfo/America/New_York /etc/localtime

conditional/templates/major_project_submission.html

@@ -6,6 +6,10 @@
 
     <div class="container main">
         <h3 class="page-title">Major Project Form</h3>
+        <!--TODO: put a box explaining major project -->
+        <div class="panel panel-default">
+            <p>This talks about major project submission guidelines</p>
+        </div>
         <form data-module="majorProjectForm">
             <div class="panel panel-default">
                 <div class="panel-body">
@@ -23,10 +27,38 @@ <h3 class="page-title">Major Project Form</h3>
                         </div>
                         <div class="col-lg-6">
                             <label class="form-label" for="time-commitment">Time Commitment</label>
-                            <textarea id="time-commitment" name="time-commitment" class="form-control" rows="5" wrap="hard"
+                            <textarea id="time-commitment" name="time-commitment" class="form-control" rows="5"
+                                      wrap="hard"
                                       placeholder="Tell us about how much time you spent on the project."></textarea>
                         </div>
                     </div>
+                    <label class="form-label" for="description">Detailed Description</label>
+                    <textarea id="description" name="description" class="form-control" rows="10"
+                              placeholder="Tell us everything! More information is better than less."></textarea>
+                    <div class="row">
+                        <div class="col-lg-4">
+                            <label class="form-label" for="links">Project Links</label>
+                            <textarea id="links" name="links" class="form-control" rows="2"
+                                      placeholder="If you have links (GitHub, YouTube, etc.), put them here!"></textarea>
+                        </div>
+                        <div class="col-lg-4">
+                            <label class="form-label" for="project-files">Photos and Files</label>
+                            <div class="dropzone" id="project-files">
+                                <div class="dz-message">
+                                    <img src="../images/user_upload.svg" width="72px">
+                                    <div class="upload-title">Upload Photos and Videos</div>
+                                    <div class="upload-sub">Drag files here or click to upload.</div>
+                                </div>
+                            </div>
+                            <script>
+                                $("#project-files").dropzone({
+                                    // autoQueue:false,
+                                    parallelUploads: 10,
+                                    uploadMultiple: true,
+                                })
+                            </script>
+                        </div>
+                    </div>
                 </div>
             </div>
             <div class="panel panel-default">