Добавлена страница с альбомами

Makefile

@@ -22,7 +22,6 @@ format:
 	./tools/npm run format-js
 	./tools/npm run format-vue
 	./tools/npm run format-style
-	./tools/npm run format-md
 
 format-php:
 	./tools/php-cs-fixer fix

app/config/sculpin_kernel.yml

@@ -9,7 +9,7 @@ sculpin_content_types:
     type: path
     path: _albums
     singular_name: album
-    layout: internal
+    layout: album
     permalink: albums/:basename/
     enabled: true
     taxonomies:

source/_albums/white-sea.html.twig

@@ -0,0 +1,61 @@
+---
+title: Белое море - 2011, 2013 года
+description: Фотографии с поездок на Белое море в самую короткую ночь в году
+---
+{% block content %}
+
+  <center>
+    <a href="http://img-fotki.yandex.ru/get/9222/46045840.28/0_98765_7fc8895f_XXXL.jpg">
+      <img src="http://img-fotki.yandex.ru/get/9222/46045840.28/0_98765_7fc8895f_XL.jpg"/>
+    </a>
+  </center>
+
+  <center>
+    <a href="http://img-fotki.yandex.ru/get/9312/46045840.28/0_98748_e6ab013e_XXXL.jpg">
+      <img src="http://img-fotki.yandex.ru/get/9312/46045840.28/0_98748_e6ab013e_XL.jpg"/>
+    </a>
+  </center>
+
+  <center>
+    <a href="http://img-fotki.yandex.ru/get/9231/46045840.28/0_98749_b4fb46a9_XXXL.jpg">
+      <img src="http://img-fotki.yandex.ru/get/9231/46045840.28/0_98749_b4fb46a9_XL.jpg"/>
+    </a>
+  </center>
+
+  <center>
+    <a  href="http://img-fotki.yandex.ru/get/9305/46045840.28/0_9874a_afbf859b_XXXL.jpg">
+      <img src="http://img-fotki.yandex.ru/get/9305/46045840.28/0_9874a_afbf859b_XL.jpg"/>
+    </a>
+  </center>
+
+  <center>
+    <a href="http://img-fotki.yandex.ru/get/9171/46045840.28/0_98747_7d4ca4c9_XXXL.jpg">
+      <img src="http://img-fotki.yandex.ru/get/9171/46045840.28/0_98747_7d4ca4c9_XL.jpg"/>
+    </a>
+  </center>
+
+  <center>
+    <a href="http://img-fotki.yandex.ru/get/9217/46045840.28/0_9874b_e42da6b4_XXXL.jpg">
+      <img src="http://img-fotki.yandex.ru/get/9217/46045840.28/0_9874b_e42da6b4_XL.jpg"/>
+    </a>
+  </center>
+
+  <center>
+    <a href="http://img-fotki.yandex.ru/get/9228/46045840.28/0_9874f_9af8aa8f_XXXL.jpg">
+      <img src="http://img-fotki.yandex.ru/get/9228/46045840.28/0_9874f_9af8aa8f_XL.jpg"/>
+    </a>
+  </center>
+
+  <center>
+    <a href="http://img-fotki.yandex.ru/get/9301/46045840.28/0_9875a_d96bfbd7_XXXL.jpg">
+      <img src="http://img-fotki.yandex.ru/get/9301/46045840.28/0_9875a_d96bfbd7_XL.jpg"/>
+    </a>
+  </center>
+
+  <center>
+    <a href="http://img-fotki.yandex.ru/get/9324/46045840.28/0_98756_13fee051_XXXL.jpg">
+      <img src="http://img-fotki.yandex.ru/get/9324/46045840.28/0_98756_13fee051_XL.jpg"/>
+    </a>
+  </center>
+
+{% endblock %}

source/_assets/layout_album/style.scss

@@ -0,0 +1,8 @@
+@import '../vars';
+@import '../base_style';
+
+.album-content {
+    img {
+        max-width: 100%;
+    }
+}

source/_assets/layout_internal/navigation.scss

@@ -1,6 +1,7 @@
 .navigation {
     display: block;
     border-bottom: 1px solid #eee;
+    margin-bottom: 1em;
 
     &__actions {
         list-style: none;
@@ -13,6 +14,7 @@
         margin: {
             top: 1em;
             bottom: 1em;
+            right: 1em;
         }
     }
 

source/_includes/navigation.twig

@@ -3,5 +3,8 @@
     <li class="navigation__action">
       <a class="navigation__link" href="/">Главная</a>
     </li>
+    <li class="navigation__action">
+      <a class="navigation__link" href="/albums/">Альбомы</a>
+    </li>
   </ul>
 </nav>

source/_layouts/album.html.twig

@@ -0,0 +1,11 @@
+{% extends 'internal.html.twig' %}
+
+{% block css %}
+  <link rel="stylesheet" href="/static/layout_album.css?v={{ date().timestamp }}">
+{% endblock %}
+
+{% block main %}
+  <main class="content album-content">
+    {% block content %}{% endblock %}
+  </main>
+{% endblock %}

source/_layouts/internal.html.twig

@@ -13,9 +13,11 @@
 
     {% include 'navigation.twig' %}
 
-    <main class="content">
+    {% block main %}
-      {% block content %}{% endblock %}
+      <main class="content">
-    </main>
+        {% block content %}{% endblock %}
+      </main>
+    {% endblock %}
 
   </div>
 

source/albums.html.twig

@@ -0,0 +1,17 @@
+---
+layout: internal
+title: Фотоальбомы
+description: Фотоальбомы
+use: [albums]
+---
+{% block content %}
+
+  <h1>{{ title }}</h1>
+
+  <ul>
+    {% for album in data.albums %}
+      <li><a href="{{ album.url }}">{{ album.title }}</a></li>
+    {% endfor %}
+  </ul>
+
+{% endblock %}

source/index.html.twig

@@ -20,6 +20,13 @@ description: Личный сайт Антона Вахрушева
     </li>
   </ul>
 
+  <h2 class="heading">Смотреть</h2>
+  <ul>
+    <li>
+      <a href="/albums/">альбомы с фотографиями</a>
+    </li>
+  </ul>
+
   <h2 class="heading">Читать</h2>
   <ul>
     <li>

webpack.config.js

@@ -62,6 +62,7 @@ module.exports = (env = {}) => {
         entry: {
             layout_default: './source/_assets/layout_default/style.scss',
             layout_internal: './source/_assets/layout_internal/style.scss',
+            layout_album: './source/_assets/layout_album/style.scss',
             index: './source/_assets/index/index.js',
             about_me: './source/_assets/about_me/index.js',
             predictor: './source/_assets/predictor/index.js',