次々と報道されてくるウクライナの情報は本当に心が痛みます。
正直ロシアがここまでの暴挙に出るとは思いませんでした。
一日も早くこの状況が終わることを願わずにはいられません。
さて、少しでもなにかできないかと思いながら、
ホームページ上でアピールしてみることにしました。
いじったのはスタイルシート（ .css ファイル）だけで
通常のホームページであれば以下のコードを
CSS の最後につけるだけで対応できると思います。
もちろん作業される際は必ずファイルのバックアップを取り、
いつでも戻せるようにしておいてください。
もちろん一番いいのはこのコードが
明日には必要がないようになっていればいいのですが。
/*--------------- キ リ ト リ ---------------*/
body {
position : relative;
margin-top : 6rem;
background-position : top 6rem left 0;
}
body::before,
body::after {
display : flex;
justify-content : center;
align-items : center;
width : 100%;
height : 3rem;
position : fixed;
font-weight : bold;
font-family : 'Meiryo';
left : 0;
font-size : 1.5rem;
z-index : 100;
}
body::before {
content : 'PEACE FOR UKRAINE';
background-color : #FFD500;
top : 3rem;
color : black;
letter-spacing : 0.2rem;
}
body::after {
content : 'ウクライナに平和を';
background-color : #005BBB;
top : 0;
color : white;
letter-spacing : 0.5rem;
}
/*--------------- キ リ ト リ ---------------*/