Skip to content

8.8.24 Big Release - Alpha #4

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
Binary file modified .DS_Store
Binary file not shown.
10 changes: 4 additions & 6 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -1,9 +1,7 @@
_site
.jekyll-cache
.obsidian
_notes/000 Inbox
_notes/500 Now
_notes/600 Projects
_notes/700 Fleets
_notes/800 Archives
_notes/900 Obsidian
_notes-old
_notes/00 Inbox
_notes/90 Private

3 changes: 2 additions & 1 deletion Gemfile.lock
Original file line number Diff line number Diff line change
Expand Up @@ -88,6 +88,7 @@ PLATFORMS
universal-darwin-22
x64-mingw32
x86_64-darwin-19
x86_64-darwin-21
x86_64-linux

DEPENDENCIES
Expand All @@ -102,4 +103,4 @@ DEPENDENCIES
webrick (~> 1.7)

BUNDLED WITH
2.3.6
2.4.22
23 changes: 10 additions & 13 deletions _config.yml
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
# 'bundle exec jekyll serve'. If you change this file, please restart the server process.
#
# If you need help with YAML syntax, here are some quick references for you:
# https://learn-the-web.algonquindesign.ca/topics/markdown-yaml-cheat-sheet/#yaml
# https://learn-the-web.algonquindesign.ca/categorys/markdown-yaml-cheat-sheet/#yaml
# https://learnxinyminutes.com/docs/yaml/
#
# Site settings
Expand All @@ -30,7 +30,7 @@ baseurl: ""
heading: Hiran Venugopalan # Change this
content: Product and Type Designer | UI UX | Design Mentoring
copyright:
year: © 2022
year: © 2024
msg: Contents under CC-BY-NC

# Set title and content for private & broken link tooltop
Expand All @@ -49,10 +49,10 @@ preferences:
enabled: true
backlinks:
enabled: true
# To enable a homepage, change the value to true and add content to _includes/Homepage.html
# To enable a homepage, change the value to true and add content to _includes/homepage.html
# If enable : false, notes feed will be as homepage.
homepage:
enabled: true ##If you need a homepage, change this to true and edit _includes/Homepage.html
enabled: true ##If you need a homepage, change this to true and edit _includes/homepage.html

encoding: utf-8

Expand All @@ -67,7 +67,7 @@ plugins:
collections:
notes:
output: true
permalink: /:categories/:title
permalink: /note/:title

markdown: kramdown

Expand All @@ -93,8 +93,9 @@ defaults:
path: ""
type: notes
values:
layout: Post
content-type: notes
layout: Notes
permalink: /:categories/:title
content-type: notes



Expand All @@ -107,12 +108,8 @@ defaults:
# their entries' file path in the `include:` list.
#
exclude:
- _notes/000 Inbox
- _notes/500 Now
- _notes/600 Projects
- _notes/700 Fleets
- _notes/800 Archives
- _notes/900 Obsidian
- _notes/00 Inbox
- _notes/90 Private
# - .sass-cache/
# - .jekyll-cache/
# - gemfiles/
Expand Down
22 changes: 12 additions & 10 deletions _includes/Backlinks.html
Original file line number Diff line number Diff line change
Expand Up @@ -59,19 +59,22 @@
{%- if site.preferences.backlinks.enabled -%}
{%- assign display_class = 'show' -%}
{%- endif -%}
<div class="related {{display_class}}" id="jekyll-seamless-backlinks">
<h5 class="center-title">backlinks to this note</h5>
<div class="related-wrapper">
{%- for note in site.notes -%}


<div class="slot-large">
<div class="backlink-group">
<h6>Links to the Notes</h6>
<ul class="two-column">
{%- for note in site.notes -%}
{%- if note.url != page.url -%}
{%- if note.content contains wiki_link_title -%}
<div class="notelist-feed"><a href="{{ site.baseurl }}{{note.url}}">
<h6>{{ note.title }}</h6>
<p class="excerpt" style="margin: 0px; color: var(--color-text-main) !important;">{{ note.content | strip_html | strip | remove: "[[" | remove: "]]" | remove: "-" | escape | truncate: 100 }}</p>
</a></div>
<li><a href="{{ site.baseurl }}{{note.url}}">
{{ note.title }}
</a></li>
{%- endif -%}
{%- endif -%}
{%- endfor -%}
</ul>
<!--
This code is to show other pages (note under collection) as Backlink.
Disabled as I don't see a need for this right now.
Expand All @@ -89,6 +92,5 @@ <h6>{{ note.title }}</h6>

-->
</div>
<br/>
{%- endif -%}
</div>
{%- endif -%}
19 changes: 0 additions & 19 deletions _includes/Collection.html

This file was deleted.

