nana

誰

mail: nna star nna774.net

================================================================================

80i=<c-[>

================================================================================

幅を広くする。

code:habahiro.css

.container, .col-page {

max-width: initial;

width: 85vw;

}

.page-column {

grid-template-columns: initial;

}

code:lib.css

@import url('/api/code/rebuild-kitashirakawa/nana/habahiro.css');

https://gyazo.com/895f8c72d06c42dc91f73d32408cf088

カラムが落ちちゃうのをなんとかする。

code:col.css

.title {

font-weight: 400;

}

code:col.css

span.code-block {

font-size: 88%;

}

code:lib.css

@import url('/api/code/rebuild-kitashirakawa/nana/col.css');

Alt+tで日付入力する際のフォーマット

日付を入力することあんまりないな となったので、Ctrl+iでアイコン出るやつがIMEに食われて出ないので変わりにそれを出す。

ここでは日付を出す。

code:lib.js

if (scrapbox.Project.name === 'rebuild-kitashirakawa') {

} else {

}

code:lib.js

import '/api/code/shokai/文字カウント/page.js'

import '/api/code/shokai/文字カウント/popup.js'

読まない。

code:lib.js

// import '/api/code/Nota/nana/script_.js'

code:lib.js

scrapbox.PopupMenu.addButton({

title: 'quote',

})

code:lib.js

scrapbox.PageMenu.addItem({

title: 'Tweet',

onClick: () => {

}

})

code:lib.js

import '/api/code/rebuild-kitashirakawa/選択範囲をツイートする。/tweet.js'

モバイルでは + ボタンを表示しない(デカいので……)。

code:no-new-button.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

@import url('/api/code/rebuild-kitashirakawa/nana/no-new-button.css');

とにかくスペースを詰める。

code:semai.css

.page {

padding-top: 12px;

padding-right: 12px;

padding-bottom: 12px;

}

.line.line-title .text {

padding-bottom: 0;

}

.col-page-side {

width: 0;

}

code:lib.css

@import url('/api/code/rebuild-kitashirakawa/nana/semai.css');

微妙に手を入れてある。

code:lib.js

import '/api/code/rebuild-kitashirakawa/embed_tweetの展開/expand.js'

気の狂ったインラインハイライトの謎の色付けを消す。

code:no-hightlite.css

code.code span {

color: inherit !important;

}

code:lib.css

@import url('/api/code/rebuild-kitashirakawa/nana/no-hightlite.css');

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',

onClick: () => {

},

});

$(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:no-show-plan.css

.plan-badge {

position: absolute;

top: -1000px;

}

code:lib.css

@import url('/api/code/rebuild-kitashirakawa/nana/no-show-plan.css');

過去の日報を書きはじめる。

これはこのプロジェクトでしか使えない(リダイレクト先のscrapbox projectがここに今のところ必ずなる)のでlibに書かずに直接scriptに書く。

実はYYYY/MM/DDのページならどこでも発動可能なので注意。

code:script.js

const YYYYMMDD = /^\d{4}\/\d{2}\/\d{2}/;

scrapbox.PageMenu.addItem({

title: 'Nippo Timemachine',

onClick: () => {

if (window.scrapbox.Page.title.match(YYYYMMDD)) {

}

}

});

今日の日報を書く。

これも上記と同じような理由でscriptに直接書く。

code:script.js

scrapbox.PageMenu.addItem({

title: '#nippo kaku',

});

外部リンクのお尻に印つけるやつが便利だったので、他のプロジェクトでも出るようにします。

code:lib.css

@import url('/api/code/rebuild-kitashirakawa/settings/show-blank.css');

code:lib.css

code:lib.css

@import url('/api/code/rebuild-kitashirakawa/%E3%82%BB%E3%82%AF%E3%82%B7%E3%83%A7%E3%83%B3%E8%A1%A8%E7%A4%BA%E7%B3%BB/lib.css');

スクボ組込みになったからもういらない。

code:lib.js

//import '/api/code/rebuild-kitashirakawa/Mermaid/script.js';

code:lib.css

@import url('/api/code/rebuild-kitashirakawa/%E3%82%A4%E3%83%B3%E3%83%87%E3%83%B3%E3%83%88%E3%81%A7%E3%81%AF%E8%89%B2%E3%82%92%E3%81%A4%E3%81%91%E3%82%8B/indent.css');

code:lib.css

@import url('/api/code/rebuild-kitashirakawa/%E3%81%AE%E3%81%B3%E3%81%AE%E3%81%B3%E3%83%89%E3%83%AD%E3%83%83%E3%83%97%E3%83%80%E3%82%A6%E3%83%B3/style.css');

iOS Safariは16px以下のtext inputにフォーカス入れると画面が自動的にズームしてしまう というおせっかい機能があるので、85%環境でそれを回避する。

safariの拡大率85%で生活していると、検索フォームにフォーカスをあてた時に不必要にズームされてしまう。

code:lib.css

input.for-mobile {

font-size: 20px !important;

}

↑ までのいろいろを読みこむ(こうしておくと他のプロジェクトでも↓を書けば使えるので)。

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');

おかしいな？ と思ったら。