dondi / GRNsight

Web app and service for modeling and visualizing gene regulatory networks.
http://dondi.github.io/GRNsight
BSD 3-Clause "New" or "Revised" License
17 stars 8 forks source link

Web site content #21

Closed kdahlquist closed 10 years ago

kdahlquist commented 10 years ago

Here are some initial comments on content on the web site that needs to be added/edited.

  1. On the People page, we need a header called "Principal Investigators" above the professor's names. We also need a header for "Research Assistants" below the section for Masao. Then you need to list Nicole, Britain, and Katrina like has been done on the XMLPipeDB People page.
  2. On the Contact page, we need to add Dr. Fitzpatrick.
  3. The Download link needs to go to the appropriate place on the GRNsight Github page.
  4. On the Publications page, start a subsection entitled "Abstracts". Give the citation for the abstract that Nicole and Britain submitted to the LMU Symposium similar to what is on the XMLPipeDB Publications page. You can also include the text of the abstract there.
  5. Is there a way to put the LMU logo on the upper right of the page, with the tagline "A Joint Project of the LMU Bioinformatics and Biomathematics Groups"
  6. On the About page, let's be consistent with capitalization for GRNsight and GRNmap. "GRN" will always be capitalized, but "sight" and "map" will not. "Excel" does need to be capitalized. Remove "model and" from the second sentence because for now we are just doing the visualization piece.
  7. On the News page, put a news item that's dated from the day of the Github site. It should say "The GRNsight Project is established on GitHub."
  8. On the Documentation page, say "For current documentation, please visit the GRNsight wiki." with a link to the Running the application wiki page.
  9. On the Links page, have a section called "Software" and a link to "GRNsight @ GitHub" with a link to the projct GitHub page. With these changes, we will have at least some minimal content on each of the web site pages.
kdahlquist commented 10 years ago

I verified that items from the 2/27/14 list are either completed or obsolete. Here is a new list of changes for the web site:

  1. The title bar currently reads "GRNsight by Dondi". Can we change this so that it reads "GRNsight - Home", "GRNsight - About", etc. for each of the subpages?
  2. Can you make it so that the developer link to GitHub opens in a new tab/window and that the link to the wiki opens in a new tab/window?
  3. Can we left-justify the title of the page (About, News, etc.)? Right now because it's centered and I have a large window open, the titles seem to just be floating in a weird place.
  4. On the People page, we need to clarify what the dates are listed after the Research Assistant Names. Let's modify it so that both the graduation date and dates of work are listed. For example, Nicole Anguiano (LMU Computer Science '16) Spring 2014-present, Britain Southwick (LMU Computer Science '14) Spring 2014, Katrina Sherbina (LMU Biomathematics, '14) Spring 2014.
  5. For the LMU logo on the upper right, can the white box be both flush right and top and the tagline moved to be flush with the left side of the white box?
  6. I'd like to change the tagline for the entire site to read "Web app and service for visualizing models of gene regulatory networks."
kdahlquist commented 10 years ago

GitHub just changed my numbering in the previous comment--I had intended to start the numbering from 10 so we wouldn't confuse the items...oh well.

kdahlquist commented 10 years ago

Moved this open item from Issue #1.

Include Creative Commons link: http://creativecommons.org/licenses/by-nc-sa/3.0/

The link text should be "Content is available under Creative Commons Attribution Non-Commercial Share Alike."

Should become part of the footer for every web page.

kdahlquist commented 10 years ago

I've uploaded the LMU symposium and 402 presentations to slideshare. I'd like to use these as news items on the news page and also on the publications page.

Text for News page (list these in reverse chronological order):

