about_tutorial.rst 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. About The Tutorial
  2. ==================
  3. It is recommended that you follow the tutorial as closely as possible. This allows you to troubleshoot most issues on your own.
  4. If you find an errors, typos, or discrepancies, please let us know.
  5. `Preview the demo project here <https://crxpharma.codered.cloud/>`_
  6. `Code for the demo project here <https://github.com/Zsvoboda87/wagtail-crx-demo>`_
  7. Screenshots
  8. -----------
  9. Visual Studio Code is used as the code editor for coding specific screenshots. There are many extensions and themes available for Visual Studio Code.
  10. It is likely that your code editor will look slightly different.
  11. Sass support
  12. ------------
  13. This tutorial uses sass support. This allows us to easily override the default bootstrap colors.
  14. The few extra steps at the beginning saves us from writing more CSS to accomplish the same goal.
  15. See: :ref:`sass_install`
  16. After following the installation guide and compiling the sass (step 7), your site should look like this:
  17. .. figure:: images/about_tutorial/about_tut_start.jpeg
  18. :alt: Starting Page
  19. The Starting Page.
  20. If it does not look like that:
  21. * Make sure you compiled the sass and followed :ref:`sass_install` and not the basic installation
  22. * Check that your stylesheet is linked in `mysite/website/templates/coderedcms/pages/base.html`
  23. * Hard refresh your browser to reload the CSS stylesheet.
  24. .. figure:: images/about_tutorial/base_html.jpg
  25. :alt: Linked Style Sheet
  26. The Style sheet is linked on line 14
  27. .. note::
  28. Every time a change is made to the sass files we have to compile it and hard refresh the browser.
  29. Follow the tutorial: :doc:`tutorial01`.