Display logo and create img directory

This commit is contained in:
David E. Perez Negron R. 2024-04-10 21:39:25 -06:00
parent 04ba13908b
commit b238f4c621
6 changed files with 29 additions and 3 deletions

View File

@ -6,6 +6,8 @@ const site = lume({
location: new URL("https://blog.deca.eco"), location: new URL("https://blog.deca.eco"),
}); });
site.copy("img");
site.use(relativeUrls()); site.use(relativeUrls());
site.use(blog()); site.use(blog());

View File

@ -1,5 +1,7 @@
lang: en lang: en
logo: deca-logo.png
home: home:
welcome: DECA PROTOCOL welcome: DECA PROTOCOL
icon: favicon.png icon: favicon.png

View File

@ -31,5 +31,27 @@
} }
.navbar-home { .navbar-home {
display: flex;
align-self: center;
align-items: center;
color: var(--color-foreground);
column-gap: 10px;
text-decoration: none; text-decoration: none;
} font: var(--text-body-bold);
letter-spacing: var(--text-title-spacing);
& img {
margin-bottom: 10px;
width:175px;
height:58px;
}
& span {
@media (max-width: 820px) {
display: none;
}
}
}

View File

@ -13,7 +13,7 @@
<link rel="stylesheet" href="/styles.css"> <link rel="stylesheet" href="/styles.css">
<link rel="alternate" href="/feed.xml" type="application/atom+xml" title="{{ metas.site }}"> <link rel="alternate" href="/feed.xml" type="application/atom+xml" title="{{ metas.site }}">
<link rel="alternate" href="/feed.json" type="application/json" title="{{ metas.site }}"> <link rel="alternate" href="/feed.json" type="application/json" title="{{ metas.site }}">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/img/favicon.png">
<link rel="canonical" href="{{ url |> url(true) }}"> <link rel="canonical" href="{{ url |> url(true) }}">
<script src="/js/main.js" type="module"></script> <script src="/js/main.js" type="module"></script>
{{ it.extra_head?.join("\n") }} {{ it.extra_head?.join("\n") }}
@ -22,7 +22,7 @@
<nav class="navbar"> <nav class="navbar">
<a href="/" class="navbar-home"> <a href="/" class="navbar-home">
{{ if it.logo }} {{ if it.logo }}
{{ it.logo }} <img src="/img/{{ it.logo }}" alt="{{ metas.site }}">
{{ else }} {{ else }}
<strong>{{ metas.site }}</strong> <strong>{{ metas.site }}</strong>
{{ /if }} {{ /if }}

BIN
img/deca-logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

View File

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB