【2024年2月】サイトデザイン変更し、プロフィールなどを追加しました

今までの変更を踏襲し、若干丸みのあるプロフィール欄を追加しました。サイト更新日を大きくしました。

また、h1タグのmarginが上手く設定されていなかった部分を修正もしました。

以下のサイトはプロフィールブロックをカスタマイズするのに大いに役立ちました。感謝です。

https://web-ashibi.net/archives/2625

https://blog.yoshinonaco.com/blogcustom-profile/

以前の説明文は紛失してしまったのですがこんな感じ。

2017年からミラティブ配信者の活動を開始し、現在まで6年間毎日配信を継続。
2019年12月からウェブサイト運営者としての活動も開始し、現在は月10万アクセスを突破。
2023年よりオフラインイベントを毎年主催。
2024年からはアプリ開発者としての活動も開始。
現在はプログラミング、イラスト、言語、パソコン、数学を中心に独学しており、ウェブサイトをもっと充実させたいと思います。

プロフィールのCSSはもともとは以下の通りでした。

/*背景色*/
.widget_author_box {
background-color: #fffffc;
}

/*フチ*/
.author-box {
border-width: 1px;
border-radius: 1px;
border-color: #dcdddd;
}

/*名前と文章の枠*/
.nwa .author-box .author-content {
padding: 0 1em 1em 1em;
}

/* 名前*/
.author-box .author-name {
/*	margin-bottom: 1em;*/
}
.author-widget-name, .author-box .author-content .author-name a{
	font-size: 1.2em;
	font-weight: 700; /* 太字にする */
	letter-spacing: 0.05em; /* 字間を広く */
}

.author-box .author-content .author-name a{
	color: #19448e;
}

.author-widget-name {
	color: #303030; /* リンク色にしない */
	text-decoration: none; /* 下線をなくす */
}

/*文章調節*/
.author-description {
font-size: 16px;
padding: 20px 0px 20px 0px;
}
/*
.author-description p{
	margin: 0 0 0.5em 0;
	text-align: left;
	line-height: 1.5;
}*/

/*画像調節*/
.author-thumb>img {
border-radius: 10px;
}

/* SNSボタン */
.author-follows{
	padding: 12px 0;
	background-color: rgb(70,14,68);
	border-radius: 15px;
}
.author-follows::before{
	content: 'Follow Me';
	color: #fff;
	letter-spacing: 0.2em; /* 字間を広く */
}
.author-box .sns-follow-buttons a.follow-button{
	width: 40px;
	height: 40px;
	margin: 6px 10px 2px 2px;
	border-radius: 20px;
	color: #fff;
	border-color: #fff;
	font-size: 24px;
	line-height: 1.6;
}
.author-box a.follow-button span::before {
	font-size: 22px;
}

/* SNSボタン マウスオーバーしたとき */
.author-box .sns-follow-buttons a.follow-button:hover{
	background-color: transparent;
	opacity: 0.6; /* 薄く */
	transform: scale(1.1); /* 1.1倍の大きさに */
}*/