nana
https://gyazo.com/10f13b6b8ebc41ec0ec1441e2de3fb02https://nna774.net/img/1012.pnghttps://nna774.net/img/1012_filtered.jpg
誰
Twitter: @nonamea774
https://pawoo.net/@kugayama
https://nna774.net/
mail: nna star nna774.net
================================================================================
80i=<c-[>
vim
================================================================================
for UserCSS
幅を広くする。
code:lib.css
.container, .col-page {
max-width: initial;
}
https://gyazo.com/895f8c72d06c42dc91f73d32408cf088
カラムが落ちちゃうのをなんとかする。
2019/02/19#5c6bece9afd3920000a1b9e7 after
code:lib.css
.title {
font-weight: 400;
}
code:lib.css
span.code-block {
font-size: 88%;
}
UserScript
Alt+tで日付入力する際のフォーマット
code:lib.js
scrapbox.TimeStamp.addFormat('YYYY/MM/DD')
/shokai/文字カウント
code:lib.js
import '/api/code/shokai/文字カウント/page.js'
import '/api/code/shokai/文字カウント/popup.js'
/Nota/nana#5c5c5a0cafd39200003984c4を読む。
code:lib.js
import '/api/code/Nota/nana/script_.js'
/shokai/行頭に引用符を付けるUserScript
code:lib.js
scrapbox.PopupMenu.addButton({
title: 'quote',
onClick: text => text.split(/\n/).map(line => > ${line}).join('\n')
})
/shokai/Tweet Menu
code:lib.js
scrapbox.PageMenu.addItem({
title: 'Tweet',
image: 'https://twitter.com/favicon.ico',
onClick: () => {
window.open(https://twitter.com/intent/tweet?url=${encodeURIComponent(location.href)}&text=${encodeURIComponent(window.scrapbox.Page.title)})
}
})
選択範囲をツイートする。
code:lib.js
import '/api/code/rebuild-kitashirakawa/選択範囲をツイートする。/tweet.js'
モバイルでは + ボタンを表示しない(デカいので……)。
新しいページを作れなくなると困るので、メニューにでも入れておく(どうせ #nippo はリンクから作るのであんまり困らないのではないか?)。
code:lib.css
.quick-launch .new-button {
display: none;
}
code:lib.js
scrapbox.PageMenu.addItem({
title: 'create new page',
onClick: () => window.location.href = 'new',
});
とにかくスペースを詰める。
code:lib.css
.page {
padding-top: 12px;
padding-right: 12px;
padding-bottom: 12px;
}
/kn1cht/embed-tweet
Tweetの埋め込み。
微妙に手を入れてある。
embed tweetの展開
code:lib.js
import '/api/code/rebuild-kitashirakawa/embed_tweetの展開/expand.js'
script.jsにライブラリ的に使ってるやつはつなげとく。
気の狂ったインラインハイライトの謎の色付けを消す。
settings#5cda8afdafd3920000b6b525ここでも使うので、切り出す。
code:no-hightlite.css
code.code span {
color: inherit !important;
}
code:lib.css
@import url('/api/code/rebuild-kitashirakawa/nana/no-hightlite.css')
/moznion/input mode UserScript
code:lib.js
export let enableInputMode = () => {
let isInputMode = true;
const enterInputMode = (e) => {
if (!isInputMode) {
if (e) {
e.preventDefault();
}
$("#text-input").prop('disabled', false);
$("#text-input").focus();
$('.page').css('background', '');
isInputMode = !isInputMode;
}
}
const exitInputMode = (e) => {
if (isInputMode) {
$("#text-input").prop('disabled', true);
$('.page').css('background', '#dadada');
isInputMode = !isInputMode;
}
}
const modeSelectors = {
true: exitInputMode,
false: enterInputMode,
}
scrapbox.PageMenu.addMenu({
title: 'Input mode',
image: 'https://i.gyazo.com/5f2de2133ef5d9a35ac16b3b8aa1c6aa.png',
onClick: () => {
modeSelectorsisInputMode();
},
});
$(window).keydown((e) => {
if (e.keyCode === 73) { // key code of "i"
enterInputMode(e);
}
if (e.keyCode === 27) { // key code of Esc
exitInputMode(e);
}
});
exitInputMode();
}
極悪
app.cssでdisplayが指定されているので、単純にnoneにできないので画面外に飛ばす。
code:lib.css
.plan-badge {
position: absolute;
top: -1000px;
}
過去の日報を書きはじめる。
これはこのプロジェクトでしか使えない(リダイレクト先のscrapbox projectがここに今のところ必ずなる)のでlibに書かずに直接scriptに書く。
他のプロジェクトでnippo書きたいことがもしあれば、sb-nippo-kakuにparameterでproject渡せるようにします(そんなことある?)。
実はYYYY/MM/DDのページならどこでも発動可能なので注意。
code:script.js
const YYYYMMDD = /^\d{4}\/\d{2}\/\d{2}/;
if (window.scrapbox.Page.title.match(YYYYMMDD)) {
scrapbox.PageMenu.addItem({
title: 'Nippo Timemachine',
onClick: () => {
window.open(https://inside.kmc.gr.jp/~nona7/scrapbox/rebuild-kitashirakawa/nippo-kaku/?date=${encodeURIComponent(window.scrapbox.Page.title)})
}
});
}
↑ までのいろいろを読みこむ(こうしておくと他のプロジェクトでも↓を書けば使えるので)。
2019/02/08#5c5d7d73afd3920000a2a1fb
code:script.js
import { enableInputMode } from '/api/code/rebuild-kitashirakawa/nana/lib.js'
// enableInputMode()
code:style.css
@import url('/api/code/rebuild-kitashirakawa/nana/lib.css')