azlen

/*
 * credit to Dhrumil Shah (@wandcrafting) and Robert Haisfield (@RobertHaisfield)
 * for the original concept which was part of their RoamGames submission
 * and can be found at: https://www.figma.com/file/5shwLdUCHxSaPNEO7pazbe/
 *
 */

/* ======= OPTIONS ======== */
/* note: if you change these, reload the page to see the effect */

c3founder

.timestamp-control{
  background-color: rgba(108,109,36,0.1); 
  color: rgb(251,106,13);
  margin-right: 8px;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 5px;

  border-radius: 50% !important;
  border-style: inset;  

GitMurf

/*
****************************************************************************************
****************************************************************************************
****************************************************************************************

NOW HOSTING CODE VIA MY MAIN GITHUB REPOSITORY FOR ROAM SO THAT USERS CAN LINK DIRECTLY TO THE CODE AND AUTO UPDATE

GO HERE FOR INSTALLATION INSTRUCTIONS: https://github.com/GitMurf/roam-javascript#installation

****************************************************************************************

jlongtine

You can add this to Roam using {{[[roam/js]]}}

Grab the code in youtube-timestamps.js and drop it in a javascript code block:

  ```javascript```

You can have timestamps at the beginning of any nested block. H:MM:SS

You can use the ctrl+shift+y hotkey (currently assumes you have Roam42 installed, let me know if you'd prefer I drop that requirement) to grab the current timestamp of the video you're cursor is nested under and add it to the beginning of your block.

thesved

/*
 * 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

oschmid

// Moved to https://github.com/oschmid/roam-plugins/blob/master/random-page-plugin.js

ciceronianus

/* 		
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}}:

ciceronianus

/*
Author:: @CatoMinor3
Version:: 3.0
Date:: Sept.rm-italicsber 22nd, 2020
Changes log:
- 3.0 - code adapted for the new classes in Roam
- 2.1 - code adaptated for future support of colour shades (different opacity), 
download the additonal CSS here: https://gist.github.com/ciceronianus/5d7b224658b7a9832a6249a13091aa9d

Support: 

MaggieAppleton

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "TT Commons", sans-serif;
    font-size: 3em;
}
div,

jborichevskiy

• 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