Sirota Lab

How to Add Team Members

1. Add their image to the images folder
2. In the index.html file, search for "Add Team Member Below"
3. Copy and paste the following template to match all the others:

<div class="col-xs-12 col-sm-4 sub-section person">
  <div class="col-xs-4 col-sm-12">
    <img class="img-fluid icon-img" src="images/[file name of image].jpg">
  </div>
  <div class="col-xs-8 col-sm-12 description-section">
    <h3><a href="[website of teammember]">MEMBER NAME</a></h3>
    <h4>TITLE</h4>
    <p>DESCRIPTION</p>
  </div>
</div>

4. Provide the file name for the image in img src; be sure to leave images/ at the beginning since the image is in this directory.
5. Provide the website for the team member in a href. Be sure to use "http://" or "https://" at the beginning of the link.
6. After entering their name and title, make sure the description is not too long so that it is consistent with the others.
7. Save, test, commit!

How to Add Publications

1. In the index.html file, search for "Add Publications Below"
2. Copy and paste the following template to match all the others:

<li> Authors,
  <strong>Sirota M</strong>,
  Title, publication info,
  <a href="https://www.ncbi.nlm.nih.gov/pubmed/********">
    **********
  </a>
</li>

3. Fill in everything as usual, but keep Sirota M strong!
4. Place the PubMed PMID where there are *********, and be sure to test the link
5. Save, test, commit!

To-Do List:

6/15:

• Place images into separate image directory
• Remove extraneous files, e.g. in apps (This step after each change and at end)
• Create 'landing' page that will eventually replace index; use Bootstrap
  • Create head material to load bootstrap and all other desired libraries
  • Create bootstrap navbar to be used on all pages
  • Create social media footer to be used on all pages
  • Move images in "uploads" to images directory, remove it
  • Remove extraneous files, e.g. in apps (This step after each change and at end)
  • Think of ways to use Vue for repetition
• Replace index.html
  • Make icon and about the lab link to index
• Redo 'research' page
  • Replace head, navigation, and footer
  • Move images in "uploads" to images directory, remove it
  • Remove extraneous files, e.g. in apps (This step after each change and at end)
  • Make icon and about the lab link to index
• Redo 'people' page
  • Replace head, navigation, and footer
  • Move images in "uploads" to images directory, remove it
  • Remove extraneous files, e.g. in apps (This step after each change and at end)
  • Make icon and about the lab link to index
  • Replace content
  • Find and add links to each person!!!
  • Clearfix or equal out column heights; use grid
• Redo 'publications' page
  • Replace head, navigation, and footer
  • Replace content
• Redo 'teaching' page
  • Fix file names of images
  • Replace head, navigation, and footer
  • Replace content
• Redo 'open positions' page
  • Replace head, navigation, and footer
  • Replace content
• Fix margin issue above footer on each page
• Make <b> or <strong> consistent and actually bold

10/9:

• Remove double helix
• Add new logo
• Refactor as single-page site
  • Research
  • People
  • Open Positions
  • Teaching
  • Publications
• Anchor navigation
• Resize logo
• Reformat logo and toggle button for mobile
• Reformat navigation
• Set body in margins
• Set all images to max original size
• Replace all VW with pixel values
• Network effect in side margins
• Create various options for coloration
• Create top margin for sections to compensate for nav-bar size
• Float logos
• Fix footer position
• Adjust navigation background color
• Make max-width of nav same as body
• Full-width sections
• Enlarge logos

10/12

• Correct logo size on phone
• Correct sizing of navigation LIs in mobile dropdown
• Single-page smooth scrolling
• Auto-close menu on mobile when selection is made
• Make content background transparent for lighter gray

10/13

• Add icons to Openings
• Remove flyers from Teaching
• Switch Openings and Teaching
• Even out the padding
• Favicon of Sirota Lab logo
• Legal and format for footer
• Write documentation for how to:
  • Add and remove team members
  • Add and remove publications
• Active menu item on click