From 9c0909913510f4022a9d6f9ef88895e5776f6163 Mon Sep 17 00:00:00 2001
From: "Rik D.T. Janssen" <121875841+RikDTJanssen@users.noreply.github.com>
Date: Wed, 15 Feb 2023 19:18:23 +0100
Subject: [PATCH] Improved user interface of Ricgraph explorer

---
 ricgraph_explorer/ricgraph_explorer.py     | 434 ++++++++++++++-------
 ricgraph_explorer/static/0-readme.txt      |  24 ++
 ricgraph_explorer/static/uu_logo_orig.png  | Bin 0 -> 19268 bytes
 ricgraph_explorer/static/uu_logo_small.png | Bin 0 -> 7857 bytes
 ricgraph_explorer/static/w3pro.css         | 150 +++++++
 5 files changed, 471 insertions(+), 137 deletions(-)
 create mode 100644 ricgraph_explorer/static/0-readme.txt
 create mode 100644 ricgraph_explorer/static/uu_logo_orig.png
 create mode 100644 ricgraph_explorer/static/uu_logo_small.png
 create mode 100644 ricgraph_explorer/static/w3pro.css

diff --git a/ricgraph_explorer/ricgraph_explorer.py b/ricgraph_explorer/ricgraph_explorer.py
index 15db83d..2fa05dd 100644
--- a/ricgraph_explorer/ricgraph_explorer.py
+++ b/ricgraph_explorer/ricgraph_explorer.py
@@ -31,14 +31,28 @@
 # This file is Ricgraph explorer, a web based tool to access nodes in
 # Ricgraph.
 # The purpose is to illustrate how web based access using Flask can be done.
-# To keep it simple, everything has been done in this file. It can be improved
-# in many ways, but I didn't do that, since it is meant for research purposes,
+# To keep it simple, everything has been done in this file.
+# Please note that this code is meant for research purposes,
 # not for production use. That means, this code has not been hardened for
 # "the outside world". Be careful if you expose it to the outside world.
 # Original version Rik D.T. Janssen, January 2023.
 # Extended Rik D.T. Janssen, February 2023.
 #
 # ########################################################################
+#
+# For table sorting. Ricgraph explorer uses sorttable.js.
+# It is copied from https://www.kryogenix.org/code/browser/sorttable
+# on February 1, 2023. At that link, you'll find a how-to. It is licensed under X11-MIT.
+# It is renamed to ricgraph_sorttable.js since it has a small modification
+# related to case-insensitive sorting. The script is included in html_body_end.
+#
+# ##############################################################################
+#
+# Ricgraph explorer uses W3.CSS, a modern, responsive, mobile first CSS framework.
+# See https://www.w3schools.com/w3css/default.asp.
+#
+# ##############################################################################
+
 
 import urllib.parse
 from typing import Union
@@ -50,54 +64,112 @@
 ricgraph_explorer = Flask(__name__)
 
 # When we do a query, we return at most this number of nodes.
-MAX_RESULTS = 75
+MAX_RESULTS = 50
+
+# The style for the buttons, note the space before and after the text.
+button_style = ' w3-button uu-yellow w3-round-large w3-mobile '
+# A button with a black line around it.
+button_style_border = button_style + ' w3-border rj-border-black '
 
 # The html stylesheet.
 stylesheet = '<style>'
-stylesheet += '.footer {font-size:85%;}'
-stylesheet += 'p, ul, table {font-family:arial; font-size:90%;}'
+stylesheet += '.w3-container {padding: 16px;}'
+stylesheet += '.w3-check {width:15px;height: 15px;position: relative; top:3px;}'
+# Define UU colors. We do not need to define "black" and "white" (they do exist).
+# See https://www.uu.nl/organisatie/huisstijl/huisstijlelementen/kleur.
+stylesheet += '.uu-yellow, .uu-hover-yellow:hover '
+stylesheet += '{color: #000!important; background-color: #ffcd00!important;}'
+stylesheet += '.uu-red, .uu-hover-red:hover '
+stylesheet += '{color: #000!important; background-color: #c00a35!important;}'
+stylesheet += '.rj-gray, .rj-hover-gray:hover '
+stylesheet += '{color: #000!important; background-color: #cecece!important;}'
+stylesheet += '.rj-border-black, .rj-hover-border-black:hover {border-color: #000!important;}'
+stylesheet += 'body {background-color:white;}'
+stylesheet += 'body, h1, h2, h3, h4, h5, h6 {font-family: "Open Sans", sans-serif;}'
 stylesheet += 'ul {padding-left:2em; margin:0px}'
