diff --git a/README.md b/README.md index 964b395..e371817 100644 --- a/README.md +++ b/README.md @@ -23,9 +23,10 @@ If you are interested, try creating a theme for kids and different generations! - [for Japanese Users](#for-japanese-users) - [このテーマについて](#このテーマについて) - [テーマへのご意見 / ご協力について](#テーマへのご意見--ご協力について) - - [Webフォントについて](#webフォントについて) - - [配布サイト](#配布サイト) - - [利用フォント](#利用フォント) + - [利用しているフォントについて](#利用しているフォントについて) + - [あんずもじのご利用について](#あんずもじのご利用について) + - [配布サイト](#配布サイト) + - [配置手順](#配置手順) - [配置方法](#配置方法) - [テーマのみの配置](#テーマのみの配置) - [メッセージのカスタマイズ](#メッセージのカスタマイズ) @@ -40,6 +41,8 @@ If you are interested, try creating a theme for kids and different generations! ## Screen shot +NOTE: Following samples are using 'Patrick Hand', 'Anzu' (as Japanese font). + ### PC @@ -127,25 +130,55 @@ If the theme alone doesn't cover enough, I'm looking at simple JavaScript tweaks テーマだけではカバーし切れていない部分は、簡単なJavaScriptでの調整や、プラグインと連携しての開発なども視野に入れていますので、ご意見のほどよろしくお願いいたします。 -### Webフォントについて +### 利用しているフォントについて + +こちらのテーマでは、以下のフォントの利用を想定しています。 +日本語に関しては、「あんずもじ」の利用を想定してのデザインになっております。 +お手数をおかけしますが、各自お手元でのフォントのダウンロードをお願いいたします。 + +**英語** + +- Google fonts - Patrick Hand + - Designer: Patrick Wagesreiter + +**日本語** + +- Google fonts - Kosugi Maru (as 'Noto Serif JP') + - Designer: MOTOYA +- あんずもじ + - あんずもじに関しては、各自でのダウンロードと配置をお願いします + - フォントが組み込まれない場合は、デフォルトの日本語フォントが利用されます + +#### あんずもじのご利用について -こちらのテーマでは、以下のフォントを利用させていただいております。ありがとうございます! +大変可愛らしい文字ですので、もしお手元でご利用の際に組み込み可能でしたら、是非ご利用してみてください! +あんずもじを利用するに当たって、以下の通りにお願いいたします。 -#### 配布サイト +##### 配布サイト - あんずいろapricot×color - 配布サイトURL: - 作成者:京風子(Kyoko)さま -- Google fomts - Patrick Hand - - Designer: Patrick Wagesreiter -#### 利用フォント +##### 配置手順 + +- 配布サイトURL: からフォントのダウンロードをお願いします + - あんずもじ + - あんずもじ等幅 +- font というディレクトリに、以下のように配置をお願いします + +```bash + +$ tree font +font +├── APJapanesefont.ttf +└── APJapanesefontT.ttf + +``` + +- データ名はapplication.css に記載と同じとなります +- 配置の上でRedmineの再起動をお願いいたします -- あんずもじ -- あんずもじ等幅 -- Google fomts - Patrick Hand - - - - License: SIL Open Font License (OFL) ### 配置方法 @@ -219,6 +252,9 @@ http://localhost:3000/ にアクセスしてください。 ## ChangeLog +- 0.0.5 + - Update README. + - Change Japanese font. - 0.0.4 - Changelogin form. - Add theme information on footer. diff --git a/font/APJapanesefont.ttf b/font/APJapanesefont.ttf deleted file mode 100755 index 7e18a3d..0000000 Binary files a/font/APJapanesefont.ttf and /dev/null differ diff --git a/font/APJapanesefontT.ttf b/font/APJapanesefontT.ttf deleted file mode 100755 index ba577bd..0000000 Binary files a/font/APJapanesefontT.ttf and /dev/null differ diff --git a/font/KosugiMaru-Regular.ttf b/font/KosugiMaru-Regular.ttf new file mode 100644 index 0000000..44dcbff Binary files /dev/null and b/font/KosugiMaru-Regular.ttf differ diff --git a/javascripts/theme.js b/javascripts/theme.js index 5e588bb..5e76453 100644 --- a/javascripts/theme.js +++ b/javascripts/theme.js @@ -1,5 +1,5 @@ const themeInfo = { - version: '0.0.4', + version: '0.0.5', author: 'Akiko Takano', url: 'https://github.com/akiko-pusu/redmine_theme_kodomo_midori', name: 'Kodomo Redmine green version', diff --git a/stylesheets/application.css b/stylesheets/application.css index 62a2c83..d91fe85 100644 --- a/stylesheets/application.css +++ b/stylesheets/application.css @@ -2,11 +2,13 @@ @import url(../../../stylesheets/application.css); +/* あんずもじご利用の場合はREADMEにしたがって配置して下さい */ @font-face { font-family: anzu; src: url("../font/APJapanesefont.ttf") format("truetype") } +/* あんずもじご利用の場合はREADMEにしたがって配置して下さい */ @font-face { font-family: anzuT; src: url("../font/APJapanesefontT.ttf") format("truetype") @@ -17,8 +19,13 @@ src: url("../font/PatrickHand-Regular.ttf") format("truetype") } +@font-face { + font-family: 'Noto Serif JP'; + src: url("../font/KosugiMaru-Regular.ttf") format("truetype") +} + body { - font-family: 'Patrick Hand', anzu, Verdana, sans-serif; + font-family: 'Patrick Hand', anzu, 'Noto Serif JP', Verdana, sans-serif; font-size: 20px; color: rgb(1, 55, 36); } @@ -27,14 +34,14 @@ h1, h2, h3, h4 { - font-family: 'Patrick Hand', anzu; + font-family: 'Patrick Hand', anzu, 'Noto Serif JP'; padding: 2px 10px 1px 0px; margin: 0 0 10px 0; } pre, code { - font-family: 'Patrick Hand', anzuT, Consolas, Menlo, "Liberation Mono", Courier, monospace; + font-family: 'Patrick Hand', anzuT, 'Noto Serif JP', Consolas, Menlo, "Liberation Mono", Courier, monospace; } pre, @@ -246,19 +253,29 @@ div.box p label::before { } #projects-index ul.projects div.root a.project { - font-family: "anzu"; + font-family: "anzu", 'Noto Serif JP'; font-size: 18px; } #quick-search>form>label>a { color: #820505; + position: relative; } #quick-search>form>label>a:before { - content: "┥"; - top: 6px; - font-size: 16px; - color: #c99696; + position: absolute; + left: -20px; + top: 8px; + content: ""; + font-size: 0.8em; + + padding: 0 0.4em 0 0.2em; + background: #4CAF50; + color: #fff; + height: 1em; + width: 0.4em; + text-align: center; + border-radius: 80% 3%; } #admin-menu a.selected { @@ -718,7 +735,7 @@ textarea { input[name='commit'], input[type='submit'] { - font-family: anzu; + font-family: anzu, 'Noto Serif JP'; font-size: 12pt; display: inline-block; /* padding: 0.5em 0.5em; */ @@ -738,7 +755,7 @@ input[type='submit']:hover { } input[name='continue'] { - font-family: anzu; + font-family: anzu, 'Noto Serif JP'; font-size: 12pt; display: inline-block; padding: 0.5em 0.5em;