some style changes

web/app/practice.py

@@ -67,6 +67,7 @@ def get_practices():
 def show_practice(practice_id):
     practice = get_full_resource(practice_id)
     # render Markdown as HTML
+    practice.description = markdown.markdown(practice.description)
     practice.longDescription = markdown.markdown(practice.longDescription)
     practice.experimental = markdown.markdown(practice.experimental)
     practice.considerations = markdown.markdown(practice.considerations)

web/app/relationships.py

@@ -46,6 +46,8 @@ def append_relationships(resource):
                 else:
                     resource.__dict__['tools'].append(relationship)
             elif relationship.type == 'practice':
+                # render Markdown as HTML
+                relationship.description = markdown.markdown(relationship.description)
                 if 'practices' not in resource.__dict__.keys():
                     resource.__dict__['practices'] = []
                     resource.__dict__['practices'].append(relationship)

web/app/static/styles/main.css

@@ -1190,7 +1190,8 @@ h1, h2, h3 {
 @media (min-width: 1024px) {
 
   .huge-title {
-    font-size: 4.2rem;
+    word-break: break-word;
+    font-size: 3.8rem;
     line-height: 0.9;
   }
 }

web/app/templates/base.html

@@ -120,7 +120,7 @@
         {% endif %}
     </div> -->
 
-<form action="{{ url_for('search.basic_search') }}" class="hidden lg:block">
+<form action="{{ url_for('search.basic_search') }}" class="{% if type=='top' %} hidden lg:block {% else %} block {% endif %}">
     <label id="search-label" for="siteSearch" class="sr-only">Search</label>
     <input type="text" name="query" class="text-center h-full text-base border-l-2 border-black pl-1"
         aria-labelledby="search-label" placeholder="Search" hx-get="{{ url_for('search.basic_search') }}"

web/app/templates/book.html

@@ -92,7 +92,7 @@
                     {% endif %}
                     {% if resource['author'] %}
                     <div class="">
-                        <h3>Author</h3>
+                        <h3>Author(s)</h3>
                         <div class="">{{ resource['author'] }}</div>
                     </div>
                     {% endif %}

web/app/templates/resource.html

@@ -35,7 +35,7 @@
                 {% if resource['description'] %}
                 <div class="">
                     <h3>Description</h3>
-                    {{ resource['description'] }}
+                    {{ resource['description']|safe }}
                 </div>
                 {% endif %}
                 <!-- fields for tools -->