Matt Vogel 8bitgentleman

Setup:

Create a browser bookmark (e.g. in bookmarks bar) where the URL is the text in bookmarklet below (open this "raw" link so it's not truncated). Yes it's huge, that's fine. You can name the bookmark "Roam Link" or whatever you like.
- Alternately, go to this page for easier drag-and-drop bookmarklet setup (GitHub doesn't allow javascript links in gists, sorry)
Go to or create a Roam page called roam/css, and create a CSS code block (``` for code block, then change the language selector dropdown to CSS) and paste the CSS below.

Usage:

On the page you want to create a link embed of, hit the bookmarklet (optional: highlight some text first and it'll be included as a quote)
Go to Roam and paste

Weekly Agenda (created on a different day, and embedded with /Block Reference)
[[Morning Questions]]
- {{[[slider]]}} How many hours of sleep did I get?
- What's one thing top of mind today?
- What's the one thing I need to get done today to make progress?
- Review #[[Index: Questions]] #values
Agenda
- {{[[TODO]]}} Morning walk #goal-health #habit
- {{[[TODO]]}} Check calendar for scheduled events
{{[[TODO]]}} Morning focus hour

React Native + macOS + Clojurescript

Project Catalyst

Since the recent release of Catalina, macOS has shipped with the ability to allow iOS/iPAD apps to run on macOS without any modification via a featureset known as Project Catalyst.

This is exciting, as writing React Native + Clojurescript apps as a target for the desktop is much more compelling than a pure Electron app (imo).

	/*
	* Viktor's Roam gallery PoC v0.2
	* author: @ViktorTabori
	*
	* How to install it:
	* - go to page [[roam/js]]
	* - create a node with: {{[[roam/js]]}}
	* - create a clode block under it, and change its type from clojure to javascript
	* - allow the running of the javascript on the {{[[roam/js]]}} node
	* - reload Roam

	Copy this to roam/js page, including the "{{[[roam/js]]}}" node:

	- {{[[roam/js]]}}
	- ```javascript
	/*
	* Roam template PoC by @ViktorTabori
	* 0.1alpha
	*
	* How to install it:
	* - go to `roam/js` page`

	/*
	Author: @CatoMinor3
	Version: 1
	Date: July 1st
	Paypal support: https://www.paypal.me/catominor3
	What it does: Custom CSS colors for Mermaid in Roam.

	How to use it?
	1) Put this code into roam/css
	2) Simply assign class to the item under {{mermaid}}:

	span.rm-page-ref[data-tag="Delegated"] {
	background: #CECECE !important;
	color: #555555 !important;
	padding: 2px 0px 2px 5px;
	font-size: 13px;
	line-height: 1em;
	font-weight: 500;
	border-radius: 3px 0 0 3px;
	position:relative;
	}

	/*
	Author: @CatoMinor3
	Version: 1
	Date: June 16th, 2020
	Paypal support: https://www.paypal.me/catominor3
	How to use: Simply select text align center from the context menu.

	*/

	.text-align-center {

	.kanban-board {
	background-color: #fff;
	}

	.kanban-card {
	background-color: white;
	margin: 8px;
	box-shadow: 0px 1px 2px #9EB3C0;
	padding: 10px;
	border-radius: 2px;