index.html

<?php

$page_title         = 'Mozilla Japan コミュニティポータル';
$page_description   = '一般社団法人 Mozilla Japan は、2017 年 7 月より WebDINO Japan と名前を変え、新たなスタートを切りました。今後、当サイト mozilla.jp は、Mozilla Japan コミュニティポータルとして、日本のユーザーや開発者に役立つ Mozilla 関連情報をお届けしていきます。';
$og_type            = 'website';
$body_id            = 'home';
$body_class         = '';
$css                = array('portala/home');

// "リンクタイトル" => "/url/" の連想配列で指定
$header_nav = array();

@include_once $_SERVER['DOCUMENT_ROOT'] . '/includes/templates/portala/default-header.inc.php';
@include_once $_SERVER['DOCUMENT_ROOT'] . '/includes/events.inc.php';

?>
          <main itemprop="mainContentOfPage" itemscope itemtype="http://schema.org/WebPageElement">
            <div id="main-feature" class="outer">
              <div class="inner">
                <header id="main-header">
                  <h1><span><strong>Mozilla Japan</strong></span> <span><strong>コミュニティポータル</strong></span></h1>
                </header>
              </div>
            </div>
            <div id="main-content">
              <div id="products" class="outer">
                <div class="inner">
                  <section>
                    <h2><span>Mozilla 製品</span><span>ダウンロード</span></h2>
                    <div class="row tiles">
                      <div class="col s3">
                        <a href="https://www.mozilla.org/ja/firefox/"><img src="/static/images/firefox/logos/firefox-logo-wordmark.png?v=201711" srcset="/static/images/firefox/logos/firefox-logo-wordmark@2x.png?v=201711" width="320" height="120" alt=""> <span>ウェブブラウザー Firefox »</span></a>
                      </div>
                      <div class="col s3">
                        <a href="https://www.thunderbird.net/ja/"><img src="/static/images/thunderbird/logos/thunderbird-logo-wordmark.png" srcset="/static/images/thunderbird/logos/thunderbird-logo-wordmark@2x.png" width="435" height="120" alt=""> <span>メールソフト Thunderbird »</span></a>
                      </div>
                    </div>
                  </section>
                </div>
              </div>
              <div id="social" class="outer">
                <div class="inner">
                  <section>
                    <h2>最新情報</h2>
                    <ul>
                      <li><a href="https://medium.com/mozilla-japan" class="icon medium">Medium</a></li>
                      <li><a href="https://twitter.com/mozillajp" class="icon twitter">Twitter</a></li>
                      <li><a href="https://www.facebook.com/mozillajapan" class="icon facebook">Facebook</a></li>
                    </ul>
                  </section>
                </div>
              </div>
              <div id="events" class="outer">
                <div class="inner">
                  <section id="sec-events" class="upcoming-events">
                    <h2>今後のイベント</h2>
<?php
foreach ((new Events())->get_all() as $event):
  echo <<< EOT
                    <section itemscope itemtype="http://schema.org/Event">
                      <h3 itemprop="name"><a href="{$event->url}" itemprop="url">{$event->name}</a></h3>
                      <ul class="flat">
                        <li><time datetime="{$event->startDate}" itemprop="startDate">{$event->get_startDate()}</time></li>
                        <li itemprop="location" itemscope itemtype="http://schema.org/Place"><span itemprop="name">{$event->location->name}</span> <span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">(<span itemprop="addressRegion">{$event->location->addressRegion}</span><span itemprop="addressLocality">{$event->location->addressLocality}</span>)</span></li>
                      </ul>
                    </section>

