9月配布ページ -トップ- - Event Page Archive

↓HEAD編集にコピペしてね↓

/*** The new CSS Reset - version 1.2.0 (last updated 23.7.2021) ***/
:where(:not(iframe,canvas,img,svg,video):not(svg*)){all:unset;display:revert}*,::after,::before{box-sizing:border-box}ol,ul{list-style:none}img{max-width:100%}table{border-collapse:collapse}textarea{white-space:revert}
/* ↑ここまでリセットCSS↑ */

body{
background:#fff ;
color:#000000 ;
font-family: 'Noto Sans JP', sans-serif;
font-size: 0.8em;
line-height: 1.5;
}

.waku{
background:#fff ;
width:88%;
max-width:600px;
margin:15px auto;
border:1px solid #fff ;
border-radius:30px;
}

header{
font-family: 'Kiwi Maru';
color:#ccc ;
text-align: center ;
margin: 30px auto 5px;
position: relative;
}

header:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -50px;
  width: 100%;
  height: 20px;
  background: -webkit-repeating-linear-gradient(-45deg, #ccc, #ccc 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #ccc, #ccc 2px, #fff 2px, #fff 4px);
}

h1{
color:#000;
font-size: 2em;
line-height:2 ;
}

.image{
height:50px;
width:200px;
position: relative;
margin: 10px auto;
}
.image::before,
.image::after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
}

.image::before {
	top: -5px;
	right: -5px;
	border-width: 0 20px 20px 0;
	border-color: transparent #ccc transparent transparent;
}

.image::after {
	bottom: -5px;
	left: -5px;
	border-width: 20px 0 0 20px;
	border-color: transparent transparent transparent #ccc; 
}

.main{
max-width:600px;
margin:2em auto;
padding:4em 2em 2em;
}

section{ margin: 1.5em 0; }
p{ margin: 1.2em 0; }

.date {
font-family: 'Kiwi Maru';
font-size: 1.2em;
line-height: 20px;
padding: 5px 0;
position: relative;
}
.date:after {
content: " ";
height: 5px;
width: 100%;
bottom: 0;
left: 0;
position: absolute;
background: repeating-linear-gradient(-45deg, #ccc, #ccc 2px, #fff 2px, #fff 4px);
}

em{
text-decoration:none; 
font-family: 'Kiwi Maru';
text-shadow: 1px 1px 2px #ccc;
font-weight: bold;
}

h2 {
position: relative;
padding-left: 30px;
font-size:1.5em;
color: #000;
font-weight: 400;
}

h2::before,
h2::after{
content: "□";
position: absolute;
}

h2::before{
left:0;
top:-3px;
}

h2::after{
left: 5px;
top: 3px;
color: #ccc;
}

p{
margin: 5px 20px 15px;
}

a{
text-decoration: none;
color: #999;
}

</style>

↓ページ編集にコピペしてね↓

<div class="waku">
<header>
<div class="image"><h1>他己紹介<i class="fas fa-comments"></i></h1></div>
～たこのあしははちほんあるらしい～
</header>
<div class="main">
<section>
<h2>概要</h2>
<p>皆さんはなまる荘での生活は如何ですか？<br>
越してきてから数ヶ月の方も数日の方も日々TLで交流を深めていることと思います。そこで、今回は自己紹介ならぬ他己紹介を通して他の住人の方のことをもっと知って貰おう！と言う企画をご用意しました。</p>
</section>
<section>
<h2>参加手順</h2>
<div class="date">〜9月○日　 参加不参加の確認</div>
<p>
参加して頂ける方は管理人DM宛にご連絡ください。「参加します」等簡単なもので構いません。また、今回のイベントにつきまして、この人の紹介は絶対に書きたい！と言う方がいましたら1名のみ指定が可能となります。(あまりにも希望が偏った場合はご相談させて頂く場合が御座います。)参加希望の際に、紹介文を書きたい方1名のお名前をご記載ください。<br>
紹介を書いて頂く人数は1人辺り4～6名を予定しております。人数については皆さんの希望をお伺いし決めたいと思っているため、同時にツイートにてアンケートを行いますので投票をお願い致します。<br>
</p>
<div class="date">9月○日～○日 他己紹介文を書いて頂く方連絡</div>
<p>
どなたの紹介文を書いて頂くかをDMにてご連絡します。<br>
</p>
<div class="date">9月○日～○日 他己紹介文提出受付</div>
<p>
紹介文は1人の方に対し50～100字程度のご記入をお願い致します。また、文章量の偏りを防ぐため、ご自身が書かれる4～6名分についてはそれぞれになるべく字数の差がないようご配慮頂けましたら幸いです。<br>
</p>
<div class="date">9月○日～ 他己紹介ページ公開</div>
<p>
提出して頂いた紹介文をページに移し、公開します。こちらでの文章等はTL等でお話のきっかけにしていただいて構いません。(PCとして閲覧可能)<br>
公開手順に関して、最終的には参加者様の一覧をお作りするのですが、一度に全員分の情報が公開されてしまうと情報量があまりにも多くなってしまうため幾度かに分けて公開していきます。原則1日に3～4名ずつ、毎日更新していく予定で御座います。9月末までには提出者全員の他己紹介が揃うとお考え下さい。<br><br>
※公開ページのサンプルは<a href="さんぷるURL">【こちら】</a>からご覧ください。
</p>
</section>
</div>

↓ここから下は確認用★↓

概要

皆さんはなまる荘での生活は如何ですか？
越してきてから数ヶ月の方も数日の方も日々TLで交流を深めていることと思います。そこで、今回は自己紹介ならぬ他己紹介を通して他の住人の方のことをもっと知って貰おう！と言う企画をご用意しました。

参加手順

〜9月○日　参加不参加の確認

参加して頂ける方は管理人DM宛にご連絡ください。「参加します」等簡単なもので構いません。また、今回のイベントにつきまして、この人の紹介は絶対に書きたい！と言う方がいましたら1名のみ指定が可能となります。(あまりにも希望が偏った場合はご相談させて頂く場合が御座います。)参加希望の際に、紹介文を書きたい方1名のお名前をご記載ください。
紹介を書いて頂く人数は1人辺り4～6名を予定しております。人数については皆さんの希望をお伺いし決めたいと思っているため、同時にツイートにてアンケートを行いますので投票をお願い致します。

9月○日～○日他己紹介文を書いて頂く方連絡

どなたの紹介文を書いて頂くかをDMにてご連絡します。

9月○日～○日他己紹介文提出受付

紹介文は1人の方に対し50～100字程度のご記入をお願い致します。また、文章量の偏りを防ぐため、ご自身が書かれる4～6名分についてはそれぞれになるべく字数の差がないようご配慮頂けましたら幸いです。

9月○日～他己紹介ページ公開

提出して頂いた紹介文をページに移し、公開します。こちらでの文章等はTL等でお話のきっかけにしていただいて構いません。(PCとして閲覧可能)
公開手順に関して、最終的には参加者様の一覧をお作りするのですが、一度に全員分の情報が公開されてしまうと情報量があまりにも多くなってしまうため幾度かに分けて公開していきます。原則1日に3～4名ずつ、毎日更新していく予定で御座います。9月末までには提出者全員の他己紹介が揃うとお考え下さい。

※公開ページのサンプルは【こちら】からご覧ください。