Permalink
Browse files

modify: 「会社案内」「サービス」「ワークス」詳細テンプレート:共通モジュールの読み込み

次の3つのモジュールのうち、ページごとに必要なものを `{% include %}` タグで読み込むよう調整

・コンテンツヘッダー
・article 見出し
・article 本文
  • Loading branch information...
dreamseeker committed Dec 23, 2018
1 parent d7fffce commit 9a5f6c47e028ef9c25b6cbd3dd98a3469fda869e
Showing with 14 additions and 196 deletions.
  1. +4 −83 templates/about/index.html
  2. +4 −29 templates/services/_entry.html
  3. +6 −84 templates/work/_entry.html
@@ -40,89 +40,10 @@ <h1 class="delta reverse center subfont">We set out with a simple goal: create t
</div>
</div><!-- /.flex -->
</section><!-- /.info-hero -->
<div class="flex">
<div class="g1-flex4 g2-flex6 g3-flex10 g3-offset1">
<hr class="horz-rule">
<h1 class="beta center">How We Think</h1>
</div>
</div><!-- /.flex -->
<div class="flex">
<div class="g1-flex4 g2-flex6 g3-flex10 g3-offset1">
<h2 class="delta center subfont caps">The philosophy of Happy Lager is One Third Working Hard and Two Thirds Happy
Accidents.</h2>
</div>
</div><!-- /.flex -->
<div class="flex">
<div class="g1-flex4 g2-flex6 g3-flex10 g3-offset1">
<hr class="horz-rule">
</div>
</div><!-- /.flex -->
<div class="flex">
<div class="g1-flex4 g2-flex6 g3-flex10 g3-offset1">
<div class="g1-flex4 g2-flex6 g3-flex6 flex-nested">
<p>Serendipity is a core part of how we work. Et iusto odio dignissimos ducimus qui blanditii raesentium
voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non
provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
Deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis.</p>
</div>
<div class="g1-flex4 g2-flex6 g3-flex6 flex-nested push">
<p>Deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita
distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit. Luptatum deleniti
atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique
sunt in.</p>
</div>
</div>
</div><!-- /.flex -->
<div class="flex">
<div class="g1-flex4 g2-flex6 g3-flex10 g3-offset1">
<hr class="horz-rule">
<h1 class="beta center">Our Story</h1>
</div>
</div><!-- /.flex -->
<div class="flex">
<div class="g1-flex4 g2-flex6 g3-flex10 g3-offset1">
<h2 class="delta center subfont caps">It all begins in a living room with a six pack and A Clamshell iBook.</h2>
</div>
</div><!-- /.flex -->
<div class="flex">
<div class="g1-flex4 g2-flex6 g3-flex10 g3-offset1">
<hr class="horz-rule">
</div>
</div><!-- /.flex -->
<div class="flex">
<div class="g1-flex4 g2-flex6 g3-flex10 g3-offset1">
<div class="g1-flex4 g2-flex6 g3-flex6 flex-nested">
<p><img src="https://placehold.jp/3d4070/42598f/360x240.png" alt="macbook-table"></p>
</div>
<div class="g1-flex4 g2-flex6 g3-flex6 flex-nested push">
<p>Small beginnings is the starting point of every hero's story. At vero eos et accusamus et iusto odio
dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas
molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt
mollitia animi, id est laborum et dolorum fuga. Deserunt mollitia animi, id est laborum et dolorum fuga. Et
harum quidem rerum facilis.</p>
</div>
</div>
</div><!-- /.flex -->
<div class="flex">
<div class="g1-flex4 g2-flex6 g3-flex10 g3-offset1">
<hr class="horz-rule">
<h1 class="beta center">Our People</h1>
</div>
</div><!-- /.flex -->
<div class="flex">
<div class="g1-flex4 g2-flex2 g3-flex4">
<img src="https://placehold.jp/3d4070/42598f/280x240.png" alt="Liz Murphy">
<p><strong>Liz Murphy</strong><br>President and Co-Founder</p>
</div>
<div class="g1-flex4 g2-flex2 g3-flex4">
<img src="https://placehold.jp/3d4070/42598f/280x240.png" alt="Crystal Stevenson">
<p><strong>Crystal Stevenson</strong><br>CEO and Co-Founder</p>
</div>
<div class="g1-flex4 g2-flex2 g3-flex4">
<img src="https://placehold.jp/3d4070/42598f/280x240.png" alt="Travis Morton">
<p><strong>Travis Morton</strong><br>Creative Director</p>
</div>
</div><!-- /.flex -->

