Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
41 changes: 41 additions & 0 deletions docs/.vuepress/theme/components/Home.vue
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,47 @@
</div><!-- / container -->
</header><!-- / header -->

<div v-if="data.introductions && data.introductions.length" id="introductions" data-section="introductions">
<div class="container">
<div class="page-header wsub first">
<h2>{{ data.sections.introduction.title }}</h2>
</div>

<div v-for="(introduction, index) in data.introductions" class="row feature-row" style="margin-top: 50px; margin-bottom: 100px;">
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

feature の セレクタを流用しています。

  • introductions も作成必要
  • 共通のセレクタに命名変更した方が良い

などのご指摘あれば対応します。DRY 化が良いと思いましたが、規模が大きいので一旦 feature で対応

<div v-if="(index % 2) === 0">
<div class="feature-image-left col-sm-12 col-md-7">
<img :src="introduction.image_path" alt="">
</div>
<div class="features-left image-left col-xs-12 col-md-5">
<div v-for="detail in introduction.details" class="feature">
<div class="feature-icon">
<i class="lnr" :class="`lnr-${detail.icon}`"></i>
</div>
<h3>{{ detail.title }}</h3>
<p v-html="detail.description"></p>
</div>
</div>
</div>
<div v-else>
<div class="features-left image-left col-xs-12 col-md-5">
<div v-for="detail in introduction.details" class="feature">
<div class="feature-icon">
<i class="lnr" :class="`lnr-${detail.icon}`"></i>
</div>
<h3>{{ detail.title }}</h3>
<p v-html="detail.description"></p>
</div>
</div>
<div class="feature-image-left col-sm-12 col-md-7">
<img :src="introduction.image_path" alt="">
</div>
</div>
</div>
</div><!-- /container -->
</div><!-- / introductions section image-left -->
<!-- / introductions section 4col image-left -->


<div v-if="data.features && data.features.length" id="features" data-section="features">
<div class="container">
<div class="page-header wsub first">
Expand Down
35 changes: 35 additions & 0 deletions docs/ja/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,8 @@ heroButtons:
- text: GROWI.cloud
link: /ja/#cloud
sections:
introduction:
title: GROWI とは
features:
title: 機能紹介
documents:
Expand All @@ -32,6 +34,39 @@ sections:
text: 03-6667-4862
link: 0366674862
email: [email protected]
introductions:
- image_path: https://user-images.githubusercontent.com/42988650/70600974-6b29cc80-1c34-11ea-94ef-33c39c6a00dc.gif
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

GROWI の Github の画像を流用しています。書き方問題あれば対応します。
GitHub上の画像への直リンクは匿名化されて問題無いようにされているかなと思いましたが確証には至らず。。。

確認するまでオープンの必要があれば詳細確認します

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

問題ないかと。元が消えなければ。

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

こちらはこの形式でいきます

details:
- title: GROWI とは
icon: pencil
description: GROWI とは、オリジナルの wiki を構築できるサービスです。wiki というと多くの人は wikipedia を連想すると思いますが、wiki とは多数のユーザーが共同してブラウザからコンテンツを編集するウェブサイトの事です。GROWI を使えば、自分だけの、自分達の、自社だけの wiki を作成できます。
- title: GROWI で出来ること
icon: picture
description: 企業やサークル、個人などあらゆる単位で、特定の情報についてまとめたり、情報共有したいときに、GROWI を使えばそれらの情報やファイルを共有できます。整理の仕方、ページの追加が自由自在で、思った通りの情報共有が簡単に実現できます。
- image_path: /assets/images/screenshots/growicloud.png
details:
- title: GROWI を使うには
icon: keyboard
description: GROWI は、株式会社 WESEEK が開発し、MIT ライセンスで公開しているオープンソースソフトウェアです。GitHub からダウンロードして手順に沿って構築すれば、 wiki として使えるようになります。
- title: GROWI.cloud とは
icon: smile
description: GROWI の一番簡単な導入方法は、GROWI.cloud でサービスを契約する事です。GROWI.cloud では無料プランもありますので、是非使ってみてください。<br/><a href="https://growi.cloud/">GROWI.cloud</a>
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

リンクの書き方がこれで良いか確認お願いします。(既存でこの書き方あり)

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

まぁ仕方なしな気がする

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

今回はこのままでいきます

- image_path: /assets/images/screenshots/growidocs.png
details:
- title: 具体的に GROWI ってどんなサービス?
icon: music-note
description: GROWI にはデモサイトがあります。使い心地を気軽に試すことができます。GROWI はノウハウの共有や、ファイルサーバーとしても活用できます。使い方次第であらゆる用途に対応出来ます。GROWI の使い方のドキュメントや、便利な機能開発も充実させています。<br/><a href="https://demo.growi.org/">GROWIデモサイト</a>
- title: GROWI の使い方は難しくない?
icon: cog
description: どなたでも簡単に使っていただけるよう、使い心地や書きやすさに力を入れて GROWI を開発しています。使い方についてのマニュアルも用意しているので、多くのお客様から使いやすいとのお声をいただいています。<br/><a href="https://docs.growi.org/">マニュアル GROWI Docs</a>
- image_path: /assets/images/screenshots/growiuser.png
details:
- title: 導入事例
icon: magnifier
description: 企業の自社情報一元管理、大学のサークルでの情報管理、個人によるゲーム攻略サイトとしての利用など、あらゆる用途でご活用いただいています。
- title: お客様の声
icon: magnifier
description: 「GROWI を知らずに仕事をしていた頃にはもう戻れない」<br/>「GROWI を使って属人化していた仕事が誰でも出来るようになった」<br/>「使い勝手が心地良い」<br/>「最近色んなとこからGROWIって聞く、社内wikiの定番」<br/>「今までの100倍くらい知識の共有が進んだと感じます。知識は共有してなんぼです。」
features:
- image_path: /assets/images/screenshots/editor.png
details:
Expand Down