EOT;
endforeach;
?>
                    <footer>
                      <p><a href="https://mozilla.doorkeeper.jp/">Doorkeeper の Mozilla コミュニティ</a> に参加いただければ、イベントの案内をメールでお送りします。</p>
                    </footer>
                  </section>
                </div>
              </div>
              <div id="community" class="outer">
                <div class="inner">
                  <section>
                    <h2><span>Mozilla 関連</span><span>コミュニティ紹介</span></h2>
                    <ul class="column">
                      <li><a href="https://join.slack.com/t/mozillajp/shared_invite/MjI2NDMwODUwNzY5LTE1MDI4MjEyMjktYjE2MThlMmM4OA">Mozilla Japan コミュニティの Slack チーム</a> <span>日本のコミュニティメンバーはチャットサービス「Slack」上で日頃連絡を取り合っています。翻訳や開発などで Mozilla に貢献してみたいという人は、この招待リンクから気軽に参加してください！ (ユーザーサポートは行っていません)</span></li>
                      <li><a href="https://mozillazine.jp/">MozillaZine.jp</a> <span>リリース情報など Mozilla 関連のニュースの発信と、ユーザーと開発者向けの相互サポートフォーラムを運営しています</span></li>
                      <li><a href="https://fxstudent.tumblr.com/">Firefox 学生マーケティングチーム</a> <span>学生メンバーによって Firefox やウェブ技術を広める活動を行うコミュニティ</span></li>
                      <li><a href="https://groups.google.com/forum/#!forum/mozilla-translations-ja">Mozilla 関連ドキュメント翻訳グループ</a> <span>Mozilla 関連はもちろん、ウェブ技術やセキュリティなど幅広く記事の翻訳を募集しています</span></li>
                      <li><a href="https://github.com/mozilla-japan/gecko-l10n/">Mozilla 製品 (Firefox や Thunderbird など) の日本語ローカライズ</a> <span>Firefox や Thunderbird など、Mozilla 製品の日本語ローカライズを有志で行っています</span></li>
                      <li><a href="https://mozilla.doorkeeper.jp/">Mozilla 関連イベント情報 (Doorkeeper)</a> <span>Mozilla の製品や技術、ウェブ標準技術に関する勉強会やイベントの告知</span></li>
                    </ul>
                  </section>
                </div>
              </div>
              <div id="misc" class="outer">
                <div class="inner">
                  <section>
                    <h2><span>その他</span> <span>Mozilla 関連リンク</span></h2>
                    <ul class="column">
                      <li><a href="https://developer.mozilla.org/ja/">MDN web docs</a> <span>Firefox はもちろん、Chrome や Edge などでの API 実装状況や互換性対応なども含めて広く開発情報を発信しています</span></li>
                      <li><a href="https://dev.mozilla.jp/">Mozilla Developer Street (modest)</a> <span>コミュニティメンバーによって翻訳された開発者向け技術情報を中心に掲載しています</span></li>
                      <li><a href="https://support.mozilla.org/ja/">Mozilla 製品公式サポートページ (Mozilla Support)</a> <span>製品の使い方や問題解決方法などのユーザー向けサポートドキュメントサイト (有志のコミュニティメンバーにより、サポート情報の日本語化作業も行われています)</span></li>
                      <li><a href="/business/">法人向け情報</a> <span>Mozilla では、Firefox を一括導入し集中管理している法人利用者向けに、サポート期間を約 1 年とした延長サポート版を提供しています。システム管理者向けの情報やサポートサービスを提供する企業についてもご紹介しています</span></li>
                      <li><a href="http://foxkeh.jp/">フォクすけ</a> <span>日本発の Firefox 応援マスコットキャラクター「フォクすけ」の素材など</span></li>
                    </ul>
                  </section>
                </div>
              </div>
              <div id="supporters" class="outer">
                <div class="inner">
                  <section>
                    <h2>コミュニティサポーター</h2>
                    <div class="row tiles">
                      <div class="col s3">
                        <a href="https://www.mozilla.org/ja/"><img src="/static/images/global/moz-wordmark-dark-reverse.svg" width="320" height="102" alt=""> <span>Mozilla Foundation</span></a>
                      </div>
                      <div class="col s3">
                        <a href="https://www.webdino.org/"><img src="/static/images/global/webdino-logo.png" srcset="/static/images/global/webdino-logo@2x.png 1.5x" width="400" height="100" alt=""> <span>WebDINO Japan</span> <span>(旧・一般社団法人 Mozilla Japan)</span></a>
                      </div>
                    </div>
                  </section>
                </div>
              </div>
            </div>
          </main>
<?php

$extra_footer_links = <<<EXTRA_FOOTER_LINKS
| 当サイトの運用には <a href="http://www.naist.jp/" rel="nofollow">奈良先端科学技術大学院大学</a>、<a href="https://datahotel.jp/" rel="nofollow">データホテル</a> (<a href="https://nhn-techorus.com/" rel="nofollow">NHN テコラス株式会社</a>) および <a href="http://www.accelia.net/" rel="nofollow">アクセリア株式会社</a> の <a href="/blog/entry/10174/">ご協力をいただいております</a>。
EXTRA_FOOTER_LINKS;

@include_once $_SERVER['DOCUMENT_ROOT'] . '/includes/templates/portala/default-footer.inc.php';

?>