A little app to serve my photography from my personal website
lots of misc tweaks
Waiting for spindle ...
+55
-7
+21
-4
assets/app.css
+21
-4
assets/app.css
···
20
20
width: 100%;
21
21
max-width: 3000px;
22
22
overflow: auto;
23
-
padding: 0 30px;
24
23
}
25
24
26
25
header {
26
+
display: flex;
27
+
align-items: center;
28
+
gap: 30px;
29
+
font-size: 16pt;
27
30
width: 100%;
28
-
padding: 30px 0;
31
+
border-bottom: solid black 3px;
29
32
}
30
33
31
-
h1 {
32
-
font-family: "Inter";
34
+
header h1 {
33
35
text-transform: uppercase;
34
36
font-weight: 900;
35
37
margin: 0;
36
38
letter-spacing: 3px;
39
+
padding: 10px 30px;
40
+
border-right: solid black 3px;
41
+
}
42
+
43
+
header nav ul {
44
+
display: flex;
45
+
gap: 30px;
46
+
list-style-type: none;
47
+
margin: 0;
48
+
padding: 0;
49
+
}
50
+
51
+
header nav ul a {
52
+
text-decoration: none;
53
+
color: black;
37
54
}
+2
assets/photos/index.css
+2
assets/photos/index.css
+8
-2
assets/photos/show.css
+8
-2
assets/photos/show.css
···
1
1
.photo__container {
2
2
display: flex;
3
-
gap: 20px;
3
+
gap: 30px;
4
4
width: 100%;
5
+
padding: 30px;
5
6
}
6
7
7
8
.photo__image {
···
98
99
}
99
100
}
100
101
101
-
@media (max-width: 500px) {
102
+
@media (max-width: 600px) {
103
+
.photo__container {
104
+
padding: 30px 0;
105
+
}
106
+
102
107
.photo__sidebar {
103
108
width: 100%;
109
+
padding: 0 20px;
104
110
}
105
111
}
+1
-1
src/routes/photos/index.rs
+1
-1
src/routes/photos/index.rs
+15
src/templates.rs
+15
src/templates.rs
···
3
3
use serde::Serialize;
4
4
use std::{env, fs::read_to_string, path::Path};
5
5
6
+
#[derive(Serialize)]
7
+
struct NavLink<'a> {
8
+
id: &'a str,
9
+
label: &'a str,
10
+
href: &'a str,
11
+
}
12
+
6
13
pub fn load_templates_dyn() -> AutoReloader {
7
14
AutoReloader::new(move |notifier| {
8
15
let mut env = Environment::new();
···
16
23
notifier.watch_path(template_path, true);
17
24
}
18
25
env.add_function("url_escape", url_escape);
26
+
//env.add_global(
27
+
// "nav_links",
28
+
// [NavLink {
29
+
// id: "photos",
30
+
// label: "Photos",
31
+
// href: "/photos",
32
+
// }],
33
+
//);
19
34
Ok(env)
20
35
})
21
36
}
+8
templates/layout.jinja
+8
templates/layout.jinja
···
16
16
<div class="container">
17
17
<header>
18
18
<h1>Eric Wood</h1>
19
+
<nav>
20
+
<ul>
21
+
<li><a href="/photos">Photos</a></li>
22
+
<li><a href="">Music</a></li>
23
+
<li><a href="">Blog</a></li>
24
+
<li><a href="">Projects</a></li>
25
+
</ul>
26
+
</nav>
19
27
</header>
20
28
{% block body %}{% endblock %}
21
29
</div>