andy-wyx commited on
Commit
b64ed04
·
1 Parent(s): e97c0ff

update user guide font size

Browse files
Files changed (1) hide show
  1. app.py +6 -6
app.py CHANGED
@@ -57,19 +57,19 @@ Code: <a href='https://github.com/orgs/serre-lab/projects/2' target='_blank'>Git
57
 
58
  USER_GUIDE = """
59
  <div style='background-color: #f0f0f0; padding: 20px; border-radius: 10px;'>
60
- <h2 style='font-size: 24px;'>❗️ User Guide</h2>
61
- <p style='font-size: 18px;'>Welcome to the interactive fossil exploration tool. Here's how to get started:</p>
62
- <ul style='font-size: 18px;'>
63
  <li><strong>Upload an Image:</strong> Drag and drop or choose from given samples to upload images of fossils.</li>
64
  <li><strong>Process Image:</strong> After uploading, click the 'Process Image' button to analyze the image.</li>
65
  <li><strong>Explore Results:</strong> Switch to the 'Workbench' tab to check out detailed analysis and results.</li>
66
  </ul>
67
- <h3 style='font-size: 20px;'>Tips</h3>
68
- <ul style='font-size: 18px;'>
69
  <li>Zoom into images on the workbench for finer details.</li>
70
  <li>Use the examples below as references for what types of images to upload.</li>
71
  </ul>
72
- <p style='font-size: 18px;'>Enjoy exploring! 🌟</p>
73
  </div>
74
  """
75
 
 
57
 
58
  USER_GUIDE = """
59
  <div style='background-color: #f0f0f0; padding: 20px; border-radius: 10px;'>
60
+ <h2 style='font-size: 22px;'>❗️ User Guide</h2>
61
+ <p style='font-size: 16px;'>Welcome to the interactive fossil exploration tool. Here's how to get started:</p>
62
+ <ul style='font-size: 16px;'>
63
  <li><strong>Upload an Image:</strong> Drag and drop or choose from given samples to upload images of fossils.</li>
64
  <li><strong>Process Image:</strong> After uploading, click the 'Process Image' button to analyze the image.</li>
65
  <li><strong>Explore Results:</strong> Switch to the 'Workbench' tab to check out detailed analysis and results.</li>
66
  </ul>
67
+ <h3 style='font-size: 18px;'>Tips</h3>
68
+ <ul style='font-size: 16px;'>
69
  <li>Zoom into images on the workbench for finer details.</li>
70
  <li>Use the examples below as references for what types of images to upload.</li>
71
  </ul>
72
+ <p style='font-size: 16px;'>Enjoy exploring! 🌟</p>
73
  </div>
74
  """
75