Differences

This shows you the differences between two versions of the page.

--- newdevs:bootstrap [2023/01/18 16:43] – created tmccanna
+++ newdevs:bootstrap [2023/04/28 09:51] (current) – Gina - formatting gmonti
@@ Line 1: / Line 1: @@
 **New Developers Working Group**
 ====== Bootstrap OPAC ======
+The Evergreen Bootstrap OPAC is a mod_perl2 application that uses [[http://template-toolkit.org/|Template Toolkit]] for HTML templates. It uses vanilla Javascript and some jQuery, but is designed to function with JavaScript turned off. The Bootstrap version replaces the [[newdevs:tpac|TPAC]] version.
+  * Template Files: Open-ILS/src/templates-bootstrap/opac/
+  * JavaScript Files: Open-ILS/web/opac/common/js/
+====== Tips on Customizing Bootstrap OPAC ======
+  * Color style sheet is located in Open-ILS/src/templates-bootstrap/opac/parts/css/colors.tt2
+  * Other CSS style sheet is located in Open-ILS/src/templates-bootstrap/opac/css/style.css.tt2
+  * Images for Bootstrap OPAC use should be saved in Open-ILS/web/images.
+  * Example of embedding image tag:
+    '' <img src="[% ctx.media_prefix %]/opac/images/image_example.png[% ctx.cache_key %]" [% img_alt(l('Example Image')) %] />''
+===== Things to add to this page: =====
+  * Tips on customizing images and CSS
+  * Location of Perl files / how they relate to each other