Design issues about thilo HOT 8 CLOSED

Thank you for your elaborations. We were able to test the quiz. We will now add more realistic data to evalute the solution better.

from thilo.

• Favicon: where in strapi?
• multiple images: relative units break inline layout. <div>s in <p> elements not allowed according to HTML spec. currently, <span>s are used instead, but this solution is unsatisfactory. Revert to <div>s and take undefined behaviour in account, if it allows better layout with less strapi markup?
• section title pages? some designs are available and not currently in use anywhere.
• quiz design: more consistent button and entry possibilities, style around default scout-ch color palette?

from thilo.

I agree with your points @broesmel

from thilo.

@broesmel : regarding your points following my thoughts

• Favicon: Can we ship the favicon within the frontend (public folder)?
• Multiple images: i think we should simplify the markdown layout as much as possible as it enables less IT affiliated people to write content for thilo.
• Section title: I do not fully understand this point
• Quiz design: would be nice if it could look similar to our main scouting website: https://pfadi.swiss/de/go/mitmachen/

Furthermore the following important considerations should be addressed in the upcoming iteration:

• Mobility view
• Offline functionality / Slow internet connection / caching: considering in what environment the app is being used

@aladwani and @broesmel : thank you a lot for your great work so far! I marked all issues (including this, with "clarification") which would make sense to quickly discuss during our upcoming meet.

from thilo.

Discussed in meeting

• section page will not be used
• Multiple images: we will consider using div tags

from thilo.

fixed in the title causes this issue to close itself when addressed in a commit

from thilo.

Status of open tasks

• Favicon: served within public repo
• Multiple images: is working (e.g https://scout-ch.github.io/thilo/#/Pfadi-Allgemein).
• Quiz design: I was not able to find a link to the quiz. Could you provide a link to it?
• Mobility view: is working
• Offline functionality / Slow internet connection / caching: not implemented yet

@broesmel : could you please confirm the above summary regarding the status of the tasks?

from thilo.

Hi @jimmylevell! I added the link the quiz back in.
Furthermore, a basic caching implementation is in place: Data is pulled on first load and then reused from local storage. To disable this (during development / adding content), you can add an item to your local storage of the page named 'always-reload' and set it to true.
This is not a true offline solution and will require more work to make it offline-only ready. Could go hand in hand with the release of a mobile app?

from thilo.