about_tutorial.rst 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  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. Screenshots
  6. -----------
  7. Visual Studio Code is used as the code editor for coding specific screenshots. It is likely that your code editor will look slightly different.
  8. Sass support
  9. ------------
  10. This tutorial uses sass. This allows us to easily override the default bootstrap colors.
  11. The few extra steps at the beginning saves us from writing more CSS to accomplish the same goal.
  12. See: :ref:`sass_install`
  13. After following the installation guide and compiling the sass (step 7), your site should look like this:
  14. .. figure:: images/about_tutorial/about_tut_start.jpeg
  15. :alt: Starting Page
  16. The Starting Page.
  17. If it does not look like that:
  18. * Make sure you compiled the sass and followed :ref:`sass_install` and not the basic installation
  19. * Check that your stylesheet is linked in `mysite/website/templates/coderedcms/pages/base.html`
  20. * Hard refresh your browser to reload the CSS stylesheet.
  21. .. figure:: images/about_tutorial/base_html.jpg
  22. :alt: Linked Style Sheet
  23. The Style sheet is linked on line 14
  24. .. note::
  25. Every time a change is made to the sass files we have to compile it and hard refresh the browser.
  26. Follow the tutorial: :doc:`tutorial01`.