|
1 | 1 | --- |
2 | 2 | layout: default |
3 | 3 | --- |
4 | | -<div class="post"> |
5 | | - <header class="post-header"> |
6 | | - <h1 class="post-title"> |
7 | | - {% if site.title == 'blank' %} |
8 | | - <span class="font-weight-bold">{{ site.first_name }}</span> {{ site.middle_name }} |
9 | | - {{ site.last_name }} |
10 | | - {% else %} |
11 | | - {{ site.title }} |
12 | | - {% endif %} |
13 | | - </h1> |
14 | | - <p class="desc">{{ page.subtitle }}</p> |
15 | | - </header> |
| 4 | +{% assign featured_projects = site.projects | where: 'featured', true | sort: 'importance' | reverse %} |
| 5 | +{% assign latest_posts_count = site.posts | size %} |
| 6 | +{% assign latest_news_count = site.news | size %} |
16 | 7 |
|
17 | | - <article> |
18 | | - {% if page.profile %} |
19 | | - <div class="profile float-{% if page.profile.align == 'left' %}left{% else %}right{% endif %}"> |
20 | | - {% if page.profile.image %} |
21 | | - {% assign profile_image_path = page.profile.image | prepend: 'assets/img/' %} |
22 | | - {% if page.profile.image_circular %} |
23 | | - {% assign profile_image_class = 'img-fluid z-depth-1 rounded-circle' %} |
24 | | - {% else %} |
25 | | - {% assign profile_image_class = 'img-fluid z-depth-1 |
26 | | - rounded' %} |
27 | | - {% endif %} |
28 | | - {% capture sizes %}(min-width: {{ site.max_width }}) {{ site.max_width | minus: 30 | times: 0.3}}px, (min-width: 576px) |
29 | | - 30vw, 95vw"{% endcapture %} |
30 | | - {% |
31 | | - include figure.liquid loading="eager" path=profile_image_path class=profile_image_class sizes=sizes alt=page.profile.image |
32 | | - cache_bust=true |
33 | | - %} |
34 | | - {% endif %} |
35 | | - {% if page.profile.more_info %} |
36 | | - <div class="more-info">{{ page.profile.more_info }}</div> |
37 | | - {% endif %} |
38 | | - </div> |
39 | | - {% endif %} |
| 8 | +<div class="portfolio-shell"> |
| 9 | + <section class="portfolio-masthead"> |
| 10 | + <div class="portfolio-masthead__main"> |
| 11 | + <p class="portfolio-kicker">{{ page.hero_label }}</p> |
| 12 | + <h1 class="portfolio-masthead__title">{{ page.hero_title }}</h1> |
| 13 | + <p class="portfolio-masthead__lead">{{ page.subtitle }}</p> |
| 14 | + <p class="portfolio-masthead__summary">{{ page.hero_summary }}</p> |
40 | 15 |
|
41 | | - <div class="clearfix">{{ content }}</div> |
| 16 | + <div class="portfolio-masthead__actions"> |
| 17 | + <a class="btn btn-sm z-depth-0" href="{{ '/projects/' | relative_url }}">プロジェクト一覧</a> |
| 18 | + <a class="btn btn-sm z-depth-0" href="{{ '/cv/' | relative_url }}">CV</a> |
| 19 | + <a class="btn btn-sm z-depth-0" href="mailto:{{ site.email }}">メールする</a> |
| 20 | + </div> |
| 21 | + </div> |
| 22 | + </section> |
42 | 23 |
|
43 | | - <!-- News --> |
44 | | - {% if page.news and site.announcements.enabled %} |
45 | | - <h2> |
46 | | - <a href="{{ '/news/' | relative_url }}" style="color: inherit">news</a> |
47 | | - </h2> |
48 | | - {% include news.liquid limit=true %} |
49 | | - {% endif %} |
| 24 | + <section class="portfolio-editorial"> |
| 25 | + <div class="portfolio-editorial__main"> |
| 26 | + {{ content }} |
| 27 | + </div> |
| 28 | + </section> |
50 | 29 |
|
51 | | - <!-- Latest posts --> |
52 | | - {% if site.latest_posts.enabled %} |
53 | | - <h2> |
54 | | - <a href="{{ '/blog/' | relative_url }}" style="color: inherit">latest posts</a> |
55 | | - </h2> |
56 | | - {% include latest_posts.liquid %} |
57 | | - {% endif %} |
| 30 | + <section class="portfolio-block"> |
| 31 | + <div class="portfolio-block__header"> |
| 32 | + <p class="portfolio-kicker">主要実績</p> |
| 33 | + <h2>主要実績</h2> |
| 34 | + <p>受賞や発表を含めて、今の関心や役割が伝わるものを先に並べています。</p> |
| 35 | + </div> |
58 | 36 |
|
59 | | - <!-- Selected papers --> |
60 | | - {% if page.selected_papers %} |
61 | | - <h2> |
62 | | - <a href="{{ '/publications/' | relative_url }}" style="color: inherit">selected publications</a> |
63 | | - </h2> |
64 | | - {% include selected_papers.liquid %} |
65 | | - {% endif %} |
| 37 | + <div class="portfolio-project-list"> |
| 38 | + {% for project in featured_projects limit: 4 %} |
| 39 | + <a class="portfolio-project-row" href="{{ project.url | relative_url }}"> |
| 40 | + <div class="portfolio-project-row__meta"> |
| 41 | + <span>{{ project.date | date: '%Y' }}</span> |
| 42 | + </div> |
| 43 | + <div class="portfolio-project-row__body"> |
| 44 | + <h3>{{ project.title }}</h3> |
| 45 | + <p>{{ project.description | strip_html }}</p> |
| 46 | + </div> |
| 47 | + <div class="portfolio-project-row__arrow"> |
| 48 | + <span>詳細を見る</span> |
| 49 | + </div> |
| 50 | + </a> |
| 51 | + {% endfor %} |
| 52 | + </div> |
| 53 | + </section> |
66 | 54 |
|
67 | | - <!-- Social --> |
68 | | - {% if page.social %} |
69 | | - <div class="social"> |
70 | | - <div class="contact-icons">{% include social.liquid %}</div> |
| 55 | + {% if page.news and site.announcements.enabled and latest_news_count > 0 %} |
| 56 | + <section class="portfolio-block"> |
| 57 | + <div class="portfolio-block__header"> |
| 58 | + <p class="portfolio-kicker">近況</p> |
| 59 | + <h2>最近のトピック</h2> |
| 60 | + </div> |
| 61 | + {% include news.liquid limit=true %} |
| 62 | + </section> |
| 63 | + {% endif %} |
71 | 64 |
|
72 | | - <div class="contact-note">{{ site.contact_note }}</div> |
| 65 | + <section class="portfolio-split"> |
| 66 | + <section class="portfolio-block portfolio-block--tight"> |
| 67 | + <div class="portfolio-block__header"> |
| 68 | + <p class="portfolio-kicker">発信</p> |
| 69 | + <h2>発信</h2> |
73 | 70 | </div> |
74 | | - {% endif %} |
| 71 | + {% if site.latest_posts.enabled and latest_posts_count > 0 %} |
| 72 | + {% include latest_posts.liquid %} |
| 73 | + {% else %} |
| 74 | + <div class="portfolio-quiet"> |
| 75 | + <p>ブログは準備中です。公開できる研究メモや開発ログから順に追加していきます。</p> |
| 76 | + </div> |
| 77 | + {% endif %} |
| 78 | + </section> |
75 | 79 |
|
76 | | - {% if site.newsletter.enabled and site.footer_fixed %} |
77 | | - {% include scripts/newsletter.liquid center=true %} |
| 80 | + {% if page.social %} |
| 81 | + <section class="portfolio-block portfolio-block--tight"> |
| 82 | + <div class="portfolio-block__header"> |
| 83 | + <p class="portfolio-kicker">連絡先</p> |
| 84 | + <h2>連絡先</h2> |
| 85 | + <p>{{ site.contact_note }}</p> |
| 86 | + </div> |
| 87 | + <div class="social"> |
| 88 | + <div class="contact-icons">{% include social.liquid %}</div> |
| 89 | + </div> |
| 90 | + </section> |
78 | 91 | {% endif %} |
79 | | - </article> |
| 92 | + </section> |
80 | 93 | </div> |
0 commit comments