-stylesheet += 'table, th, td {outline: 1px solid black;}'
-stylesheet += 'th {background: #a6a6a6; text-align:left;}'
-stylesheet += '.searchform label {display:inline-block; width:5em}'
-stylesheet += '.searchform input {width:25em; margin:2px}'
-stylesheet += '.facetedform label {}'
-stylesheet += '.facetedform input {}'
-stylesheet += '.facetedform {font-family:arial; font-size:90%;}'
-# For table sorting.
+stylesheet += 'table {font-size:85%;}'
+stylesheet += 'table, th, td {border-collapse:collapse; border: 1px solid black}'
+stylesheet += 'th {text-align:left;}'
+stylesheet += '.facetedform {font-size:90%;}'
+# For table sorting. \u00a0 is a non-breaking space.
 stylesheet += 'table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse)'
-stylesheet += ':not(.sorttable_nosort):after{content:" \u25B4 \u25BE"}'
+stylesheet += ':not(.sorttable_nosort):after{content:"\u00a0\u25b4\u00a0\u25be"}'
 stylesheet += '</style>'
 
+# The html preamble
+html_preamble = '<meta name="viewport" content="width=device-width, initial-scale=1">'
+html_preamble += '<link rel="stylesheet" href="/static/w3pro.css">'
+html_preamble += '<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans">'
+
+# The html page header.
+page_header = '<header class="w3-container uu-yellow">'
+page_header += '<div class="w3-bar uu-yellow">'
+page_header += '<div class="w3-bar-item w3-mobile" style="width:20%">'
+page_header += '<a href="/" style="text-decoration:none">'
+page_header += '<img src="/static/uu_logo_small.png" width="30" height="30">&nbsp;Ricgraph explorer</a>'
+page_header += '</div>'
+page_header += '<a href="/" class="w3-bar-item' + button_style_border + '">Home</a>'
+page_header += '<a href="/search" class="w3-bar-item' + button_style_border + '">Exact match search</a>'
+page_header += '<a href="/searchcontains" class="w3-bar-item' + button_style_border + '">String search</a>'
+page_header += '</div>'
+page_header += '</header>'
+
 # The html page footer.
-footer = '<div class="footer"><br><hr>'
-footer += 'Disclaimer: Ricgraph explorer is recommended for research use, not for production use. '
-footer += 'For more information about Ricgraph, see '
-footer += '<a href=https://github.com/UtrechtUniversity/ricgraph>'
-footer += 'https://github.com/UtrechtUniversity/ricgraph</a>.'
-footer += '</div>'
-# For table sorting. sorttable.js is copied from https://www.kryogenix.org/code/browser/sorttable
-# on February 1, 2023. At that link, you'll find a how-to. It is licensed under X11-MIT.
-# It is renamed to ricgraph_sorttable.js since it has a small modification.
-footer += '<script src="/static/ricgraph_sorttable.js"></script>'
-
-# The html search form.
-search_form = '<div class="searchform"><form method="post">'
-search_form += '<p>This is Ricgraph explorer.'
-search_form += '<p>Type something to search (this is an case-sensitive, exact match '
-search_form += 'search, using AND if you use multiple fields):'
-search_form += '<br><label>name:</label><input type=text name=search_name>'
-search_form += '<br><label>category:</label><input type=text name=search_category>'
-search_form += '<br><label>value:</label><input type=text name=search_value>'
-search_form += '<br><br><label></label><input type=submit value=search>'
-search_form += '</form></div>'
-
-searchcontains_form = '<div class="searchform"><form method="post">'
-searchcontains_form += '<p>This is Ricgraph explorer.'
-searchcontains_form += '<p>Type something to search (this is a case-insensitive, inexact match):'
-searchcontains_form += '<br><label>value:</label><input type=text name=search_value>'
-searchcontains_form += '<br><br><label></label><input type=submit value=search>'
-searchcontains_form += '</form></div>'
+page_footer = '<footer class="w3-container rj-gray" style="font-size:80%">'
+page_footer += 'Disclaimer: Ricgraph explorer is recommended for research use, not for production use. '
+page_footer += 'For more information about Ricgraph, see '
+page_footer += '<a href=https://github.com/UtrechtUniversity/ricgraph>'
+page_footer += 'https://github.com/UtrechtUniversity/ricgraph</a>.'
+page_footer += '</footer>'
+
+# The first part of the html page, up to stylesheet and page_header.
+html_body_start = '<!DOCTYPE html>'
+html_body_start += '<html>'
+html_body_start += html_preamble
+html_body_start += '<title>Ricgraph explorer</title>'
+html_body_start += '<body>'
+html_body_start += stylesheet
+html_body_start += page_header
+
+# The last part of the html page, from page_footer to script inclusion.
+html_body_end = page_footer
+html_body_end += '<script src="/static/ricgraph_sorttable.js"></script>'
+html_body_end += '</body>'
+html_body_end += '</html>'
+
+# The html search form for an exact match search (on /search).
+search_form = '<section class="w3-container">'
+search_form += '<div class="w3-card-4">'
+search_form += '<div class="w3-container uu-yellow">'
+search_form += '<h3>Type something to search</h3>'
+search_form += 'This is an case-sensitive, exact match search, using AND if you use multiple fields:'
+search_form += '</div>'
+search_form += '<div class="w3-container">'
+search_form += '<form method="post">'
+search_form += '<label>name:</label><input class="w3-input w3-border" type=text name=search_name>'
+search_form += '<br><label>category:</label><input class="w3-input w3-border" type=text name=search_category>'
+search_form += '<br><label>value:</label><input class="w3-input w3-border" type=text name=search_value>'
+search_form += '<br><input class="w3-input' + button_style + '" type=submit value=search>'
+search_form += '</form>'
+search_form += '</div>'
+search_form += '</div>'
+search_form += '</section>'
+
+# The html search form for a search on a string (on /searchcontains).
+searchcontains_form = '<section class="w3-container">'
+searchcontains_form += '<div class="w3-card-4">'
+searchcontains_form += '<div class="w3-container uu-yellow">'
+searchcontains_form += '<h3>Type something to search</h3>'
+searchcontains_form += 'This is a case-insensitive, inexact match:'
+searchcontains_form += '</div>'
+searchcontains_form += '<div class="w3-container">'
+searchcontains_form += '<form method="post">'
+searchcontains_form += '<label>value:</label><input class="w3-input w3-border" type=text name=search_value>'
+searchcontains_form += '<br><input class="w3-input' + button_style + '" type=submit value=search>'
+searchcontains_form += '</form>'
+searchcontains_form += '</div>'
+searchcontains_form += '</div>'
+searchcontains_form += '</section>'
 
 
 # ##############################################################################