{# 「article 本文」モジュールを読み込み #}
{% include "_partials/article_body" %}

<section class="alt2">
<div class="flex">
<div class="g1-flex4 g2-flex6 g3-flex5">
@@ -59,35 +59,10 @@
</nav><!-- /.subnav -->
<section>
<article>
<header class="alt2">
<div class="flex">
<div class="g1-flex4 g2-flex6 g3-flex12">
<h1 class="alpha center reverse">Design</h1>
</div>
</div><!-- /.flex -->
</header><!-- /.alt2 -->
<div class="flex">
<blockquote class="blockquote">
<div class="flex">
<p>Good Design is Invisible</p>
<footer>– <cite>A smart designer</cite></footer>
</div>
</blockquote>
</div><!-- /.flex -->
<div class="flex">
<div class="g1-flex4 g2-flex6 g3-flex10 g3-offset1">
<h2 class="delta center subfont caps">Design based design</h2>
</div>
</div><!-- /.flex -->
<div class="flex">
<div class="g1-flex4 g2-flex6 g3-flex10 g3-offset1">
<p>
We've been developing them libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo
minus id quod maxime placeat facer possimus, omnis voluptas assumenda est, omnis dolor repellendus.
Temporibus autem quibusdam et aut officiis debitis aut rerum quod maxime placeat facernecessitatibus.
</p>
</div>
</div><!-- /.flex -->
{# 「コンテンツヘッダー」モジュールを読み込み #}
{% include "_partials/content_header" %}
{# 「article 本文」モジュールを読み込み #}
{% include "_partials/article_body" %}
</article><!-- /article -->
</section><!-- /section -->
<section class="service-points">
@@ -20,90 +20,12 @@
{# main ブロック #}
{% block main %}
<article>
<header class="alt2" style="background:#184572;">
<div class="flex">
<div class="g1-flex4 g2-flex6 g3-flex12">
<h1 class="alpha center reverse">Sports R&#039; Us</h1>
</div>
</div><!-- /.flex -->
</header><!-- /.alt2 -->
<section>
<img class="contain-media" src="https://placehold.jp/3d4070/42598f/1440x360.png" alt="sportsrus-bigfeature">
</section><!-- /seciton -->
<div class="flex">
<div class="g1-flex4 g2-flex6 g3-flex10 g3-offset1">
<hr class="horz-rule">
<h2 class="beta center">Taking Sports to the Air</h2>
<h3 class="delta center subfont">Sports R’ Us Sales needed a major Energy Boost.</h3>
<hr class="horz-rule">
</div>
</div><!-- /.flex -->
<div class="flex">
<div class="g1-flex4 g2-flex6 g3-flex10 g3-offset1">
<p>
Vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum. deleniti atque
corrupti quos dolores. Et harum quidem rerm facilis est et expedita distinctio. Nam libero tempore, cum soluta
nobis est eligendi optio cumque nihil impedit quo minus id quod maxime. Vero eos et accusamus et iusto odio
dignissimos ducimus qui blanditiis praesentium voluptatum. deleniti atque corrupti quos dolores. Et harum
quidem rerm facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque
nihil impedit quo minus id quod maxime.
</p>
</div>
</div><!-- /.flex -->
<div class="flex">
<div class="g1-flex4 g2-flex6 g3-flex10 g3-offset1">
<div class="g1-flex4 g2-flex6 g3-flex6 flex-nested breakout push">
<p><img src="https://placehold.jp/3d4070/42598f/460x460.png" alt="skis"></p>
</div>
<h4>Expanding while keeping excellence the focus</h4>
<p>
Vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum. deleniti atque
corrupti quos dolores. Et harum quidem rerm facilis est et expedita distinctio. Nam libero tempore, cum soluta
nobis est eligendi optio cumque nihil impedit quo minus id quod maxime. Vero eos et accusamus et iusto odio
dignissimos ducimus qui blanditiis praesentium voluptatum. deleniti atque corrupti quos dolores. Et harum
quidem rerm facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque
nihil impedit quo minus id quod maxime.
</p>
</div>
</div><!-- /.flex -->
<div class="flex">
<blockquote class="blockquote">
<div class="flex">
<p>Our sales needed a major overhaul. Happy Lager took us into the 21st Century</p>
<footer>– <cite>Anthony Umlaut, Director of Marketing</cite></footer>
</div><!-- /.flex -->
</blockquote>
</div><!-- /.flex -->
<div class="flex">
<div class="g1-flex4 g2-flex6 g3-flex10 g3-offset1">
<h2 class="delta center subfont caps">Things We Learned</h2>
</div>
</div><!-- /.flex -->
<div class="flex">
<div class="g1-flex4 g2-flex6 g3-flex10 g3-offset1">
<p>
Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur
aut perferendis doloribus asperiores repellat. At vero eos et accusamus et iusto odio dignissimos ducimus qui
blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint
occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est
laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.
</p>
<p>
Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur
aut perferendis doloribus asperiores repellat. At vero eos et accusamus et iusto odio dignissimos ducimus qui
blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint
occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est
laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.
</p>
<p>
Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur
aut perferendis doloribus asperiores repellat. At vero eos et accusamus et iusto odio dignissimos ducimus qui
blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint
occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est
laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.
</p>
</div>
</div><!-- /.flex -->
{# 「コンテンツヘッダー」モジュールを読み込み #}
{% include "_partials/content_header" %}
{# 「article 見出し」モジュールを読み込み #}
{% include "_partials/article_heading" %}
{# 「article 本文」モジュールを読み込み #}
{% include "_partials/article_body" %}
</article><!-- /article -->
<section>
<div class="flex">

0 comments on commit 9a5f6c4

Please sign in to comment.