diff --git a/main.py b/main.py
index fe6f6e8..5055f74 100644
--- a/main.py
+++ b/main.py
@@ -77,7 +77,7 @@ def get_image_info(filename):
date_obj = datetime.strptime(exif['DateTime'], '%Y:%m:%d %H:%M:%S')
date = date_obj.strftime('%y %m %d') # Format: YY MM DD
- technical_info = f"{exif['FocalLengthIn35mmFilm']}MM | f/{exif['FNumber']} | {exposure_fraction}S | ISO{exif['ISOSpeedRatings']}"
+ technical_info = f"{exif['FocalLengthIn35mmFilm']}MM | F/{exif['FNumber']} | {exposure_fraction} | ISO{exif['ISOSpeedRatings']}"
factor = random.randint(2, 3)
if height < 4000 or width < 4000:
diff --git a/templates/index.html b/templates/index.html
index 11e84eb..cedd0f9 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -16,16 +16,7 @@
display: flex;
flex-direction: row;
}
- .sidebar {
- width: 25rem;
- background-color: #f0f0f0;
- padding: 20px;
- box-sizing: border-box;
- position: sticky;
- top: 0;
- height: 100vh;
- overflow-y: auto;
- }
+
.main-content {
flex-grow: 1;
padding: 20px;
@@ -110,18 +101,58 @@
padding: 10px;
}
}
+
+ .sidebar {
+ width: 25rem;
+ background-color: #f0f0f0;
+ padding: 20px;
+ box-sizing: border-box;
+ position: sticky;
+ top: 0;
+ height: 100vh;
+ overflow-y: auto;
+
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ }
+ .sidebar-title {
+ font-size: 1.5rem;
+ text-align: right;
+ }
+ .sidebar-nav {
+ font-size: 1rem;
+ flex-grow: 1;
+ justify-content: center;
+ text-align: right;
+ }
+ .sidebar-nav ul {
+ list-style-type: none;
+ padding: 0;
+ }
+ .sidebar-nav a {
+ text-decoration: none;
+ color: #ff6600;
+ }