dubey/spectra
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 4 Wiki Activity

Some sidebar fixes

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
main.py
View File

@ -77,7 +77,7 @@ def get_image_info(filename):
date_obj = datetime.strptime(exif['DateTime'], '%Y:%m:%d %H:%M:%S') date_obj = datetime.strptime(exif['DateTime'], '%Y:%m:%d %H:%M:%S')
date = date_obj.strftime('%y %m %d') # Format: YY MM DD 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) factor = random.randint(2, 3)
if height < 4000 or width < 4000: if height < 4000 or width < 4000:

67
templates/index.html
View File

@ -16,16 +16,7 @@
display: flex; display: flex;
flex-direction: row; 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 { .main-content {
flex-grow: 1; flex-grow: 1;
padding: 20px; padding: 20px;
@ -110,18 +101,58 @@
padding: 10px; 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> </style>
</head> </head>
<body> <body>
<div class="sidebar"> <div class="sidebar">
<h1>My Photo Portfolio</h1> <div class="sidebar-nav noto-sans-mono-font">
<nav> <nav>
<ul> <ul>
<li><a href="#">Home</a></li> <li><a href="#">Home</a></li>
<li><a href="#">About</a></li> <li><a href="#">About</a></li>
<li><a href="#">Contact</a></li> <li><a href="#">Contact</a></li>
</ul> <!-- divider line -->
</nav> <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>
<div class="main-content"> <div class="main-content">