Redmine theme for kids and children.
I created this theme inspired by JIRA Jr. and various WordPress themes for kids and children.
This theme is still experimental, but I hope to provide a more friendly Redmine with bright colors and fun fonts.
If you are interested, try creating a theme for kids and different generations!
- Screen shot
- Sample Movie
- Installation
- docker-compose
- for Japanese Users
- テーマのカスタマイズ
- Special Thanks
- ChangeLog
- Download zip file from release page
- Extract zip file, and move to public/themes/redmine_theme_kodomo at Redmine directory
- Open Redmine page, and go to Administration > Settings > Display
- Enable the redmine_theme_kodomo from Theme, and save settings
You can try this theme via Docker.
docker-compose up -d- Access to http://localhost:3000/ on web browser
- Sign in to Redmine as an administrator
- Select the theme from the administration screen.
- Stop is docker-compose stop.
こちらのテーマでは、以下のフォントの利用を想定しています。 日本語に関しては、「きろ字 / Kosugi Maru / あんずもじ」の利用を想定してのデザインになっております。 お手数をおかけしますが、各自お手元でのフォントのダウンロードをお願いいたします。
英語
- Google fonts - Patrick Hand
- Designer: Patrick Wagesreiter
- License: Open Font License
- https://fonts.google.com/specimen/Patrick+Hand
日本語
- きろ字
- New BSDライセンスに基づくきろ字をメインのフォントとして利用させていただきます
- https://ola.kironono.com/entry/fonts-kiloji
- フォントが組み込まれない場合は、デフォルトの日本語フォントが利用されます
- Google fonts - Kosugi Maru (as 'Kosugi Maru')
- Designer: MOTOYA
- License: Open Font License
- https://fonts.google.com/specimen/Kosugi+Maru
- あんずもじ
- あんずもじに関しては、各自でのダウンロードと配置をお願いします
- フォントが組み込まれない場合は、デフォルトの日本語フォントが利用されます
New BSDライセンスで利用可能な「きろ字」をメインのフォントとして利用させていただききました。 ttfからwoffへ変換して利用としております。
- 手書き風総合書体「きろ字」
- 詳細情報: https://ola.kironono.com/entry/fonts-kiloji
- 作成者: kilo さま
% tree font
font
└── kiloji
├── License.txt
├── kiloji.ttf
├── kiloji.woff
├── kiloji_b.ttf
└── kiloji_b.woff
1 directory, 5 files
標準フォント、Google fontでのご利用に切り替えたい場合は、以下の方法でfonts.cssを調節してください。
大変可愛らしい文字ですので、もしお手元でご利用の際に組み込み可能でしたら、是非ご利用してみてください！ あんずもじを利用するに当たって、以下の通りにお願いいたします。
- あんずいろapricot×color
- 配布サイトURL: http://www8.plala.or.jp/p_dolce/index.html
- 作成者: 京風子（Kyoko）さま
- 配布サイトURL: http://www8.plala.or.jp/p_dolce/index.html からフォントのダウンロードをお願いします
- あんずもじ
- あんずもじ等幅
- font というディレクトリに、以下のように配置をお願いします
$ tree font
font
├── APJapanesefont.ttf
└── APJapanesefontT.ttf
- フォントはfonts.css に記載と同じとなります
- fonts.css の設定で、'Patrick Hand' の後に 'anzu' を指定して下さい
- 例:
font-family: 'Patrick Hand', 'anzu', 'kiroji_b', 'Kosugi Maru'
- 例:
- 配置の上でRedmineの再起動をお願いいたします
- Redmineのディレクトリ/public/themes/ 以下に展開します
- 配置後にRedmineを再起動します
参考: Redmineのディレクトリ/public/themes/ 以下
$ tree -L 1
.
├── README
├── alternate
├── classic
└── redmine_theme_kodomo
3 directories, 1 fileこのテーマ単体では、現在こども用のメニュー、ラベルには対応していません。
子ども向けにメッセージをカスタマイズする場合は、redmine_message_customize プラグインなどを使うことを想定しています。
このリポジトリの直下にDockerfileがありますので、簡単な確認が可能です。
# build image
docker build -t redmine_theme_kodomo_container:latest .
# run container
docker run --rm -d -p 3000:3000/tcp redmine_theme_kodomo_container:latestコンテナを起動後、アカウント:admin / パスワード: admin でログインできます。
git clone https://github.com/akiko-pusu/redmine_theme_kodomo
cd redmine_theme_kodomo
docker-compose build --no-cache
docker-compose up -d上記で、テーマが適用された状態でRedmineが起動します。 http://localhost:3000/ にアクセスしてください。
また、該当のディレクトリで、直にCSS, JavaScriptを編集しつつ、動作確認ができます。
粗いCSSですが、ソースを見ていただくとどのあたりを修正しているかがわかるかと思います。 また、theme.js を修正することで、プラグイン形式にしなくても、簡単なコンテンツの差込なども可能です。 画像やフォント、メッセージを調整してみてください！
- Redmine.org - https://redmine.org/
- Japanese Redmine Community - http://redmine.jp/community/
- Font developers
- 0.0.4
- Update Dockerfile. (To use Redmine 4.1-stable.)
- Apply flash message (success / error) style.
- Enabled to show theme information at the footer.
- Update some styles.
- 0.0.3
- Change loading style when login / logout.
- Add CSS file for Redmine Banner.
- Use kiloji as Japanese font.
- Update style for administration.
- Change base style. (The same to
redmine_theme_kodomo_midori)
- 0.0.2
- Add great-job.png /Change border style of sidemenu (In responsive mode)
- First Release: 0.0.1