@@ -109,18 +181,20 @@ def index_html() -> str:
 
     :return: html to be rendered.
     """
-    global stylesheet, footer
+    global html_body_start, html_body_end
 
-    html = stylesheet
-    html += '<p>This is Ricgraph explorer. You can use it to explore Ricgraph.'
+    html = html_body_start
+    html += get_html_for_cardstart()
+    html += 'This is Ricgraph explorer. You can use it to explore Ricgraph.'
     html += '<ul>'
     html += '<li><a href=' + url_for('search') + '>' + 'Do a case-sensitive, '
     html += 'exact match search on fields '
-    html += '<em>name</em>, <em>category</em> and/or <em>value</em>' + '</a>;'
+    html += '<i>name</i>, <i>category</i> and/or <i>value</i>' + '</a>;'
     html += '<li><a href=' + url_for('searchcontains') + '>' + 'Do a search on '
-    html += 'field <em>value</em> containing a string' + '</a>.'
+    html += 'field <i>value</i> containing a string' + '</a>.'
     html += '</ul>'
-    html += footer
+    html += get_html_for_cardend()
+    html += html_body_end
     return html
 
 
@@ -136,9 +210,9 @@ def search(id_value=None) -> str:
     :param id_value: value to search for in the 'value' field.
     :return: html to be rendered.
     """
-    global stylesheet, footer, search_form
+    global html_body_start, html_body_end, search_form
 
-    html = stylesheet
+    html = html_body_start
     if request.method == 'POST':
         search_name = request.form['search_name']
         search_category = request.form['search_category']
@@ -157,7 +231,7 @@ def search(id_value=None) -> str:
             html += find_nodes_in_ricgraph(name='',
                                            category='',
                                            value=escape(id_value))
-    html += footer
+    html += html_body_end
     return html
 
 
