takker
this is takker’s page
このwikiを立ち上げた人
作ったもの
誰でも入れるSlackのリンク集
とりあえずprojectを作っただけ
理科大の学生団体の紹介をする
script.jsimport '/api/code/takker/import/script.js';style.css@import '/api/code/takker/import/style.css';#2020-07-22 11:51:36
#2020-07-22 10:23:30
コードブロック行頭に、言語に応じたNerd Fontを表示する
style.css.line span.code-block .code-block-start [title="css"] a::before {
content: '\e749';
display: inline-block;
}
.line span.code-block .code-block-start [title="html"] a::before {
content: '\f13b';
display: inline-block;
}
.line span.code-block .code-block-start [title="javascript"] a::before {
content: '\e74f';
display: inline-block;
}
.line span.code-block .code-block-start [title="typescript"] a::before {
content: '\e628';
display: inline-block;
}
.line span.code-block .code-block-start [title="cpp"] a::before {
content: '\e61d';
display: inline-block;
}
.line span.code-block .code-block-start [title="c"] a::before {
content: '\e61e';
display: inline-block;
}
.line span.code-block .code-block-start [title="toml"] a::before,
.line span.code-block .code-block-start [title="json"] a::before,
.line span.code-block .code-block-start [title="yaml"] a::before {
content: '\e60b';
display: inline-block;
}
.line span.code-block .code-block-start [title="xml"] a::before {
content: '\fabf';
display: inline-block;
}
.line span.code-block .code-block-start [title="gitignore"] a::before {
content: '\f013';
display: inline-block;
}
.line span.code-block .code-block-start [title="markdown"] a::before {
content: '\e73e';
display: inline-block;
}
.line span.code-block .code-block-start [title="txt"] a::before {
content: '\e612';
display: inline-block;
}
.line span.code-block .code-block-start [title="csv"] a::before {
content: '\f0ce';
display: inline-block;
}
.line span.code-block .code-block-start [title="fish"] a::before,
.line span.code-block .code-block-start [title="bash"] a::before,
.line span.code-block .code-block-start [title="zsh"] a::before {
content: '\f489';
display: inline-block;
}
.line span.code-block .code-block-start [title="dos"] a::before {
content: '\e629';
display: inline-block;
}コードブロック行頭の空白の色を変えた
style.css.line span.code-block .pad:not(.code-block-margin){
background-color: rgba(0,0,0,0.05);
height: inherit;
}箇条書き中のコードブロック記法での行頭のインデントの色を背景と同じ色にする
style.css.line span.code-block .code-block-margin {
background-color: #fefefe;
margin-bottom: inherit;
}コードブロック記法中のfontを変更
style.css.line code {
font-family: Cica,Consolas,Roboto,Helvetica,Arial,"Hiragino Sans",sans-serif;
font-size: 110%;
line-height: 1.5em;
}自分用
style.css/* はりつくメニューバー */
@media screen and (min-height: 600px) and (min-width: 768px) {
.app:not(.presentation) { padding-top: 90px; padding-right: 0 !important }
.app:not(.presentation) .page-menu { position: fixed; top: 90px }
.navbar { position: fixed; top: 0; left: 0; right: 0; z-index: 990; overflow: unset }
.dropdown.open .dropdown-menu {
position: absolute; left: auto; top: auto;
max-height: calc(100vh - 100px); overflow-y: auto
}
.dropdown.open .dropdown-menu.global-menu { left: 0; top: 54px }
.page-menu .dropdown.open .dropdown-menu { position: absolute; top: 0 }
}#2020-07-09 13:28:20
custom日時挿入を追加
profile imageを変更
時刻を24 hour timeに変更した
時刻情報も含んだlink/hashtagの形式を追加した
日付までしかリンクにしないので、時刻が入っていたとしても検索に支障はない
ノートを作成した時間帯を追える
cf. Moment.js | Docs