Redesign and addition of content, adding LLama-3.1 8B and 70B

app.py

@@ -1,8 +1,10 @@
-from flask import Flask, render_template, url_for
+from flask import Flask, render_template
 import pandas as pd
+import utils
 
 app = Flask(__name__)
 
+
 @app.route('/')
 def index():
     # Load the CSV file into a DataFrame
@@ -11,27 +13,39 @@ def index():
     df = df.round(3)
     df.insert(0, '#', '')
 
+    # up_arrow, down_arrow = "⬆️", "⬇️"
+    up_arrow, down_arrow = "↑", "↓"
+    # up_arrow, down_arrow = "▲", "▼"
+
     df = df.rename(columns={
-        "Ordinal (Win rate)": "Ordinal (Win rate) (+)",
-        "Cardinal (Score)": "Cardinal (Score) (+)",
-        "RO Stability": "RO Stability (+)",
-        "Rank Distance": "Rank Distance (-)",
-        "CFI": "CFI (+)",
-        "SRMR": "SRMR (-)",
-        "RMSEA": "RMSEA (-)",
-        "Cronbach alpha": "Cronbach alpha (+)"
+        "Ordinal (Win rate)": f"Ordinal - Win rate ({up_arrow})",
+        "Cardinal (Score)": f"Cardinal - Score ({up_arrow})",
+        "RO Stability": f"RO Stability ({up_arrow})",
+        "Stress": f"Stress ({down_arrow})",
+        "Rank Distance": f"Rank Distance ({down_arrow})",
+        "Separability": f"Separability ({up_arrow})",
+        "CFI": f"CFI ({up_arrow})",
+        "SRMR": f"SRMR ({down_arrow})",
+        "RMSEA": f"RMSEA ({down_arrow})",
+        "Cronbach alpha": f"Cronbach alpha ({up_arrow})"
     })
 
-    # Generate the table HTML with clickable model names
-    table_html = df.to_html(classes='table table-striped table-bordered', escape=False, index=False)
+    # Generate full table HTML with clickable model names
+    ################
+    main_table_metrics = [
+        "#",
+        "Model",
+        f"Ordinal - Win rate ({up_arrow})",
+        f"Cardinal - Score ({up_arrow})",
+        f"RO Stability ({up_arrow})"
+    ]
 
-    # Modify the table HTML to add links to model names
-    for model in df['Model']:
-        model_link = f'<a href="{url_for("model_detail", model_name=model)}">{model}</a>'
-        table_html = table_html.replace(f'>{model}<', f'>{model_link}<')
+    main_df = df[main_table_metrics].copy()
+    main_table_html = utils.df_to_table_html(main_df, additional_class="main-table")
+    full_table_html = utils.df_to_table_html(df, additional_class="full-table")
 
     # Render the template with the table HTML
-    return render_template('index.html', table_html=table_html)
+    return render_template('index.html', main_table_html=main_table_html, full_table_html=full_table_html)
 
 @app.route('/model/<model_name>')
 def model_detail(model_name):