Commit 5f4f4f6c authored by Porter Libby's avatar Porter Libby
Browse files

update

parent ed5cbcf7
......@@ -23,5 +23,33 @@ The website is still static at this point, meaning that it doesn't have a server
The Earlham copy of the website exists here: https://epicjourney.cs.earlham.edu/
## PDF Export
The website allows exporting a PDF through the html2pdf library. The following element is the template for this PDF. The following can be controlled and modified by adjusting the `public/css/pdf.css`, and its contents can be changed by modifying the `generatePDF()` function in `public/js/main.js`.
```html
<div style='display:none; width: 100%; height: 100%;'>
<div id='pdf_out'>
<h>Your EPIC Journey Selection</h>
<div id='pdf_content'></div>
</div>
</div>
```
## Detail Modal
The modal has a simple structure within `index.html`. Its styles can be adjusted in the `public/css/modal.css` file. The functions which control the population of information into the modal are in `public/js/modal.js`, and are named in corrospondence with the sections they control.
```html
<div id="myModal" class="modal">
<!-- Modal content -->
<div id='modal_body' class="modal-content">
<div style="display:inline-block; width: 100%;">
<span id='close_btn'></span>
<div id='modal_text'></div>
<iframe id='modal-video'> </iframe>
</div>
</div>
</div>
```
......@@ -47,21 +47,16 @@
<body>
<!-- The Modal -->
<div id="myModal" class="modal">
<!-- Modal content -->
<div id='modal_body' class="modal-content">
<div style="display:inline-block; width: 100%;">
<span style='font-size:35px !important;' id='close_btn' class="close">&#10005;</span>
<div id='modal_text'>Some text in the Modal..</div>
<iframe id='modal-video' allow_embedding=true width="40%" height="300px" src="https://www.youtube.com/embed/vjsbZiBVFRM"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope;
picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
<div style='display:none; width: 100%; height: 100%;'>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment