Skip to content
Browse files

design renewal - JPA

  • Loading branch information...
1 parent abb9831 commit 9d27c7748ee51a29e5ad3e49f86b8557669060fa User committed Apr 17, 2009
View
5 plugins/Pixis-Plugin-JPA/root/jpa.tt
@@ -11,19 +11,22 @@ CALL site_config.navigation.push(
{
text => "JPA",
url => "/jpa"
+ id => "jpa"
}
);
CALL site_config.navigation.push(
{
text => "JPA Wiki",
url => "http://wiki.perlassociation.org"
+ id => "wiki"
}
);
CALL site_config.navigation.push(
{
text => "JPA Services",
- url => "/jpa/service"
+ url => "/jpa/service"
+ id => "services"
}
);
View
118 plugins/Pixis-Plugin-JPA/root/jpa/board.tt
@@ -1,72 +1,64 @@
[% WRAPPER wrapper.tt %]
-
-<style type="text/css">
-<!--
-table,th,td { border: none; }
-td {
- vertical-align: top
-}
-td p {
- padding: 0 0.5em;
-}
-//-->
-</style>
+<div id="title">
<h1> 理事会 </h1>
+</div><!-- title -->
+
+<div id="board_content">
-<table>
-<tr>
- <td><p><img src="/static/jpa/img/maki.jpg" width="90"></p></td>
- <td>
- <p>代表理事:牧大輔</p>
+<div class="board section clearfix">
+<div class="image"><img src="/static/jpa/img/maki.jpg" width="90"></div>
+<div class="info">
+ <h2>牧大輔</h2>
+ <p class="post">代表理事</p>
<p><a href="http://www.endeworks.jp">株式会社endeworks</a>代表取締役。米Washington University卒業後米Network Appliance, Inc でPerlに目覚める。2004年帰国し、Livedoor(株)などを経て(株)endeworksを設立。事業の傍ら講演や研修を行う。開発・公開しているPerlツールも多数。著書に「モダンPerl入門」(2009年 翔泳社)がある</p>
- </td>
-</tr>
-</table>
-<table>
-<tr>
- <td><p><img src="/static/jpa/img/emerson.jpg" width="90"></p></td>
- <td>
- <p>理事:Emerson Mills</p>
+</div>
+</div><!-- section -->
+
+<div class="board section clearfix">
+<div class="image"><img src="/static/jpa/img/emerson.jpg" width="90"></div>
+<div class="info">
+ <h2>Emerson Mills</h2>
+ <p class="post">理事</p>
<p>orinoco株式会社CTO。東京大学で留学を経て米University of Michiganを卒業。日本企業でPerl開発者として勤務した後Amazon.comにてモバイル、ウエブサービスなどの様々な事業部で活躍。2007年にOrinoco株式会社を起業。Perlでのウェブアプリケーション開発、ウェブサービス、アジャイル開発手法について講演も多数行う。</p>
- </td>
-</tr>
-</table>
-<table>
-<tr>
- <td><p><img src="/static/jpa/img/ikebe.jpg" width="90"></p></td>
- <td>
- <p>理事:池邉智洋</p>
- <p>株式会社ライブドア執行役員CTO
+</div>
+</div><!-- section -->
+
+<div class="board section clearfix">
+<div class="image"><img src="/static/jpa/img/ikebe.jpg" width="90"></div>
+<div class="info">
+ <h2>池邉智洋</h2>
+ <p class="post">理事</p>
+ <p>株式会社ライブドア執行役員CTO<br />
ポータルサイト livedoorをはじめとした Perl を利用した大規模Webサービスの開発を統括。</p>
- </td>
-</tr>
-</table>
-<table>
-<tr>
- <td><p><img src="/static/jpa/img/yamaguchi.jpg" width="90"></p></td>
- <td>
- <p>理事:山口徹</p>
+</div>
+</div><!-- section -->
+
+<div class="board section clearfix">
+<div class="image"><img src="/static/jpa/img/yamaguchi.jpg" width="90"></div>
+<div class="info">
+ <h2>山口徹</h2>
+ <p class="post">理事</p>
<p><a href="http://dena.jp/">株式会社 DeNA</a> モバイルポータル部システム第1グループ所属の Perl プログラマ。OpenID に関しては国内でも第一人者であり、講演や執筆等多数行う。ネット上では <a href="http://d.hatena.ne.jp/ZIGOROu/">id:ZIGOROu</a> と言うハンドルで知られる。</p>
- </td>
-</tr>
-</table>
-<table>
-<tr>
- <td><p><img src="/static/jpa/img/okabe.jpg" width="90"></p></td>
- <td>
- <p>監事:岡部恵一</p>
+</div>
+</div><!-- section -->
+
+<div class="board section clearfix">
+<div class="image"><img src="/static/jpa/img/okabe.jpg" width="90"></div>
+<div class="info">
+ <h2>岡部恵一</h2>
+ <p class="post">監事</p>
<p>NTTレゾナント株式会社勤務。1998年に日本で開催されたPerl Conferenceの時からPerlコミュニティに関わっている。 YAPC::Asiaの牽引役。</p></td>
-</tr>
-</table>
-<table>
-<tr>
- <td><p><img src="/static/jpa/img/oyama.jpg" width="90"></p></td>
- <td>
- <p>監事:小山浩之</p>
- <p>フリーランスプログラマ。ソーシャル・ネットワーキングサービス「mixi」に2005年春から開発に
- 参画。上昇しつづけるシステム負荷に耐えうるシステムアーキテクチャの策定と実装に携わり、
- それらのミドルウェア群は現在も「mixi」を支える重要な基盤として規模を拡大しながら活用され
- ている。著作に「Apacheモジュールプログラミングガイド」(2003年 技術評論社)など</p></td>
-</tr>
-</table>
+</div>
+</div><!-- section -->
+
+<div class="board section clearfix no_bb">
+<div class="image"><img src="/static/jpa/img/oyama.jpg" width="90"></div>
+<div class="info">
+ <h2>小山浩之</h2>
+ <p class="post">監事</p>
+ <p>フリーランスプログラマ。ソーシャル・ネットワーキングサービス「mixi」に2005年春から開発に参画。上昇しつづけるシステム負荷に耐えうるシステムアーキテクチャの策定と実装に携わり、それらのミドルウェア群は現在も「mixi」を支える重要な基盤として規模を拡大しながら活用されている。著作に「Apacheモジュールプログラミングガイド」(2003年 技術評論社)など</p></td>
+</div>
+</div><!-- section -->
+
+</div><!-- board_content -->
[% END %]
View
42 plugins/Pixis-Plugin-JPA/root/jpa/index.tt
@@ -1,45 +1,59 @@
[% WRAPPER wrapper.tt %]
-<h1>(社) Japan Perl Association</h1>
+<div id="title">
+<h1 id="h1_jpa"><span>一般社団法人</span><br />Japan Perl Association</h1>
+</div><!-- title -->
+<div id="content">
-<h2> Japan Perl Associationについて </h2>
+<div class="section">
+<p><span style="color:red"><small>4/8 18:00から21:00ごろまで会員登録に問題がございましたが、暫定処置を行いました。<br />大変ご迷惑をおかけいたしました。</small></span></p>
+</div>
+
+<div class="section">
+<h2>Japan Perl Associationについて</h2>
<p> 一般社団法人Japan Perl Association (JPA) は Perl技術及び文化の啓蒙・促進のた
めの組織です。Perl技術を利用するプロジェクト、コミュニティ、ビジネスのサポートに
取り組む事を目的とします。</p>
-
<ul>
- <li> <a href="/jpa/board">理事会</a></li>
+ <li><a href="/jpa/board">理事会</a></li>
</ul>
+</div><!-- section -->
-<p><span style="color:red"><small>4/8 18:00から21:00ごろまで会員登録に問題がございましたが、暫定処置を行いました。大変ご迷惑をおかけいたしました</small></span></p>
-
-<h2> お知らせ </h2>
+<div id="information" class="section">
+<h2>お知らせ</h2>
<ul>
- <li>2009/4/8 - 本格活動開始に関する記者発表を行いました
+ <li>2009/4/8 - 本格活動開始に関する記者発表を行いました。</li>
</ul>
+</div><!-- section -->
+<div class="section">
<h2>Perlについて</h2>
-
<p> Perlは1987年に初めて発表され、以来20年以上の長きに渡って進化し続けている言語です。インターネットの創世記にはCGIスクリプトを作成するのに多用されさらに有名になりました。しかしPerl自体はCGIのための言語ではありません:世界中の開発者達が自作のライブラリを登録するCPANという巨大なライブラリネットワークを持ち、豊富なテスト・自動化ツールを駆使して堅牢なシステム開発を可能にする、「難しい事を可能に、簡単な事をさらに簡単に」してくれる最高のツールと言えるでしょう。</p>
-
<p> PerlはWeb、バイオインフォマティクス、システム管理ツールやテストフレームワークなど、すでに様々な分野で幅広く使用されており、今後も活躍が期待されています。</p>
-
<p> JPAは モダンかつ実践的なPerlの使用方法やノウハウを研修やセミナーなどで提供することにより、企業の皆様が安心してPerlを使用していただけるよう全力でサポートいたします。</p>
+</div><!-- section -->
-<h2> 参加 </h2>
-<p> JPAは随時 <a href="[% c.uri_for('/jpa/signup') %]">新規会員を募集しております</a>。 JPAの会員になるとYAPC::Asia Tokyoを含むJPAイベントの参加費の割引等、特典が受けられるようになります。Perlの今後、Perlの文化、雇用を一緒に考えませんか?</p>
+<div class="section">
+<h2>参加</h2>
+<p>JPAは随時 <a href="[% c.uri_for('/jpa/signup') %]">新規会員を募集しております</a>。 JPAの会員になるとYAPC::Asia Tokyoを含むJPAイベントの参加費の割引等、特典が受けられるようになります。Perlの今後、Perlの文化、雇用を一緒に考えませんか?</p>
<ul>
<li><a href="[% c.uri_for('/jpa/signup') %]">新規会員登録</a></li>
</ul>
-<h2>本サイトについて</h2>
+</div><!-- section -->
+<div class="section">
+<h2>本サイトについて</h2>
<p>本サイトは<a href="http://catalyst.perl.org">Catalyst MVCフレームワーク</a>、<a href="http://www.perlfoundation.org/perl5/index.cgi?dbix_class">DBIx::Class オブジェクトマッパー</a>、<a href="http://code.google.com/p/html-formfu/">HTML::FormFu フォーム作成・バリデーションツール</a>、<a href="http://search.cpan.org/dist/Data-Localize">Data::Localize 国際化用ツール</a>等を用いて、プラッガブルなWebアプリケーションシステムを可能にする<a href="http://github.com/lestrrat/pixis/tree/master">Pixis エンジン</a>上で動作しています。</p>
+</div><!-- section -->
+<div class="section">
<h2>お問い合わせ</h2>
<p>株式会社endeworks内 一般社団法人 Japan Perl Association<br />
TEL: 03-6416-1160<br />
FAX: 03-6416-1161<br />
MAIL: pr@perlassociation.org</p>
+</div><!-- section -->
+</div><!-- content -->
[% END # WRAPPER %]
View
11 plugins/Pixis-Plugin-JPA/root/jpa/payment/bank.tt
@@ -1,15 +1,18 @@
[% WRAPPER wrapper.tt %]
-
+<div id="title">
<h1> 銀行振り込みによるお支払い </h1>
+</div>
+<div id="content">
+<div class="section">
<p> 登録後下記口座に年会費をお振り込みください。</p>
<p style="padding: 7px 10px; border: 1px solid #f0f0f0;">
(社) Japan Perl Association <br />
三井住友銀行 渋谷駅前支店 <br />
- 普通 4065614 <br /></dt>
-<p>
+ 普通 4065614<p>
<p> 振り込み名義人の欄に オーダー番号「<span style="color: #f00">[% c.req.param('order') %]</span>」を必ず明記するようにしてください。お名前だけですと照合に時間がかかる場合がございます。 </p>
-
+</div><!-- section -->
+</div><!-- content -->
[% END # WRAPPER %]
View
19 plugins/Pixis-Plugin-JPA/root/jpa/poweredby.tt
@@ -1,33 +1,42 @@
[% WRAPPER wrapper.tt %]
-
+<div id="title">
<h1>Powered By</h1>
+</div><!-- title -->
+<div id="content">
+<div class="section">
<h2>Technology</h2>
<ul>
<li><a href="http://wiki.perlassociation.org/Perl"">Perl</a></li>
- <ul>
+ <li class="no_listmark"><ul>
<li><a href="http://moose.perl.org">Moose</a> - Perl5 で強力なオブジェクト指向プログラミングを具現化するツール</li>
<li><a href="http://search.cpan.org/dist/DBIx-Class">DBIx::Class</a> - 強力なオブジェクト・リレーショナル・マッパー</li>
<li><a href="http://github.com/lestrrat/pixis/tree/master">Pixis</a> - プラグイン対応したCatalystアプリケーション</li>
- <ul>
+ <li class="no_listmark"><ul>
<li><a href="http://catalyst.perl.org">Catalyst</a> - 強力なMVC Webアプリケーションフレームワーク</li>
<li><a href="http://code.google.com/p/html-formfu">HTML::FormFu</a> - フォーム作成、バリデーション</li>
<li><a href="http://search.cpan.org/dist/Data-Localize">Data::Localize</a> - 国際化ツール</li>
- </ul>
- </ul>
+ </ul></li>
+ </ul></li>
<li><a href="http://dev.mysql.com">MySQL</a></li>
<li><a href="http://www.danga.com/memcached/">Memcached</a></li>
</ul>
+</div><!-- section -->
+<div class="section">
<h2>ホスティング</h2>
<ul>
<li> <a href="http://www.datahotel.ne.jp/">データホテル</a> </li>
<li> <a href="http://www.kddi-webcommunications.co.jp/">KDDI ウェブコミュニケーションズ</a>
</ul>
+</div><!-- section -->
+<div class="section">
<h2>Various Tools</h2>
<ul>
<li><a href="http://www.paypal.com/j1">PayPal</a> - 少額決済ゲートウェイ</li>
</ul>
+</div><!-- section -->
+</div><!-- content -->
[% END # WRAPPER %]
View
15 plugins/Pixis-Plugin-JPA/root/jpa/service/index.tt
@@ -1,11 +1,20 @@
[% WRAPPER wrapper.tt %]
-
+<div id="title">
<h1>JPA サービス内容</h1>
+</div><!-- title -->
+<div id="content">
+<div class="section">
<h2>研修・トレーニング</h2>
+<p> JPA ではPerlを使い始めの方から、実践的な業務効率化のためのテクニックまで、様々な内容をカバーします。</p>
+<ul>
+<li><a href="[% c.uri_for("training") %]">研修</a></li>
+</ul>
+</div><!-- section -->
-<p> JPA ではPerlを使い始めの方から、実践的な業務効率化のためのテクニックまで、様々な内容をカバーします。[<a href="[% c.uri_for("training") %]">詳細</a>]</p>
-
+<div class="section">
<h2> YAPC::Asia Tokyo </h2>
<p> Perl エンジニア達の祭典、YAPCの日本版であるYAPC::Asia Tokyoを開催します。2009年度は 9月〜10月に開催予定です。</p>
+</div><!-- section -->
+</div><!-- content -->
[% END %]
View
82 plugins/Pixis-Plugin-JPA/root/jpa/service/training.tt
@@ -1,29 +1,26 @@
[% WRAPPER wrapper.tt %]
-
+<div id="title">
<h1>研修</h1>
+</div><!-- title -->
-<p>JPAは、質の高いPerl技術者育成のための研修・講習活動を有料で行っています。JPAは、Perlコミュニティの中から特に優れた人材に講師をお願いしており、Perl学習の基礎から最新の技術までを幅広くカバーできます。講習テーマ・コースに関する情報は随時更新していきます。</p>
+<div id="content">
-<h2>開催場所</h2>
+<div class="section">
+<p class="pt10">JPAは、質の高いPerl技術者育成のための研修・講習活動を有料で行っています。JPAは、Perlコミュニティの中から特に優れた人材に講師をお願いしており、Perl学習の基礎から最新の技術までを幅広くカバーできます。講習テーマ・コースに関する情報は随時更新していきます。</p>
+</div><!-- section -->
-<p>出張研修の場合、開催場所は受講者様でご用意いただきます。開催日時や場所に関しましては是非ご相談ください</p>
+<div class="section">
+<h2>開催場所</h2>
+<p>出張研修の場合、開催場所は受講者様でご用意いただきます。開催日時や場所に関しましては是非ご相談ください。</p>
<p>都市部であれば、基本的に日本中のどちらへも出張可能です。</p>
+</div><!-- section -->
-<style type="text/css">
-<!--
-div#cost h3 {
- margin: 3px 0;
- font-size: 100%;
- color: #303030;
-}
--->
-</style>
-
-<div id="cost">
+<div id="cost" class="section">
<h2>料金</h2>
-<p>研修は基本1〜3日の期間で行います。料金に関しては以下の表を参考にしてください</p>
+<p>研修は基本1〜3日の期間で行います。料金に関しては以下の表を参考にしてください</p>
- <h3><strong>研修開催費用の目安</strong></h3>
+ <h3>研修開催費用の目安</h3>
+ <div class="table_container">
<table>
<tr>
<th>受講者数</th> <th>一般開催</th> <th>JPA会員(*)</th>
@@ -40,59 +37,36 @@ div#cost h3 {
</tr>
</tbody>
</table>
+ </div><!-- table -->
-<p> 場合によっては上記に実費が加算されます。開催費用は受講者数や内容によって調整可能ですので、まずはご相談ください。</p>
+<p class="clear"> 場合によっては上記に実費が加算されます。開催費用は受講者数や内容によって調整可能ですので、まずはご相談ください。</p>
</div><!-- cost -->
-<style type="text/css">
-<!--
-// FIXME
-div.course div {
- margin-bottom: 1em;
-}
-div.course div p {
- padding-left: 1em;
-}
-div.course h3 {
- color: #444;
- text-decoration: underline;
-}
-//-->
-</style>
-
-<div class="course">
+<div id="course" class="section">
<h2>コース種別</h2>
-<p> 下記の内容の他にも内容をカスタマイズして提供することも可能です。ご希望の内容がございましたらご相談ください。 </p>
+<p>下記の内容の他にも内容をカスタマイズして提供することも可能です。ご希望の内容がございましたらご相談ください。</p>
<div>
- <h3>Perl 入門</h3>
- <p> Perl初心者に向けたコース。構文の基礎から、モジュール作成方法、CPANの扱い方までの解説</p>
-</div>
+ <h3>Perl入門</h3>
+ <p>Perl初心者に向けたコース。構文の基礎から、モジュール作成方法、CPANの扱い方までの解説。</p>
-<div>
<h3>モダンなオブジェクト指向</h3>
- <p> 最新のPerlオブジェクト指向を<a href="http://moose.perl.org">Moose</a>を通して学びます</p>
-</div>
+ <p>最新のPerlオブジェクト指向を<a href="http://moose.perl.org">Moose</a>を通して学びます。</p>
-<div>
<h3>Perlとクラウドコンピューティング</h3>
- <p> Amazon EC2 / S3などクラウドコンピューティングサービスを用いる際の導入方法、テクニックなどを紹介します </p>
-</div>
+ <p>Amazon EC2 / S3などクラウドコンピューティングサービスを用いる際の導入方法、テクニックなどを紹介します。</p>
-<div>
<h3>Catalyst入門</h3>
- <p> Catalystって?MVCって?その基本からCatalystの構造までをカバーします。</p>
-</div>
-<div>
+ <p>Catalystって?MVCって?その基本からCatalystの構造までをカバーします。</p>
+
<h3>実践 Catalyst</h3>
- <p> Catalyst入門本やチュートリアルには載ってない、業務で使えるCatalystテクニックを紹介します </p>
-</div>
+ <p>Catalyst入門本やチュートリアルには載ってない、業務で使えるCatalystテクニックを紹介します。</p>
-<div>
<h3>Perlとジョブキュー</h3>
- <p> もはや手放せないツールとなりつつあるジョブキュー。様々な利用法、そして実際の運用ノウハウを紹介します </p>
+ <p> もはや手放せないツールとなりつつあるジョブキュー。様々な利用法、そして実際の運用ノウハウを紹介します</p>
</div>
-</div><!-- course -->
+</div><!-- course -->
+</div><!-- content -->
[% END %]
View
8 plugins/Pixis-Plugin-JPA/root/jpa/signup/basic.tt
@@ -1,7 +1,11 @@
[% WRAPPER wrapper.tt %]
+<div id="title">
<h1>JPA 会員登録</h1>
+</div><!-- title -->
-<div class="formbox">
+<div id="content">
+<div id="signup_basic" class="form_full section">
[% form %]
-</div>
+</div><!-- section -->
+</div><!-- content -->
[% END # WRAPPER %]
View
19 plugins/Pixis-Plugin-JPA/root/jpa/signup/commit_basic.tt
@@ -1,10 +1,14 @@
[% WRAPPER wrapper.tt %]
+<div id="title">
+<h1>JPA 会員登録 - 支払い</h1>
+</div><!-- title -->
-<h2>JPA 会員登録 - 支払い</h2>
+<div id="content">
[% # FIX LATER %]
[% IF (jpa_member.membership == 'JPA-0002') %]
+<div class="section">
<p>学生会員に申し込まれた方は年会費は無料となりますが、学生証の写しの確認ができるまで、会員データが有効になりません。学生証の写しに以下の情報を明記し、下記住所までお送りください。確認されました時点で、会員データが有効化されます。</p>
<blockquote>
<div>必須情報</div>
@@ -19,19 +23,24 @@
一般社団法人 Japan Perl Association
</div>
</blockquote>
+</div><!-- section -->
+
[% ELSE %]
-<div style="border: 3px solid #f30; text-align: center; font-size: 1.5em; padding: 1em">
-あなたのオーダー番号は<strong>[% order.id %]</strong>です
-</div>
-<p>会員データが登録されました。会員データを有効にするためには年会費をお支払いしていただく必要があります。</p>
+<div id="commit" class="section">
+<p>あなたのオーダー番号は<strong>[% order.id %]</strong>です</p>
+</div><!-- section -->
+<div class="section">
+<p>会員データが登録されました。会員データを有効にするためには年会費をお支払いしていただく必要があります。</p>
<p>年会費のお支払い方法は以下からお選びください:</p>
<ul>
<li><a href="[% c.uri_for('/payment', 'paypal', { order => order.id }) %]">Paypalでのお支払い</a> - 今なら5000円の年会費が4500円で<b>500円お得!</b></li>
<li><a href="[% c.uri_for('/jpa', 'payment', 'bank', { order => order.id }) %]">銀行振り込みでのお支払い</a></li>
</li>
</ul>
+</div><!-- section -->
[% END # IF %]
+</div><!-- content -->
[% END # WRAPPER %]
View
16 plugins/Pixis-Plugin-JPA/root/jpa/signup/confirm_basic.tt
@@ -1,7 +1,11 @@
[% WRAPPER wrapper.tt %]
+<div id="title">
<h1>JPA 登録情報の確認</h1>
+</div><!-- title -->
-<p>以下であっている場合は「上記で登録する」リンクをクリックしてください</p>
+<div id="content">
+<div class="section">
+<p class="pt10">以下であっている場合は「上記で登録する」リンクをクリックしてください。</p>
[% SET fields = [
{ field => "lastname", label => "Last Name" },
@@ -14,7 +18,7 @@
{ field => "address3", label => "Address3" },
] %]
-<div id="confirm">
+<div class="table_container">
<table>
[% IF (confirm.membership == 'JPA-0002') %]
<tr>
@@ -43,9 +47,9 @@
</tr>
[% END # FOREACH %]
</table>
-</div><!-- confirm -->
-<div>
-<a href="[% c.uri_for("commit_basic", subsession) %]">上記で登録する</a>
-</div>
+</div><!-- table_container -->
+<p class="clear"><a href="[% c.uri_for("commit_basic", subsession) %]">上記で登録する</a></p>
+</div><!-- section -->
+</div><!-- content -->
[% END # WRAPPER%]
View
11 plugins/Pixis-Plugin-JPA/root/jpa/signup/contd.tt
@@ -1,11 +1,14 @@
[% WRAPPER wrapper.tt %]
-
+<div id="title">
<h1>Pixis エンジン登録が完了しました</h1>
+</div><!-- title -->
+<div id="content">
+<div class="section">
<p>Pixisエンジンに登録が完了しましたので、今後本サイト上で提供するサービス等に、ご登録いただいたIDとパスワードで参加することができます。</p>
-
+</div><!-- section -->
<h2>引き続きJPAに会員登録するには</h2>
-
<p>JPA会員登録は<a href="[% c.uri_for("/jpa/signup") %]">こちらから行ってください</a>。</p>
-
+</div><!-- section -->
+</div><!-- content -->
[% END %]
View
28 plugins/Pixis-Plugin-JPA/root/jpa/signup/index.tt
@@ -1,13 +1,21 @@
[% WRAPPER wrapper.tt %]
-
+<div id="title">
<h1>Japan Perl Association 新規会員登録</h1>
+</div><!-- title -->
-<p> 本サイトからの登録は個人の会員様に限らせていただきます。法人の方でJapan Perl Associationに興味のある方は info perlassociation.org 宛に連絡いただければ折り返し返信いたします。</p>
+<div id="content">
-<h2> 年会費について </h2>
+<div class="section">
+<p class="pt10"> 本サイトからの登録は個人の会員様に限らせていただきます。<br />
+法人の方でJapan Perl Associationに興味のある方は<br />
+info perlassociation.org 宛に連絡いただければ折り返し返信いたします。</p>
+</div><!-- section -->
+<div class="section">
+<h2> 年会費について </h2>
<p> 個人会員は登録時に以下の年会費をお支払いいただきます:</p>
-<table border="1">
+<div class="table_container">
+<table>
<tr>
<th> 一般個人会員 </th>
<td> 5,000 円 </td>
@@ -17,19 +25,23 @@
<td> 無料 </td>
</tr>
</table>
+</div><!-- table_container -->
-<p> 学生会員の方は別途学生証のコピーを送付していただく必要がございます。</p>
+<p class="clear"> 学生会員の方は別途学生証のコピーを送付していただく必要がございます。</p>
+</div><!-- section -->
+<div class="section">
<h2> 登録の流れ </h2>
<ol>
<li> 本サイトの"Pixis" エンジンにユーザー登録をしていただく必要があります。 </li>
<li> ログイン後、JPA会員登録用の情報を入力していただきます。</li>
- <li> 情報入力後、年会費支払いのための指示が出されます。 </li>
+ <li> 情報入力後、年会費支払いのための指示が出されます。
<ul>
- <li> 銀行振り込みかPaypalでのお支払いを選択していただきます。 </li>
+ <li>銀行振り込みかPaypalでのお支払いを選択していただきます。 </li>
<li> Paypalでのお支払いの場合はそのままオンラインでお支払いを受け付けられます </li>
</ul>
+ </li>
<li> 入金確認後、確認のメールをお送りいたします。確認には通常2〜5営業日かかります。 </li>
</ol>
@@ -38,5 +50,7 @@
<li>すでにPixisエンジンにユーザー登録をしている場合: <a href="/jpa/signup/basic">登録はこちらから</a></li>
<li>Pixisエンジンにユーザー登録されていない場合:<a href="/signup">登録はこちらから</a></li>
</ul>
+</div><!-- section -->
+</div><!-- content -->
[% END # WRAPPER %]
View
12 plugins/Pixis-Plugin-JPA/root/jpa/sponsors.tt
@@ -1,7 +1,10 @@
[% WRAPPER wrapper.tt %]
+<div id="title">
<h1>賛同企業</h1>
+</div><!-- title -->
-<div id="platinum">
+<div id="content">
+<div id="platinum" class="section">
<h2>プラチナ会員</h2>
<ul>
<li><a href="http://www.s2factory.co.jp">S2ファクトリー株式会社</a></li>
@@ -12,13 +15,13 @@
<li><a href="http://www.livedoor.com">株式会社 ライブドア</a></li>
</ul>
</div><!-- platinum -->
-<div id="gold">
+<div id="gold" class="section">
<h2>ゴールド会員</h2>
<ul>
<li><a href="http://www.paypal.com/j1">Paypal KK</a></li>
</ul>
</div><!-- gold -->
-<div id="silver">
+<div id="silver" class="section">
<h2>シルバー会員</h2>
<ul>
<li><a href="http://www.kddi-webcommunications.co.jp/">株式会社KDDI ウェブコミュニケーションズ</a></li>
@@ -30,12 +33,13 @@
<li><a href="http://www.mobilefactory.jp/">株式会社モバイルファクトリー</a></li>
</ul>
</div><!-- silver -->
-<div id="bronze">
+<div id="bronze" class="section">
<h2>ブロンズ会員</h2>
<ul>
<li><a href="http://soffritto.org/">株式会社 ソフリット</a></li>
<li><a href="http://wadit.jp/">株式会社 ワディット</a></li>
</ul>
</div><!-- bronze -->
<p>(名称順)</p>
+</div><!-- content -->
[% END %]

0 comments on commit 9d27c77

Please sign in to comment.
Something went wrong with that request. Please try again.