lynnesbian/lynnesbian.space
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

improved the header

Browse source
This commit is contained in:
Lynne Megido 2020-03-15 23:24:58 +10:00
parent 29d20f5e58
commit c1a8eee9ae
Signed by: lynnesbian
GPG key ID: F0A184B5213D9F90
2 changed files with 15 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
_includes/header.html
View file

@ -1,12 +1,18 @@
<header> <header>
<span class='internal'> <span class='internal'>
{%- if page.title != "Welcome!" -%}<a href='/'>Home</a>{% endif -%} <a href='/' {%- if page.title == "Welcome!" %} class='current'{% endif -%}>Home</a>
{%- if page.title != "Contact" -%}<a href='/contact.html'>Contact</a>{% endif -%} {%- for html_page in site.html_pages -%}
{%- unless html_page.url == '/' -%}
<a href='{{ html_page.url }}' {%- if page.title == html_page.title %} class='current'{% endif -%}>{{ html_page.title }}</a>
{%- endunless -%}
{%- endfor -%}
{%- comment -%} {%- if page.title != "Contact" -%}<a href='/contact.html'>Contact</a>{% endif -%}
{%- if page.title != "Projects" -%}<a href='/projects.html'>Projects</a>{% endif -%} {%- if page.title != "Projects" -%}<a href='/projects.html'>Projects</a>{% endif -%}
{%- if page.title != "Donate" -%}<a href='/donate.html'>Donate</a>{% endif -%} {%- if page.title != "Donate" -%}<a href='/donate.html'>Donate</a>{% endif -%} {%- endcomment -%}
</span> </span>
<span class='external'> <span class='external'>
<a href='https://bune.city'>Blog</a><a href='https://github.com/lynnesbian'>GitHub</a><a href='https://git.bune.city/lynnesbian'>Gitea</a> <a href='https://bune.city'>Blog</a><a href='https://github.com/lynnesbian'>GitHub</a><a href='https://git.bune.city/lynnesbian'>Gitea</a>
</span> </span>
</header> </header>

5
assets/style.css
View file

@ -49,6 +49,11 @@ a {
color: mediumpurple; color: mediumpurple;
text-decoration: none; text-decoration: none;
} }
a.current {
background: linear-gradient(to bottom, white, #fafafa);
color: mediumpurple;
pointer-events: none;
}
#projects, #screenshots, .donation-methods { #projects, #screenshots, .donation-methods {
display: flex; display: flex;