Some sidebar fixes

This commit is contained in:
Tanishq Dubey 2024-10-20 11:19:44 -04:00
parent e539dc5bbb
commit b0176dc3a0
2 changed files with 50 additions and 19 deletions

View File

@ -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:

View File

@ -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,19 +101,59 @@
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;
}
</style>
</head>
<body>
<div class="sidebar">
<h1>My Photo Portfolio</h1>
<div class="sidebar-nav noto-sans-mono-font">
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<!-- divider line -->
<li><hr></li>
<li>Powered by <a href="https://dws.rip">DWS</a></li>
</ul>
</nav>
</div>
<div class="sidebar-title noto-sans-mono-font">
<h1>Tanishq Dubey Photography</h1>
</div>
</div>
<div class="main-content">
<div class="grid-container" id="polaroid-grid"></div>