Compare commits
No commits in common. "main" and "deploy" have entirely different histories.
546 changed files with 126124 additions and 853 deletions
3
.gitattributes
vendored
3
.gitattributes
vendored
|
|
@ -1,3 +0,0 @@
|
||||||
*.md linguist-detectable
|
|
||||||
*.md linguist-language=Markdown
|
|
||||||
*.md linguist-documentation=false
|
|
||||||
0
.static
Normal file
0
.static
Normal file
22
041a1acc.md
22
041a1acc.md
|
|
@ -1,22 +0,0 @@
|
||||||
---
|
|
||||||
date: 2020-12-10T13:22
|
|
||||||
tags:
|
|
||||||
- timeline
|
|
||||||
- software
|
|
||||||
- notes
|
|
||||||
---
|
|
||||||
|
|
||||||
# a self-hosted git stack
|
|
||||||
|
|
||||||
## components
|
|
||||||
|
|
||||||
- [gitolite](https://gitolite.com/gitolite/index.html)
|
|
||||||
- [gitweb](https://git-scm.com/book/en/v2/Git-on-the-Server-GitWeb)
|
|
||||||
- [git-issue](https://github.com/dspinellis/git-issue)
|
|
||||||
- [git-appraise](https://github.com/google/git-appraise)
|
|
||||||
|
|
||||||
## setup notes
|
|
||||||
|
|
||||||
==this is a work in progress==
|
|
||||||
|
|
||||||
1. Set up a [new user account](c4e96daf.md)
|
|
||||||
47
19172b64.md
47
19172b64.md
|
|
@ -1,47 +0,0 @@
|
||||||
---
|
|
||||||
date: 2021-03-14T15:48
|
|
||||||
tags:
|
|
||||||
- vim
|
|
||||||
---
|
|
||||||
|
|
||||||
# specifying a range when running a `!` shell command filters
|
|
||||||
|
|
||||||
Specifying a range when running a `!` shell command filters the range through
|
|
||||||
the specified shell command by piping the range's content into the shell
|
|
||||||
command via stdin and replacing the range with the shell command's stdout.
|
|
||||||
|
|
||||||
Running
|
|
||||||
|
|
||||||
```vim
|
|
||||||
:1,10!sort -r
|
|
||||||
```
|
|
||||||
|
|
||||||
on
|
|
||||||
|
|
||||||
```
|
|
||||||
2
|
|
||||||
3
|
|
||||||
7
|
|
||||||
1
|
|
||||||
9
|
|
||||||
4
|
|
||||||
0
|
|
||||||
8
|
|
||||||
5
|
|
||||||
6
|
|
||||||
```
|
|
||||||
|
|
||||||
results in:
|
|
||||||
|
|
||||||
```
|
|
||||||
9
|
|
||||||
8
|
|
||||||
7
|
|
||||||
6
|
|
||||||
5
|
|
||||||
4
|
|
||||||
3
|
|
||||||
2
|
|
||||||
1
|
|
||||||
0
|
|
||||||
```
|
|
||||||
15
349ceffd.md
15
349ceffd.md
|
|
@ -1,15 +0,0 @@
|
||||||
---
|
|
||||||
date: 2021-03-29T21:24
|
|
||||||
tags:
|
|
||||||
- vim
|
|
||||||
---
|
|
||||||
|
|
||||||
# mark basics
|
|
||||||
|
|
||||||
`m{a-zA-Z}`: set a "bookmark" at a cursor position.
|
|
||||||
|
|
||||||
`'{mark}`: jumps the cursor to first non-whitespace character on the line with.
|
|
||||||
|
|
||||||
`` `{mark}``: jump the cursor to the exact mark position.
|
|
||||||
|
|
||||||
Uppercase marks are global, and by default are persisted across sessions.
|
|
||||||
10
38003bd5.md
10
38003bd5.md
|
|
@ -1,10 +0,0 @@
|
||||||
---
|
|
||||||
date: 2021-03-29T21:21
|
|
||||||
tags:
|
|
||||||
- vim
|
|
||||||
---
|
|
||||||
|
|
||||||
# search is a motion
|
|
||||||
|
|
||||||
Don't forget, search is a motion, and can be combined with other actions,
|
|
||||||
like `d` (delete): `d/foo<CR>`.
|
|
||||||
41
404.html
Normal file
41
404.html
Normal file
|
|
@ -0,0 +1,41 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Not Found</title>
|
||||||
|
<script type="text/javascript">
|
||||||
|
// Single Page Apps for GitHub Pages
|
||||||
|
// https://github.com/rafgraph/spa-github-pages
|
||||||
|
// Copyright (c) 2016 Rafael Pedicini, licensed under the MIT License
|
||||||
|
// ----------------------------------------------------------------------
|
||||||
|
// This script takes the current url and converts the path and query
|
||||||
|
// string into just a query string, and then redirects the browser
|
||||||
|
// to the new url with only a query string and hash fragment,
|
||||||
|
// e.g. https://www.foo.tld/one/two?a=b&c=d#qwe, becomes
|
||||||
|
// https://www.foo.tld/?p=/one/two&q=a=b~and~c=d#qwe
|
||||||
|
// Note: this 404.html file must be at least 512 bytes for it to work
|
||||||
|
// with Internet Explorer (it is currently > 512 bytes)
|
||||||
|
|
||||||
|
// If you're creating a Project Pages site and NOT using a custom domain,
|
||||||
|
// then set segmentCount to 1 (enterprise users may need to set it to > 1).
|
||||||
|
// This way the code will only replace the route part of the path, and not
|
||||||
|
// the real directory in which the app resides, for example:
|
||||||
|
// https://username.github.io/repo-name/one/two?a=b&c=d#qwe becomes
|
||||||
|
// https://username.github.io/repo-name/?p=/one/two&q=a=b~and~c=d#qwe
|
||||||
|
// Otherwise, leave segmentCount as 0.
|
||||||
|
var segmentCount = 0;
|
||||||
|
|
||||||
|
var l = window.location;
|
||||||
|
l.replace(
|
||||||
|
l.protocol + '//' + l.hostname + (l.port ? ':' + l.port : '') +
|
||||||
|
l.pathname.split('/').slice(0, 1 + segmentCount).join('/') + '/?p=/' +
|
||||||
|
l.pathname.slice(1).split('/').slice(segmentCount).join('/').replace(/&/g, '~and~') +
|
||||||
|
(l.search ? '&q=' + l.search.slice(1).replace(/&/g, '~and~') : '') +
|
||||||
|
l.hash
|
||||||
|
);
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
11
56653cb1.md
11
56653cb1.md
|
|
@ -1,11 +0,0 @@
|
||||||
---
|
|
||||||
date: 2021-03-10T07:38
|
|
||||||
tags:
|
|
||||||
- vim
|
|
||||||
---
|
|
||||||
|
|
||||||
# the expression register
|
|
||||||
|
|
||||||
The expression register (`=`) can be used to evaluate expressions, like `2+3`.
|
|
||||||
If this register is used while in Insert mode (`<C-r>=`), the results of the
|
|
||||||
expression will be inserted after the expression is evaluated.
|
|
||||||
10
6d0a076e.md
10
6d0a076e.md
|
|
@ -1,10 +0,0 @@
|
||||||
---
|
|
||||||
date: 2021-03-29T21:14
|
|
||||||
tags:
|
|
||||||
- vim
|
|
||||||
---
|
|
||||||
|
|
||||||
# display lines
|
|
||||||
|
|
||||||
Interacting with display lines (vs real lines) is easier when you prefix
|
|
||||||
motion commands with a `g`.
|
|
||||||
45
72e6c820.md
45
72e6c820.md
|
|
@ -1,45 +0,0 @@
|
||||||
---
|
|
||||||
date: 2021-03-19T09:30
|
|
||||||
tags:
|
|
||||||
- git
|
|
||||||
---
|
|
||||||
|
|
||||||
# check non-trivial gitignore patterns using `git check-ignore`
|
|
||||||
|
|
||||||
today i ran into an issue where i tried creating a new `bin/` dir in a `git`
|
|
||||||
repo, and trying to add the files within to a new commit, but was greeted by:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
$ git add bin/README.md
|
|
||||||
|
|
||||||
The following paths are ignored by one of your .gitignore files:
|
|
||||||
bin
|
|
||||||
hint: Use -f if you really want to add them.
|
|
||||||
hint: Turn this message off by running
|
|
||||||
hint: "git config advice.addIgnoredFile false"
|
|
||||||
```
|
|
||||||
|
|
||||||
confused, i ran a simple `grep` on the project's `.gitignore`:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
$ grep bin .gitignore
|
|
||||||
|
|
||||||
```
|
|
||||||
|
|
||||||
which yielded nothing. i was pretty sure i didn't have that pattern set in my
|
|
||||||
global gitignore, either.
|
|
||||||
|
|
||||||
a quick internet search turned up a git util that is new to me:
|
|
||||||
|
|
||||||
https://git-scm.com/docs/git-check-ignore
|
|
||||||
|
|
||||||
using this command, i was able to trace the exact line responsible:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
git check-ignore -v bin
|
|
||||||
|
|
||||||
.gitignore:123:[Bb]in bin
|
|
||||||
```
|
|
||||||
|
|
||||||
ohhhhh, oops. well, that makes sense. neat! this could've been solved with a
|
|
||||||
more sophisticated `grep` pattern, but who has time for that?
|
|
||||||
|
|
@ -1,7 +0,0 @@
|
||||||
---
|
|
||||||
date: 2021-03-14T15:15
|
|
||||||
tags:
|
|
||||||
- vim
|
|
||||||
---
|
|
||||||
|
|
||||||
# `<C-d>` in command mode presents an auto-completion list
|
|
||||||
37
82ded935.md
37
82ded935.md
|
|
@ -1,37 +0,0 @@
|
||||||
---
|
|
||||||
date: 2021-03-14T14:12
|
|
||||||
tags:
|
|
||||||
- vim
|
|
||||||
---
|
|
||||||
|
|
||||||
# command mode ranges based on patterns
|
|
||||||
|
|
||||||
In command mode you can specify a range of lines to operate on, based on patterns,
|
|
||||||
rather than absolute (or relative line numbers). This can be a great way
|
|
||||||
to isolate changes without looking up the individual line numbers.
|
|
||||||
|
|
||||||
```vim
|
|
||||||
:/start/,/end/cmd<CR>
|
|
||||||
```
|
|
||||||
|
|
||||||
On a Python file, this might look like:
|
|
||||||
|
|
||||||
```python
|
|
||||||
def main():
|
|
||||||
foo = do_something()
|
|
||||||
bar = do_something_else(foo)
|
|
||||||
return bar
|
|
||||||
```
|
|
||||||
|
|
||||||
```vim
|
|
||||||
:/def main/,/return/s/foo/baz/g<CR>
|
|
||||||
```
|
|
||||||
|
|
||||||
results in:
|
|
||||||
|
|
||||||
```python
|
|
||||||
def main():
|
|
||||||
baz = do_something()
|
|
||||||
bar = do_something_else(baz)
|
|
||||||
return bar
|
|
||||||
```
|
|
||||||
108
9227847e.md
108
9227847e.md
|
|
@ -1,108 +0,0 @@
|
||||||
---
|
|
||||||
date: 2020-11-22T11:18
|
|
||||||
tags:
|
|
||||||
- timeline
|
|
||||||
- recipe
|
|
||||||
- bread
|
|
||||||
---
|
|
||||||
|
|
||||||
# sourdough pretzel rolls
|
|
||||||
|
|
||||||
## ingredients and supplies
|
|
||||||
|
|
||||||
### dough
|
|
||||||
|
|
||||||
- 2/3c + 3T warm water
|
|
||||||
- 1T yeast
|
|
||||||
- 1c sourdough starter (based on 1:1 water-to-flour ratio)
|
|
||||||
- 4T olive oil
|
|
||||||
- 2t sugar
|
|
||||||
- 2t salt
|
|
||||||
- 4c + 3T flour
|
|
||||||
|
|
||||||
### poaching solution
|
|
||||||
|
|
||||||
- 8c to 10c boiling water
|
|
||||||
- 1/4c baking soda
|
|
||||||
|
|
||||||
### glaze and topping
|
|
||||||
|
|
||||||
- 1 egg white
|
|
||||||
- 1T cold water
|
|
||||||
- pretzel salt to taste
|
|
||||||
|
|
||||||
### tools
|
|
||||||
|
|
||||||
- stand mixer
|
|
||||||
- baking sheets
|
|
||||||
- parchment paper
|
|
||||||
- large wide pot for poaching
|
|
||||||
- tongs
|
|
||||||
- slotted spoon
|
|
||||||
- brush
|
|
||||||
- razor blade or sharp knife
|
|
||||||
|
|
||||||
## instructions
|
|
||||||
|
|
||||||
### dough
|
|
||||||
|
|
||||||
- in stand mixer:
|
|
||||||
- combine water and yeast
|
|
||||||
- let sit for 5 to 10 minutes
|
|
||||||
- to the foam add:
|
|
||||||
- sourdough starter
|
|
||||||
- olive oil
|
|
||||||
- sugar
|
|
||||||
- salt
|
|
||||||
- flour
|
|
||||||
- mix until smooth, dough will likely be slightly dry
|
|
||||||
- cover and let rise in a warm place until doubled in volume (1-2 hours
|
|
||||||
typically)
|
|
||||||
|
|
||||||
### shaping
|
|
||||||
|
|
||||||
- line baking sheets with parchment paper
|
|
||||||
- divide dough in 18 equal portions
|
|
||||||
- form each portion into a tight ball by roughly shaping, then pulling
|
|
||||||
dough down to the underside of the ball repeatedly
|
|
||||||
- the dry surface should form a taught skin
|
|
||||||
- make sure the bottom is crimped and sealed with no creases
|
|
||||||
- cover and let rest ~30 minutes
|
|
||||||
|
|
||||||
### poaching
|
|
||||||
|
|
||||||
- while resting, boiling water for poaching solution, add to poaching pot
|
|
||||||
- wait to add the baking soda until you're ready to poach
|
|
||||||
- before poaching, preheat the oven to 425F (this can take a while)
|
|
||||||
- poach the rolls
|
|
||||||
- put a few rolls (~4) into the solution, right-side up
|
|
||||||
- poach bottoms for 30 seconds (this helps seal any remaining creases)
|
|
||||||
- using tongs, flip each roll right-side down
|
|
||||||
- poach tops for 30 seconds
|
|
||||||
- using a slotted spoon, remove each roll and place back on baking sheet
|
|
||||||
|
|
||||||
### baking
|
|
||||||
|
|
||||||
- prepare the glaze
|
|
||||||
- mix egg white and cold water
|
|
||||||
- brush glaze onto the rolls
|
|
||||||
- apply liberally
|
|
||||||
- coat the sides, too
|
|
||||||
- slice a deep `x` into the top of each roll
|
|
||||||
- sprinkle with pretzel salt to taste
|
|
||||||
- place baking sheets in center of preheated oven
|
|
||||||
- bake for 15-20 minutes, until golden brown
|
|
||||||
- allow to cool
|
|
||||||
|
|
||||||
## notes
|
|
||||||
|
|
||||||
- the instructions are meant to be followed sequentially
|
|
||||||
- c: cup, T: tablespoon, t: teaspoon
|
|
||||||
- block out a bit of time for this
|
|
||||||
- this recipe is easily doubled, no adjustments necessary, just `*2`
|
|
||||||
- be prepared to make a mess when poaching
|
|
||||||
- they will be pretty ugly post-poaching
|
|
||||||
- you can't really slice too deep
|
|
||||||
- the order matters - don't slice and _then_ glaze - the glaze will likely
|
|
||||||
seal the top shut
|
|
||||||
- start baking as soon as you slice
|
|
||||||
|
|
@ -1,4 +0,0 @@
|
||||||
# self-hosted
|
|
||||||
|
|
||||||
- [[041a1acc]]#
|
|
||||||
- [[aab45963]]
|
|
||||||
39
96fc3093.md
39
96fc3093.md
|
|
@ -1,39 +0,0 @@
|
||||||
---
|
|
||||||
date: 2021-03-14T15:23
|
|
||||||
tags:
|
|
||||||
- vim
|
|
||||||
---
|
|
||||||
|
|
||||||
# `:read` allows piping shell stdout into a buffer
|
|
||||||
|
|
||||||
```vim
|
|
||||||
:read !ls<CR>
|
|
||||||
```
|
|
||||||
|
|
||||||
for example:
|
|
||||||
|
|
||||||
```
|
|
||||||
041a1acc.md
|
|
||||||
56653cb1.md
|
|
||||||
73dcbcc7.md
|
|
||||||
82ded935.md
|
|
||||||
9227847e.md
|
|
||||||
92598822.md
|
|
||||||
96fc3093.md
|
|
||||||
9b74f625.md
|
|
||||||
9db45ab6.md
|
|
||||||
aab45963.md
|
|
||||||
acc60422.md
|
|
||||||
b364352b.md
|
|
||||||
b926d9bd.md
|
|
||||||
c4e96daf.md
|
|
||||||
d2e178e0.md
|
|
||||||
da69e0f5.md
|
|
||||||
dc879f80.md
|
|
||||||
ec21e3f5.md
|
|
||||||
ec672cb5.md
|
|
||||||
fa6a31b4.md
|
|
||||||
index.md
|
|
||||||
neuron.dhall
|
|
||||||
static
|
|
||||||
```
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
# software
|
|
||||||
|
|
||||||
- [[92598822]]#
|
|
||||||
- [[c4e96daf]]
|
|
||||||
- [[b926d9bd]]
|
|
||||||
15
Makefile
15
Makefile
|
|
@ -1,15 +0,0 @@
|
||||||
MARKDOWN=$(shell find . -iname "*.md")
|
|
||||||
HTML=$(MARKDOWN:.md=.html)
|
|
||||||
|
|
||||||
.PHONY = all tar clean
|
|
||||||
|
|
||||||
all: $(HTML)
|
|
||||||
|
|
||||||
%.html: %.md
|
|
||||||
pandoc --from markdown --to html $< -o $@
|
|
||||||
|
|
||||||
tar: $(MARKDOWN)
|
|
||||||
tar --exclude=notes.tar.gz --exclude=.git/ -czvf notes.tar.gz ./
|
|
||||||
|
|
||||||
clean:
|
|
||||||
rm $(HTML)
|
|
||||||
26
aab45963.md
26
aab45963.md
|
|
@ -1,26 +0,0 @@
|
||||||
---
|
|
||||||
date: 2020-12-08T10:29
|
|
||||||
tags:
|
|
||||||
- timeline
|
|
||||||
- software
|
|
||||||
- notes
|
|
||||||
---
|
|
||||||
|
|
||||||
# the matrix ecosystem
|
|
||||||
|
|
||||||
## matrix protocol
|
|
||||||
|
|
||||||
- open spec: decentralised conversation store
|
|
||||||
- end-to-end encryption
|
|
||||||
- federated: a lot like email
|
|
||||||
- you sign up for an acct on a homeserver (could be public, private, etc)
|
|
||||||
- just like email, that acct can communicate with any other acct, regardless
|
|
||||||
of their homeserver
|
|
||||||
- bridges: glues multiple non-matrix services together: facebook chat, sms, etc
|
|
||||||
|
|
||||||
|
|
||||||
## setting up a homeserver
|
|
||||||
|
|
||||||
### https://github.com/spantaleev/matrix-docker-ansible-deploy
|
|
||||||
|
|
||||||
- subdomain config seems to be pretty hard-coded
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
# practices
|
|
||||||
|
|
||||||
```query {.timeline}
|
|
||||||
tag:practices
|
|
||||||
```
|
|
||||||
|
|
@ -1,28 +0,0 @@
|
||||||
---
|
|
||||||
date: 2020-11-09T16:48
|
|
||||||
tags:
|
|
||||||
- timeline
|
|
||||||
- practices
|
|
||||||
- productivity
|
|
||||||
---
|
|
||||||
|
|
||||||
# focus requires a rigorous contract
|
|
||||||
|
|
||||||
Balancing many disparate tasks is good for my morale ("Wow! If I get bored with
|
|
||||||
this one thing, I can just do something else!"), but feeling "behind" is most
|
|
||||||
decidedly _not_ good for my morale. Timeblocking and scheduling are great, but
|
|
||||||
they require _discipline_. I like to think that I am effectively entering into
|
|
||||||
a short-term contract with myself. If the terms aren't clear, the chances of
|
|
||||||
failure go up (significantly). Interestingly, I think this scenario represents
|
|
||||||
a conflict of interest: I am basically the party responsible for _monitoring_
|
|
||||||
that contract, as well as the one actually executing the work.
|
|
||||||
|
|
||||||
Besides having a clear plan (a statement of work) I think the next biggest
|
|
||||||
concern involves distractions. In my experience, you can't get rid of
|
|
||||||
distractions, but you can be judicious about _what_ distractions you choose to
|
|
||||||
entertain. That gets to the same end-goal of choosing _when_ to focus on
|
|
||||||
distractions, but puts a different emphasis on the problem.
|
|
||||||
|
|
||||||
The "hard" part (to me) is that developing the intuition of what to do (and
|
|
||||||
when) is much easier said than done. Maybe because it is a constantly moving
|
|
||||||
target?
|
|
||||||
|
|
@ -1,70 +0,0 @@
|
||||||
---
|
|
||||||
date: 2021-01-29T12:00
|
|
||||||
tags:
|
|
||||||
- timeline
|
|
||||||
- practices
|
|
||||||
- productivity
|
|
||||||
---
|
|
||||||
|
|
||||||
# how i stay (somewhat) organized
|
|
||||||
|
|
||||||
Right now this is just a draft outline, ideally I will circle back on this some
|
|
||||||
time this year to fill in some more details.
|
|
||||||
|
|
||||||
- Tools
|
|
||||||
- Notebook
|
|
||||||
- Right now this is actually just half-letter-page (5.5 inches × 8.5
|
|
||||||
inches) sheets on a similarly sized clipboard + pen.
|
|
||||||
- Pre-printed [time
|
|
||||||
block](https://www.calnewport.com/blog/2013/12/21/deep-habits-the-importance-of-planning-every-minute-of-your-work-day/)
|
|
||||||
pages: four columns (for amending schedule) +
|
|
||||||
twenty-two 30min rows.
|
|
||||||
- Blank pages for logging daily notes, observations, and ideas.
|
|
||||||
- I use some elements of [bullet journaling](https://bulletjournal.com/)
|
|
||||||
for this:
|
|
||||||
- I love the bullet syntax, so I use that often (and a homegrown
|
|
||||||
shorthand).
|
|
||||||
- I migrate tasks from page to page, but don’t follow any of the
|
|
||||||
weekly/monthly/yearly migrations.
|
|
||||||
- The second or third time a task is migrated, I move this task over to
|
|
||||||
my digital planner app (more below).
|
|
||||||
- Reflection happens ideally once a day, but more like 2 or 3 times a
|
|
||||||
week.
|
|
||||||
- Periodically I clear out the clipboard to archive older sheets that I
|
|
||||||
won’t need to update - these get scanned and put into a per-annum PDF
|
|
||||||
document that is [synced](https://syncthing.net/) to my phone and
|
|
||||||
computer.
|
|
||||||
- Calendar
|
|
||||||
- I check my digital calendar multiple times a day: I use this to
|
|
||||||
communicate shared calendar events with team members, as well as personal
|
|
||||||
events, deadlines, etc.
|
|
||||||
- Home-grown [todoist](https://todoist.com/) clone
|
|
||||||
- Repo: git://pingo.thermokar.st/planner
|
|
||||||
- Live: https://planner.thermokar.st (access restricted)
|
|
||||||
- Structure
|
|
||||||
- This planner is modeled after GTD practices and features an inbox, and
|
|
||||||
the ability to categorize tasks into one or more “plans” (plans can be
|
|
||||||
a project, a specific day/week/events todo list, an issue tracker,
|
|
||||||
etc).
|
|
||||||
- Routines
|
|
||||||
- Daily
|
|
||||||
- I triage notifications first thing in the morning (no more than 30 mins).
|
|
||||||
- Note, I might move away from this: I would prefer to handle that kind
|
|
||||||
of stuff midday if possible.
|
|
||||||
- Timeblock the day’s schedule (see: [[9db45ab6]]),
|
|
||||||
incorporating prior engagements, any urgent ad hoc tasks, and the week’s
|
|
||||||
goals (more below).
|
|
||||||
- If I fall behind or something unexpected comes up, I update the
|
|
||||||
timeblock schedule when I get a chance.
|
|
||||||
- Weekly
|
|
||||||
- Before each week starts I try to identify a few high-level goals for the
|
|
||||||
week, and figure out (broadly) how they might fit into my schedule, but I
|
|
||||||
don’t worry too much about specific scheduling at this point, just
|
|
||||||
something like "Wednesday would be a good day to carve out time for
|
|
||||||
this…"
|
|
||||||
- Long-term
|
|
||||||
- My calendar handles big things like major work milestones, deadlines,
|
|
||||||
appointments, meetings, etc.
|
|
||||||
- Tasks go into my planner app, I review these 3-5 times a month on average
|
|
||||||
to see how they might fit into what is coming up next, etc. Really
|
|
||||||
long-term tasks get filed into an @someday plan.
|
|
||||||
11
b364352b.md
11
b364352b.md
|
|
@ -1,11 +0,0 @@
|
||||||
---
|
|
||||||
date: 2021-03-10T18:41
|
|
||||||
tags:
|
|
||||||
- vim
|
|
||||||
---
|
|
||||||
|
|
||||||
# use `c` instead of deleting and inserting in visual mode
|
|
||||||
|
|
||||||
Using the `c` change action in visual mode is very convenient! For some reason
|
|
||||||
I often neglect that action when operating in visual mode, instead opting for
|
|
||||||
two actions: delete and insert. This seems like a habit worth breaking!
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
# vim
|
|
||||||
|
|
||||||
```query {.timeline}
|
|
||||||
tag:vim
|
|
||||||
```
|
|
||||||
19
c4e96daf.md
19
c4e96daf.md
|
|
@ -1,19 +0,0 @@
|
||||||
---
|
|
||||||
date: 2020-12-13T16:43
|
|
||||||
tags:
|
|
||||||
- server
|
|
||||||
- admin
|
|
||||||
- tech
|
|
||||||
---
|
|
||||||
|
|
||||||
# adding a new user account on a linux system
|
|
||||||
|
|
||||||
```bash
|
|
||||||
adduser $USER
|
|
||||||
usermod -aG sudo $USER
|
|
||||||
# if account requires password-less elevation:
|
|
||||||
sudo visudo # add an entry like: $USER ALL=(ALL) NOPASSWD:ALL
|
|
||||||
# confirm that the account works as expected
|
|
||||||
su - $USER
|
|
||||||
```
|
|
||||||
|
|
||||||
132
c6a6cf84.md
132
c6a6cf84.md
|
|
@ -1,132 +0,0 @@
|
||||||
---
|
|
||||||
date: 2021-11-29T22:45
|
|
||||||
tags:
|
|
||||||
- timeline
|
|
||||||
- software
|
|
||||||
- notes
|
|
||||||
---
|
|
||||||
|
|
||||||
# a self-hosted podcast playback station
|
|
||||||
|
|
||||||
## components
|
|
||||||
|
|
||||||
### hardware
|
|
||||||
|
|
||||||
- raspberry pi 3
|
|
||||||
- wired speakers
|
|
||||||
|
|
||||||
### software
|
|
||||||
|
|
||||||
- [raspberry pi os](https://www.raspberrypi.com/software/)
|
|
||||||
- packages:
|
|
||||||
- `python-pip`
|
|
||||||
- `libglib2.0-dev`
|
|
||||||
- `libxml2-dev`
|
|
||||||
- `libcurl4-openssl-dev`
|
|
||||||
- `libid3-3.8.3-dev`
|
|
||||||
- `vim`
|
|
||||||
- [`mopidy`](https://mopidy.com/)
|
|
||||||
- extensions:
|
|
||||||
- [`mopidy-m3u`](https://docs.mopidy.com/en/latest/ext/m3u/)
|
|
||||||
- [`mopidy-local`](https://github.com/mopidy/mopidy-local)
|
|
||||||
- [`mopidy-musicbox-webclient`](https://github.com/pimusicbox/mopidy-musicbox-webclient)
|
|
||||||
- [`mopidy-mpd`](https://github.com/mopidy/mopidy-mpd)
|
|
||||||
- [`mopidy-stream`](https://docs.mopidy.com/en/latest/ext/stream/)
|
|
||||||
- [`castget`](https://castget.johndal.com/)
|
|
||||||
|
|
||||||
## general setup
|
|
||||||
|
|
||||||
1. set up headless raspbian, connect wifi, set up user acct, and podcast dir
|
|
||||||
```bash
|
|
||||||
sudo raspi-config
|
|
||||||
mkdir -p /home/pi/podcasts/{playlists,podcast1,podcast2,podcast3}
|
|
||||||
```
|
|
||||||
2. [install `mopidy`](https://docs.mopidy.com/en/latest/installation/debian/) +
|
|
||||||
extensions (see links above for installation info)
|
|
||||||
```bash
|
|
||||||
# edit /etc/mopidy/mopidy.conf
|
|
||||||
[local]
|
|
||||||
enabled = true
|
|
||||||
media_dir = /home/pi/podcasts
|
|
||||||
scan_timeout = 10000
|
|
||||||
|
|
||||||
[file]
|
|
||||||
enabled = false
|
|
||||||
|
|
||||||
[http]
|
|
||||||
enabled = true
|
|
||||||
hostname = 0.0.0.0
|
|
||||||
port = 6680
|
|
||||||
|
|
||||||
[mpd]
|
|
||||||
enabled = true
|
|
||||||
hostname = 0.0.0.0
|
|
||||||
port = 6600
|
|
||||||
|
|
||||||
[logging]
|
|
||||||
verbosity = 1
|
|
||||||
|
|
||||||
[m3u]
|
|
||||||
enabled = true
|
|
||||||
playlists_dir = /home/pi/podcasts/playlists
|
|
||||||
```
|
|
||||||
3. compile and install `castget` (see link above for installation info)
|
|
||||||
```bash
|
|
||||||
# edit /home/pi/castgetrc
|
|
||||||
|
|
||||||
# note, the keys in this config should correspond with the podcast dirs
|
|
||||||
# created in step 1 above
|
|
||||||
|
|
||||||
[podcast1]
|
|
||||||
url=http://url.to/podcast1
|
|
||||||
spool=/home/pi/podcasts/podcast1
|
|
||||||
filename=%(date) %(title).mp3
|
|
||||||
|
|
||||||
[podcast2]
|
|
||||||
url=http://url.to/podcast2
|
|
||||||
spool=/home/pi/podcasts/podcast2
|
|
||||||
filename=%(date) %(title).mp3
|
|
||||||
|
|
||||||
...
|
|
||||||
```
|
|
||||||
4. create `sync.sh` script with the following content (ymmv, use at your own
|
|
||||||
risk):
|
|
||||||
```bash
|
|
||||||
#!/usr/bin/env bash
|
|
||||||
|
|
||||||
set -e
|
|
||||||
|
|
||||||
# fetch podcasts
|
|
||||||
/usr/local/bin/castget -C /home/pi/castgetrc -1 "$1"
|
|
||||||
|
|
||||||
playlist="/home/pi/podcasts/playlists/$1.m3u"
|
|
||||||
files=(/home/pi/podcasts/$1/*.mp3)
|
|
||||||
|
|
||||||
# remove stale playlist
|
|
||||||
if [ -f "$playlist" ]
|
|
||||||
then
|
|
||||||
rm "$playlist"
|
|
||||||
fi
|
|
||||||
|
|
||||||
# build new playlist with newest entries _first_
|
|
||||||
for (( i=${#files[@]}-1; i>=0; i-- ))
|
|
||||||
do
|
|
||||||
fp="${files[$i]}"
|
|
||||||
fn=$(basename -- "$fp")
|
|
||||||
|
|
||||||
# next, we'll make these all relative fps
|
|
||||||
quoted=$(python -c "from urllib import parse, sys; print(parse.quote(sys.argv[1]))" "$fn")
|
|
||||||
echo "local:track:$1/$quoted" >> "$playlist"
|
|
||||||
done
|
|
||||||
|
|
||||||
sudo mopidyctl local scan
|
|
||||||
```
|
|
||||||
5. add cron jobs
|
|
||||||
```bash
|
|
||||||
5 * * * * /home/pi/sync.sh podcast1 >> /path/to/podcast1.log
|
|
||||||
0,15,30,45 15,16,17 * * * /home/pi/sync.sh podcast2 >> /path/to/podcast2.log
|
|
||||||
0 0 * * 5 /home/pi/sync.sh podcast3 >> /path/to/podcast3.log
|
|
||||||
```
|
|
||||||
6. add any additional internet radio streams into one or more playlist files
|
|
||||||
in `/home/pi/podcasts/playlists`.
|
|
||||||
7. enjoy!
|
|
||||||
16
d2e178e0.md
16
d2e178e0.md
|
|
@ -1,16 +0,0 @@
|
||||||
---
|
|
||||||
date: 2021-03-14T14:34
|
|
||||||
tags:
|
|
||||||
- vim
|
|
||||||
---
|
|
||||||
|
|
||||||
# the `:normal` command runs normal commands on multiple lines
|
|
||||||
|
|
||||||
The `:normal` command is a useful way to run the same Normal mode command
|
|
||||||
on multiple lines.
|
|
||||||
|
|
||||||
```vim
|
|
||||||
:%normal i# <CR>
|
|
||||||
```
|
|
||||||
|
|
||||||
The command above will comment out an entire Python source file.
|
|
||||||
|
|
@ -1,7 +0,0 @@
|
||||||
---
|
|
||||||
date: 2021-03-14T15:16
|
|
||||||
tags:
|
|
||||||
- vim
|
|
||||||
---
|
|
||||||
|
|
||||||
# `<C-r><C-w>` in command mode will insert the word under the cursor in the cmd
|
|
||||||
11
ec21e3f5.md
11
ec21e3f5.md
|
|
@ -1,11 +0,0 @@
|
||||||
---
|
|
||||||
date: 2021-03-14T14:29
|
|
||||||
tags:
|
|
||||||
- vim
|
|
||||||
---
|
|
||||||
|
|
||||||
# the `copy` command doesn't use a register
|
|
||||||
|
|
||||||
The `copy` command doesn't use a register. This is useful for not overwriting
|
|
||||||
the current value in the default register - you might not _need_ to run the
|
|
||||||
`copy` command, but it might help keep your registers clean.
|
|
||||||
10
ec672cb5.md
10
ec672cb5.md
|
|
@ -1,10 +0,0 @@
|
||||||
---
|
|
||||||
date: 2021-03-14T15:19
|
|
||||||
tags:
|
|
||||||
- vim
|
|
||||||
---
|
|
||||||
|
|
||||||
# `q:` opens the command history window
|
|
||||||
|
|
||||||
`q:` opens the command history window. When this window is open, it maintains
|
|
||||||
exclusive focus.
|
|
||||||
|
|
@ -1,9 +0,0 @@
|
||||||
---
|
|
||||||
date: 2021-03-29T21:30
|
|
||||||
tags:
|
|
||||||
- vim
|
|
||||||
---
|
|
||||||
|
|
||||||
# the jump list is primarily for between-file motions
|
|
||||||
|
|
||||||
`<C-o>` & `<C-i>` & `:jumps`
|
|
||||||
10
f0e5cfc1.md
10
f0e5cfc1.md
|
|
@ -1,10 +0,0 @@
|
||||||
---
|
|
||||||
date: 2021-03-29T21:32
|
|
||||||
tags:
|
|
||||||
- vim
|
|
||||||
---
|
|
||||||
|
|
||||||
# the `gf` motion will jump to the filename under the cursor
|
|
||||||
|
|
||||||
The `suffixadd` option needs to be set, although most common filetype plugins
|
|
||||||
should handle this automatically.
|
|
||||||
12
fa6a31b4.md
12
fa6a31b4.md
|
|
@ -1,12 +0,0 @@
|
||||||
---
|
|
||||||
date: 2021-03-10T07:40
|
|
||||||
tags:
|
|
||||||
- vim
|
|
||||||
---
|
|
||||||
|
|
||||||
# replace mode
|
|
||||||
|
|
||||||
From Normal mode, `R` activates Replace mode, which behaves a lot like Insert
|
|
||||||
mode, except that it allows you to effectively type over existing content. This
|
|
||||||
is different from `r`, which is a single character replacement (ending back in
|
|
||||||
Normal mode) - `R` requires you to deliberately exit back to Normal mode.
|
|
||||||
64
index.html
Executable file
64
index.html
Executable file
File diff suppressed because one or more lines are too long
7
index.md
7
index.md
|
|
@ -1,7 +0,0 @@
|
||||||
# zettel.thermokar.st
|
|
||||||
|
|
||||||
experiment(s) with a public notebook.
|
|
||||||
|
|
||||||
```query {.timeline}
|
|
||||||
tag:timeline
|
|
||||||
```
|
|
||||||
|
|
@ -1,7 +0,0 @@
|
||||||
page:
|
|
||||||
siteTitle: zettel.thermokar.st
|
|
||||||
|
|
||||||
template:
|
|
||||||
name: /templates/layouts/note
|
|
||||||
sidebar:
|
|
||||||
collapsed: false
|
|
||||||
|
|
@ -1,4 +0,0 @@
|
||||||
# self-hosted
|
|
||||||
|
|
||||||
- [[[041a1acc]]]
|
|
||||||
- [[[aab45963]]]
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
# software
|
|
||||||
|
|
||||||
- [[[92598822]]]
|
|
||||||
- [[[c4e96daf]]]
|
|
||||||
- [[[b926d9bd]]]
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
# practices
|
|
||||||
|
|
||||||
[[[z:zettels?tag=practices/**&practices]]]
|
|
||||||
|
|
@ -1,7 +0,0 @@
|
||||||
# index
|
|
||||||
|
|
||||||
experiment(s) with a public notebook.
|
|
||||||
|
|
||||||
```query {.timeline}
|
|
||||||
tag:timeline
|
|
||||||
```
|
|
||||||
BIN
static/css/Inter (web)/Inter-Black.woff
Normal file
BIN
static/css/Inter (web)/Inter-Black.woff
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-Black.woff2
Normal file
BIN
static/css/Inter (web)/Inter-Black.woff2
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-BlackItalic.woff
Normal file
BIN
static/css/Inter (web)/Inter-BlackItalic.woff
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-BlackItalic.woff2
Normal file
BIN
static/css/Inter (web)/Inter-BlackItalic.woff2
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-Bold.woff
Normal file
BIN
static/css/Inter (web)/Inter-Bold.woff
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-Bold.woff2
Normal file
BIN
static/css/Inter (web)/Inter-Bold.woff2
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-BoldItalic.woff
Normal file
BIN
static/css/Inter (web)/Inter-BoldItalic.woff
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-BoldItalic.woff2
Normal file
BIN
static/css/Inter (web)/Inter-BoldItalic.woff2
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-ExtraBold.woff
Normal file
BIN
static/css/Inter (web)/Inter-ExtraBold.woff
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-ExtraBold.woff2
Normal file
BIN
static/css/Inter (web)/Inter-ExtraBold.woff2
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-ExtraBoldItalic.woff
Normal file
BIN
static/css/Inter (web)/Inter-ExtraBoldItalic.woff
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-ExtraBoldItalic.woff2
Normal file
BIN
static/css/Inter (web)/Inter-ExtraBoldItalic.woff2
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-ExtraLight.woff
Normal file
BIN
static/css/Inter (web)/Inter-ExtraLight.woff
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-ExtraLight.woff2
Normal file
BIN
static/css/Inter (web)/Inter-ExtraLight.woff2
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-ExtraLightItalic.woff
Normal file
BIN
static/css/Inter (web)/Inter-ExtraLightItalic.woff
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-ExtraLightItalic.woff2
Normal file
BIN
static/css/Inter (web)/Inter-ExtraLightItalic.woff2
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-Italic.woff
Normal file
BIN
static/css/Inter (web)/Inter-Italic.woff
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-Italic.woff2
Normal file
BIN
static/css/Inter (web)/Inter-Italic.woff2
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-Light.woff
Normal file
BIN
static/css/Inter (web)/Inter-Light.woff
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-Light.woff2
Normal file
BIN
static/css/Inter (web)/Inter-Light.woff2
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-LightItalic.woff
Normal file
BIN
static/css/Inter (web)/Inter-LightItalic.woff
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-LightItalic.woff2
Normal file
BIN
static/css/Inter (web)/Inter-LightItalic.woff2
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-Medium.woff
Normal file
BIN
static/css/Inter (web)/Inter-Medium.woff
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-Medium.woff2
Normal file
BIN
static/css/Inter (web)/Inter-Medium.woff2
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-MediumItalic.woff
Normal file
BIN
static/css/Inter (web)/Inter-MediumItalic.woff
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-MediumItalic.woff2
Normal file
BIN
static/css/Inter (web)/Inter-MediumItalic.woff2
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-Regular.woff
Normal file
BIN
static/css/Inter (web)/Inter-Regular.woff
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-Regular.woff2
Normal file
BIN
static/css/Inter (web)/Inter-Regular.woff2
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-SemiBold.woff
Normal file
BIN
static/css/Inter (web)/Inter-SemiBold.woff
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-SemiBold.woff2
Normal file
BIN
static/css/Inter (web)/Inter-SemiBold.woff2
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-SemiBoldItalic.woff
Normal file
BIN
static/css/Inter (web)/Inter-SemiBoldItalic.woff
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-SemiBoldItalic.woff2
Normal file
BIN
static/css/Inter (web)/Inter-SemiBoldItalic.woff2
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-Thin.woff
Normal file
BIN
static/css/Inter (web)/Inter-Thin.woff
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-Thin.woff2
Normal file
BIN
static/css/Inter (web)/Inter-Thin.woff2
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-ThinItalic.woff
Normal file
BIN
static/css/Inter (web)/Inter-ThinItalic.woff
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-ThinItalic.woff2
Normal file
BIN
static/css/Inter (web)/Inter-ThinItalic.woff2
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-italic.var.woff2
Normal file
BIN
static/css/Inter (web)/Inter-italic.var.woff2
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter-roman.var.woff2
Normal file
BIN
static/css/Inter (web)/Inter-roman.var.woff2
Normal file
Binary file not shown.
BIN
static/css/Inter (web)/Inter.var.woff2
Normal file
BIN
static/css/Inter (web)/Inter.var.woff2
Normal file
Binary file not shown.
45
static/css/LICENSE
Normal file
45
static/css/LICENSE
Normal file
|
|
@ -0,0 +1,45 @@
|
||||||
|
SIL Open Font License
|
||||||
|
|
||||||
|
Copyright 2010, 2012 Adobe Systems Incorporated (http://www.adobe.com/), with Reserved Font Name ‘Source’. All Rights Reserved. Source is a trademark of Adobe Systems Incorporated in the United States and/or other countries.
|
||||||
|
|
||||||
|
This Font Software is licensed under the SIL Open Font License, Version 1.1.
|
||||||
|
This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL
|
||||||
|
|
||||||
|
—————————————————————————————-
|
||||||
|
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
|
||||||
|
—————————————————————————————-
|
||||||
|
|
||||||
|
PREAMBLE
|
||||||
|
The goals of the Open Font License (OFL) are to stimulate worldwide development of collaborative font projects, to support the font creation efforts of academic and linguistic communities, and to provide a free and open framework in which fonts may be shared and improved in partnership with others.
|
||||||
|
|
||||||
|
The OFL allows the licensed fonts to be used, studied, modified and redistributed freely as long as they are not sold by themselves. The fonts, including any derivative works, can be bundled, embedded, redistributed and/or sold with any software provided that any reserved names are not used by derivative works. The fonts and derivatives, however, cannot be released under any other type of license. The requirement for fonts to remain under this license does not apply to any document created using the fonts or their derivatives.
|
||||||
|
|
||||||
|
DEFINITIONS
|
||||||
|
“Font Software” refers to the set of files released by the Copyright Holder(s) under this license and clearly marked as such. This may include source files, build scripts and documentation.
|
||||||
|
|
||||||
|
“Reserved Font Name” refers to any names specified as such after the copyright statement(s).
|
||||||
|
|
||||||
|
“Original Version” refers to the collection of Font Software components as distributed by the Copyright Holder(s).
|
||||||
|
|
||||||
|
“Modified Version” refers to any derivative made by adding to, deleting, or substituting—in part or in whole—any of the components of the Original Version, by changing formats or by porting the Font Software to a new environment.
|
||||||
|
|
||||||
|
“Author” refers to any designer, engineer, programmer, technical writer or other person who contributed to the Font Software.
|
||||||
|
|
||||||
|
PERMISSION & CONDITIONS
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining a copy of the Font Software, to use, study, copy, merge, embed, modify, redistribute, and sell modified and unmodified copies of the Font Software, subject to the following conditions:
|
||||||
|
|
||||||
|
1) Neither the Font Software nor any of its individual components, in Original or Modified Versions, may be sold by itself.
|
||||||
|
|
||||||
|
2) Original or Modified Versions of the Font Software may be bundled, redistributed and/or sold with any software, provided that each copy contains the above copyright notice and this license. These can be included either as stand-alone text files, human-readable headers or in the appropriate machine-readable metadata fields within text or binary files as long as those fields can be easily viewed by the user.
|
||||||
|
|
||||||
|
3) No Modified Version of the Font Software may use the Reserved Font Name(s) unless explicit written permission is granted by the corresponding Copyright Holder. This restriction only applies to the primary font name as presented to the users.
|
||||||
|
|
||||||
|
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font Software shall not be used to promote, endorse or advertise any Modified Version, except to acknowledge the contribution(s) of the Copyright Holder(s) and the Author(s) or with their explicit written permission.
|
||||||
|
|
||||||
|
5) The Font Software, modified or unmodified, in part or in whole, must be distributed entirely under this license, and must not be distributed under any other license. The requirement for fonts to remain under this license does not apply to any document created using the Font Software.
|
||||||
|
|
||||||
|
TERMINATION
|
||||||
|
This license becomes null and void if any of the above conditions are not met.
|
||||||
|
|
||||||
|
DISCLAIMER
|
||||||
|
THE FONT SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE.
|
||||||
70
static/css/animation.css
Executable file
70
static/css/animation.css
Executable file
|
|
@ -0,0 +1,70 @@
|
||||||
|
/* make keyframes that tell the start state and the end state of our object */
|
||||||
|
@-webkit-keyframes fadeIn {
|
||||||
|
from {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-moz-keyframes fadeIn {
|
||||||
|
from {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes fadeIn {
|
||||||
|
from {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.fade-in {
|
||||||
|
opacity: 0; /* make things invisible upon start */
|
||||||
|
-webkit-animation: fadein ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
|
||||||
|
-moz-animation: fadein ease-in 1;
|
||||||
|
animation: fadeIn ease-in 1;
|
||||||
|
|
||||||
|
-webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1) */
|
||||||
|
-moz-animation-fill-mode: forwards;
|
||||||
|
animation-fill-mode: forwards;
|
||||||
|
|
||||||
|
-webkit-animation-duration: 1s;
|
||||||
|
-moz-animation-duration: 1s;
|
||||||
|
animation-duration: 1s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.faster-fade-in {
|
||||||
|
-webkit-animation-duration: 0.3s;
|
||||||
|
-moz-animation-duration: 0.3s;
|
||||||
|
animation-duration: 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* page transition */
|
||||||
|
.fade-enter {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fade-enter.fade-enter-active {
|
||||||
|
opacity: 1;
|
||||||
|
transition: opacity 500ms ease-in;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fade-exit {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fade-exit.fade-exit-active {
|
||||||
|
opacity: 0;
|
||||||
|
transition: opacity 300ms ease-in;
|
||||||
|
}
|
||||||
166
static/css/codemirror.lsradix.css
Normal file
166
static/css/codemirror.lsradix.css
Normal file
|
|
@ -0,0 +1,166 @@
|
||||||
|
/*
|
||||||
|
lsradix theme for code-mirror
|
||||||
|
http://ethanschoonover.com/lsradix
|
||||||
|
*/
|
||||||
|
|
||||||
|
/*
|
||||||
|
lsradix color palette
|
||||||
|
http://ethanschoonover.com/lsradix/img/lsradix-palette.png
|
||||||
|
*/
|
||||||
|
|
||||||
|
.lsradix.base03 { color: or(--lx-gray-01, #002b36); }
|
||||||
|
.dark .lsradix.base03 { color: or(--lx-gray-02, #002b36); }
|
||||||
|
.lsradix.base02 { color: or(--lx-gray-02, #073642); }
|
||||||
|
.dark .lsradix.base02 { color: or(--lx-gray-01, #073642); }
|
||||||
|
.lsradix.base01 { color: or(--lx-gray-03, #586e75); }
|
||||||
|
.lsradix.base00 { color: or(--lx-gray-04, #657b83); }
|
||||||
|
.lsradix.base0 { color: or(--lx-gray-09, #839496); }
|
||||||
|
.lsradix.base1 { color: or(--lx-gray-10, #93a1a1); }
|
||||||
|
.lsradix.base2 { color: or(--lx-gray-11, #eee8d5); }
|
||||||
|
.lsradix.base3 { color: or(--lx-gray-11, #fdf6e3); }
|
||||||
|
.lsradix.solar-yellow { color: or(--rx-yellow-11, #b58900); }
|
||||||
|
.lsradix.solar-orange { color: or(--rx-orange-11, #cb4b16); }
|
||||||
|
.lsradix.solar-red { color: or(--rx-red-11, #dc322f); }
|
||||||
|
.lsradix.solar-magenta { color: or(--rx-pink-11, #d33682); }
|
||||||
|
.lsradix.solar-violet { color: or(--rx-purple-11, #6c71c4); }
|
||||||
|
.lsradix.solar-blue { color: or(--rx-blue-11, #268bd2); }
|
||||||
|
.lsradix.solar-cyan { color: or(--rx-sky-11, #2aa198); }
|
||||||
|
.lsradix.solar-green { color: or(--rx-grass-11, #859900); }
|
||||||
|
|
||||||
|
/* Color scheme for code-mirror */
|
||||||
|
|
||||||
|
.cm-s-lsradix {
|
||||||
|
line-height: 1.45em;
|
||||||
|
color-profile: sRGB;
|
||||||
|
rendering-intent: auto;
|
||||||
|
}
|
||||||
|
.cm-s-lsradix.cm-s-dark {
|
||||||
|
background-color: var(--lx-gray-01, hsl(var(--secondary)/.7));
|
||||||
|
color: var(--lx-gray-10, hsl(var(--secondary-foreground)));
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark .cm-s-lsradix.cm-s-dark {
|
||||||
|
background-color: var(--lx-gray-02, hsl(var(--secondary)/.7));
|
||||||
|
}
|
||||||
|
|
||||||
|
.cm-s-lsradix.cm-s-light {
|
||||||
|
background-color: var(--lx-gray-02, hsl(var(--secondary)/.7));
|
||||||
|
color: var(--lx-gray-10, hsl(var(--secondary-foreground)));
|
||||||
|
}
|
||||||
|
|
||||||
|
.cm-s-lsradix .CodeMirror-widget {
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cm-s-lsradix .cm-header { color: or(--lx-gray-03, #586e75); }
|
||||||
|
.cm-s-lsradix .cm-quote { color: or(--lx-gray-10, #93a1a1); }
|
||||||
|
|
||||||
|
.cm-s-lsradix .cm-keyword { color: or(--rx-orange-11, #cb4b16); }
|
||||||
|
.cm-s-lsradix .cm-atom { color: or(--rx-pink-11, #d33682); }
|
||||||
|
.cm-s-lsradix .cm-number { color: or(--rx-pink-11, #d33682); }
|
||||||
|
.cm-s-lsradix .cm-def { color: or(--rx-sky-11, #2aa198); }
|
||||||
|
|
||||||
|
/* .cm-s-lsradix .cm-variable { color: or(--lx-gray-09, #839496); } */
|
||||||
|
.cm-s-lsradix .cm-variable { color: or(--lx-gray-12, #839496); }
|
||||||
|
.cm-s-lsradix .cm-variable-2 { color: or(--rx-yellow-11, #b58900); }
|
||||||
|
.cm-s-lsradix .cm-variable-3, .cm-s-lsradix .cm-type { color: or(--rx-purple-11, #6c71c4); }
|
||||||
|
|
||||||
|
.cm-s-lsradix .cm-property { color: or(--rx-sky-11, #2aa198); }
|
||||||
|
.cm-s-lsradix .cm-operator { color: or(--rx-purple-11, #6c71c4); }
|
||||||
|
|
||||||
|
.cm-s-lsradix .cm-comment { color: or(--lx-gray-10, #586e75); font-style:italic; }
|
||||||
|
|
||||||
|
.cm-s-lsradix .cm-string { color: or(--rx-grass-11, #859900); }
|
||||||
|
.cm-s-lsradix .cm-string-2 { color: or(--rx-yellow-11, #b58900); }
|
||||||
|
|
||||||
|
.cm-s-lsradix .cm-meta { color: or(--rx-grass-11, #859900); }
|
||||||
|
.cm-s-lsradix .cm-qualifier { color: or(--rx-yellow-11, #b58900); }
|
||||||
|
.cm-s-lsradix .cm-builtin { color: or(--rx-pink-11, #d33682); }
|
||||||
|
.cm-s-lsradix .cm-bracket { color: or(--rx-orange-11, #cb4b16); }
|
||||||
|
.cm-s-lsradix .CodeMirror-matchingbracket { color: or(--rx-grass-11, #859900); }
|
||||||
|
.cm-s-lsradix .CodeMirror-nonmatchingbracket { color: or(--rx-red-11, #dc322f); }
|
||||||
|
.cm-s-lsradix .cm-tag { color: or(--lx-gray-10, #93a1a1); }
|
||||||
|
.cm-s-lsradix .cm-attribute { color: or(--rx-sky-11, #2aa198); }
|
||||||
|
.cm-s-lsradix .cm-hr {
|
||||||
|
color: transparent;
|
||||||
|
border-top: 1px solid or(--lx-gray-03, #586e75);
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.cm-s-lsradix .cm-link { color: or(--lx-gray-10, #93a1a1); cursor: pointer; }
|
||||||
|
.cm-s-lsradix .cm-special { color: or(--rx-purple-11, #6c71c4); }
|
||||||
|
.cm-s-lsradix .cm-em {
|
||||||
|
color: #999;
|
||||||
|
text-decoration: underline;
|
||||||
|
text-decoration-style: dotted;
|
||||||
|
}
|
||||||
|
.cm-s-lsradix .cm-error,
|
||||||
|
.cm-s-lsradix .cm-invalidchar {
|
||||||
|
/* color: or(--lx-gray-03, #586e75); */
|
||||||
|
color: or(--lx-gray-10, #586e75);
|
||||||
|
border-bottom: 1px dotted or(--rx-red-11, #dc322f);
|
||||||
|
}
|
||||||
|
|
||||||
|
.cm-s-lsradix.cm-s-dark div.CodeMirror-selected { background: or(--lx-gray-06, #073642); }
|
||||||
|
.cm-s-lsradix.cm-s-dark.CodeMirror ::selection { background: or(--lx-gray-06, rgba(7, 54, 66, 0.99)); }
|
||||||
|
.cm-s-lsradix.cm-s-dark .CodeMirror-line::-moz-selection, .cm-s-dark .CodeMirror-line > span::-moz-selection, .cm-s-dark .CodeMirror-line > span > span::-moz-selection { background: or(--lx-gray-06, rgba(7, 54, 66, 0.99)); }
|
||||||
|
|
||||||
|
.cm-s-lsradix.cm-s-light div.CodeMirror-selected { background: or(--lx-gray-06, #eee8d5); }
|
||||||
|
.cm-s-lsradix.cm-s-light .CodeMirror-line::selection, .cm-s-light .CodeMirror-line > span::selection, .cm-s-light .CodeMirror-line > span > span::selection { background: or(--lx-gray-06, #eee8d5); }
|
||||||
|
.cm-s-lsradix.cm-s-light .CodeMirror-line::-moz-selection, .cm-s-light .CodeMirror-line > span::-moz-selection, .cm-s-light .CodeMirror-line > span > span::-moz-selection { background: or(--lx-gray-06, #eee8d5); }
|
||||||
|
|
||||||
|
/* Editor styling */
|
||||||
|
|
||||||
|
|
||||||
|
/* Remove gutter border */
|
||||||
|
.cm-s-lsradix .CodeMirror-gutters {
|
||||||
|
border-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Gutter colors and line number styling based of color scheme (dark / light) */
|
||||||
|
|
||||||
|
/* Dark */
|
||||||
|
.cm-s-lsradix.cm-s-dark .CodeMirror-gutters {
|
||||||
|
background-color: var(--lx-gray-03, hsl(var(--secondary)));
|
||||||
|
}
|
||||||
|
|
||||||
|
.cm-s-lsradix.cm-s-dark .CodeMirror-linenumber {
|
||||||
|
color: var(--lx-gray-09, #586e75);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Light */
|
||||||
|
.cm-s-lsradix.cm-s-light .CodeMirror-gutters {
|
||||||
|
background-color: var(--lx-gray-03, hsl(var(--secondary)));
|
||||||
|
}
|
||||||
|
|
||||||
|
.cm-s-lsradix.cm-s-light .CodeMirror-linenumber {
|
||||||
|
color: var(--lx-gray-09, #839496);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Common */
|
||||||
|
.cm-s-lsradix .CodeMirror-linenumber {
|
||||||
|
padding: 0 5px;
|
||||||
|
}
|
||||||
|
.cm-s-lsradix .CodeMirror-guttermarker-subtle { color: or(--lx-gray-03, #586e75); }
|
||||||
|
.cm-s-lsradix.cm-s-dark .CodeMirror-guttermarker { color: #ddd; }
|
||||||
|
.cm-s-lsradix.cm-s-light .CodeMirror-guttermarker { color: or(--rx-orange-11, #cb4b16); }
|
||||||
|
|
||||||
|
.cm-s-lsradix .CodeMirror-gutter .CodeMirror-gutter-text {
|
||||||
|
color: or(--lx-gray-03, #586e75);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Cursor */
|
||||||
|
.cm-s-lsradix .CodeMirror-cursor { border-left: 1px solid #819090; }
|
||||||
|
|
||||||
|
/* Fat cursor */
|
||||||
|
.cm-s-lsradix.cm-s-light.cm-fat-cursor .CodeMirror-cursor { background: #77ee77; }
|
||||||
|
.cm-s-lsradix.cm-s-light .cm-animate-fat-cursor { background-color: #77ee77; }
|
||||||
|
.cm-s-lsradix.cm-s-dark.cm-fat-cursor .CodeMirror-cursor { background: or(--lx-gray-03, #586e75); }
|
||||||
|
.cm-s-lsradix.cm-s-dark .cm-animate-fat-cursor { background-color: or(--lx-gray-03, #586e75); }
|
||||||
|
|
||||||
|
/* Active line */
|
||||||
|
.cm-s-lsradix.cm-s-dark .CodeMirror-activeline-background {
|
||||||
|
background: rgba(255, 255, 255, 0.06);
|
||||||
|
}
|
||||||
|
.cm-s-lsradix.cm-s-light .CodeMirror-activeline-background {
|
||||||
|
background: rgba(0, 0, 0, 0.06);
|
||||||
|
}
|
||||||
349
static/css/codemirror.min.css
vendored
Executable file
349
static/css/codemirror.min.css
vendored
Executable file
|
|
@ -0,0 +1,349 @@
|
||||||
|
/* BASICS */
|
||||||
|
|
||||||
|
.CodeMirror {
|
||||||
|
/* Set height, width, borders, and global font properties here */
|
||||||
|
font-family: monospace;
|
||||||
|
color: black;
|
||||||
|
direction: ltr;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* PADDING */
|
||||||
|
|
||||||
|
.CodeMirror-lines {
|
||||||
|
padding: 4px 0; /* Vertical padding around content */
|
||||||
|
}
|
||||||
|
.CodeMirror pre.CodeMirror-line,
|
||||||
|
.CodeMirror pre.CodeMirror-line-like {
|
||||||
|
padding: 0 4px; /* Horizontal padding of content */
|
||||||
|
}
|
||||||
|
|
||||||
|
.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
|
||||||
|
background-color: white; /* The little square between H and V scrollbars */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* GUTTER */
|
||||||
|
|
||||||
|
.CodeMirror-gutters {
|
||||||
|
border-right: 1px solid #ddd;
|
||||||
|
background-color: #f7f7f7;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.CodeMirror-linenumbers {}
|
||||||
|
.CodeMirror-linenumber {
|
||||||
|
padding: 0 3px 0 5px;
|
||||||
|
min-width: 20px;
|
||||||
|
text-align: right;
|
||||||
|
color: #999;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.CodeMirror-guttermarker { color: black; }
|
||||||
|
.CodeMirror-guttermarker-subtle { color: #999; }
|
||||||
|
|
||||||
|
/* CURSOR */
|
||||||
|
|
||||||
|
.CodeMirror-cursor {
|
||||||
|
border-left: 1px solid black;
|
||||||
|
border-right: none;
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
/* Shown when moving in bi-directional text */
|
||||||
|
.CodeMirror div.CodeMirror-secondarycursor {
|
||||||
|
border-left: 1px solid silver;
|
||||||
|
}
|
||||||
|
.cm-fat-cursor .CodeMirror-cursor {
|
||||||
|
width: auto;
|
||||||
|
border: 0 !important;
|
||||||
|
background: #7e7;
|
||||||
|
}
|
||||||
|
.cm-fat-cursor div.CodeMirror-cursors {
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.cm-fat-cursor-mark {
|
||||||
|
background-color: rgba(20, 255, 20, 0.5);
|
||||||
|
-webkit-animation: blink 1.06s steps(1) infinite;
|
||||||
|
-moz-animation: blink 1.06s steps(1) infinite;
|
||||||
|
animation: blink 1.06s steps(1) infinite;
|
||||||
|
}
|
||||||
|
.cm-animate-fat-cursor {
|
||||||
|
width: auto;
|
||||||
|
border: 0;
|
||||||
|
-webkit-animation: blink 1.06s steps(1) infinite;
|
||||||
|
-moz-animation: blink 1.06s steps(1) infinite;
|
||||||
|
animation: blink 1.06s steps(1) infinite;
|
||||||
|
background-color: #7e7;
|
||||||
|
}
|
||||||
|
@-moz-keyframes blink {
|
||||||
|
0% {}
|
||||||
|
50% { background-color: transparent; }
|
||||||
|
100% {}
|
||||||
|
}
|
||||||
|
@-webkit-keyframes blink {
|
||||||
|
0% {}
|
||||||
|
50% { background-color: transparent; }
|
||||||
|
100% {}
|
||||||
|
}
|
||||||
|
@keyframes blink {
|
||||||
|
0% {}
|
||||||
|
50% { background-color: transparent; }
|
||||||
|
100% {}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Can style cursor different in overwrite (non-insert) mode */
|
||||||
|
.CodeMirror-overwrite .CodeMirror-cursor {}
|
||||||
|
|
||||||
|
.cm-tab { display: inline-block; text-decoration: inherit; }
|
||||||
|
|
||||||
|
.CodeMirror-rulers {
|
||||||
|
position: absolute;
|
||||||
|
left: 0; right: 0; top: -50px; bottom: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.CodeMirror-ruler {
|
||||||
|
border-left: 1px solid #ccc;
|
||||||
|
top: 0; bottom: 0;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* DEFAULT THEME */
|
||||||
|
|
||||||
|
.cm-s-default .cm-header {color: blue;}
|
||||||
|
.cm-s-default .cm-quote {color: #090;}
|
||||||
|
.cm-negative {color: #d44;}
|
||||||
|
.cm-positive {color: #292;}
|
||||||
|
.cm-header, .cm-strong {font-weight: bold;}
|
||||||
|
.cm-em {font-style: italic;}
|
||||||
|
.cm-link {text-decoration: underline;}
|
||||||
|
.cm-strikethrough {text-decoration: line-through;}
|
||||||
|
|
||||||
|
.cm-s-default .cm-keyword {color: #708;}
|
||||||
|
.cm-s-default .cm-atom {color: #219;}
|
||||||
|
.cm-s-default .cm-number {color: #164;}
|
||||||
|
.cm-s-default .cm-def {color: #00f;}
|
||||||
|
.cm-s-default .cm-variable,
|
||||||
|
.cm-s-default .cm-punctuation,
|
||||||
|
.cm-s-default .cm-property,
|
||||||
|
.cm-s-default .cm-operator {}
|
||||||
|
.cm-s-default .cm-variable-2 {color: #05a;}
|
||||||
|
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
|
||||||
|
.cm-s-default .cm-comment {color: #a50;}
|
||||||
|
.cm-s-default .cm-string {color: #a11;}
|
||||||
|
.cm-s-default .cm-string-2 {color: #f50;}
|
||||||
|
.cm-s-default .cm-meta {color: #555;}
|
||||||
|
.cm-s-default .cm-qualifier {color: #555;}
|
||||||
|
.cm-s-default .cm-builtin {color: #30a;}
|
||||||
|
.cm-s-default .cm-bracket {color: #997;}
|
||||||
|
.cm-s-default .cm-tag {color: #170;}
|
||||||
|
.cm-s-default .cm-attribute {color: #00c;}
|
||||||
|
.cm-s-default .cm-hr {color: #999;}
|
||||||
|
.cm-s-default .cm-link {color: #00c;}
|
||||||
|
|
||||||
|
.cm-s-default .cm-error {color: #f00;}
|
||||||
|
.cm-invalidchar {color: #f00;}
|
||||||
|
|
||||||
|
.CodeMirror-composing { border-bottom: 2px solid; }
|
||||||
|
|
||||||
|
/* Default styles for common addons */
|
||||||
|
|
||||||
|
div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
|
||||||
|
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
|
||||||
|
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
|
||||||
|
.CodeMirror-activeline-background {background: #e8f2ff;}
|
||||||
|
|
||||||
|
/* STOP */
|
||||||
|
|
||||||
|
/* The rest of this file contains styles related to the mechanics of
|
||||||
|
the editor. You probably shouldn't touch them. */
|
||||||
|
|
||||||
|
.CodeMirror {
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.CodeMirror-scroll {
|
||||||
|
overflow: scroll !important; /* Things will break if this is overridden */
|
||||||
|
/* 50px is the magic margin used to hide the element's real scrollbars */
|
||||||
|
/* See overflow: hidden in .CodeMirror */
|
||||||
|
margin-bottom: -50px; margin-right: -50px;
|
||||||
|
padding-bottom: 50px;
|
||||||
|
height: 100%;
|
||||||
|
outline: none; /* Prevent dragging from highlighting the element */
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.CodeMirror-sizer {
|
||||||
|
position: relative;
|
||||||
|
border-right: 50px solid transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* The fake, visible scrollbars. Used to force redraw during scrolling
|
||||||
|
before actual scrolling happens, thus preventing shaking and
|
||||||
|
flickering artifacts. */
|
||||||
|
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 6;
|
||||||
|
display: none;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
.CodeMirror-vscrollbar {
|
||||||
|
right: 0; top: 0;
|
||||||
|
overflow-x: hidden;
|
||||||
|
overflow-y: scroll;
|
||||||
|
}
|
||||||
|
.CodeMirror-hscrollbar {
|
||||||
|
bottom: 0; left: 0;
|
||||||
|
overflow-y: hidden;
|
||||||
|
overflow-x: scroll;
|
||||||
|
}
|
||||||
|
.CodeMirror-scrollbar-filler {
|
||||||
|
right: 0; bottom: 0;
|
||||||
|
}
|
||||||
|
.CodeMirror-gutter-filler {
|
||||||
|
left: 0; bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.CodeMirror-gutters {
|
||||||
|
position: absolute; left: 0; top: 0;
|
||||||
|
min-height: 100%;
|
||||||
|
z-index: 3;
|
||||||
|
}
|
||||||
|
.CodeMirror-gutter {
|
||||||
|
white-space: normal;
|
||||||
|
height: 100%;
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
margin-bottom: -50px;
|
||||||
|
}
|
||||||
|
.CodeMirror-gutter-wrapper {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 4;
|
||||||
|
background: none !important;
|
||||||
|
border: none !important;
|
||||||
|
}
|
||||||
|
.CodeMirror-gutter-background {
|
||||||
|
position: absolute;
|
||||||
|
top: 0; bottom: 0;
|
||||||
|
z-index: 4;
|
||||||
|
}
|
||||||
|
.CodeMirror-gutter-elt {
|
||||||
|
position: absolute;
|
||||||
|
cursor: default;
|
||||||
|
z-index: 4;
|
||||||
|
}
|
||||||
|
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
|
||||||
|
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }
|
||||||
|
|
||||||
|
.CodeMirror-lines {
|
||||||
|
cursor: text;
|
||||||
|
min-height: 1px; /* prevents collapsing before first draw */
|
||||||
|
}
|
||||||
|
.CodeMirror pre.CodeMirror-line,
|
||||||
|
.CodeMirror pre.CodeMirror-line-like {
|
||||||
|
/* Reset some styles that the rest of the page might have set */
|
||||||
|
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
|
||||||
|
border-width: 0;
|
||||||
|
background: transparent;
|
||||||
|
font-family: inherit;
|
||||||
|
font-size: inherit;
|
||||||
|
margin: 0;
|
||||||
|
white-space: pre;
|
||||||
|
word-wrap: normal;
|
||||||
|
line-height: inherit;
|
||||||
|
color: inherit;
|
||||||
|
z-index: 2;
|
||||||
|
position: relative;
|
||||||
|
overflow: visible;
|
||||||
|
-webkit-tap-highlight-color: transparent;
|
||||||
|
-webkit-font-variant-ligatures: contextual;
|
||||||
|
font-variant-ligatures: contextual;
|
||||||
|
}
|
||||||
|
.CodeMirror-wrap pre.CodeMirror-line,
|
||||||
|
.CodeMirror-wrap pre.CodeMirror-line-like {
|
||||||
|
word-wrap: break-word;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
word-break: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.CodeMirror-linebackground {
|
||||||
|
position: absolute;
|
||||||
|
left: 0; right: 0; top: 0; bottom: 0;
|
||||||
|
z-index: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.CodeMirror-linewidget {
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
|
padding: 0.1px; /* Force widget margins to stay inside of the container */
|
||||||
|
}
|
||||||
|
|
||||||
|
.CodeMirror-widget {}
|
||||||
|
|
||||||
|
.CodeMirror-rtl pre { direction: rtl; }
|
||||||
|
|
||||||
|
.CodeMirror-code {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Force content-box sizing for the elements where we expect it */
|
||||||
|
.CodeMirror-scroll,
|
||||||
|
.CodeMirror-sizer,
|
||||||
|
.CodeMirror-gutter,
|
||||||
|
.CodeMirror-gutters,
|
||||||
|
.CodeMirror-linenumber {
|
||||||
|
-moz-box-sizing: content-box;
|
||||||
|
box-sizing: content-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.CodeMirror-measure {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.CodeMirror-cursor {
|
||||||
|
position: absolute;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
.CodeMirror-measure pre { position: static; }
|
||||||
|
|
||||||
|
div.CodeMirror-cursors {
|
||||||
|
visibility: hidden;
|
||||||
|
position: relative;
|
||||||
|
z-index: 3;
|
||||||
|
}
|
||||||
|
div.CodeMirror-dragcursors {
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.CodeMirror-focused div.CodeMirror-cursors {
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.CodeMirror-selected { background: #d9d9d9; }
|
||||||
|
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
|
||||||
|
.CodeMirror-crosshair { cursor: crosshair; }
|
||||||
|
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
|
||||||
|
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }
|
||||||
|
|
||||||
|
.cm-searching {
|
||||||
|
background-color: #ffa;
|
||||||
|
background-color: rgba(255, 255, 0, .4);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Used to force a border model for a node */
|
||||||
|
.cm-force-border { padding-right: .1px; }
|
||||||
|
|
||||||
|
@media print {
|
||||||
|
/* Hide the cursor when printing */
|
||||||
|
.CodeMirror div.CodeMirror-cursors {
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* See issue #2901 */
|
||||||
|
.cm-tab-wrap-hack:after { content: ''; }
|
||||||
|
|
||||||
|
/* Help users use markselection to safely style text background */
|
||||||
|
span.CodeMirror-selectedtext { background: none; }
|
||||||
160
static/css/codemirror.solarized.css
Executable file
160
static/css/codemirror.solarized.css
Executable file
|
|
@ -0,0 +1,160 @@
|
||||||
|
/*
|
||||||
|
Solarized theme for code-mirror
|
||||||
|
http://ethanschoonover.com/solarized
|
||||||
|
*/
|
||||||
|
|
||||||
|
/*
|
||||||
|
Solarized color palette
|
||||||
|
http://ethanschoonover.com/solarized/img/solarized-palette.png
|
||||||
|
*/
|
||||||
|
|
||||||
|
.solarized.base03 { color: #002b36; }
|
||||||
|
.solarized.base02 { color: #073642; }
|
||||||
|
.solarized.base01 { color: #586e75; }
|
||||||
|
.solarized.base00 { color: #657b83; }
|
||||||
|
.solarized.base0 { color: #839496; }
|
||||||
|
.solarized.base1 { color: #93a1a1; }
|
||||||
|
.solarized.base2 { color: #eee8d5; }
|
||||||
|
.solarized.base3 { color: #fdf6e3; }
|
||||||
|
.solarized.solar-yellow { color: #b58900; }
|
||||||
|
.solarized.solar-orange { color: #cb4b16; }
|
||||||
|
.solarized.solar-red { color: #dc322f; }
|
||||||
|
.solarized.solar-magenta { color: #d33682; }
|
||||||
|
.solarized.solar-violet { color: #6c71c4; }
|
||||||
|
.solarized.solar-blue { color: #268bd2; }
|
||||||
|
.solarized.solar-cyan { color: #2aa198; }
|
||||||
|
.solarized.solar-green { color: #859900; }
|
||||||
|
|
||||||
|
/* Color scheme for code-mirror */
|
||||||
|
|
||||||
|
.cm-s-solarized {
|
||||||
|
line-height: 1.45em;
|
||||||
|
color-profile: sRGB;
|
||||||
|
rendering-intent: auto;
|
||||||
|
}
|
||||||
|
.cm-s-solarized.cm-s-dark {
|
||||||
|
color: #839496;
|
||||||
|
background-color: #002b36;
|
||||||
|
text-shadow: #002b36 0 1px;
|
||||||
|
}
|
||||||
|
.cm-s-solarized.cm-s-light {
|
||||||
|
background-color: #fdf6e3;
|
||||||
|
color: #657b83;
|
||||||
|
text-shadow: #eee8d5 0 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cm-s-solarized .CodeMirror-widget {
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cm-s-solarized .cm-header { color: #586e75; }
|
||||||
|
.cm-s-solarized .cm-quote { color: #93a1a1; }
|
||||||
|
|
||||||
|
.cm-s-solarized .cm-keyword { color: #cb4b16; }
|
||||||
|
.cm-s-solarized .cm-atom { color: #d33682; }
|
||||||
|
.cm-s-solarized .cm-number { color: #d33682; }
|
||||||
|
.cm-s-solarized .cm-def { color: #2aa198; }
|
||||||
|
|
||||||
|
.cm-s-solarized .cm-variable { color: #839496; }
|
||||||
|
.cm-s-solarized .cm-variable-2 { color: #b58900; }
|
||||||
|
.cm-s-solarized .cm-variable-3, .cm-s-solarized .cm-type { color: #6c71c4; }
|
||||||
|
|
||||||
|
.cm-s-solarized .cm-property { color: #2aa198; }
|
||||||
|
.cm-s-solarized .cm-operator { color: #6c71c4; }
|
||||||
|
|
||||||
|
.cm-s-solarized .cm-comment { color: #586e75; font-style:italic; }
|
||||||
|
|
||||||
|
.cm-s-solarized .cm-string { color: #859900; }
|
||||||
|
.cm-s-solarized .cm-string-2 { color: #b58900; }
|
||||||
|
|
||||||
|
.cm-s-solarized .cm-meta { color: #859900; }
|
||||||
|
.cm-s-solarized .cm-qualifier { color: #b58900; }
|
||||||
|
.cm-s-solarized .cm-builtin { color: #d33682; }
|
||||||
|
.cm-s-solarized .cm-bracket { color: #cb4b16; }
|
||||||
|
.cm-s-solarized .CodeMirror-matchingbracket { color: #859900; }
|
||||||
|
.cm-s-solarized .CodeMirror-nonmatchingbracket { color: #dc322f; }
|
||||||
|
.cm-s-solarized .cm-tag { color: #93a1a1; }
|
||||||
|
.cm-s-solarized .cm-attribute { color: #2aa198; }
|
||||||
|
.cm-s-solarized .cm-hr {
|
||||||
|
color: transparent;
|
||||||
|
border-top: 1px solid #586e75;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.cm-s-solarized .cm-link { color: #93a1a1; cursor: pointer; }
|
||||||
|
.cm-s-solarized .cm-special { color: #6c71c4; }
|
||||||
|
.cm-s-solarized .cm-em {
|
||||||
|
color: #999;
|
||||||
|
text-decoration: underline;
|
||||||
|
text-decoration-style: dotted;
|
||||||
|
}
|
||||||
|
.cm-s-solarized .cm-error,
|
||||||
|
.cm-s-solarized .cm-invalidchar {
|
||||||
|
color: #586e75;
|
||||||
|
border-bottom: 1px dotted #dc322f;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cm-s-solarized.cm-s-dark div.CodeMirror-selected { background: #073642; }
|
||||||
|
.cm-s-solarized.cm-s-dark.CodeMirror ::selection { background: rgba(7, 54, 66, 0.99); }
|
||||||
|
.cm-s-solarized.cm-s-dark .CodeMirror-line::-moz-selection, .cm-s-dark .CodeMirror-line > span::-moz-selection, .cm-s-dark .CodeMirror-line > span > span::-moz-selection { background: rgba(7, 54, 66, 0.99); }
|
||||||
|
|
||||||
|
.cm-s-solarized.cm-s-light div.CodeMirror-selected { background: #eee8d5; }
|
||||||
|
.cm-s-solarized.cm-s-light .CodeMirror-line::selection, .cm-s-light .CodeMirror-line > span::selection, .cm-s-light .CodeMirror-line > span > span::selection { background: #eee8d5; }
|
||||||
|
.cm-s-solarized.cm-s-light .CodeMirror-line::-moz-selection, .cm-s-light .CodeMirror-line > span::-moz-selection, .cm-s-light .CodeMirror-line > span > span::-moz-selection { background: #eee8d5; }
|
||||||
|
|
||||||
|
/* Editor styling */
|
||||||
|
|
||||||
|
|
||||||
|
/* Remove gutter border */
|
||||||
|
.cm-s-solarized .CodeMirror-gutters {
|
||||||
|
border-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Gutter colors and line number styling based of color scheme (dark / light) */
|
||||||
|
|
||||||
|
/* Dark */
|
||||||
|
.cm-s-solarized.cm-s-dark .CodeMirror-gutters {
|
||||||
|
background-color: #073642;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cm-s-solarized.cm-s-dark .CodeMirror-linenumber {
|
||||||
|
color: #586e75;
|
||||||
|
text-shadow: #021014 0 -1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Light */
|
||||||
|
.cm-s-solarized.cm-s-light .CodeMirror-gutters {
|
||||||
|
background-color: #eee8d5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cm-s-solarized.cm-s-light .CodeMirror-linenumber {
|
||||||
|
color: #839496;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Common */
|
||||||
|
.cm-s-solarized .CodeMirror-linenumber {
|
||||||
|
padding: 0 5px;
|
||||||
|
}
|
||||||
|
.cm-s-solarized .CodeMirror-guttermarker-subtle { color: #586e75; }
|
||||||
|
.cm-s-solarized.cm-s-dark .CodeMirror-guttermarker { color: #ddd; }
|
||||||
|
.cm-s-solarized.cm-s-light .CodeMirror-guttermarker { color: #cb4b16; }
|
||||||
|
|
||||||
|
.cm-s-solarized .CodeMirror-gutter .CodeMirror-gutter-text {
|
||||||
|
color: #586e75;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Cursor */
|
||||||
|
.cm-s-solarized .CodeMirror-cursor { border-left: 1px solid #819090; }
|
||||||
|
|
||||||
|
/* Fat cursor */
|
||||||
|
.cm-s-solarized.cm-s-light.cm-fat-cursor .CodeMirror-cursor { background: #77ee77; }
|
||||||
|
.cm-s-solarized.cm-s-light .cm-animate-fat-cursor { background-color: #77ee77; }
|
||||||
|
.cm-s-solarized.cm-s-dark.cm-fat-cursor .CodeMirror-cursor { background: #586e75; }
|
||||||
|
.cm-s-solarized.cm-s-dark .cm-animate-fat-cursor { background-color: #586e75; }
|
||||||
|
|
||||||
|
/* Active line */
|
||||||
|
.cm-s-solarized.cm-s-dark .CodeMirror-activeline-background {
|
||||||
|
background: rgba(255, 255, 255, 0.06);
|
||||||
|
}
|
||||||
|
.cm-s-solarized.cm-s-light .CodeMirror-activeline-background {
|
||||||
|
background: rgba(0, 0, 0, 0.06);
|
||||||
|
}
|
||||||
917
static/css/common.css
Executable file
917
static/css/common.css
Executable file
|
|
@ -0,0 +1,917 @@
|
||||||
|
:root {
|
||||||
|
--ls-tag-text-opacity: 0.8;
|
||||||
|
--ls-tag-text-hover-opacity: 1;
|
||||||
|
--ls-page-text-size: 1em;
|
||||||
|
--ls-page-title-size: 36px;
|
||||||
|
--ls-main-content-max-width: 810px;
|
||||||
|
--ls-main-content-max-width-wide: 1280px;
|
||||||
|
--ls-font-family: Inter;
|
||||||
|
--ls-scrollbar-width: 6px;
|
||||||
|
--ls-border-radius-low: 4px;
|
||||||
|
--ls-border-radius-medium: 8px;
|
||||||
|
--ls-headbar-height: 3rem;
|
||||||
|
--ls-headbar-inner-top-padding: 0px;
|
||||||
|
--ls-left-sidebar-width: 246px;
|
||||||
|
--ls-left-sidebar-sm-width: 74vw;
|
||||||
|
--ls-left-sidebar-nav-btn-size: 38px;
|
||||||
|
--ls-native-kb-height: 0px;
|
||||||
|
--ls-error-color: var(--color-red-500);
|
||||||
|
--ls-warning-color: var(--color-orange-500);
|
||||||
|
--ls-success-color: var(--color-green-500);
|
||||||
|
--ls-highlight-color-default: var(--ls-secondary-background-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
html {
|
||||||
|
background-color: #002b36;
|
||||||
|
}
|
||||||
|
|
||||||
|
html[data-theme='light'] {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@supports (font-variation-settings: normal) {
|
||||||
|
html {
|
||||||
|
font-family: 'Inter var', sans-serif;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark-theme,
|
||||||
|
html[data-theme='dark'] {
|
||||||
|
--ls-primary-background-color: #002b36;
|
||||||
|
--ls-secondary-background-color: #023643;
|
||||||
|
--ls-tertiary-background-color: #08404f;
|
||||||
|
--ls-quaternary-background-color: #094b5a;
|
||||||
|
--ls-table-tr-even-background-color: #03333f;
|
||||||
|
--ls-active-primary-color: #8ec2c2;
|
||||||
|
--ls-active-secondary-color: #d0e8e8;
|
||||||
|
--ls-block-properties-background-color: #06323e;
|
||||||
|
--ls-page-properties-background-color: #02171d;
|
||||||
|
--ls-block-ref-link-text-color: #1a6376;
|
||||||
|
--ls-border-color: #0e5263;
|
||||||
|
--ls-secondary-border-color: #126277;
|
||||||
|
--ls-tertiary-border-color: rgba(0, 2, 0, 0.10);
|
||||||
|
--ls-guideline-color: #0b4a5a;
|
||||||
|
--ls-menu-hover-color: var(--ls-secondary-background-color);
|
||||||
|
--ls-primary-text-color: #a4b5b6;
|
||||||
|
--ls-secondary-text-color: #dfdfdf;
|
||||||
|
--ls-title-text-color: #93a1a1;
|
||||||
|
--ls-link-text-color: rgb(138, 187, 187);
|
||||||
|
--ls-link-text-hover-color: var(--ls-active-secondary-color);
|
||||||
|
--ls-link-ref-text-color: var(--ls-link-text-color);
|
||||||
|
--ls-link-ref-text-hover-color: var(--ls-link-text-hover-color);
|
||||||
|
--ls-tag-text-color: var(--ls-link-text-color);
|
||||||
|
--ls-tag-text-hover-color: var(--ls-link-text-hover-color);
|
||||||
|
--ls-slide-background-color: var(--ls-primary-background-color);
|
||||||
|
--ls-block-bullet-border-color: #0f4958;
|
||||||
|
--ls-block-bullet-color: #608e91;
|
||||||
|
--ls-block-highlight-color: #0a3d4b;
|
||||||
|
--ls-selection-background-color: #338fff;
|
||||||
|
--ls-selection-text-color: #fff;
|
||||||
|
--ls-page-checkbox-color: #6093a0;
|
||||||
|
--ls-page-checkbox-border-color: var(--ls-primary-background-color);
|
||||||
|
--ls-page-blockquote-color: var(--ls-primary-text-color);
|
||||||
|
--ls-page-blockquote-bg-color: var(--ls-secondary-background-color);
|
||||||
|
--ls-page-blockquote-border-color: var(--ls-border-color);
|
||||||
|
--ls-page-mark-color: #262626;
|
||||||
|
--ls-page-mark-bg-color: #fef3ac;
|
||||||
|
--ls-page-inline-code-color: var(--ls-primary-text-color);
|
||||||
|
--ls-page-inline-code-bg-color: #01222a;
|
||||||
|
--ls-scrollbar-foreground-color: #11505f;
|
||||||
|
--ls-scrollbar-background-color: rgba(30, 60, 67, 0.1);
|
||||||
|
--ls-scrollbar-thumb-hover-color: rgba(255, 255, 255, 0.2);
|
||||||
|
--ls-cloze-text-color: #8fbc8f;
|
||||||
|
--ls-icon-color: var(--ls-link-text-color);
|
||||||
|
--ls-search-icon-color: var(--ls-primary-text-color);
|
||||||
|
--ls-search-icon-hover-color: var(--ls-secondary-text-color);
|
||||||
|
--ls-a-chosen-bg: var(--ls-quaternary-background-color);
|
||||||
|
--ls-pie-bg-color: #01303b;
|
||||||
|
--ls-pie-fg-color: #0b5869;
|
||||||
|
--ls-highlight-color-gray: var(--color-gray-900);
|
||||||
|
--ls-highlight-color-red: var(--color-red-900);
|
||||||
|
--ls-highlight-color-yellow: var(--color-yellow-900);
|
||||||
|
--ls-highlight-color-green: var(--color-green-900);
|
||||||
|
--ls-highlight-color-blue: var(--color-blue-900);
|
||||||
|
--ls-highlight-color-purple: var(--color-purple-900);
|
||||||
|
--ls-highlight-color-pink: var(--color-pink-900);
|
||||||
|
--ls-error-text-color: var(--color-red-100);
|
||||||
|
--ls-error-background-color: var(--color-red-900);
|
||||||
|
--ls-warning-text-color: var(--color-yellow-100);
|
||||||
|
--ls-warning-background-color: var(--color-yellow-900);
|
||||||
|
--ls-success-text-color: var(--color-green-100);
|
||||||
|
--ls-success-background-color: var(--color-green-900);
|
||||||
|
--ls-focus-ring-color: rgba(18, 98, 119, 0.5);
|
||||||
|
--ls-header-button-background: #dee4ea;
|
||||||
|
--color-level-1: var(--ls-secondary-background-color);
|
||||||
|
--color-level-2: var(--ls-tertiary-background-color);
|
||||||
|
--color-level-3: var(--ls-quaternary-background-color);
|
||||||
|
--color-level-4: #195d6c;
|
||||||
|
--color-level-5: #266c7d;
|
||||||
|
--color-level-6: #3a7e8e;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* You should always use .light-theme for light mode, the .white-theme is just for backword compatibility.
|
||||||
|
|
||||||
|
See: https://github.com/logseq/logseq/pull/4652. */
|
||||||
|
.white-theme,
|
||||||
|
.light-theme,
|
||||||
|
html[data-theme='light'] {
|
||||||
|
--ls-primary-background-color: #ffffff;
|
||||||
|
--ls-secondary-background-color: #f7f7f7;
|
||||||
|
--ls-tertiary-background-color: #eaeaea;
|
||||||
|
--ls-quaternary-background-color: #dcdcdc;
|
||||||
|
--ls-table-tr-even-background-color: var(--ls-secondary-background-color);
|
||||||
|
--ls-active-primary-color: rgb(0, 105, 182);
|
||||||
|
--ls-active-secondary-color: #00477c;
|
||||||
|
--ls-block-properties-background-color: var(--ls-secondary-background-color);
|
||||||
|
--ls-page-properties-background-color: var(--ls-secondary-background-color);
|
||||||
|
--ls-block-ref-link-text-color: #d8e1e8;
|
||||||
|
--ls-border-color: #ccc;
|
||||||
|
--ls-secondary-border-color: #e2e2e2;
|
||||||
|
--ls-tertiary-border-color: rgba(200, 200, 200, 0.30);
|
||||||
|
--ls-guideline-color: rgba(46, 27, 5, 0.08);
|
||||||
|
--ls-menu-hover-color: var(--ls-a-chosen-bg);
|
||||||
|
--ls-primary-text-color: #433f38;
|
||||||
|
--ls-secondary-text-color: #161e2e;
|
||||||
|
--ls-title-text-color: var(--ls-header-button-background);
|
||||||
|
--ls-link-text-color: #106ba3;
|
||||||
|
--ls-link-text-hover-color: #1a537c;
|
||||||
|
--ls-link-ref-text-color: var(--ls-link-text-color);
|
||||||
|
--ls-link-ref-text-hover-color: var(--ls-link-text-hover-color);
|
||||||
|
--ls-tag-text-color: var(--ls-link-ref-text-color);
|
||||||
|
--ls-tag-text-hover-color: var(--ls-link-ref-text-hover-color);
|
||||||
|
--ls-slide-background-color: #fff;
|
||||||
|
--ls-block-bullet-border-color: #dedede;
|
||||||
|
--ls-block-bullet-color: rgba(67, 63, 56, 0.25);
|
||||||
|
--ls-block-highlight-color: #c0e6fd;
|
||||||
|
--ls-selection-background-color: #e4f2ff;
|
||||||
|
--ls-selection-text-color: var(--ls-secondary-text-color);
|
||||||
|
--ls-page-checkbox-color: #9dbbd8;
|
||||||
|
--ls-page-checkbox-border-color: var(--ls-page-checkbox-color);
|
||||||
|
--ls-page-blockquote-color: var(--ls-primary-text-color);
|
||||||
|
--ls-page-blockquote-bg-color: #fbfaf8;
|
||||||
|
--ls-page-blockquote-border-color: #799bbc;
|
||||||
|
--ls-page-mark-color: #262626;
|
||||||
|
--ls-page-mark-bg-color: #fef3ac;
|
||||||
|
--ls-page-inline-code-bg-color: var(--ls-secondary-background-color);
|
||||||
|
--ls-page-inline-code-color: var(--ls-primary-text-color);
|
||||||
|
--ls-scrollbar-foreground-color: rgba(0, 0, 0, 0.1);
|
||||||
|
--ls-scrollbar-background-color: rgba(0, 0, 0, 0.05);
|
||||||
|
--ls-scrollbar-thumb-hover-color: rgba(0, 0, 0, 0.2);
|
||||||
|
--ls-cloze-text-color: #0000cd;
|
||||||
|
--ls-icon-color: #646464;
|
||||||
|
--ls-search-icon-color: var(--ls-primary-text-color);
|
||||||
|
--ls-search-icon-hover-color: var(--ls-secondary-text-color);
|
||||||
|
--ls-a-chosen-bg: var(--ls-quaternary-background-color);
|
||||||
|
--ls-pie-bg-color: #e1e1e1;
|
||||||
|
--ls-pie-fg-color: #0a4a5d;
|
||||||
|
--ls-highlight-color-gray: var(--color-gray-100);
|
||||||
|
--ls-highlight-color-red: var(--color-red-100);
|
||||||
|
--ls-highlight-color-yellow: var(--color-yellow-100);
|
||||||
|
--ls-highlight-color-green: var(--color-green-100);
|
||||||
|
--ls-highlight-color-blue: var(--color-blue-100);
|
||||||
|
--ls-highlight-color-purple: var(--color-purple-100);
|
||||||
|
--ls-highlight-color-pink: var(--color-pink-100);
|
||||||
|
--ls-error-text-color: var(--color-red-800);
|
||||||
|
--ls-error-background-color: var(--color-red-100);
|
||||||
|
--ls-warning-text-color: var(--color-yellow-800);
|
||||||
|
--ls-warning-background-color: var(--color-yellow-100);
|
||||||
|
--ls-success-text-color: var(--color-green-800);
|
||||||
|
--ls-success-background-color: var(--color-green-100);
|
||||||
|
--ls-focus-ring-color: rgba(66, 133, 244, 0.5);
|
||||||
|
--ls-header-button-background: rgba(15, 20, 25, 1);
|
||||||
|
--color-level-1: var(--ls-secondary-background-color);
|
||||||
|
--color-level-2: var(--ls-tertiary-background-color);
|
||||||
|
--color-level-3: var(--ls-quaternary-background-color);
|
||||||
|
--color-level-4: #d0e6fa;
|
||||||
|
--color-level-5: #bbdaf6;
|
||||||
|
--color-level-6: #a7cef1;
|
||||||
|
}
|
||||||
|
|
||||||
|
html:not(.is-native-android) {
|
||||||
|
font-family: var(--ls-font-family), sans-serif, system-ui,
|
||||||
|
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
|
||||||
|
Arial, 'Noto Sans', serif, Apple Color Emoji, Segoe UI Emoji,
|
||||||
|
Segoe UI Symbol !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* region Reset top elements */
|
||||||
|
html {
|
||||||
|
/* FIXME: rewrite revealjs.css ? */
|
||||||
|
height: unset !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
color: #24292e;
|
||||||
|
line-height: 1.5;
|
||||||
|
background-color: transparent;
|
||||||
|
min-height: 100%;
|
||||||
|
word-break: break-word; /* compatible for overflow-wrap: anywhere */
|
||||||
|
}
|
||||||
|
|
||||||
|
svg {
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 8px;
|
||||||
|
border: 1px solid rgba(39, 41, 43, 0.15);
|
||||||
|
border-radius: var(--ls-border-radius-low);
|
||||||
|
font-size: 1em;
|
||||||
|
line-height: 1.5;
|
||||||
|
width: 100%;
|
||||||
|
resize: none;
|
||||||
|
outline: none;
|
||||||
|
font-weight: inherit;
|
||||||
|
letter-spacing: inherit;
|
||||||
|
text-size-adjust: 100%;
|
||||||
|
background: var(--ls-primary-background-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark-theme textarea {
|
||||||
|
background: var(--ls-tertiary-background-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
list-style: circle;
|
||||||
|
margin-left: 1.2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
ol {
|
||||||
|
list-style: decimal;
|
||||||
|
margin-left: 1.2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
line-height: 1.5;
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
color: var(--ls-primary-text-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
margin: 0.25rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
li:first-child {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre {
|
||||||
|
background: var(--ls-secondary-background-color, #f6f8fa);
|
||||||
|
margin: 1rem 0;
|
||||||
|
line-height: 1.45em;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
cursor: pointer;
|
||||||
|
color: var(--ls-link-text-color, #045591);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
color: var(--ls-link-text-hover-color, #000);
|
||||||
|
}
|
||||||
|
|
||||||
|
code {
|
||||||
|
font-size: 85%;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre.code {
|
||||||
|
background: #282a36;
|
||||||
|
background: var(--ls-secondary-background-color);
|
||||||
|
color: var(--ls-primary-text-color, #f8f8f2);
|
||||||
|
}
|
||||||
|
|
||||||
|
dl {
|
||||||
|
margin: 1rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
dt {
|
||||||
|
margin-bottom: 0.25rem;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote {
|
||||||
|
display: block;
|
||||||
|
text-indent: 0;
|
||||||
|
padding: 8px 20px;
|
||||||
|
border-left: 4px solid;
|
||||||
|
border-left-color: var(--ls-page-blockquote-border-color, #d3d3d3);
|
||||||
|
background-color: var(--ls-page-blockquote-bg-color, #f7f7f7);
|
||||||
|
margin: 1rem 0;
|
||||||
|
color: var(--ls-page-blockquote-color, #24292e);
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type=text], input[type=password] {
|
||||||
|
color: var(--ls-primary-text-color);
|
||||||
|
background: transparent;
|
||||||
|
font-size: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
summary {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
iframe {
|
||||||
|
width: 100%;
|
||||||
|
margin: 1rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
img,
|
||||||
|
video {
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
::selection {
|
||||||
|
background: var(--ls-selection-background-color);
|
||||||
|
color: var(--ls-primary-text-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
::-moz-selection {
|
||||||
|
background: var(--ls-selection-background-color);
|
||||||
|
color: var(--ls-primary-text-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* endregion */
|
||||||
|
|
||||||
|
/** region App utilities **/
|
||||||
|
.ls-center {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
li p:first-child,
|
||||||
|
.block-body p:first-child {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
li p:last-child,
|
||||||
|
.block-body p:last-child, .block-body ul:last-child, .block-body ol:last-child, .block-body dl:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-base-2 {
|
||||||
|
background-color: var(--ls-secondary-background-color, #f0f8ff);
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-base-3 {
|
||||||
|
background-color: var(--ls-primary-background-color, #fff);
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-base-4 {
|
||||||
|
background-color: var(--ls-tertiary-background-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.pre-white-space {
|
||||||
|
white-space: pre;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pre-wrap-white-space {
|
||||||
|
white-space: pre-wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pre-line-white-space {
|
||||||
|
white-space: pre-line;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cursor-pointer,
|
||||||
|
.cursor {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.external-link {
|
||||||
|
text-decoration: none;
|
||||||
|
border-bottom: 1px solid;
|
||||||
|
}
|
||||||
|
|
||||||
|
.noscroll {
|
||||||
|
position: fixed;
|
||||||
|
overflow-y: scroll;
|
||||||
|
}
|
||||||
|
|
||||||
|
.canceled,
|
||||||
|
.cancelled,
|
||||||
|
.done {
|
||||||
|
text-decoration: line-through;
|
||||||
|
opacity: 0.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.opacity-30 {
|
||||||
|
opacity: 0.3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.opacity-70 {
|
||||||
|
opacity: 0.7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.opacity-80 {
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.done > input {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-drop-options {
|
||||||
|
width: 18em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fixed-width {
|
||||||
|
max-width: calc(var(--ls-main-content-max-width) - 30px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.center,
|
||||||
|
.foldable-title {
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.translate-x-5 {
|
||||||
|
--transform-translate-x: 1.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.done,
|
||||||
|
.canceled,
|
||||||
|
.cancelled {
|
||||||
|
opacity: 0.7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tip-shadow {
|
||||||
|
-webkit-filter: drop-shadow(1px 1px 2px rgba(155, 155, 0, 0.8));
|
||||||
|
filter: drop-shadow(1px 1px 2px rgba(155, 155, 0, 0.8));
|
||||||
|
}
|
||||||
|
|
||||||
|
.admonition-icon {
|
||||||
|
border-right: 1px solid;
|
||||||
|
border-right-color: var(--ls-border-color, #ccc);
|
||||||
|
}
|
||||||
|
|
||||||
|
i.ti {
|
||||||
|
/*
|
||||||
|
compensates the wrong top spacing in the iconfont.
|
||||||
|
See https://github.com/tabler/tabler-icons/issues/118/
|
||||||
|
*/
|
||||||
|
transform: translateY(-1px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.dnd-separator {
|
||||||
|
border-bottom: 3px solid #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aspect-ratio-square {
|
||||||
|
padding-top: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aspect-ratio-16\/9 {
|
||||||
|
padding-top: 56.25%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aspect-ratio-4\/3 {
|
||||||
|
padding-top: 75%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aspect-ratio-21\/9 {
|
||||||
|
padding-top: 42.86%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admonitionblock {
|
||||||
|
margin: 2rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.abstract {
|
||||||
|
margin: 2rem 0;
|
||||||
|
width: 80%;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.abstract p:last-of-type::before {
|
||||||
|
content: ' ';
|
||||||
|
white-space: pre;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-overflow-auto {
|
||||||
|
max-height: 400px;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.heading-bg {
|
||||||
|
border-radius: 50%;
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
|
||||||
|
&.remove {
|
||||||
|
@apply border flex items-center justify-center;
|
||||||
|
|
||||||
|
border-color: var(--border-color);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.to-heading-button {
|
||||||
|
@apply px-1 text-lg !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** endregion **/
|
||||||
|
|
||||||
|
/* region FIXME: override elements (?) */
|
||||||
|
h1.title {
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
color: var(--ls-title-text-color, #222);
|
||||||
|
font-size: var(--ls-page-title-size, 36px);
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title .page-icon {
|
||||||
|
margin-right: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.block-highlight,
|
||||||
|
.content .selected {
|
||||||
|
transition: background-color 0.2s cubic-bezier(0, 1, 0, 1);
|
||||||
|
background-color: var(--ls-block-highlight-color);
|
||||||
|
padding: -1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
span.timestamp {
|
||||||
|
margin: 0 0.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
span.priority {
|
||||||
|
color: #6b7280;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-checkbox:not(:checked):focus {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-checkbox:checked:focus {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.nav-item:hover,
|
||||||
|
a.star-page:hover {
|
||||||
|
background-color: #00242d;
|
||||||
|
}
|
||||||
|
|
||||||
|
button.menu {
|
||||||
|
border-right: 1px solid;
|
||||||
|
border-right-color: var(--ls-secondary-background-color, #f0f8ff);
|
||||||
|
color: var(--ls-link-text-color, #24292e);
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-link:hover,
|
||||||
|
button.pull:hover,
|
||||||
|
button.menu:focus {
|
||||||
|
background-color: var(--ls-menu-hover-color, #f4f5f7);
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-links-wrapper, .menu-links-outer {
|
||||||
|
@apply py-2 rounded-md shadow-lg overflow-y-auto;
|
||||||
|
|
||||||
|
max-height: calc(100vh - 100px) !important;
|
||||||
|
background-color: var(--ls-primary-background-color, #fff);
|
||||||
|
min-width: 12rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-backdrop {
|
||||||
|
@apply w-full h-full fixed top-0 left-0;
|
||||||
|
|
||||||
|
z-index: var(--ls-z-index-level-1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-link {
|
||||||
|
background-color: var(--ls-primary-background-color, #fff);
|
||||||
|
color: var(--ls-primary-text-color);
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-separator {
|
||||||
|
@apply my-1;
|
||||||
|
|
||||||
|
opacity: .5;
|
||||||
|
border-top-width: 1px;
|
||||||
|
border-color: var(--ls-border-color, #ccc);
|
||||||
|
}
|
||||||
|
|
||||||
|
a.login {
|
||||||
|
color: var(--ls-link-text-color, #444);
|
||||||
|
}
|
||||||
|
|
||||||
|
a.login:hover {
|
||||||
|
color: var(--ls-link-text-hover-color, #000);
|
||||||
|
}
|
||||||
|
|
||||||
|
a.tooltip-priority {
|
||||||
|
display: contents;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.tooltip-priority::after {
|
||||||
|
content: attr(priority);
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.chosen {
|
||||||
|
background: var(--ls-a-chosen-bg);
|
||||||
|
}
|
||||||
|
|
||||||
|
a.warning,
|
||||||
|
span.warning, div.warning:not(.admonitionblock), p.warning {
|
||||||
|
background: var(--ls-warning-background-color);
|
||||||
|
padding: 0.1em 0.4em;
|
||||||
|
border-radius: var(--ls-border-radius-low);
|
||||||
|
color: var(--ls-warning-text-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-warning {
|
||||||
|
color: var(--ls-warning-text-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-warning {
|
||||||
|
background: var(--ls-warning-background-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
a.error,
|
||||||
|
span.error {
|
||||||
|
background: var(--ls-error-background-color);
|
||||||
|
padding: 0.1em 0.4em;
|
||||||
|
border-radius: var(--ls-border-radius-low);
|
||||||
|
color: var(--ls-error-text-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-error {
|
||||||
|
color: var(--ls-error-text-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-error {
|
||||||
|
background: var(--ls-error-background-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-success {
|
||||||
|
color: var(--ls-success-text-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-success {
|
||||||
|
background: var(--ls-success-background-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
img.small {
|
||||||
|
display: inline;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.tag {
|
||||||
|
font-size: 0.9em;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
cursor: pointer;
|
||||||
|
color: var(--ls-tag-text-color, #045591);
|
||||||
|
opacity: var(--ls-tag-text-opacity, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
a.tag:hover {
|
||||||
|
opacity: var(--ls-tag-text-hover-opacity, 1);
|
||||||
|
color: var(--ls-tag-text-hover-color, #045591);
|
||||||
|
}
|
||||||
|
|
||||||
|
svg.note {
|
||||||
|
color: var(--ls-primary-text-color, #19407c);
|
||||||
|
}
|
||||||
|
|
||||||
|
svg.tip {
|
||||||
|
color: var(--ls-active-primary-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* endregion */
|
||||||
|
|
||||||
|
/* region FIXME: CodeMirror override (?) */
|
||||||
|
.CodeMirror pre.CodeMirror-line,
|
||||||
|
.CodeMirror-scroll,
|
||||||
|
.CodeMirror-sizer,
|
||||||
|
.CodeMirror-gutter,
|
||||||
|
.CodeMirror-gutters,
|
||||||
|
.CodeMirror-linenumber {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* endregion */
|
||||||
|
|
||||||
|
hr {
|
||||||
|
margin: 2rem 0;
|
||||||
|
border-color: var(--ls-border-color, #ccc);
|
||||||
|
}
|
||||||
|
|
||||||
|
.resize {
|
||||||
|
resize: both;
|
||||||
|
overflow: hidden;
|
||||||
|
max-width: -webkit-fill-available;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ideas from https://github.com/PiotrSss/logseq-bujo-theme/blob/main/main.css */
|
||||||
|
|
||||||
|
/***************************************************************
|
||||||
|
***************************** TOP ******************************
|
||||||
|
***************************************************************/
|
||||||
|
|
||||||
|
.cp__header-logo,
|
||||||
|
.fade-link {
|
||||||
|
opacity: 0.8;
|
||||||
|
transition: 0.3s;
|
||||||
|
color: var(--ls-primary-text-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
a.fade-link:hover {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* import (arrows) icon */
|
||||||
|
|
||||||
|
#head .refresh svg {
|
||||||
|
height: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.svg-small svg {
|
||||||
|
transform: scale(0.6);
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* < > buttons */
|
||||||
|
|
||||||
|
a.navigation {
|
||||||
|
border-radius: 3px;
|
||||||
|
transition: 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* text mark/highlight */
|
||||||
|
|
||||||
|
mark {
|
||||||
|
background: var(--ls-page-mark-bg-color);
|
||||||
|
color: var(--ls-page-mark-color);
|
||||||
|
padding: 2px 4px;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* page reference */
|
||||||
|
|
||||||
|
.page-reference {
|
||||||
|
border-radius: 3px;
|
||||||
|
padding: 2px 0px;
|
||||||
|
transition: 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-reference .bracket {
|
||||||
|
opacity: 0.3;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* block references */
|
||||||
|
.block-ref .block-ref {
|
||||||
|
padding: 6px 5px;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* inline code */
|
||||||
|
:not(pre) > code {
|
||||||
|
border-radius: 3px;
|
||||||
|
font-size: 0.9em;
|
||||||
|
font-style: normal;
|
||||||
|
font-family: MonoLisa, 'Fira Code', Monaco, Menlo, Consolas, 'COURIER NEW',
|
||||||
|
monospace;
|
||||||
|
letter-spacing: 0;
|
||||||
|
background-color: var(--ls-page-inline-code-bg-color, #eee);
|
||||||
|
color: var(--ls-page-inline-code-color);
|
||||||
|
word-spacing: -0.15em;
|
||||||
|
text-rendering: optimizeSpeed;
|
||||||
|
}
|
||||||
|
|
||||||
|
:not(pre):not(mark) > code {
|
||||||
|
line-height: 1.45;
|
||||||
|
padding: 3px 5px !important;
|
||||||
|
border-radius: var(--ls-border-radius-low);
|
||||||
|
-webkit-border-radius: var(--ls-border-radius-low);
|
||||||
|
}
|
||||||
|
|
||||||
|
mark > code {
|
||||||
|
padding: 0;
|
||||||
|
line-height: inherit !important;
|
||||||
|
background: #fef3ac !important;
|
||||||
|
color: #262626 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
b > code {
|
||||||
|
font-weight: bold !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
i > code {
|
||||||
|
font-style: italic !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
transition: 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.tooltip-priority {
|
||||||
|
transition: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-reference:hover {
|
||||||
|
background: var(--ls-secondary-background-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.references-blocks .page-reference:hover {
|
||||||
|
background: var(--ls-tertiary-background-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
#head .fade-link {
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* excalidraw */
|
||||||
|
.Island > div > div > div {
|
||||||
|
width: 44px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.excalidraw hr {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-link {
|
||||||
|
color: var(--ls-primary-text-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.katex * {
|
||||||
|
border-color: var(--ls-primary-text-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
#help-latex .katex-html {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.page-op svg {
|
||||||
|
transform: scale(0.9);
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-more {
|
||||||
|
background: var(--ls-a-chosen-bg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.keyboard-shortcut > code {
|
||||||
|
margin: 2px;
|
||||||
|
background-color: var(--ls-quaternary-background-color);
|
||||||
|
padding: 2px 4px !important;
|
||||||
|
border-radius: 6px;
|
||||||
|
color: var(--ls-secondary-text-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
html[data-theme='light'] .keyboard-shortcut > code {
|
||||||
|
box-shadow: inset 0 -1px 0 #433f3855, 0 0 1px 1px #433f3822;
|
||||||
|
}
|
||||||
|
|
||||||
|
html[data-theme='dark'] .keyboard-shortcut > code {
|
||||||
|
box-shadow: inset 0 -1px 0 var(--ls-primary-background-color), 0 0 1px 1px rgba(255, 255, 255,.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui__modal-panel {
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overflow-y-scroll {
|
||||||
|
overflow-y: scroll;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-ellipsis-wrapper {
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lazy-visibility {
|
||||||
|
min-width: 1px;
|
||||||
|
min-height: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.katex .tag {
|
||||||
|
overflow-x: clip;
|
||||||
|
}
|
||||||
|
|
||||||
|
html.is-mobile {
|
||||||
|
h1.title {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#journals .journal-item:first-child {
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
0
static/css/custom.css
Executable file
0
static/css/custom.css
Executable file
230
static/css/datepicker.css
Executable file
230
static/css/datepicker.css
Executable file
|
|
@ -0,0 +1,230 @@
|
||||||
|
/*----------------------------------------------------------------------------------------
|
||||||
|
Stylesheet for re-com.date Date Picker variants inline-picker & dropdown-picker
|
||||||
|
Day8 variation loosely based on:
|
||||||
|
Copyright 2013 Dan Grossman ( http://www.dangrossman.info )
|
||||||
|
Licensed under the Apache License v2.0
|
||||||
|
http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
Built for http://www.improvely.com
|
||||||
|
http://eternicode.github.io/bootstrap-datepicker
|
||||||
|
|
||||||
|
START OF DATE PICKER SECTION...
|
||||||
|
----------------------------------------------------------------------------------------*/
|
||||||
|
.noselect {
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker.single .calendar {
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker .calendar {
|
||||||
|
display: none;
|
||||||
|
max-width: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker .calendar.single .calendar-date {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker .calendar th, .datepicker .calendar td {
|
||||||
|
white-space: nowrap;
|
||||||
|
text-align: center;
|
||||||
|
min-width: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker .calendar-date {
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
padding: 4px;
|
||||||
|
border-radius: 4px;
|
||||||
|
/* background: #fff; */
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker .calendar-time {
|
||||||
|
text-align: center;
|
||||||
|
margin: 8px auto 0 auto;
|
||||||
|
line-height: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker {
|
||||||
|
position: absolute;
|
||||||
|
top: 100px;
|
||||||
|
left: 20px;
|
||||||
|
padding: 10px;
|
||||||
|
margin-top: 1px;
|
||||||
|
-webkit-border-radius: 4px;
|
||||||
|
-moz-border-radius: 4px;
|
||||||
|
line-height: 16px;
|
||||||
|
border-radius: 4px;
|
||||||
|
background: #efefef;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table {
|
||||||
|
width: 100%;
|
||||||
|
margin: 0;
|
||||||
|
border-collapse: separate;
|
||||||
|
border-spacing: 0;
|
||||||
|
background: transparent;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker td, .datepicker th {
|
||||||
|
text-align: center;
|
||||||
|
width: 27px;
|
||||||
|
height: 26px;
|
||||||
|
max-width: 27px;
|
||||||
|
max-height: 26px;
|
||||||
|
min-width: 27px;
|
||||||
|
min-height: 26px;
|
||||||
|
padding: 4px;
|
||||||
|
cursor: default;
|
||||||
|
white-space: nowrap;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker td.off {
|
||||||
|
padding: 4px;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker td.disabled {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker th.disabled {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker td.available:hover, .datepicker th.available:hover {
|
||||||
|
background: #357ebd;
|
||||||
|
cursor: pointer;
|
||||||
|
color: #FFF;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker td.in-range {
|
||||||
|
background: #ebf4f8;
|
||||||
|
-webkit-border-radius: 0;
|
||||||
|
-moz-border-radius: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker td.start-date {
|
||||||
|
-webkit-border-radius: 4px 0 0 4px;
|
||||||
|
-moz-border-radius: 4px 0 0 4px;
|
||||||
|
border-radius: 4px 0 0 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker td.end-date {
|
||||||
|
-webkit-border-radius: 0 4px 4px 0;
|
||||||
|
-moz-border-radius: 0 4px 4px 0;
|
||||||
|
border-radius: 0 4px 4px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker td.start-date.end-date {
|
||||||
|
-webkit-border-radius: 4px;
|
||||||
|
-moz-border-radius: 4px;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker td.active, .datepicker td.active:hover {
|
||||||
|
background-color: #357ebd;
|
||||||
|
border-color: #3071a9;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Introduced by Day8 from http://eternicode.github.io/bootstrap-datepicker */
|
||||||
|
.datepicker td.today, .datepicker td.today:hover {
|
||||||
|
background-color: #ffcd70;
|
||||||
|
border-color: #f59e00;
|
||||||
|
border-radius: 18px;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker th.day-enabled, label.day-enabled {
|
||||||
|
font-weight: normal;
|
||||||
|
font-size: 10px;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker th.selectable {
|
||||||
|
font-weight: normal;
|
||||||
|
color: #357ebd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker th.day-disabled {
|
||||||
|
font-weight: normal;
|
||||||
|
font-size: 10px;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker td.week, .datepicker th.week {
|
||||||
|
font-size: 80%;
|
||||||
|
color: #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker th.month {
|
||||||
|
width: auto;
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--ls-title-text-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-button {
|
||||||
|
cursor: pointer;
|
||||||
|
height: 32px;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-button.activator {
|
||||||
|
width: 40px;
|
||||||
|
color: #777;
|
||||||
|
/* background-color: #F7F7F7 */
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-condensed > thead > tr > th,
|
||||||
|
.table-condensed > tbody > tr > th,
|
||||||
|
.table-condensed > tfoot > tr > th,
|
||||||
|
.table-condensed > thead > tr > td,
|
||||||
|
.table-condensed > tbody > tr > td,
|
||||||
|
.table-condensed > tfoot > tr > td {
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark-theme .datepicker {
|
||||||
|
background: var(--ls-secondary-background-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark-theme .datepicker th.day-disabled, .dark-theme .datepicker th.disabled, .dark-theme .datepicker td.disabled, .dark-theme .datepicker td.off {
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark-theme .datepicker th.day-enabled, .dark-theme label.day-enabled {
|
||||||
|
color: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark-theme .datepicker td.active, .dark-theme .datepicker td.active:hover {
|
||||||
|
background-color: var(--ls-block-properties-background-color);
|
||||||
|
border-color: var(--ls-block-properties-background-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark-theme .datepicker th.selectable {
|
||||||
|
color: var(--ls-primary-text-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark-theme .datepicker td.available:hover, .dark-theme .datepicker th.available:hover {
|
||||||
|
background: var(--ls-block-properties-background-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker tr:nth-child(odd), .datepicker tr:nth-child(even), .dark-theme .datepicker tr:nth-child(odd), .dark-theme .datepicker tr:nth-child(even) {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker th, .datepicker tr, .datepicker td, .dark-theme .datepicker th, .dark-theme .datepicker tr, .dark-theme .datepicker td {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
/*----------------------------------------------------------------------------------------
|
||||||
|
END OF DATE PICKER SECTION...
|
||||||
|
----------------------------------------------------------------------------------------*/
|
||||||
2
static/css/excalidraw.min.css
vendored
Executable file
2
static/css/excalidraw.min.css
vendored
Executable file
File diff suppressed because one or more lines are too long
0
static/css/export.css
Executable file
0
static/css/export.css
Executable file
13
static/css/fonts.css
Executable file
13
static/css/fonts.css
Executable file
|
|
@ -0,0 +1,13 @@
|
||||||
|
/* http://www.eaglefonts.com/fg-virgil-ttf-131249.htm */
|
||||||
|
@font-face {
|
||||||
|
font-family: "Virgil";
|
||||||
|
src: url("../fonts/Virgil.woff2");
|
||||||
|
font-display: swap;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* https://github.com/microsoft/cascadia-code */
|
||||||
|
@font-face {
|
||||||
|
font-family: "Cascadia";
|
||||||
|
src: url("../fonts/Cascadia.woff2");
|
||||||
|
font-display: swap;
|
||||||
|
}
|
||||||
BIN
static/css/fonts/KaTeX_AMS-Regular.woff2
Normal file
BIN
static/css/fonts/KaTeX_AMS-Regular.woff2
Normal file
Binary file not shown.
BIN
static/css/fonts/KaTeX_Caligraphic-Bold.woff2
Normal file
BIN
static/css/fonts/KaTeX_Caligraphic-Bold.woff2
Normal file
Binary file not shown.
BIN
static/css/fonts/KaTeX_Caligraphic-Regular.woff2
Normal file
BIN
static/css/fonts/KaTeX_Caligraphic-Regular.woff2
Normal file
Binary file not shown.
BIN
static/css/fonts/KaTeX_Fraktur-Bold.woff2
Normal file
BIN
static/css/fonts/KaTeX_Fraktur-Bold.woff2
Normal file
Binary file not shown.
BIN
static/css/fonts/KaTeX_Fraktur-Regular.woff2
Normal file
BIN
static/css/fonts/KaTeX_Fraktur-Regular.woff2
Normal file
Binary file not shown.
BIN
static/css/fonts/KaTeX_Main-Bold.woff2
Normal file
BIN
static/css/fonts/KaTeX_Main-Bold.woff2
Normal file
Binary file not shown.
BIN
static/css/fonts/KaTeX_Main-BoldItalic.woff2
Normal file
BIN
static/css/fonts/KaTeX_Main-BoldItalic.woff2
Normal file
Binary file not shown.
BIN
static/css/fonts/KaTeX_Main-Italic.woff2
Normal file
BIN
static/css/fonts/KaTeX_Main-Italic.woff2
Normal file
Binary file not shown.
BIN
static/css/fonts/KaTeX_Main-Regular.woff2
Normal file
BIN
static/css/fonts/KaTeX_Main-Regular.woff2
Normal file
Binary file not shown.
BIN
static/css/fonts/KaTeX_Math-BoldItalic.woff2
Normal file
BIN
static/css/fonts/KaTeX_Math-BoldItalic.woff2
Normal file
Binary file not shown.
BIN
static/css/fonts/KaTeX_Math-Italic.woff2
Normal file
BIN
static/css/fonts/KaTeX_Math-Italic.woff2
Normal file
Binary file not shown.
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Reference in a new issue