Skip to content

Commit

Permalink
feat: v0.1.1へbump
Browse files Browse the repository at this point in the history 
https://cl9.me/ptch
  • Loading branch information
@raicdev
raicdev committed Apr 7, 2024
1 parent 81c5b3a commit 9b33a01
Show file tree
Hide file tree
Showing 16 changed files with 4,361 additions and 240 deletions.
16 changes: 16 additions & 0 deletions dist/category/infomation/patchnote.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -55,6 +55,22 @@ <h1>パッチノート</h1>

<h3>最終更新日: 2024/04/06</h3>

<h2>v0.1.1 - 2024/04/07</h2>
<p>2024年4月7日にリリースされた、バージョン0.1.1の情報。</p>
<div class="center-left">
<ul>
<li>
<div class="tag is-warning">NEW</div>
Rai Chatへプロフィール機能を追加<br>
<small>プロフィール写真、自己紹介が新たに追加。</small>
</li>
<li>
<div class="tag is-warning">NEW</div>
ダーク/ライトテーマを切り替えれるように
</li>
</ul>
</div>

<h2>v0.1 - 2024/04/06</h2>
<p>2024年4月6日にリリースされた、バージョン0.1の情報。</p>
<div class="center-left">
Expand Down
102 changes: 102 additions & 0 deletions dist/chat/app/profile.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,102 @@
<!doctype html>
<html lang="ja">
<head>
<!--meta-->
<title>Rai Chat</title>
<meta charset="utf-8" />
<!--responsive-->
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="description" content="新しいチャット体験ができます。" />
<link rel="canonical" href="https://raic.tech/" />
<meta content="Rai Chat" property="og:title" />
<meta content="新しいチャット体験ができます。" property="og:description" />
<meta content="https://raic.tech" property="og:url" />
<meta content="https://raic.tech/images/profile-image.png" property="og:image" />
<meta content="#43B581" data-react-helmet="true" name="theme-color" />

<!--Stylesheet-->
<link rel="stylesheet" href="/css/index.css" />

<!--Favicon-->
<link rel="icon" href="/images/profile-image.png" />

<!--Script-->

<script src="/js/menu.js"></script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3326621014935824" crossorigin="anonymous"></script>
</head>

<body style="display: none">
<header></header>

<section class="columns p-4 m-0">
<div class="submenu column is-4" id="settings-sidebar"></div>
<div id="app-content" class="content">
<h1>プロフィール</h1>
<div class="box">
<img id="app-profile-picture" src="https://pics.prcm.jp/a508a977c6fa9/84540173/png/84540173.png" width="256">
<h3 id="app-profile-username">ユーザー名</h3>
<p id="app-profile-info">自己紹介</p>
<div id="app-profile-edit" class="button">
<p></p><i class="far fa-edit"></i>プロフィールを編集</p>
</div>
</div>
</div>
</section>

<dialog id="app-message-dialog">
<div id="app-message-dialog-content" class="modal">
<div class="modal-background"></div>

<div class="modal-content">
<div class="box">
<h2 id="app-message-dialog-title">2段階認証を無効にする</h2>
<p id="app-message-dialog-description">パスワードと2段階認証のコードを入力して続行します。</p>

<button id="app-message-dialog-button" class="is-hidden button is-danger"><i class="fas fa-check"></i>続行</button>
<button onclick="document.querySelector('#app-message-dialog').close();" id="app-message-dialog-close" class="button is-primary" aria-label="close">OK</button>
</div>
</div>
</div>
</dialog>

<dialog id="app-edit-dialog">
<div id="app-edit-dialog-content" class="modal">
<div class="modal-background"></div>

<div class="modal-content">
<div class="box">
<h2>プロフィールを編集</h2>
<p>ここでのプロフィール編集はベータ版です。</p>

<div class="field">
<div class="control">
<h4>プロフィール画像</h4>
<input id="app-edit-picture" class="input" type="url" placeholder="画像のURL"><br><br>

<h4>名前</h4>
<input id="app-edit-name" class="input" type="text" placeholder="あなたの名前"><br>
<small>名前かプロフィール画像を変更すると、審査が終了するまでチェックマークが非表示になります。</small><br><br>


<h4>自己紹介 <div class="tag is-warning">プレミアム</div></h4>
現在、自己紹介はプレミアムユーザーのみ使用できます。
<textarea id="app-edit-bio" disabled class="input" style="width: 500px; height: 100px" placeholder="自己紹介"></textarea><br />
<p id="app-edit-alert" class="is-hidden"><i class="fas fa-info"></i><label></label></p>
</div>
</div>

<button id="app-edit-confirm" class="button is-primary">編集</button>
<button onclick="document.querySelector('#app-edit-dialog').close();" class="button" aria-label="close">閉じる</button>
</div>
</div>
</div>
</dialog>

<footer></footer>

