starnakin/photohub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add: css and button to home page

Browse Source
This commit is contained in:
starnakin 2025-04-16 13:53:48 +02:00
parent 97f05cee5e
commit 760bd86bf0
5 changed files with 51 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/main.py
View File

@ -27,7 +27,7 @@ def scan_pages(folders: list[Path]) -> list[Page]:
raw: Path = Path(folder, folder.get_name() + ".NEF")
for file in files:
if file.get_name().endswith(".png"):
page.add_picture(Picture(file, page=prev, raw=raw))
page.add_picture(Picture(file, page=page, raw=raw))
if len(page.get_pictures()) == 0:
bar.next()

2
src/path.py
View File

@ -19,7 +19,7 @@ class Path():
def get_dirpath(self):
return self._dirpath
def get_site_path(self):
def get_url(self):
site_path: Path = Path(sys.argv[1])
return self._absolute_path[len(site_path._absolute_path):]

3
src/picture.py
View File

@ -25,6 +25,9 @@ class Picture():
self._albums_name.append("general")
self._is_reperoried: bool = is_repertoried
def get_page(self):
return self._page
def get_albums_name(self):
return self._albums_name

43
src/templates/album.css
View File

@ -1,3 +1,44 @@
:root {
--bg1: #002b36;
--bg2: #073642;
--content1: #586e75;
--content2: #657b83;
--content3: #839496;
--content4: #93a1a1;
--lbg1: #eee8d5;
--lbg2: #fdf6e3;
}
.picture-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background-color: var(--bg2);
width: auto;
padding: 30px;
}
body {
background-color: red;
color: white;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background-color: var(--bg1);
}
img {
width: 100%;
height: auto;
}
a {
display: flex;
flex-direction: row;
align-items: center;
background-color: var(--content1);
padding: 10px;
margin: 10px;
height: 200px;
width: 200px;
}

8
src/templates/album.jinja
View File

@ -6,12 +6,12 @@
</head>
<body>
{{album.name}}
caaaa
<h1>{{ album._name }}</h1>
<div class="picture_container">
<div class="picture-container">
{% for picture in album._pictures %}
<img src="{{ picture.get_small().get_absolute_path() }}">
<a href="{{ picture.get_page().html.get_url() }}">
<img src="{{ picture.get_small().get_absolute_path() }}">
</a>
{% endfor %}
</div>
</body>