design update
This commit is contained in:
@ -1,15 +1,15 @@
|
||||
<header class="f-6 flex anthony">
|
||||
<header id="header" class="f5 pa3 flex bb b--dark-green bg-washed-green justify-between sticky top-0 w-100 items-baseline">
|
||||
{%- assign default_paths = site.pages | map: "path" -%}
|
||||
{%- assign page_paths = site.header_pages | default: default_paths -%}
|
||||
{%- assign titles_size = site.pages | map: 'title' | join: '' | size -%}
|
||||
<a class="no-underline-hover" rel="author" href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
|
||||
<a class="no-underline f4 dark-green anthony" rel="author" href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
|
||||
|
||||
{%- if titles_size > 0 -%}
|
||||
<nav>
|
||||
{%- for path in page_paths -%}
|
||||
{%- assign my_page = site.pages | where: "path", path | first -%}
|
||||
{%- if my_page.title -%}
|
||||
, <a class="no-underline-hover" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
|
||||
<a class="f7 no-underline dark-green" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
</nav>
|
||||
|
@ -1,6 +1,6 @@
|
||||
<!-- That file is not particularly elegant. This will need a refactor at some point. -->
|
||||
<div class="hide-child">
|
||||
<div id='tooltip-wrapper' class="bg-white lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
|
||||
<div class="hide-child links-dark-green">
|
||||
<div id='tooltip-wrapper' class="bg-white br4 shadow-1 lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
|
||||
<div id='tooltip-content'>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -1,9 +1,8 @@
|
||||
<div class="absolute bottom-1">
|
||||
<p class="ma0 f7 measure-narrow lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
|
||||
</div>
|
||||
<div id="zoom" class="absolute code f7 bottom-1 right-1"></div>
|
||||
<div id="graph-wrapper" class="code f6">
|
||||
<div id="graph-wrapper" class="relative vh-100 code f6">
|
||||
<script>
|
||||
window.graphData = {% include notes_graph.json %}
|
||||
</script>
|
||||
<div class="absolute bottom-1 left-1">
|
||||
<p class="ma0 f7 measure-wide lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
|
||||
</div>
|
||||
</div>
|
Reference in New Issue
Block a user