Skip to content
This repository has been archived by the owner. It is now read-only.
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Redmine theme for kids / Kodomo Redmine

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

Screen shot

Installation

  • 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

docker-compose

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.

for Japanese Users

利用しているフォントについて

こちらのテーマでは、以下のフォントの利用を想定しています。 日本語に関しては、「きろ字 / Kosugi Maru / あんずもじ」の利用を想定してのデザインになっております。 お手数をおかけしますが、各自お手元でのフォントのダウンロードをお願いいたします。

英語

日本語

  • きろ字
    • New BSDライセンスに基づくきろ字をメインのフォントとして利用させていただきます
    • https://ola.kironono.com/entry/fonts-kiloji
    • フォントが組み込まれない場合は、デフォルトの日本語フォントが利用されます
  • Google fonts - Kosugi Maru (as 'Kosugi Maru')
  • あんずもじ
    • あんずもじに関しては、各自でのダウンロードと配置をお願いします
    • フォントが組み込まれない場合は、デフォルトの日本語フォントが利用されます

きろ字のご利用について

New BSDライセンスで利用可能な「きろ字」をメインのフォントとして利用させていただききました。 ttfからwoffへ変換して利用としております。

きろ字情報
% tree font
font
└── kiloji
    ├── License.txt
    ├── kiloji.ttf
    ├── kiloji.woff
    ├── kiloji_b.ttf
    └── kiloji_b.woff

1 directory, 5 files

標準フォント、Google fontでのご利用に切り替えたい場合は、以下の方法でfonts.cssを調節してください。

あんずもじのご利用について

大変可愛らしい文字ですので、もしお手元でご利用の際に組み込み可能でしたら、是非ご利用してみてください! あんずもじを利用するに当たって、以下の通りにお願いいたします。

配布サイト
配置手順
  • 配布サイト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

このリポジトリの直下に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 を修正することで、プラグイン形式にしなくても、簡単なコンテンツの差込なども可能です。 画像やフォント、メッセージを調整してみてください!

Special Thanks

ChangeLog

  • 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