new welcome section

themes/nipponalba/layouts/index.html

@@ -1,5 +1,10 @@
 {{ define "main" }}
 <section class="about">
+    <section class="welcome">
+      <b>Hello!</b> Welcome to my wee, constantly evolving, digital space.<br/><br/>
+      I'm currently in the process of writing scripts to integrate my <a href="https://github.com/superseriousbusiness/gotosocial" target="_blank">GoToSocial</a> account into the site and once the current technology stack permits, will be adding <a href="https://cactus.chat/" target="_blank">cactus comments</a>.  So there may be some minor disruptions.<br/><br/>
+      If you are interested in keeping in touch then there are various contact options under my photo on the right, and if you just want to follow my updates then please click on the feeds link at the top and copy your preferred feed link into your RSS reader of preference.. <a href="https://rss.com/blog/how-do-rss-feeds-work" target="_blank">not sure what RSS is?</a><br/><br/>
+    </section>
 <section class="h-feed">
   <section class="latest_note"><h2>Latest note</h2>
   {{ range (first 1 (where .Site.RegularPages "Type" "=" "note")) }}

themes/nipponalba/layouts/index.jp.html

@@ -1,5 +1,10 @@
 {{ define "main" }}
 <section class="about">
+  <section class="welcome">
+    <b>こんにちは！</b> 私の小さな、常に進化し続けるデジタルスペースへようこそ！<br/><br/>
+    現在、私は<a href="https://github.com/superseriousbusiness/gotosocial" target="_blank">GoToSocial</a>アカウントをサイトに統合するためのスクリプトを書いているところで、現在の技術スタックが許せば、<a href="https://cactus.chat/" target="_blank">cactus comments</a>を追加する予定です。 そのため、若干の混乱が生じる可能性があります。<br/><br/>。
+    また、私の更新情報をご覧になりたい方は、上部のフィードリンクをクリックして、お好みのフィードリンクをお好みのRSSリーダーにコピーしてください。<a href="https://www.asobou.co.jp/blog/life/rss-2" target="_blank">RSSが何か分からない場合は?</a>。<br/><br/>
+  </section>
 <section class="h-feed">
   <section class="latest_note"><h2>最新のノート</h2>
   {{ range (first 1 (where .Site.RegularPages "Type" "=" "note")) }}

themes/nipponalba/static/css/style.css

@@ -452,16 +452,19 @@ main{
   color: var(--text-colour);
 }
 .index-note, .feed, .post, #response .h-cite,
-.resume header, .workhistory, .education, .skills, .feeds {
+.resume header, .workhistory, .education, .skills, .feeds, .welcome {
   width: 98%;
   box-shadow: 0 2px 3px var(--shadow-colour);
   border: 1px solid var(--border-colour);
   border-radius: 15px;
   padding:10px;
 }
-.index-note{
+.index-note, .welcome{
   width:92%;
 }
+.welcome{
+  margin-top: 20px;
+}
 .resume{
   width:97%;
 }