library.html

---
---
{% assign tags = site.library | map: 'tags' | compact | join: ',' | split: ',' | uniq %}

{% include head.html %}

{% include googleanalytics.html %}

{% include 2024-nav.html %}

{% include library-header.html %}

<div class="mh5-l mb5 mainlinks w-100 ph0-l ph2">

    <div class="w-100 center flex">
      <input type="search" id="search-box" placeholder="Search items e.g. tag:funk url:fb.com ..." class="w-100 center pa2 i br2 ma3 bw1 ba b--black-20" style="pointer-events: auto;">
    </div>

  <div id="search-results" class="w-100"></div>
  <div id="main-content">
    {% assign sortedlibrary = site.library | sort: 'date_saved' | reverse %}
    {% for item in sortedlibrary %}
    <div class="pv4 flex-l bb b--black-10">
      <div class="w-75-l pr4-l overflow-x-scroll">
        <div class="f4 b">{%if item.link %}<a class="black" href="{{item.link}}">{{item.title}}</a> <br><span class="fw4 f6 black-50"><img class="mh1 v-mid" src="https://www.google.com/s2/favicons?domain={{item.link}}"> {{ item.link | split: "//" | last | split: "/" | first }}</span>{%else%}{{item.title}}{%endif%}</div>
        
        {%if item.content %}
        <div class="pv2">
          {{item.content}}
        </div>
        {% endif %}
      </div>
      <div class="w-25-l ml3-l tr-l">
        <div class="black-50 f6">{{item.date_saved | date: "%B %-d, %Y"}} <a class="f6 ph2 newgreen b" href="{{item.url}}">#</a> <span class="dib db-l">{% for tag in item.tags %}<a href="/library/?query=tag%3A{{tag}}" class="f6 dib pa2 mr2 bg-light-gray newgreen b br2 link">{{tag}}</a>{% endfor %}</span></div>
        
        
      </div>
    
    </div>
    {% endfor %}
  </div>  
</div>

</div>  

</div>



{% include 2024-footer.html %}