Some sidebar fixes
This commit is contained in:
parent
e539dc5bbb
commit
b0176dc3a0
2
main.py
2
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:
|
||||
|
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user