@@ -170,9 +244,9 @@ def searchcontains() -> str:
 
     :return: html to be rendered.
     """
-    global stylesheet, footer, searchcontains_form
+    global html_body_start, html_body_end, searchcontains_form
 
-    html = stylesheet
+    html = html_body_start
     if request.method == 'POST':
         search_value = request.form['search_value']
         html += find_nodes_in_ricgraph(value=escape(search_value),
@@ -180,7 +254,7 @@ def searchcontains() -> str:
     else:
         html += searchcontains_form
 
-    html += footer
+    html += html_body_end
     return html
 
 
@@ -189,7 +263,7 @@ def searchcontains() -> str:
 # ##############################################################################
 def faceted_navigation_in_ricgraph(nodes: list,
                                    name: str = '', category: str = '', value: str = '') -> str:
-    """Do faceted navigation in Ricgraph.
+    """Do facet navigation in Ricgraph.
     The facets will be constructed based on 'name' and 'category'.
     Facets chosen will be "catched" in function search().
     If there is only one facet (for either one or both), it will not be shown.
@@ -198,7 +272,8 @@ def faceted_navigation_in_ricgraph(nodes: list,
     :param name: name of the nodes to find.
     :param category: category of the nodes to find.
     :param value: value of the nodes to find.
-    :return: html to be rendered.
+    :return: html to be rendered, or empty string ('') if faceted navigation is
+      not useful because there is only one facet.
     """
     if len(nodes) == 0:
         return ''