<script src="/js/index.js"></script>
<script src="/js/chat-sidebar.js"></script>
<script src="/js/chat-profile.js"></script>
</body>
</html>
54 changes: 32 additions & 22 deletions dist/chat/app/settings.html
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<!doctype html>
<html lang="ja" class="theme-dark">
<html lang="ja">
<head>
<!--meta-->
<title>設定 | Rai Chat</title>
Expand Down Expand Up @@ -56,21 +56,23 @@ <h4>
</section>
<br />

<div class="box" id="premiumUpsell">
<div class="box" id="basicUpsell">
<h3>プレミアムプラスにアップグレードして、チェックマーク等の機能を利用しましょう！</h3>
<p>プレミアムプラスにアップグレードすると、チェックマーク、メッセージの強調表示や実験中の機能を利用できます。<br>
<small>チェックマークはベーシック、プレミアムでも使用可能です。</small></p>
<p>
プレミアムプラスにアップグレードすると、チェックマーク、メッセージの強調表示や実験中の機能を利用できます。<br />
<small>チェックマークはベーシック、プレミアムでも使用可能です。</small>
</p>
</div>
<section class="disabled" id="premiumFeatures">
<h2>プレミアムの機能</h2>
<section class="disabled" id="basicFeatures">
<h2>ベーシックの機能</h2>
<h4>
<input type="checkbox" id="hide-checkmark" />
<label for="hide-checkmark" class="checkbox"> チェックマークを非表示にする </label>
<div class="tag is-warning">プレミアム</div>
<div class="tag is-warning">ベーシック</div>
</h4>
<p>
チェックマークを非表示にすると、プレミアムを所持しているアカウントであることが他人からわからなくなります。<br />
ただし、一部の機能を使用するとプレミアムを所持していることがわかる可能性があります。<br /><br />
チェックマークを非表示にすると、メッセージからチェックマークが非表示になります。<br />
ただし、一部の機能を使用すると有効なサブスクリプションを所持していることがわかる可能性があります。<br /><br />

あなたがチェックマークを所持していない場合、このオプションは影響しません。<br />
別のブラウザでこの設定がオフになっていると、チェックマークが再び表示されます。<br /><br />
Expand All @@ -80,32 +82,40 @@ <h4>
</section>
<br />

<div class="box" id="premiumUpsell">
<h3>プレミアムプラスにアップグレードして、メッセージの強調表示等の機能を利用しましょう！</h3>
<p>プレミアムプラスにアップグレードすると、メッセージの強調表示や実験中の機能を利用できます。</p>
</div>
<section class="disabled" id="premiumFeatures">
<h2>プレミアムの機能</h2>
<h4>
<input type="checkbox" id="edit-message" />
<label for="edit-message" class="checkbox"> メッセージの編集 </label>
<div class="tag is-warning">ロールアウト済み</div>
<div class="tag is-warning">プレミアム</div>
</h4>
<p>
この機能を有効にすると、自分の送信したメッセージを編集することができます。<br />
メッセージを編集すると、メッセージに <i class="far fa-edit mr1px"></i>(編集マーク)が表示されます。
</p>
</section>
<br />

<div class="box" id="premiumPlusUpsell">
<h3>プレミアムプラスにアップグレードして、実験中の機能を利用しましょう！</h3>
<p>プレミアムプラスにアップグレードすると、メッセージの強調表示や実験中の機能を利用できます。</p>
</div>
<section class="disabled" id="premiumPlusFeatures">
<h2>プレミアムプラスの機能</h2>
<h4>
<input type="checkbox" id="test-highlight" />
<label for="test-highlight" class="checkbox"> メッセージの強調表示 </label>
<div class="tag is-warning">実験中の機能</div>
<input type="checkbox" id="highlight" />
<label for="highlight" class="checkbox"> メッセージの強調表示 </label>
<div class="tag is-warning">プレミアムプラス</div>
</h4>
<p>
メッセージの枠を金にし、メッセージを目立たせてみましょう。<br />
この設定はすべてのメッセージ(過去のメッセージも)に影響を与えます。
</p>
<h4>
<input type="checkbox" id="edit-message" />
<label for="edit-message" class="checkbox"> メッセージの編集 </label>
<div class="tag is-warning">実験中の機能</div>
<div class="tag is-warning">プレミアムプラス</div>
</h4>
<p>
この機能を有効にすると、自分の送信したメッセージを編集することができます。<br />
メッセージを編集すると、メッセージに <i class="far fa-edit mr1px"></i>(編集マーク)が表示されます。
</p>
</section>
<br />
</div>
Expand Down
8 changes: 8 additions & 0 deletions dist/css/index.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43329,6 +43329,14 @@ input[type=checkbox]:checked + .checkbox::after {
color: #ff1f1f;
}

.no-deco {
text-decoration: none !important;
}

.no-deco:hover {
text-decoration: solid !important;
}

.mr1px {
margin-right: 1px !important;
}
Expand Down
2 changes: 1 addition & 1 deletion dist/css/index.css.map
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion dist/dist/css/index.css
View file

Large diffs are not rendered by default.

Loading

0 comments on commit 9b33a01

Please sign in to comment.