forked from FoundKeyGang/FoundKey
nanka iroiro
This commit is contained in:
syuilo
parent
0f86ba55b0
commit
4de91739ff
11 changed files with 336 additions and 248 deletions
|
|
@ -50,6 +50,15 @@ common:
|
|||
my-token-regenerated: "Your token is just regenerated, so you will signout."
|
||||
|
||||
tags:
|
||||
mk-nav-links:
|
||||
about: "About"
|
||||
stats: "Stats"
|
||||
status: "Status"
|
||||
wiki: "Wiki"
|
||||
donors: "Donors"
|
||||
repository: "Repository"
|
||||
develop: "Developers"
|
||||
|
||||
mk-messaging-form:
|
||||
attach-from-local: "Attach file from your pc"
|
||||
attach-from-drive: "Attach file from the drive"
|
||||
|
|
@ -256,15 +265,6 @@ desktop:
|
|||
cancel: "Cancel"
|
||||
upload: "Upload a file(s) from you PC"
|
||||
|
||||
mk-nav-home-widget:
|
||||
about: "About"
|
||||
stats: "Stats"
|
||||
status: "Status"
|
||||
wiki: "Wiki"
|
||||
donors: "Donors"
|
||||
repository: "Repository"
|
||||
develop: "Developers"
|
||||
|
||||
mk-ui-header-nav:
|
||||
home: "Home"
|
||||
messaging: "Messages"
|
||||
|
|
@ -408,6 +408,8 @@ desktop:
|
|||
title: "Are you sure you want to repost this post?"
|
||||
|
||||
mk-user:
|
||||
last-used-at: "Last used at"
|
||||
|
||||
photos:
|
||||
title: "Photos"
|
||||
loading: "Loading"
|
||||
|
|
|
|||
|
|
@ -50,6 +50,15 @@ common:
|
|||
my-token-regenerated: "あなたのトークンが更新されたのでサインアウトします。"
|
||||
|
||||
tags:
|
||||
mk-nav-links:
|
||||
about: "Misskeyについて"
|
||||
stats: "統計"
|
||||
status: "ステータス"
|
||||
wiki: "Wiki"
|
||||
donors: "ドナー"
|
||||
repository: "リポジトリ"
|
||||
develop: "開発者"
|
||||
|
||||
mk-messaging-form:
|
||||
attach-from-local: "PCからファイルを添付する"
|
||||
attach-from-drive: "ドライブからファイルを添付する"
|
||||
|
|
@ -256,15 +265,6 @@ desktop:
|
|||
cancel: "キャンセル"
|
||||
upload: "PCからドライブにファイルをアップロード"
|
||||
|
||||
mk-nav-home-widget:
|
||||
about: "Misskeyについて"
|
||||
stats: "統計"
|
||||
status: "ステータス"
|
||||
wiki: "Wiki"
|
||||
donors: "ドナー"
|
||||
repository: "リポジトリ"
|
||||
develop: "開発者"
|
||||
|
||||
mk-ui-header-nav:
|
||||
home: "ホーム"
|
||||
messaging: "メッセージ"
|
||||
|
|
@ -408,6 +408,8 @@ desktop:
|
|||
title: "この投稿をRepostしますか？"
|
||||
|
||||
mk-user:
|
||||
last-used-at: "最終アクセス"
|
||||
|
||||
photos:
|
||||
title: "フォト"
|
||||
loading: "読み込み中"
|
||||
|
|
|
|||
|
|
@ -28,3 +28,4 @@ require('./reaction-picker.tag');
|
|||
require('./reactions-viewer.tag');
|
||||
require('./reaction-icon.tag');
|
||||
require('./post-menu.tag');
|
||||
require('./nav-links.tag');
|
||||
|
|
|
|||
7
src/web/app/common/tags/nav-links.tag
Normal file
7
src/web/app/common/tags/nav-links.tag
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<mk-nav-links>
|
||||
<a href={ CONFIG.aboutUrl }>%i18n:common.tags.mk-nav-links.about%</a><i>・</i><a href={ CONFIG.statsUrl }>%i18n:common.tags.mk-nav-links.stats%</a><i>・</i><a href={ CONFIG.statusUrl }>%i18n:common.tags.mk-nav-links.status%</a><i>・</i><a href="http://zawazawa.jp/misskey/">%i18n:common.tags.mk-nav-links.wiki%</a><i>・</i><a href="https://github.com/syuilo/misskey/blob/master/DONORS.md">%i18n:common.tags.mk-nav-links.donors%</a><i>・</i><a href="https://github.com/syuilo/misskey">%i18n:common.tags.mk-nav-links.repository%</a><i>・</i><a href={ CONFIG.devUrl }>%i18n:common.tags.mk-nav-links.develop%</a><i>・</i><a href="https://twitter.com/misskey_xyz" target="_blank">Follow us on <i class="fa fa-twitter"></i></a>
|
||||
<style>
|
||||
:scope
|
||||
display inline
|
||||
</style>
|
||||
</mk-nav-links>
|
||||
BIN
src/web/app/desktop/assets/index.jpg
Normal file
BIN
src/web/app/desktop/assets/index.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 401 KiB |
|
|
@ -1,4 +1,5 @@
|
|||
<mk-nav-home-widget><a href={ CONFIG.aboutUrl }>%i18n:desktop.tags.mk-nav-home-widget.about%</a><i>・</i><a href={ CONFIG.statsUrl }>%i18n:desktop.tags.mk-nav-home-widget.stats%</a><i>・</i><a href={ CONFIG.statusUrl }>%i18n:desktop.tags.mk-nav-home-widget.status%</a><i>・</i><a href="http://zawazawa.jp/misskey/">%i18n:desktop.tags.mk-nav-home-widget.wiki%</a><i>・</i><a href="https://github.com/syuilo/misskey/blob/master/DONORS.md">%i18n:desktop.tags.mk-nav-home-widget.donors%</a><i>・</i><a href="https://github.com/syuilo/misskey">%i18n:desktop.tags.mk-nav-home-widget.repository%</a><i>・</i><a href={ CONFIG.devUrl }>%i18n:desktop.tags.mk-nav-home-widget.develop%</a><i>・</i><a href="https://twitter.com/misskey_xyz" target="_blank">Follow us on <i class="fa fa-twitter"></i></a>
|
||||
<mk-nav-home-widget>
|
||||
<mk-nav-links/>
|
||||
<style>
|
||||
:scope
|
||||
display block
|
||||
|
|
|
|||
|
|
@ -56,8 +56,6 @@ require('./user-timeline.tag');
|
|||
require('./user.tag');
|
||||
require('./big-follow-button.tag');
|
||||
require('./pages/entrance.tag');
|
||||
require('./pages/entrance/signin.tag');
|
||||
require('./pages/entrance/signup.tag');
|
||||
require('./pages/home.tag');
|
||||
require('./pages/home-customize.tag');
|
||||
require('./pages/user.tag');
|
||||
|
|
|
|||
|
|
@ -1,16 +1,25 @@
|
|||
<mk-entrance>
|
||||
<main>
|
||||
<img src="/assets/title.svg" alt="Misskey"/>
|
||||
<div>
|
||||
<h1>どこにいても、ここにあります</h1>
|
||||
<p>ようこそ！ MisskeyはTwitter風ミニブログSNSです――思ったこと、共有したいことをシンプルに書き残せます。タイムラインを見れば、皆の反応や皆がどう思っているのかもすぐにわかります。</p>
|
||||
<p if={ stats }>これまでに{ stats.posts_count }投稿されました</p>
|
||||
</div>
|
||||
<div>
|
||||
<mk-entrance-signin if={ mode == 'signin' }/>
|
||||
<mk-entrance-signup if={ mode == 'signup' }/>
|
||||
<div class="introduction" if={ mode == 'introduction' }>
|
||||
<mk-introduction/>
|
||||
<button onclick={ signin }>わかった</button>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<mk-forkit/>
|
||||
<footer>
|
||||
<div>
|
||||
<mk-nav-links/>
|
||||
<mk-copyright/>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- ↓ https://github.com/riot/riot/issues/2134 (将来的)-->
|
||||
<style data-disable-scope="data-disable-scope">
|
||||
|
|
@ -21,20 +30,45 @@
|
|||
</style>
|
||||
<style>
|
||||
:scope
|
||||
$width = 1000px
|
||||
|
||||
display block
|
||||
|
||||
&:before
|
||||
content ""
|
||||
display block
|
||||
position fixed
|
||||
width 100%
|
||||
height 100%
|
||||
background rgba(0, 0, 0, 0.3)
|
||||
|
||||
> main
|
||||
display block
|
||||
max-width $width
|
||||
margin 0 auto
|
||||
padding 64px 0 0 0
|
||||
padding-bottom 16px
|
||||
|
||||
> img
|
||||
&:after
|
||||
content ""
|
||||
display block
|
||||
width 160px
|
||||
height 170px
|
||||
margin 0 auto
|
||||
pointer-events none
|
||||
user-select none
|
||||
clear both
|
||||
|
||||
> div:first-child
|
||||
position absolute
|
||||
top 64px
|
||||
left 0
|
||||
width calc(100% - 500px)
|
||||
color #fff
|
||||
text-shadow 0 0 32px rgba(0, 0, 0, 0.5)
|
||||
font-weight bold
|
||||
|
||||
> p:last-child
|
||||
padding 1em 0 0 0
|
||||
border-top solid 1px #fff
|
||||
|
||||
> div:last-child
|
||||
float right
|
||||
|
||||
> .introduction
|
||||
max-width 360px
|
||||
|
|
@ -54,33 +88,42 @@
|
|||
&:hover
|
||||
text-decoration underline
|
||||
|
||||
> .tl
|
||||
padding 32px 0
|
||||
background #fff
|
||||
|
||||
> h2
|
||||
display block
|
||||
margin 0
|
||||
padding 0
|
||||
text-align center
|
||||
font-size 20px
|
||||
color #5b6b73
|
||||
|
||||
> mk-public-timeline
|
||||
max-width 500px
|
||||
margin 0 auto
|
||||
> footer
|
||||
*
|
||||
color #fff !important
|
||||
text-shadow 0 0 8px #000
|
||||
font-weight bold
|
||||
|
||||
> div
|
||||
max-width $width
|
||||
margin 0 auto
|
||||
padding 16px 0
|
||||
text-align center
|
||||
border-top solid 1px #fff
|
||||
|
||||
> mk-copyright
|
||||
margin 0
|
||||
text-align center
|
||||
line-height 64px
|
||||
font-size 10px
|
||||
color rgba(#000, 0.5)
|
||||
|
||||
</style>
|
||||
<script>
|
||||
this.mixin('api');
|
||||
|
||||
this.mode = 'signin';
|
||||
|
||||
this.on('mount', () => {
|
||||
document.documentElement.style.backgroundImage = 'url("/assets/desktop/index.jpg")';
|
||||
document.documentElement.style.backgroundSize = 'cover';
|
||||
document.documentElement.style.backgroundPosition = 'center';
|
||||
|
||||
this.api('stats').then(stats => {
|
||||
this.update({
|
||||
stats
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
this.signup = () => {
|
||||
this.update({
|
||||
mode: 'signup'
|
||||
|
|
@ -100,3 +143,194 @@
|
|||
};
|
||||
</script>
|
||||
</mk-entrance>
|
||||
|
||||
<mk-entrance-signin>
|
||||
<a class="help" href={ CONFIG.aboutUrl + '/help' } title="お困りですか？"><i class="fa fa-question"></i></a>
|
||||
<div class="form">
|
||||
<h1><img if={ user } src={ user.avatar_url + '?thumbnail&size=32' }/>
|
||||
<p>{ user ? user.name : 'アカウント' }</p>
|
||||
</h1>
|
||||
<mk-signin ref="signin"/>
|
||||
</div>
|
||||
<div class="divider"><span>or</span></div>
|
||||
<button class="signup" onclick={ parent.signup }>新規登録</button><a class="introduction" onclick={ introduction }>Misskeyについて</a>
|
||||
<style>
|
||||
:scope
|
||||
display block
|
||||
width 290px
|
||||
margin 0 auto
|
||||
text-align center
|
||||
|
||||
&:hover
|
||||
> .help
|
||||
opacity 1
|
||||
|
||||
> .help
|
||||
cursor pointer
|
||||
display block
|
||||
position absolute
|
||||
top 0
|
||||
right 0
|
||||
z-index 1
|
||||
margin 0
|
||||
padding 0
|
||||
font-size 1.2em
|
||||
color #999
|
||||
border none
|
||||
outline none
|
||||
background transparent
|
||||
opacity 0
|
||||
transition opacity 0.1s ease
|
||||
|
||||
&:hover
|
||||
color #444
|
||||
|
||||
&:active
|
||||
color #222
|
||||
|
||||
> i
|
||||
padding 14px
|
||||
|
||||
> .form
|
||||
padding 10px 28px 16px 28px
|
||||
background #fff
|
||||
box-shadow 0px 4px 16px rgba(0, 0, 0, 0.2)
|
||||
|
||||
> h1
|
||||
display block
|
||||
margin 0
|
||||
padding 0
|
||||
height 54px
|
||||
line-height 54px
|
||||
text-align center
|
||||
text-transform uppercase
|
||||
font-size 1em
|
||||
font-weight bold
|
||||
color rgba(0, 0, 0, 0.5)
|
||||
border-bottom solid 1px rgba(0, 0, 0, 0.1)
|
||||
|
||||
> p
|
||||
display inline
|
||||
margin 0
|
||||
padding 0
|
||||
|
||||
> img
|
||||
display inline-block
|
||||
top 10px
|
||||
width 32px
|
||||
height 32px
|
||||
margin-right 8px
|
||||
border-radius 100%
|
||||
|
||||
&[src='']
|
||||
display none
|
||||
|
||||
> .divider
|
||||
padding 16px 0
|
||||
text-align center
|
||||
|
||||
&:before
|
||||
&:after
|
||||
content ""
|
||||
display block
|
||||
position absolute
|
||||
top 50%
|
||||
width 45%
|
||||
height 1px
|
||||
border-top solid 1px rgba(0, 0, 0, 0.1)
|
||||
|
||||
&:before
|
||||
left 0
|
||||
|
||||
&:after
|
||||
right 0
|
||||
|
||||
> *
|
||||
z-index 1
|
||||
padding 0 8px
|
||||
color #fff
|
||||
text-shadow 0 0 8px rgba(0, 0, 0, 0.5)
|
||||
|
||||
> .signup
|
||||
width 100%
|
||||
line-height 56px
|
||||
font-size 1em
|
||||
color #fff
|
||||
background $theme-color
|
||||
border-radius 64px
|
||||
|
||||
&:hover
|
||||
background lighten($theme-color, 5%)
|
||||
|
||||
&:active
|
||||
background darken($theme-color, 5%)
|
||||
|
||||
> .introduction
|
||||
display inline-block
|
||||
margin-top 16px
|
||||
font-size 12px
|
||||
color #666
|
||||
|
||||
</style>
|
||||
<script>
|
||||
this.on('mount', () => {
|
||||
this.refs.signin.on('user', user => {
|
||||
this.update({
|
||||
user: user
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
this.introduction = () => {
|
||||
this.parent.introduction();
|
||||
};
|
||||
</script>
|
||||
</mk-entrance-signin>
|
||||
|
||||
<mk-entrance-signup>
|
||||
<mk-signup/>
|
||||
<button class="cancel" type="button" onclick={ parent.signin } title="キャンセル"><i class="fa fa-times"></i></button>
|
||||
<style>
|
||||
:scope
|
||||
display block
|
||||
width 368px
|
||||
margin 0 auto
|
||||
|
||||
&:hover
|
||||
> .cancel
|
||||
opacity 1
|
||||
|
||||
> mk-signup
|
||||
padding 18px 32px 0 32px
|
||||
background #fff
|
||||
box-shadow 0px 4px 16px rgba(0, 0, 0, 0.2)
|
||||
|
||||
> .cancel
|
||||
cursor pointer
|
||||
display block
|
||||
position absolute
|
||||
top 0
|
||||
right 0
|
||||
z-index 1
|
||||
margin 0
|
||||
padding 0
|
||||
font-size 1.2em
|
||||
color #999
|
||||
border none
|
||||
outline none
|
||||
box-shadow none
|
||||
background transparent
|
||||
opacity 0
|
||||
transition opacity 0.1s ease
|
||||
|
||||
&:hover
|
||||
color #555
|
||||
|
||||
&:active
|
||||
color #222
|
||||
|
||||
> i
|
||||
padding 14px
|
||||
|
||||
</style>
|
||||
</mk-entrance-signup>
|
||||
|
|
|
|||
|
|
@ -1,134 +0,0 @@
|
|||
<mk-entrance-signin><a class="help" href={ CONFIG.aboutUrl + '/help' } title="お困りですか？"><i class="fa fa-question"></i></a>
|
||||
<div class="form">
|
||||
<h1><img if={ user } src={ user.avatar_url + '?thumbnail&size=32' }/>
|
||||
<p>{ user ? user.name : 'アカウント' }</p>
|
||||
</h1>
|
||||
<mk-signin ref="signin"/>
|
||||
</div>
|
||||
<div class="divider"><span>or</span></div>
|
||||
<button class="signup" onclick={ parent.signup }>新規登録</button><a class="introduction" onclick={ introduction }>Misskeyについて</a>
|
||||
<style>
|
||||
:scope
|
||||
display block
|
||||
width 290px
|
||||
margin 0 auto
|
||||
text-align center
|
||||
|
||||
&:hover
|
||||
> .help
|
||||
opacity 1
|
||||
|
||||
> .help
|
||||
cursor pointer
|
||||
display block
|
||||
position absolute
|
||||
top 0
|
||||
right 0
|
||||
z-index 1
|
||||
margin 0
|
||||
padding 0
|
||||
font-size 1.2em
|
||||
color #999
|
||||
border none
|
||||
outline none
|
||||
background transparent
|
||||
opacity 0
|
||||
transition opacity 0.1s ease
|
||||
|
||||
&:hover
|
||||
color #444
|
||||
|
||||
&:active
|
||||
color #222
|
||||
|
||||
> i
|
||||
padding 14px
|
||||
|
||||
> .form
|
||||
padding 10px 28px 16px 28px
|
||||
background #fff
|
||||
box-shadow 0px 4px 16px rgba(0, 0, 0, 0.2)
|
||||
|
||||
> h1
|
||||
display block
|
||||
margin 0
|
||||
padding 0
|
||||
height 54px
|
||||
line-height 54px
|
||||
text-align center
|
||||
text-transform uppercase
|
||||
font-size 1em
|
||||
font-weight bold
|
||||
color rgba(0, 0, 0, 0.5)
|
||||
border-bottom solid 1px rgba(0, 0, 0, 0.1)
|
||||
|
||||
> p
|
||||
display inline
|
||||
margin 0
|
||||
padding 0
|
||||
|
||||
> img
|
||||
display inline-block
|
||||
top 10px
|
||||
width 32px
|
||||
height 32px
|
||||
margin-right 8px
|
||||
border-radius 100%
|
||||
|
||||
&[src='']
|
||||
display none
|
||||
|
||||
> .divider
|
||||
padding 16px 0
|
||||
text-align center
|
||||
|
||||
&:after
|
||||
content ""
|
||||
display block
|
||||
position absolute
|
||||
top 50%
|
||||
width 100%
|
||||
height 1px
|
||||
border-top solid 1px rgba(0, 0, 0, 0.1)
|
||||
|
||||
> *
|
||||
z-index 1
|
||||
padding 0 8px
|
||||
color rgba(0, 0, 0, 0.5)
|
||||
background #f7f7f7
|
||||
|
||||
> .signup
|
||||
width 100%
|
||||
line-height 56px
|
||||
font-size 1em
|
||||
color #fff
|
||||
background $theme-color
|
||||
border-radius 64px
|
||||
|
||||
&:hover
|
||||
background lighten($theme-color, 5%)
|
||||
|
||||
&:active
|
||||
background darken($theme-color, 5%)
|
||||
|
||||
> .introduction
|
||||
display inline-block
|
||||
margin-top 16px
|
||||
font-size 12px
|
||||
color #666
|
||||
|
||||
</style>
|
||||
<script>
|
||||
this.on('mount', () => {
|
||||
this.refs.signin.on('user', user => {
|
||||
this.update({
|
||||
user: user
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
this.introduction = () => {
|
||||
this.parent.introduction();
|
||||
};
|
||||
</script>
|
||||
</mk-entrance-signin>
|
||||
|
|
@ -1,47 +0,0 @@
|
|||
<mk-entrance-signup>
|
||||
<mk-signup/>
|
||||
<button class="cancel" type="button" onclick={ parent.signin } title="キャンセル"><i class="fa fa-times"></i></button>
|
||||
<style>
|
||||
:scope
|
||||
display block
|
||||
width 368px
|
||||
margin 0 auto
|
||||
|
||||
&:hover
|
||||
> .cancel
|
||||
opacity 1
|
||||
|
||||
> mk-signup
|
||||
padding 18px 32px 0 32px
|
||||
background #fff
|
||||
box-shadow 0px 4px 16px rgba(0, 0, 0, 0.2)
|
||||
|
||||
> .cancel
|
||||
cursor pointer
|
||||
display block
|
||||
position absolute
|
||||
top 0
|
||||
right 0
|
||||
z-index 1
|
||||
margin 0
|
||||
padding 0
|
||||
font-size 1.2em
|
||||
color #999
|
||||
border none
|
||||
outline none
|
||||
box-shadow none
|
||||
background transparent
|
||||
opacity 0
|
||||
transition opacity 0.1s ease
|
||||
|
||||
&:hover
|
||||
color #555
|
||||
|
||||
&:active
|
||||
color #222
|
||||
|
||||
> i
|
||||
padding 14px
|
||||
|
||||
</style>
|
||||
</mk-entrance-signup>
|
||||
|
|
@ -610,6 +610,7 @@
|
|||
<mk-user-profile user={ user }/>
|
||||
<mk-user-photos user={ user }/>
|
||||
<mk-user-followers-you-know if={ SIGNIN && I.id !== user.id } user={ user }/>
|
||||
<p>%i18n:desktop.tags.mk-user.last-used-at%: <b><mk-time time={ user.last_used_at }/></b></p>
|
||||
</div>
|
||||
<main>
|
||||
<mk-post-detail if={ user.pinned_post } post={ user.pinned_post } compact={ true }/>
|
||||
|
|
@ -619,6 +620,7 @@
|
|||
<mk-calendar-widget warp={ warp } start={ new Date(user.created_at) }/>
|
||||
<mk-activity-widget user={ user }/>
|
||||
<mk-user-frequently-replied-users user={ user }/>
|
||||
<div class="nav"><mk-nav-links/></div>
|
||||
</div>
|
||||
<style>
|
||||
:scope
|
||||
|
|
@ -646,9 +648,31 @@
|
|||
&:first-child
|
||||
padding 16px 0 16px 16px
|
||||
|
||||
> p
|
||||
display block
|
||||
margin 0
|
||||
padding 0 12px
|
||||
text-align center
|
||||
font-size 0.8em
|
||||
color #aaa
|
||||
|
||||
&:last-child
|
||||
padding 16px 16px 16px 0
|
||||
|
||||
> .nav
|
||||
padding 16px
|
||||
font-size 12px
|
||||
color #aaa
|
||||
background #fff
|
||||
border solid 1px rgba(0, 0, 0, 0.075)
|
||||
border-radius 6px
|
||||
|
||||
a
|
||||
color #999
|
||||
|
||||
i
|
||||
color #ccc
|
||||
|
||||
</style>
|
||||
<script>
|
||||
this.mixin('i');
|
||||
|
|
|
|||
Loading…
Reference in a new issue