Update app.py

app.py

@@ -16,43 +16,33 @@ def process_chord_sheet(chord_sheet):
     processed_lines = [process_line(line) for line in chord_sheet.split('\n')]
     return '<br>'.join(processed_lines)
 
-def split_text(text, split_ratio=0.5):
-    lines = text.split('\n')
-    total_chars = len(text)
-    cumulative_chars = 0
-    split_point = 0
-
-    for i, line in enumerate(lines):
-        cumulative_chars += len(line) + 1  # Adding 1 for the newline character
-        if cumulative_chars >= total_chars * split_ratio:
-            split_point = i
-            break
-
-    return '\n'.join(lines[:split_point]), '\n'.join(lines[split_point:])
-
-def create_search_url(base_url, artist_song):
-    return base_url + artist_song.replace(' ', '+').replace('–', '%E2%80%93').replace('&', 'and')
-
 def load_song_file(file_path):
     with open(file_path, 'r', encoding='utf-8') as file:
         return file.read()
 
 def display_chord_sheet_in_two_page_view(chord_sheet):
-    # Splitting the text for more balanced two-page view
-    first_half, second_half = split_text(chord_sheet)
+    # CSS for multi-column layout
+    css_content = """
+    <style>
+    .multi-column {
+        column-count: 2;
+        column-gap: 1em;
+        column-rule: thin solid black;
+        overflow: auto;
+        white-space: pre-wrap;
+        font-size: small;
+    }
+    </style>
+    """
 
-    # HTML structure for two-page view
+    # HTML structure with multi-column layout
     html_content = f"""
-    <div style="display: flex; justify-content: space-between;">
-        <div style="width: 49%; overflow: scroll; white-space: pre-wrap; font-size: small;">
-            {first_half}
-        </div>
-        <div style="width: 49%; overflow: scroll; white-space: pre-wrap; font-size: small;">
-            {second_half}
-        </div>
+    {css_content}
+    <div class="multi-column">
+        {chord_sheet}
     </div>
     """
-    components.html(html_content, height=1200)  # Increased height
+    components.html(html_content, height=1200)
 
 def main():
     col1, col3 = st.columns([3, 5])
@@ -73,7 +63,7 @@ def main():
 
     with col3:
         if 'selected_file' in st.session_state and st.session_state.selected_file:
-            # Display chord sheet in two-page view
+            # Display chord sheet in multi-column view
             chord_sheet = load_song_file(st.session_state.selected_file)
             processed_sheet = process_chord_sheet(chord_sheet)
             display_chord_sheet_in_two_page_view(processed_sheet)