Provide design suggestions for LiveCoMS web site
Opened this issue · 2 comments
mrshirts commented
- Likely, much of the detailed instruction will remain at https://livecomsjournal.github.io/, since we can edit it more easily. It could be useful to match that aesthetic in the main OJS-hosted main website.
- It would be useful to have a way to label the type of "announcement" as such. Existing announcements are given the category of "Blog Posts", but that doesn't appear next to the announcement. For example, putting the name of the article type at the front of the article. (MRS: very hard to do this with just CSS).
- Better header at the top of the web page. Images found on https://www.livecomsjournal.org/ can be used (except the individual articles ones). (MRS: I made this work bit better with CSS, now ALMOST full screen. I don't think the border can be eliminated with just CSS.).
- Make the PKP image in the footer, smaller, inline with the text (MRS: Done!).
- Change dates of release on blog posts on first issue/second issue/etc. (MRS: Required a database change, but done!).
- Larger, perhaps cleaner font (see https://livecomsjournal.github.io/ for a cleaner aesthetic). (MRS: I've made some changes, bumping up sizes of fonts a bit and reducing the amount of whitespace between lines sometimes?).
- Remove article number from the issue display (currently, they are on the far right of the article window) (MRS: probably can't be done with just CSS)
- Can the images be made larger in the article views? (like on https://journals.colorado.edu/index.php/livecoms/article/view/1113). Right now, they are small on the upper right, below the title. Perhaps bigger, centered at the top of the article, right below the title? (MRS: this could probably be done with some CSS work).
- In the main issue view (https://journals.colorado.edu/index.php/livecoms/issue/view/105), could some sort of cropping be done so that the images are more uniform in size, or different in size? (MRS: looks like could be done with some CSS work, but messy. Not clear the right choice)
- Spacing on https://journals.colorado.edu/index.php/livecoms/announcement looks really bad. (MRS: I made a few tweaks of whitespace/font size that should help a bit)
- Can we set it so browsing is by issues as well as categories? (MRS: this is now implemented, see how it looks!)
- Add an embedded twitter feed (MRS: Working now!)
- Can we get rid of the color around the cover image (MRS: no, not for now, not without some CSS work on the template. We could maybe blend it in a bit more with an image program beforehand).
- Is the title a bit blurry? (MRS: I could possibly redo it as a PNG, not sure if that would change things, probably is OK?).
dwsideriusNIST commented
Is the site a hack / derivative of WordPress? Certain structural elements are very familiar...
mrshirts commented
The site is using this theme: https://docs.pkp.sfu.ca/pkp-theming-guide/en/theme-manuscript.html. Perhaps they made it look like WordPress.