@@ -217,42 +292,58 @@ def faceted_navigation_in_ricgraph(nodes: list,
             category_histogram[node['category']] += 1
 
     if len(name_histogram) <= 1 and len(category_histogram) <= 1:
-        # Faceted navigation does not make sense, don't show facets.
+        # We have only one facet, so don't show the facet panel.
         return ''
 
-    faceted_form = '<div class="facetedform"><form method="post" action="/search">'
+    faceted_form = get_html_for_cardstart()
+    faceted_form += '<div class="facetedform">'
+    faceted_form += '<form method="post" action="/search">'
     if len(name_histogram) == 1:
-        # Get the first (and only) element in the dict, we pass it as hidden field to search().
+        # Get the first (and only) element in the dict, pass it as hidden field to search().
         name_key = str(list(name_histogram.keys())[0])
         faceted_form += '<input type="hidden" name="faceted_name" value="' + name_key + '">'
     else:
-        faceted_form += '<fieldset><legend>Select for faceted navigation on "name"</legend>'
+        faceted_form += '<div class="w3-card-4">'
+        faceted_form += '<div class="w3-container uu-yellow">'
+        faceted_form += '<b>Faceted navigation on "name"</b>'
+        faceted_form += '</div>'
+        faceted_form += '<div class="w3-container">'
         # Sort a dict on value:
         # https://stackoverflow.com/questions/613183/how-do-i-sort-a-dictionary-by-value
         for bucket in sorted(name_histogram, key=name_histogram.get, reverse=True):
-            name_label = bucket + '&nbsp;<em>(' + str(name_histogram[bucket]) + ')</em>&emsp;'
-            faceted_form += '<input type="checkbox" name ="faceted_name" value="' + bucket + '" checked>'
-            faceted_form += '<label>' + name_label + ' </label>'
-        faceted_form += '</fieldset>'
+            name_label = bucket + '&nbsp;<i>(' + str(name_histogram[bucket]) + ')</i>'
+            faceted_form += '<input class="w3-check" type="checkbox" name="faceted_name" value="'
+            faceted_form += bucket + '" checked>'
+            faceted_form += '<label>&nbsp;' + name_label + '</label><br>'
+        faceted_form += '</div>'
+        faceted_form += '</div></br>'
 
     if len(category_histogram) == 1:
-        # Get the first (and only) element in the dict, we pass it as hidden field to search().
+        # Get the first (and only) element in the dict, pass it as hidden field to search().
         category_key = str(list(category_histogram.keys())[0])
         faceted_form += '<input type="hidden" name="faceted_category" value="' + category_key + '">'
     else:
-        faceted_form += '<fieldset><legend>Select for faceted navigation on "category":</legend>'
+        faceted_form += '<div class="w3-card-4">'
+        faceted_form += '<div class="w3-container uu-yellow">'
+        faceted_form += '<b>Faceted navigation on "category"</b>'
+        faceted_form += '</div>'
+        faceted_form += '<div class="w3-container">'
         for bucket in sorted(category_histogram, key=category_histogram.get, reverse=True):
-            category_label = bucket + '&nbsp;<em>(' + str(category_histogram[bucket]) + ')</em>&emsp;'
-            faceted_form += '<input type="checkbox" name ="faceted_category" value="' + bucket + '" checked>'
-            faceted_form += '<label>' + category_label + '</label>'
-        faceted_form += '</fieldset><br>'
-
-    # Send name, category and value as hidden field to search().
+            category_label = bucket + '&nbsp;<i>(' + str(category_histogram[bucket]) + ')</i>'
+            faceted_form += '<input class="w3-check" type="checkbox" name="faceted_category" value="'
+            faceted_form += bucket + '" checked>'
+            faceted_form += '<label>&nbsp;' + category_label + '</label><br>'
+        faceted_form += '</div>'
+        faceted_form += '</div></br>'
+
+    # Send name, category and value as hidden fields to search().
     faceted_form += '<input type="hidden" name="search_name" value="' + str(name) + '">'
     faceted_form += '<input type="hidden" name="search_category" value="' + str(category) + '">'
     faceted_form += '<input type="hidden" name="search_value" value="' + str(value) + '">'
-    faceted_form += '<label></label><input type=submit value="Do the faceted navigation">'
-    faceted_form += '</form></div>'
+    faceted_form += '<input class="w3-input' + button_style + '" type=submit value="Do the faceted navigation">'
+    faceted_form += '</form>'
+    faceted_form += '</div>'
+    faceted_form += get_html_for_cardend()
     html = faceted_form
     return html
 
@@ -284,8 +375,10 @@ def find_nodes_in_ricgraph(name: str = '', category: str = '', value: str = '',
         return 'Ricgraph could not be opened.'
 
     if name == '' and category == '' and value == '':
-        html = '<p>Please enter a value in the search field.'
-        html += '<br><a href=' + url_for('index_html') + '>' + 'Try again' + '</a>.'
+        html = get_html_for_cardstart()
+        html += 'The search field should have a value.'
+        html += '<br><a href=' + url_for('index_html') + '>' + 'Please try again' + '</a>.'
+        html += get_html_for_cardend()
         return html
 
     if name_want is None:
@@ -295,8 +388,10 @@ def find_nodes_in_ricgraph(name: str = '', category: str = '', value: str = '',
 
     if use_contain_phrase:
         if len(value) < 3:
-            html = '<p>Please use at least three characters for your search string.'
-            html += '<br><a href=' + url_for('index_html') + '>' + 'Try again' + '</a>.'
+            html = get_html_for_cardstart()
+            html += 'The search string should be at least three characters.'
+            html += '<br><a href=' + url_for('index_html') + '>' + 'Please try again' + '</a>.'
+            html += get_html_for_cardend()
             return html
 
         result = rcg.read_all_nodes_containing(value=value)
@@ -304,109 +399,132 @@ def find_nodes_in_ricgraph(name: str = '', category: str = '', value: str = '',
         result = rcg.read_all_nodes(name=name, category=category, value=value)
 
     if len(result) == 0:
-        html = '<p>Ricgraph explorer could not find anything.'
-        html += '<br><a href=' + url_for('index_html') + '>' + 'Try again' + '</a>.'
+        html = get_html_for_cardstart()
+        html += 'Ricgraph explorer could not find anything.'
+        html += '<br><a href=' + url_for('index_html') + '>' + 'Please try again' + '</a>.'
+        html += get_html_for_cardend()
         return html
 
-    html = '<p>You searched for:<ul>'
+    html = get_html_for_cardstart()
+    html += 'You searched for:<ul>'
     if not use_contain_phrase:
-        html += '<li>name: "' + str(name) + '"'
-        html += '<li>category: "' + str(category) + '"'
+        html += '<li>name: <i>"' + str(name) + '"</i>'
+        html += '<li>category: <i>"' + str(category) + '"</i>'
 
-    html += '<li>value: "' + str(value) + '"'
+    html += '<li>value: <i>"' + str(value) + '"</i>'
     if len(name_want) > 0:
-        html += '<li>name_want: "' + str(name_want) + '"'
+        html += '<li>name_want: <i>"' + str(name_want) + '"</i>'
     if len(category_want) > 0:
-        html += '<li>category_want: "' + str(category_want) + '"'
-
+        html += '<li>category_want: <i>"' + str(category_want) + '"</i>'
     html += '</ul>'
+    html += get_html_for_cardend()
 
     if use_contain_phrase:
-        header = '<p>Choose one node to continue:'
-        html += get_html_table_from_nodes(nodes=result, header_html=header)
+        table_header = 'Choose one node to continue:'
+        html += get_html_table_from_nodes(nodes=result, table_header=table_header)
         return html
 
     if len(result) > MAX_RESULTS:
-        html += '<p>There are ' + str(len(result)) + ' results, showing first '
+        html += get_html_for_cardstart()
+        html += 'There are ' + str(len(result)) + ' results, showing first '
         html += str(MAX_RESULTS) + '.<br>'
+        html += get_html_for_cardend()
     count = 0
+    # Loop over the nodes found.
     for node in result:
-        # Loop over the nodes found.
         count += 1
         if count > MAX_RESULTS:
             break
 
-        html += '<br><p>Ricgraph explorer found node:'
-        html += get_html_for_tablestart()
-        html += get_html_for_tableheader()
-        html += get_html_for_tablerow(node=node)
-        html += get_html_for_tableend()
+        html += get_html_for_cardline()
+        html += get_html_table_from_nodes(nodes=[node],
+                                          table_header='Ricgraph explorer found node:')
         if node['category'] == 'person':
             personroot_nodes = rcg.get_all_personroot_nodes(node)
             if len(personroot_nodes) == 0:
-                html += '<p>No person-root node found, this should not happen.'
+                html += get_html_for_cardstart()
+                html += 'No person-root node found, this should not happen.'
+                html += get_html_for_cardend()
                 return html
             elif len(personroot_nodes) == 1:
-                header = '<p>This is a <em>person</em> node, '
-                header += 'these are all IDs of its <em>person-root</em> node:'
+                table_header = 'This is a <i>person</i> node, '
+                table_header += 'these are all IDs of its <i>person-root</i> node:'
                 neighbor_nodes = rcg.get_all_neighbor_nodes_person(node)
                 html += get_html_table_from_nodes(nodes=neighbor_nodes,
-                                                  header_html=header)
-
-                header = '<p>These are all the neighbors of this <em>person-root</em> node '
-                header += '(without <em>person</em> nodes):'
-                neighbor_nodes = rcg.get_all_neighbor_nodes(personroot_nodes[0],
-                                                            name_want=name_want,
-                                                            category_want=category_want,
-                                                            category_dontwant='person')
+                                                  table_header=table_header)
 
-                html += get_html_table_from_nodes(nodes=neighbor_nodes,
-                                                  header_html=header)
-                html += faceted_navigation_in_ricgraph(nodes=neighbor_nodes,
-                                                       name=name,
-                                                       category=category,
-                                                       value=value)
+                table_header = 'These are all the neighbors of this <i>person-root</i> node '
+                table_header += '(without <i>person</i> nodes):'
+                node_to_find_neighbors = personroot_nodes[0]
+                category_dontwant = 'person'
+                # And now fall through.
             else:
                 # More than one person-root node, that should not happen, but it did.
-                header = '<p>There is more than one <em>person-root</em> node '
-                header += 'for the node we have found. '
-                header += 'This should not happen, but it did, and that is probably caused '
-                header += 'by a mislabeling in a source system we harvested. '
-                header += 'Choose one <em>person-root</em> node to continue:'
+                table_header = 'There is more than one <i>person-root</i> node '
+                table_header += 'for the node found. '
+                table_header += 'This should not happen, but it did, and that may have been '
+                table_header += 'caused by a mislabeling in a source system we harvested. '
+                table_header += 'Choose one <i>person-root</i> node to continue:'
                 html += get_html_table_from_nodes(nodes=personroot_nodes,
-                                                  header_html=header)
-                break
+                                                  table_header=table_header)
+                return html
+        else:
+            table_header = 'These are the neighbors of this node:'
+            node_to_find_neighbors = node
+            category_dontwant = ''
+
+        neighbor_nodes = rcg.get_all_neighbor_nodes(node=node_to_find_neighbors,
+                                                    name_want=name_want,
+                                                    category_want=category_want,
+                                                    category_dontwant=category_dontwant)
+        faceted_html = faceted_navigation_in_ricgraph(nodes=neighbor_nodes,
+                                                      name=name,
+                                                      category=category,
+                                                      value=value)
+        if faceted_html == '':
+            table_header += '<br>[Facet panel not shown because there is only one facet to show.]'
+
+        table_html = get_html_table_from_nodes(nodes=neighbor_nodes,
+                                               table_header=table_header)
+        if faceted_html == '':
+            # Faceted navigation not useful, don't show the panel.
+            html += table_html
         else:
-            header = '<p>These are the neighbors of this node:'
-            neighbor_nodes = rcg.get_all_neighbor_nodes(node,
-                                                        name_want=name_want,
-                                                        category_want=category_want)
-            html += get_html_table_from_nodes(nodes=neighbor_nodes,
-                                              header_html=header)
-            html += faceted_navigation_in_ricgraph(nodes=neighbor_nodes,
-                                                   name=name,
-                                                   category=category,
-                                                   value=value)
+            # Divide space between facet panel and table.
+            html += '<div class="w3-row-padding w3-stretch" >'
+            html += '<div class="w3-col" style="width:300px" >'
+            html += faceted_html
+            html += '</div>'
+            html += '<div class="w3-rest" >'
+            html += table_html
+            html += '</div>'
+            html += '</div>'
+
     return html
 
 
-def get_html_table_from_nodes(nodes: Union[list, NodeMatch, None], header_html: str = '') -> str:
+def get_html_table_from_nodes(nodes: Union[list, NodeMatch, None], table_header: str = '') -> str:
     """Create a html table for all nodes in the list.
 
     :param nodes: the nodes to create a table from.
-    :param header_html: the html to show above the table.
+    :param table_header: the html to show above the table.
     :return: html to be rendered.
     """
     if len(nodes) == 0:
-        return '<p>No neighbors found.'
+        html = get_html_for_cardstart()
+        html += 'No neighbors found.'
+        html += get_html_for_cardend()
+        return html
 
-    html = header_html
+    html = get_html_for_cardstart()
+    html += table_header
     html += get_html_for_tablestart()
     html += get_html_for_tableheader()
     for node in nodes:
         html += get_html_for_tablerow(node=node)
 
     html += get_html_for_tableend()
+    html += get_html_for_cardend()
     return html
 
 
@@ -418,7 +536,7 @@ def get_html_for_tablestart() -> str:
 
     :return: html to be rendered.
     """
-    html = '<table class="sortable">'
+    html = '<table class="sortable w3-table">'
     return html
 
 
@@ -427,7 +545,7 @@ def get_html_for_tableheader() -> str:
 
     :return: html to be rendered.
     """
-    html = '<tr>'
+    html = '<tr class="uu-yellow">'
     html += '<th>name</th>'
     html += '<th>category</th>'
     html += '<th class=sorttable_alpha">value</th>'
@@ -491,6 +609,49 @@ def get_html_for_tableend() -> str:
     return html
 
 
+# ##############################################################################
+# The HTML for the W3CSS cards is generated here.
+# ##############################################################################
+def get_html_for_cardstart() -> str:
+    """Get the html required for the start of a W3.CSS 'card'.
+    W3.CSS is a modern, responsive, mobile first CSS framework.
+
+    :return: html to be rendered.
+    """
+    html = '<section class="w3-container">'
+    html += '<div class="w3-card-4">'
+    html += '<div class="w3-container w3-responsive">'
+    return html
+
+
+def get_html_for_cardend() -> str:
+    """Get the html required for the end of a W3.CSS 'card'.
+    W3.CSS is a modern, responsive, mobile first CSS framework.
+
+    :return: html to be rendered.
+    """
+    html = '</div>'
+    html += '</div>'
+    html += '</section>'
+    return html
+
+
+def get_html_for_cardline() -> str:
+    """Get the html required for a yellow line. It is a W3.CSS 'card'
+    filled with the color 'yellow'.
+
+    :return: html to be rendered.
+    """
+    html = '<section class="w3-container">'
+    html += '<div class="w3-card-4">'
+    # Adjust the height of the line is padding-top + padding-bottom.
+    html += '<div class="w3-container uu-yellow" style="padding-top:3px; padding-bottom:3px">'
+    html += '</div>'
+    html += '</div>'
+    html += '</section>'
+    return html
+
+
 # ############################################
 # ################### main ###################
 # ############################################
@@ -498,7 +659,6 @@ def get_html_for_tableend() -> str:
     # For normal use:
     ricgraph_explorer.run(port=3030)
 
-
     # For debug purposes:
     # ricgraph_explorer.run(debug=True, port=3030)
 
diff --git a/ricgraph_explorer/static/0-readme.txt b/ricgraph_explorer/static/0-readme.txt
new file mode 100644
index 0000000..638af89
--- /dev/null
+++ b/ricgraph_explorer/static/0-readme.txt
@@ -0,0 +1,24 @@
+Files in this directory are copies from files existing on the web.
+They are here for performance reasons: it is faster to serve them from
+here than to get them from the web.
+
+
+File: ricgraph_sorttable.js
+From: https://www.kryogenix.org/code/browser/sorttable
+Date copied: February 1, 2023
+Changes: changed sorting to sort case-insensitively
+
+
+File: w3pro.css
+From: https://www.w3schools.com/w3css/4/w3pro.css
+Date copied: February 15, 2023
+Changes: none
+Note: w3pro.css is identical to the standard version except for 
+      it has no colors defined, but it is smaller (and loads faster).
+
+
+File: UU logo
+From: https://www.uu.nl/organisatie/huisstijl/downloads/logo
+Date copied: February 15, 2023
+Changes: crop & resize
+
diff --git a/ricgraph_explorer/static/uu_logo_orig.png b/ricgraph_explorer/static/uu_logo_orig.png
new file mode 100644
index 0000000000000000000000000000000000000000..b0efa06eecaa80a0cf4deff307b535b8c0bdb5fd
GIT binary patch
literal 19268
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

literal 0
HcmV?d00001

diff --git a/ricgraph_explorer/static/uu_logo_small.png b/ricgraph_explorer/static/uu_logo_small.png
new file mode 100644
index 0000000000000000000000000000000000000000..ab30d2e2feba5d0f357f745276bf498240eb5b3f
GIT binary patch
literal 7857
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
P00000NkvXXu0mjfFVHC^

literal 0
HcmV?d00001

diff --git a/ricgraph_explorer/static/w3pro.css b/ricgraph_explorer/static/w3pro.css
new file mode 100644
index 0000000..486628a
--- /dev/null
+++ b/ricgraph_explorer/static/w3pro.css
@@ -0,0 +1,150 @@
+/* W3PRO.CSS 4.15 December 2020 by Jan Egil and Borge Refsnes */
+html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
+/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
+html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
+article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}
+audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
+audio:not([controls]){display:none;height:0}[hidden],template{display:none}
+a{background-color:transparent}a:active,a:hover{outline-width:0}
+abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
+b,strong{font-weight:bolder}dfn{font-style:italic}mark{background:#ff0;color:#000}
+small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
+sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}
+code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
+button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
+button,input{overflow:visible}button,select{text-transform:none}
+button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
+button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
+button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
+fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
+legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
+[type=checkbox],[type=radio]{padding:0}
+[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
+[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
+[type=search]::-webkit-search-decoration{-webkit-appearance:none}
+::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
+/* End extract */
+html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
+h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
+.w3-serif{font-family:serif}.w3-sans-serif{font-family:sans-serif}.w3-cursive{font-family:cursive}.w3-monospace{font-family:monospace}
+h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}
+hr{border:0;border-top:1px solid #eee;margin:20px 0}
+.w3-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
+.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc}
+.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
+.w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
+.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center}
+.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
+.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}
+.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
+.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
+.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
+.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
+.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
+.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
+.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}
+.w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
+.w3-ripple:active{opacity:0.5}.w3-ripple{transition:opacity 0s}
+.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
+.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
+.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
+.w3-dropdown-hover:hover .w3-dropdown-content{display:block}
+.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000}
+.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
+.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
+.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}
+.w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
+.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
+.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
+.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
+.w3-main,#main{transition:margin-left .4s}
+.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
+.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
+.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
+.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
+.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
+.w3-bar .w3-button{white-space:normal}
+.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
+.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
+.w3-responsive{display:block;overflow-x:auto}
+.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
+.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
+.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
+.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
+.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
+.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
+@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
+.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
+.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
+@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
+.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
+.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
+.w3-rest{overflow:hidden}.w3-stretch{margin-left:-16px;margin-right:-16px}
+.w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px}
+.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
+.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
+.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
+@media (max-width:1205px){.w3-auto{max-width:95%}}
+@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
+.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}	
+.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
+.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
+@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
+@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
+@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
+@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}.w3-auto{max-width:100%}}
+.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
+.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
+.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
+.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
+.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
+.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
+.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
+.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
+.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
+.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
+.w3-display-position{position:absolute}
+.w3-circle{border-radius:50%}
+.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}
+.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
+.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
+.w3-code,.w3-codespan{font-family:Consolas,"courier new";font-size:16px}
+.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
+.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
+.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
+.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
+.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
+.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
+.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
+.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
+.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
+.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
+.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
+.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
+.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
+.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
+.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
+.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
+.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
+.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
+.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
+.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
+.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
+.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
+.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
+.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
+.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
+.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
+.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
+.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
+.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
+.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
+.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
+.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
+.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
+.w3-padding-top-64{padding-top:64px!important}.w3-padding-top-48{padding-top:48px!important}
+.w3-padding-top-32{padding-top:32px!important}.w3-padding-top-24{padding-top:24px!important}
+.w3-left{float:left!important}.w3-right{float:right!important}
+.w3-button:hover{color:#000!important;background-color:#ccc!important}
+.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
+.w3-hover-none:hover{box-shadow:none!important}
\ No newline at end of file