綾坂こと
https://cdn.jsdelivr.net/gh/AXT-AyaKoto/AXT-AyaKoto/images/Logo_AXTstyle.svg
画像がAyaExpTechに紐づいていますbsahd.icon
Gyazoにすべき？
漢字表記 : 綾坂琴翔
年齢 : 18歳
性別 : 男 (身体･自認ともに)
職業 : 大学生
2024年度は学部1年生
infobox? なにそれ
おーーすげー
よろしくお願いします
あとは未来の自分が書いてくれるだろ、がんばえ〜
なんで未来の自分に託した？？綾坂こと.icon
草takker.icon
こんにちは！inajob.iconcFQ2f7LRuLYP.iconHiro Aki.iconはるひ.iconsta.iconseibe.iconsuto3.iconmaichan.iconcak.iconwogikaze.iconつばくろ.iconHyou.iconmeganii.iconsume.icon基素.icontakker.iconnishio.iconimo.icon
(FlowLauncher使っていないのであまり深く見れてはいませんが……)
それは別人ですかね、私はAyasaka綾坂こと.icon
それはそれとして、それ面白そう……
あれ？違いましたか。ごめんなさい！takker.icon
漢字表記も1文字しかあってなかったほんとごめんなさい
逆に英語表記は1文字しか違わない綾坂こと.icon
infoboxの使い方が意図と違っているように見えますinajob.icon
特にinfoboxの記法を使わず、自然な文で各項目について記載しておくとinfoboxの機能がいい感じに読み取ってくれるはずです。
今のようにinfoboxの記法を使うと、綾坂こと と書かれたページから情報を抽出するという動作をします（伝わっているだろうか？） 今このページに出ているinfoboxはmemberページによるものです なるほど……？仮説を立てます綾坂こと.icon
table:infoboxで表示項目を指定すると、そのページがタグ付けされたすべてのページで自動的に生成される？
生成内容をなにか指定したい場合は2列目に指示が書ける？
確かに説明むずいはるひ.icon
（伝わっているだろうか？）の気持ちがとてもよくわかるcak.icon
shokai.iconさんのdemoの動画見てもらうのが一番分かりやすいだろうか
消えていた（し、打ち消したらshokai.iconさんが回ってしまった）
shokai.icon
せっかくなのでたくさん回してみたtakker.icon
ほう？！綾坂こと.icon
ほんとだ、わざわざ指定とかしなくていいんだ
script.jsの有無だけ制御したいな……
script.jsの有無 : なし
style.css
フォント読み込み
code:style.css
/* ==== 'M PLUS 1p' - 通常フォント ==== */
/* ==== 'Ubuntu' - 英字デザインフォント ==== */
/* ==== 'M PLUS 1 Code' - 等幅フォント ==== */
/* ==== 'Zen Kurenaido' - 手書きフォント ==== */
/* ==== 'Font Awesome 6 Free' - アイコンフォント ==== */
フォントを変更
code:style.css
* {
font-family: 'M PLUS 1p';
}
.fontawesome {
font-family: 'Font Awesome 6 Free';
font-weight: 900;
}
code, code * {
font-family: 'M PLUS 1 Code', monospace;
font-weight: 400;
}
font-family: 'Font Awesome 6 Brands';
font-weight: 400;
}
箇条書きの点を控えめに
code:style.css
.app .line .indent-mark .dot {
height: .1em;
width: .4em;
border-radius: 20%;
&::before {
display: none;
}
}
.app:not(.presentation) .line .indent-mark .dot {
top: auto;
bottom: 0;
}
.app:not(.presentation) .line.number-list .indent-mark .dot {
}
リンクの見た目を変える
code:style.css
.page a.page-link:not(:has(>img.icon)) {
display: inline-block;
position: relative;
text-decoration: none;
&::before {
content: '';
position: absolute;
left: 0%;
bottom: 7.5%;
width: 100%;
height: 2px;
background-color: oklch(55% .2 270 / .4);
transition: height 0.2s, background-color 0.2s;
pointer-events: none;
}
&:hover::before {
height: calc(100% - 6px);
background-color: oklch(55% .2 270 / .2);
}
&.big-page-link {
&::before {
background-color: oklch(55% .2 315 / .4);
}
&:hover::before {
background-color: oklch(55% .2 315 / .2);
}
}
&.empty-page-link {
&::before {
background-color: oklch(55% .2 0 / .4);
}
&:hover::before {
background-color: oklch(55% .2 0 / .2);
}
}
}
.line a.big-page-link {
font-weight: inherit;
}
久々に見てみたら、知らない機能がいくつか使われてたtakker.icon
知らないうちに対応している色空間がめっちゃ増えてる
oklch、かなり使いやすいのでおすすめ綾坂こと.icon
表が含まれるページで横スクロールを有効化する(自作)
code:style.css
.page:has(.table-block-row) {
overflow-y: hidden;
overflow-x: scroll;
}
.page:has(.table-block-row)::-webkit-scrollbar {
display: none;
}
[/icons/hr.icon], [/icons/---.icon]を横幅いっぱいに表示する(自作)
code:style.css
position: relative;
width: 100%;
}
display: none;
}
width: 100%;
object-fit: cover;
}
BudouXを適用して改行位置を自然にする
code:style.css
.lines {
word-break: auto-phrase;
}
1文字ずつspanで囲まれてても意味あるのかな？bsahd.icon
されてない気がする()綾坂こと.icon
code:style.css
.line:not(.cursor-line) .deco-\~:not(:hover) {
filter: inherit;
}
.line:not(.cursor-line) .deco-\~ {
background-color: currentcolor;
&:not(:hover) * {
color: inherit;
}
&:hover {
background-color: revert;
}
}
引用行が連続するときに2行目以降を消す
code:style.css
.line.quote-line+.line.quote-line .dot {
opacity: 0;
}
