Skip to content

Instantly share code, notes, and snippets.

@kepano
kepano / dropcaps.css
Created May 30, 2024 20:40
Obsidian drop caps
/* Obsidian CSS snippet that adds drop caps to the first paragraph of a note. */
.dropcaps .cm-content .cm-line:nth-child(2):first-letter,
.dropcaps .markdown-preview-sizer > div:nth-child(4) p:first-letter {
float: left;
font-weight: 600;
font-size: 300%;
line-height: 1;
margin-inline-end: 0.1em;
margin-bottom: -0.5rem;
@kepano
kepano / Stripe's 2023 Annual Letter.md
Last active March 13, 2024 21:00
Stripe's 2023 Annual Letter

Source: https://stripe.com/annual-updates/2023

March 13, 2024

Dear Stripe community:

Charlie Munger described a two-part rule that works wonders in business, science, and elsewhere: 1) take a simple idea and 2) take it very seriously.

Stripe’s mission is to grow the GDP of the internet. The core idea behind the company—one we endeavor to take very seriously—is that we’re still early in the journey of software-driven innovation, and Stripe is an applied exercise in thinking through some of the corollaries of that. In particular, thanks to the new possi-bilities afforded by the internet, we believe that putting better—more global, easier to use, more flexible, faster, cheaper—economic infrastructure in the hands of companies and entrepreneurs will lead to a more vibrant and prosperous world. Remarkably, this journey was still in its infancy when Stripe launched in 2011. Thirteen years, and more than a doubling in internet users later, it’s still early. The world of 2034 is going to look very different.

@kepano
kepano / tab-stacks.css
Last active October 14, 2022 18:48
Style Settings snippet for Obsidian Tab Stacks (1.0+)
/* @settings
name: Tab stacks
id: tab-stacks
settings:
-
id: tab-stacked-pane-width
title: Stacked width
type: variable-number
description: Width of a stacked tab in pixels
@kepano
kepano / minimal-dev.css
Last active December 28, 2022 02:46
Minimal Line Width Dev Snippet
.mod-root .view-header:after {
display:flex;
align-items:flex-end;
content:"\00a0pane\00a0";
font-size:12px;
color:gray;
font-family:var(--font-monospace);
width:100%;
max-width:100%;
height:100vh;
@kepano
kepano / labeled-nav.css
Last active November 14, 2021 21:31
obsidian-labeled-nav
.mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header-container {
height: auto;
}
.mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-container-inner {
flex-direction:column;
padding:8px 8px 6px 8px;
}
.mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header {
padding:0;
margin-bottom:2px;
@kepano
kepano / obsidian-web-clipper.js
Last active October 10, 2024 20:46
Obsidian Web Clipper Bookmarklet to save articles and pages from the web (for Safari, Chrome, Firefox, and mobile browsers)
javascript: Promise.all([import('https://unpkg.com/turndown@6.0.0?module'), import('https://unpkg.com/@tehshrike/readability@0.2.0'), ]).then(async ([{
default: Turndown
}, {
default: Readability
}]) => {
/* Optional vault name */
const vault = "";
/* Optional folder name such as "Clippings/" */
@kepano
kepano / minimal-folding.css
Last active February 4, 2022 14:04
Relationship lines and folding for Minimal Theme
/* TOC
Relationship lines in Preview
Relationship lines in Edit mode
Folding padding adjustment
Folding icons in Preview
Folding icons in Edit mode
*/
@kepano
kepano / clean-google-docs.css
Last active February 8, 2024 06:17 — forked from devonzuegel/clean-google-docs.css
Custom styles for Stylus Chrome extension
.docs-material #docs-header .docs-titlebar-buttons,
.docs-material .goog-toolbar-button,
.docs-material .goog-toolbar-combo-button,
.docs-material .goog-toolbar-menu-button,
.docs-navigation-tab-button,
#docs-toolbar-wrapper,
#docs-editor,
#docs-chrome {
box-shadow:none;
background-color: #fafafa !important;