146 changes: 83 additions & 63 deletions _includes/Feed.html
Original file line number Diff line number Diff line change
@@ -1,66 +1,86 @@
{%- comment -%}
*
* MIT License
* Copyright (c) 2020 Raghuveer S, Hiran Venugopalan
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in all
* copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
* SOFTWARE.
*
* File: Feed.html
* Author Raghuveer S, Hiran Venugopalan
*
* This file contains the markup for the context menu thingy you see when you right
* click on the post titles on the home page.
*
{%- endcomment -%}
{% assign sorted_notes = site.notes | sort: 'date' | reverse %}
{% assign grouped_notes = "" | split: "|" %}
{% assign current_group = "" %}
{% assign last_group_date = nil %}

<!--Notes Feed-->
<!--Static Page : pages/notes.md-->
<div class="title-container">
<div class="title-left">
<div>{{page.title}}</div>
</div>
<div class="title-right">
{%- include Content.html -%}
<div class="slot-small">
<div class="title-group">
<h2> <span><a href="{{ site.baseurl }}/Topics">⌘</a>/</span>{{ page.title }}</h2>
<p>{{ page.description }}</p>
</div>
</div>
{%- if site.preferences.search.enabled -%}
<!-- search bar -->
<div class="block">
<input class="input is-medium" type="text" placeholder="Search notes.." id="search-input" autocomplete="off">
<div id="search-results" class="search-results"></div>
</div>
<script type="text/javascript" src="{{ site.baseurl }}/assets/js/vendor/lunr.min.js"></script>
<script src="{{ site.baseurl }}/assets/js/Search.js"></script>
{%- endif -%}
<!-- feed with filter-->
<div class="related-wrapper">
{% assign note_items = site.notes | sort: "date" | reverse %}
{% for note_items in note_items %}
{%- if note_items.feed == "show" -%}
<div class="notelist-feed">
<a href="{{ site.baseurl }}{{note_items.url}}">
<h6>{{ note_items.title }}</h6>
<p class="excerpt">
{{ note_items.content | strip_html | strip | remove: "[[" | remove: "]]" | remove: "-" | escape | truncate: 100 }}
</p>
</a>
</div>
{%- endif -%}
{%- endfor -%}
</div>

<div class="slot-small">
{% for note in sorted_notes %}
{% if note.category == page.cat-value %}
{% assign note_date = note.date | date: "%Y-%m-%d" %}
{% capture group_date %}
{% case page.group-by %}
{% when "year" %}
{{ note_date | date: "%Y" }}
{% when "quarter" %}
{% assign quarter = note_date | date: "%-m" | plus: 2 | divided_by: 3 %}
Q{{ quarter }} - {{ note_date | date: "%B - " }}{{ note_date | date: "%B" | append: " - " | append: quarter | append: ", " }}{{ note_date | date: "%Y" }}
{% when "month" %}
{{ note_date | date: "%B, %Y" }}
{% when "date" %}
{{ note_date | date: "%d" }}{% assign day_suffix = note_date | date: "%-d" %}{% if day_suffix == 1 or day_suffix == 21 or day_suffix == 31 %}st{% elsif day_suffix == 2 or day_suffix == 22 %}nd{% elsif day_suffix == 3 or day_suffix == 23 %}rd{% else %}th{% endif %} of {{ note_date | date: "%B, %Y" }}
{% when "none" %}
{% assign group_date = nil %}
{% endcase %}
{% endcapture %}
{% if group_date != null %}
{% if group_date != current_group %}
{% if current_group != "" %}
{% assign grouped_notes = grouped_notes | push: group_content %}
{% endif %}
{% assign current_group = group_date %}
{% assign last_group_date = note_date %}
{% capture group_content %}
<h2> {{ group_date }} </h2>
{% endcapture %}
{% endif %}
{% endif %}
{% capture note_content %}{{ note.content | replace: '---', '' | strip_newlines | strip_html | strip | replace: ' ', '' }}{% endcapture %}
{% capture meta_url %}{{ note.meta-url | strip_newlines | strip_html | strip }}{% endcapture %}

{% capture group_content %}
{{ group_content }}
{% if note_content != "" %}
<li> <div class="note-title">
<a href="{{ site.baseurl }}{{ note.url }}">
{% if note.local-title %} {{ note.local-title }} {% else %} {{ note.title }} {% endif %}
{% if note.recommended == true %} ✦{% endif %}
{% if note.revisit == true %} ❷{% endif %}
</div>
<span class="arrow-icon"><img src="/assets/svg/Arrow.svg" alt="" class="arrow-img" /></span>
</a></li>
{% elsif meta_url != "" %}
<li> <div class="note-title">
<a href="{{ meta_url }}">
{% if note.local-title %} {{ note.local-title }}{% else %} {{ note.title }} {% endif %}
{% if note.recommended == true %} ✦{% endif %}
{% if note.revisit == true %} ❷{% endif %}
</div>
<span class="arrow-icon"> <img src="/assets/svg/Arrow.svg" alt="" class="arrow-img" /> </span>
</a>
</li>
{% else %}
<li> <div class="note-title">
{% if note.local-title %} {{ note.local-title }} {% else %} {{ note.title }} {% endif %}
{% if note.recommended == true %} ✦{% endif %}
{% if note.revisit == true %} ❷{% endif %}
{% if note.booktype %} {{ note.booktype }} {% endif %}
</div>
</li>
{% endif %}
{% endcapture %}
{% endif %}
{% endfor %}

