UserScripts
#Cosense
-
概要
他のプロジェクトから import して使う用の UserScript
今のところ 井戸端 で使っている
Lockdown
自由時間外にCosenseへアクセスできないようにするUserScript
井戸端へののめり込み防止のために作った
/takker/takker.iconさんのアドバイスに基づき作成
仕組みとして割と単純で、
1. アクセス時に現在時刻を調べる
2. 自由時間外だったら html 要素に属性を付ける
3. UserCSS で特定の属性が付いていたらロックアウトさせる
という感じ
code:lockdown-time.js
(()=> {
const isLockdownTime = (hour) => {
// 06:00 から 10:00 までは ok
if (6 <= hour && hour <= 9) {
return false;
}
// 12:00 から 13:00 までは ok
if (12 == hour) {
return false
}
// 17:00 から 22:00 までは ok
if (17 <= hour && hour <= 21) {
return false;
}
// それ以外の時間帯はダメ
return true;
};
if (isLockdownTime(new Date().getHours())) {
document.documentElement.setAttribute('data-cosense-lockdown', 'true');
}
})();
code:lockdown.css
htmldata-cosense-lockdown="true" .navbar {
border-bottom: 0.5rem solid var(--color-red50);
}
code:_lockdown.css
htmldata-cosense-lockdown="true"::before {
z-index: 99999;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '他にやること、あるんじゃない?';
font-size: 24px;
text-align: center;
padding: calc(50vh - 24px) 0;
background-color: #F0F0F0 !important;
color: #333333 !important;
}
htmldata-cosense-lockdown="true" {
overflow: hidden !important;
pointer-events: none !important;
}
Rainbow Indent
インデントに色を付ける
色付けは完全に好みで虹色になるようになっている
特に深い意味はない
インデントが色付けされる事でインデントを見易くする効果がある
code:rainbow-indent.css
.line .indent-mark {
& {
height: 100%;
}
.pad {
height: 100%;
overflow: unset;
}
& span:nth-child(7n+1),
& span:nth-child(7n+2),
& span:nth-child(7n+3),
& span:nth-child(7n+4),
& span:nth-child(7n+5),
& span:nth-child(7n+6),
& span:nth-child(7n+7) {
.pad {
opacity: 0.075;
}
}
& span:nth-child(7n+1) .pad {
background-color: var(--color-blue85) ;
}
& span:nth-child(7n+2) .pad {
background-color: var(--color-green85);
}
& span:nth-child(7n+3) .pad {
background-color: var(--color-yellow85);
}
& span:nth-child(7n+4) .pad {
background-color: var(--color-orange85);
}
& span:nth-child(7n+5) .pad {
background-color: var(--color-red85);
}
& span:nth-child(7n+6) .pad {
background-color: var(--color-magenta85);
}
& span:nth-child(7n+7) .pad {
background-color: var(--color-purple85);
}
}