May 8, 2014 Britain Southwick gives a presentation about GRNsight at the Loyola Marymount University CMSI 402 Senior Project Presentations event. Click here to view slides. [The link can either go to slideshare at http://www.slideshare.net/GRNsight/southwick-britain-grnsightcmsi402presentation20140508 or to our publications page where we embed the presentation with the code

] March 29, 2014 Britain Southwick and Nicole Anguiano give a presentation about GRNsight at the Loyola Marymount University Undergraduate Research Symposium. Click here to view slides. [The link can either go to slideshare http://www.slideshare.net/GRNsight/southwick-anguiano-lmusymposiumpresentation20140329 or to our publications page where we will have an embed code to show the slides ] On the Publications page please do the following: - Change the heading from "Abstracts" to "Presentations" - Leave the abstract that is there as is, but remove the link to the wiki page. Create a header for Loyola Marymount University Undergraduate Research Symposium. Put the date, March 29, 2014, then put the title, authors, and abstract, then embed the presentation slides with the code above. - Create a second header for Loyola Marymount University CMSI 402 Senior Project Presentations. Put the date, May 8, 2014, then put the title and then embed the presentation slides with the code above. If for some reason we don't want to embed the presentation, just link to the Slideshare site.
NAnguiano commented 10 years ago

I believe each of the 6 items from 6/9/14 is now done. In order to make the LMU logo flush with both the top and the bottom, I enlarged the logo slightly, but it's pretty easy to shrink it back down if necessary. I believe everything else is done as well, with the exception of entering the date that the server began running into the news page. I added the Creative Commons link to the footer of each page, added the news to the News page, and revised the publications page.

kdahlquist commented 10 years ago

I've gone through to verify that changes are completed and here are some final tweaks:

  1. The page title for the GRNsight Contact page still says GRNsight by Dondi instead of GRNsight - Contact.
  2. Did the aspect ratio of the LMU logo change when you enlarged it? It looks a little stretched and fuzzy to me. I don't have a problem with enlarging it, but I want to make sure that it's the correct aspect ratio and is as high resolution as reasonable so it doesn't look fuzzy when displaying. For the text about the joint project..., can it be aligned either with the bottom of the Loyola Marymount University part of the LMU logo or with the GRNsight tagline on the left-hand side, whichever looks better.
dondi commented 10 years ago

If there is no built-in way to change the default title (I would look at the GitHub Pages documentation for that), a little jQuery can do the trick:

$("title").text("(put desired title here)");

But I’d do that only as a last resort, if GitHub Pages turns out to not have a sanctioned method for customizing the title.

kdahlquist commented 10 years ago

The 402 presentation is not yet posted on the Publications page. Please do it the same way that you did the LMU symposium slides. Thanks.

dondi commented 10 years ago

For best possible quality, use EPS files from http://www.lmu.edu/about/services/identity/The_LMU_Logo.htm. Preview can open these and export in a way where you can control the resolution. Guideline is to produce an image with twice the dimensions of the target size. See how that looks when scaled by the browser; compare to another image with precisely the target resolution. If it isn't clear which is better, share and we can pick one.

NAnguiano commented 10 years ago

I've upped the resolution of the LMU Logo. To accommodate the higher-resolution image without it looking funny, I increased the width of the image on the page, though the height is the same. I tried comparing an image of twice the dimensions of the target size with an image that was exactly the target size, and they looked very similar to me. Currently the pages are using the higher resolution image, but I'll post an image of each one below. I also pushed down the text that was along the side of the LMU logo so that it was in line with the words "Loyola Marymount University" in the logo. Let me know if it should be moved somewhere else.

Here's the image that was shrunk down to the target size: lmulogodoubledsize

And here's the one that is exactly the target size: lmulogoexactsize

kdahlquist commented 10 years ago

With regard to the resolution of the logo--the one you have "live" on the web site looks OK to me. The two you put in your comment are not really a fair comparison because they don't scale when I zoom into the page like they do are the real web site, although I do think the top one is slightly better.

With regard to the alignment of the tagline, I realize I wasn't clear--I meant that the bottom of the third line of text should align with the bottom of either "University" the other tagline or both. so that would mean that it needs to shift up a little from where you have it now.

NAnguiano commented 10 years ago

Do you want me to upload the other image to one of the pages for a more proper comparison?

I moved up the tagline so it aligns with the bottom of "university". Let me know if it looks better now.

kdahlquist commented 10 years ago

I guess so, might as well.

Tagline looks good.

NAnguiano commented 10 years ago

I uploaded the other image onto the beta page for comparison purposes.

kdahlquist commented 10 years ago

The one on the main home page looks better than the one on the beta page. So, when you've replaced the one on the beta page, you can close this issue.

NAnguiano commented 10 years ago

I changed the image back over, so I'll close this one up.