{% assign grouped_notes = grouped_notes | push: group_content %}
{% for group in grouped_notes %}
<div class="note-list-sec"><ul class="note-list">
{{ group }}
</ul> </div>
{% endfor %}
11 changes: 7 additions & 4 deletions _includes/Footer.html
Original file line number Diff line number Diff line change
Expand Up @@ -28,8 +28,11 @@
*
{%- endcomment -%}

{%- if site.copyright.msg != nil and site.copyright.msg != empty and site.copyright.msg != null -%}
<div id="copyright">
<p id="copyright-notice"> {{site.copyright.year}} • {{site.copyright.msg}} • <a href="{{'/credits' | relative_url}}">Credits</a> • <a href="https://www.buymeacoffee.com/hiran"> Buy me a Coffee</a> </p>
</div>
<!--credits-->
{%- if site.copyright.msg != nil and site.copyright.msg != empty and site.copyright.msg != null -%}
<div class="slot-large">
<div class="footer">
<h6>{{site.copyright.year}} • {{site.copyright.msg}} • <a href="{{'/credits' | relative_url}}">Credits</a></h6>
</div>
</div>
{%- endif -%}
65 changes: 29 additions & 36 deletions _includes/Homepage.html
Original file line number Diff line number Diff line change
@@ -1,41 +1,34 @@
<div class="home-intro">
<div class="home-title"> Hiran Venugopalan </div>
<div class="home-sub-title" style="padding: 0px;"> Digital Product Designer </div>

<div class="home-content">
Product designer and design coach with 12+ years of experience in designing and building teams for agencies, startups and enterprises. Currently leading remote design team at <a href="https://www.kaleyra.com/">Kalerya</a>.
</div>
<div class="home-content no-padding">
This website is my digital garden, a half-blog-half-wiki! Here, you'll find my ever-changing working notes, logs of my readings, watchlist, web-finds and more.</div>

<div class="home-notes">
<a href="{{'/notes' | relative_url}}">
<h3 class="home-sub-title arrow-link">
<span class="text"> Latest Working Notes</span>
<span class="arrow">See All &rarr;</span>
</h3>
</a>
<!-- intro section -->
<div class="slot-large">
<h3>Hiran Venugopalan</h3>
<p>A tinkerer who loves building <i>things</i>, a fan of minimalism, and someone who enjoys reading,
traveling, brewing coffee, and watching movies. As a product designer, I currently lead design at Kaleyra.</p>
</div>

<div class="home-wrapper">
{% assign notes = site.notes | where: 'category', 'notes' | where: 'feed', 'show' | sort: 'date' | reverse %}
{% for note in notes limit: 5 %}
<div class="homelist-feed"> <a href="{{ note.url }}">{{ note.title }}</a></div>
{% endfor %}
</div>
<!--links-->
<div class="slot-large">
<h3>Digital Garden</h3>
<p>This website is my digital garden, a half-blog-half-wiki! Here, you'll find my ever-changing
{%- include moc-list.html -%}</p>
</div>

<!-- now page -->
<div class="slot-large">
<h3>Now</h3>
{% assign now_page = site.pages | where: "name", "now.md" | first %}
{{ now_page.content | markdownify }}
</div>

<div class="home-colln">
<h3 class="home-sub-title">
Collections
</h3>
{%- include Collection.html -%}
<!-- subscribe bar -->
<div class="slot-large" style="padding-top: 8px;">
<div class="subscribe-bar">
Now and then, I send bite-sized notes about
<a href="https://hiran.substack.com/">This&That</a> to your inbox
</div>
</div>

<div class="home-contact ">
<div class="home-sub-title"> Collaborate / Connect </div>
<div class="home-content no-padding">
I offer <a href="{{'/coaching' | relative_url}}">design coaching</a> through <a href="https://adplist.org/mentors/hiran-venugopalan">ADPList</a> and <a href="https://topmate.io/hiran">Topmate</a>.
Occasionally, I send <a href="https://hiran.substack.com/">This & That</a> to your inbox.
Feel free to reach me at <a href="mailto:hi@hiran.in">hi@hiran.in</a>
</div>
</div>
<!-- contact section -->
<div class="slot-large">
<h3>Contact</h3>
<p>I offer coaching on design thinking and problem solving. If you need a design collaborator for small,
fun projects, feel free to <a href="mailto:hiran@hiran.in">contact me</a>.</p>
Loading