mirror of
				https://github.com/valentineus/popov.link.git
				synced 2025-11-04 06:49:45 +03:00 
			
		
		
		
	Have added new structure sites
Signed-off-by: Valentin Popov <info@valentineus.link>
This commit is contained in:
		@@ -1,14 +0,0 @@
 | 
				
			|||||||
- title: "E-Mail"
 | 
					 | 
				
			||||||
  url: "mailto:info@valentineus.link"
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
- title: "GitHub"
 | 
					 | 
				
			||||||
  url: "https://github.com/valentineus"
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
- title: "Instagram"
 | 
					 | 
				
			||||||
  url: "https://www.instagram.com/valentius.p"
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
- title: "Twitter"
 | 
					 | 
				
			||||||
  url: "https://twitter.com/valyaha"
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
- title: "VK"
 | 
					 | 
				
			||||||
  url: "https://vk.com/valentineus"
 | 
					 | 
				
			||||||
@@ -1,45 +0,0 @@
 | 
				
			|||||||
{% assign pages = site.pages | where: "show", true %}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
<div class="navigation-container">
 | 
					 | 
				
			||||||
    <h1 class="navigation-header">
 | 
					 | 
				
			||||||
        {{ page.title | default: site.title | strip_newlines | strip_html| strip | normalize_whitespace | smartify | xml_escape }}
 | 
					 | 
				
			||||||
    </h1>
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
    <input id="toggle-button" class="toggle-button" type="checkbox" />
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
    <label class="toggle-label" for="toggle-button">
 | 
					 | 
				
			||||||
        <span></span>
 | 
					 | 
				
			||||||
        <span></span>
 | 
					 | 
				
			||||||
        <span></span>
 | 
					 | 
				
			||||||
    </label>
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
    <nav class="navigation" role="navigation">
 | 
					 | 
				
			||||||
        <ul class="navigation-footer">
 | 
					 | 
				
			||||||
            {% for item in site.data.social_links %}
 | 
					 | 
				
			||||||
                <li>
 | 
					 | 
				
			||||||
                    <a target="_blank" href="{{ item.url | strip_newlines | strip_html | strip | normalize_whitespace | relative_url | uri_escape }}">
 | 
					 | 
				
			||||||
                        {{ item.title | strip_newlines | strip_html | strip | normalize_whitespace | smartify | xml_escape }}
 | 
					 | 
				
			||||||
                    </a>
 | 
					 | 
				
			||||||
                </li>
 | 
					 | 
				
			||||||
            {% endfor %}
 | 
					 | 
				
			||||||
        </ul>
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
        <ul class="navigation-pills">
 | 
					 | 
				
			||||||
            <li class="navigation-item" role="presentation">
 | 
					 | 
				
			||||||
                <h5>
 | 
					 | 
				
			||||||
                    <a href="/">Home</a>
 | 
					 | 
				
			||||||
                </h5>
 | 
					 | 
				
			||||||
            </li>
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
            {% for page in pages%}
 | 
					 | 
				
			||||||
                <li class="navigation-item" role="presentation">
 | 
					 | 
				
			||||||
                    <h5>
 | 
					 | 
				
			||||||
                        <a href="{{ page.url | strip_newlines | strip_html | strip | normalize_whitespace | relative_url | uri_escape }}">
 | 
					 | 
				
			||||||
                            {{ page.title | strip_newlines | strip_html | strip | normalize_whitespace | smartify | xml_escape }}
 | 
					 | 
				
			||||||
                        </a>
 | 
					 | 
				
			||||||
                    </h5>
 | 
					 | 
				
			||||||
                </li>
 | 
					 | 
				
			||||||
            {% endfor %}
 | 
					 | 
				
			||||||
        </ul>
 | 
					 | 
				
			||||||
    </nav>
 | 
					 | 
				
			||||||
</div>
 | 
					 | 
				
			||||||
@@ -7,10 +7,9 @@ layout: compress
 | 
				
			|||||||
    {% include head.html %}
 | 
					    {% include head.html %}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    <body>
 | 
					    <body>
 | 
				
			||||||
        {% include navbar.html %}
 | 
					        {{ content }}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        <main class="container" role="main">
 | 
					        {% include aside.html %}
 | 
				
			||||||
            {{ content }}
 | 
					 | 
				
			||||||
        </main>
 | 
					 | 
				
			||||||
    </body>
 | 
					    </body>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
</html>
 | 
					</html>
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -2,10 +2,10 @@
 | 
				
			|||||||
layout: default
 | 
					layout: default
 | 
				
			||||||
---
 | 
					---
 | 
				
			||||||
 | 
					
 | 
				
			||||||
<article>
 | 
					<main class="container" role="main">
 | 
				
			||||||
    <hr />
 | 
					    <header>
 | 
				
			||||||
 | 
					        <h1>{{ page.title | default: site.title | strip_newlines | strip_html| strip | normalize_whitespace | smartify | xml_escape }}</h1>
 | 
				
			||||||
 | 
					    </header>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    <section role="article">
 | 
					    {{ content }}
 | 
				
			||||||
        {{ content }}
 | 
					</main>
 | 
				
			||||||
    </section>
 | 
					 | 
				
			||||||
</article>
 | 
					 | 
				
			||||||
 
 | 
				
			|||||||
@@ -2,13 +2,22 @@
 | 
				
			|||||||
layout: default
 | 
					layout: default
 | 
				
			||||||
---
 | 
					---
 | 
				
			||||||
 | 
					
 | 
				
			||||||
<article>
 | 
					<article class="container" role="main">
 | 
				
			||||||
    <hr />
 | 
					    <header>
 | 
				
			||||||
 | 
					        <h1>{{ page.title | strip_newlines | strip_html| strip | normalize_whitespace | smartify | xml_escape }}</h1>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    <section role="article">
 | 
					        <small>
 | 
				
			||||||
        {{ content }}
 | 
					            Published <time datetime="{{ page.date | date_to_xmlschema }}">
 | 
				
			||||||
    </section>
 | 
					                {{ page.date | date: '%Y-%m-%d' | strip_newlines | strip_html | strip | normalize_whitespace | smartify | xml_escape }}
 | 
				
			||||||
 | 
					            </time> on <a href="{{ site.url | absolute_url | uri_escape }}" target="_self">
 | 
				
			||||||
 | 
					                {{ site.title | strip_newlines | strip_html| strip | normalize_whitespace | smartify | xml_escape }}
 | 
				
			||||||
 | 
					            </a> | <a href="{{ page.url | absolute_url | uri_escape }}" target="_blank">
 | 
				
			||||||
 | 
					                Permalink
 | 
				
			||||||
 | 
					            </a>
 | 
				
			||||||
 | 
					        </small>
 | 
				
			||||||
 | 
					    </header>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    {{ content }}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    <!-- Comments -->
 | 
					 | 
				
			||||||
    {% include disqus.html %}
 | 
					    {% include disqus.html %}
 | 
				
			||||||
</article>
 | 
					</article>
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -2,7 +2,6 @@
 | 
				
			|||||||
permalink: "atom.xml"
 | 
					permalink: "atom.xml"
 | 
				
			||||||
layout: compress
 | 
					layout: compress
 | 
				
			||||||
title: "RSS"
 | 
					title: "RSS"
 | 
				
			||||||
show: true
 | 
					 | 
				
			||||||
---
 | 
					---
 | 
				
			||||||
 | 
					
 | 
				
			||||||
<?xml version="1.0" encoding="utf-8"?>
 | 
					<?xml version="1.0" encoding="utf-8"?>
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -1,33 +1,22 @@
 | 
				
			|||||||
---
 | 
					---
 | 
				
			||||||
title: "Posts list"
 | 
					 | 
				
			||||||
permalink: "index.html"
 | 
					permalink: "index.html"
 | 
				
			||||||
layout: page
 | 
					layout: page
 | 
				
			||||||
show: false
 | 
					 | 
				
			||||||
---
 | 
					---
 | 
				
			||||||
 | 
					
 | 
				
			||||||
{% assign postsByYear = site.posts | group_by_exp: "post", "post.date | date: '%Y'" %}
 | 
					{% for post in site.posts %}
 | 
				
			||||||
 | 
					<section>
 | 
				
			||||||
 | 
					    <h4>
 | 
				
			||||||
 | 
					        <small>
 | 
				
			||||||
 | 
					            <time datetime="{{ post.date | date_to_xmlschema }}">
 | 
				
			||||||
 | 
					                {{ post.date | date: '%Y-%m-%d' | strip_newlines | strip_html | strip | normalize_whitespace | smartify | xml_escape }}
 | 
				
			||||||
 | 
					            </time>
 | 
				
			||||||
 | 
					        </small>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
{% for year in postsByYear %}
 | 
					        <a href="{{ post.url | relative_url | uri_escape }}">
 | 
				
			||||||
    <section>
 | 
					            {{ post.title | strip_newlines | strip_html | strip | normalize_whitespace | smartify | xml_escape }}
 | 
				
			||||||
        <!-- Header -->
 | 
					        </a>
 | 
				
			||||||
        <h3>{{ year.name | strip_newlines | strip_html | strip | normalize_whitespace | smartify | slugify }}</h3>
 | 
					    </h4>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        <ul>
 | 
					    <p>{{ post.description | strip_newlines | strip_html | strip | normalize_whitespace | smartify | xml_escape }}</p>
 | 
				
			||||||
            {% for post in year.items %}
 | 
					</section>
 | 
				
			||||||
                <li>
 | 
					 | 
				
			||||||
                    <!-- Title / Link -->
 | 
					 | 
				
			||||||
                    <a href="{{ post.url | relative_url | uri_escape }}">
 | 
					 | 
				
			||||||
                        {{ post.title | strip_newlines | strip_html | strip | normalize_whitespace | smartify | xml_escape }}
 | 
					 | 
				
			||||||
                    </a>
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
                    <small>
 | 
					 | 
				
			||||||
                        <!-- Date of publication -->
 | 
					 | 
				
			||||||
                        <time datetime="{{ post.date | date_to_xmlschema }}">
 | 
					 | 
				
			||||||
                            <em>{{ post.date | date: '- %b %d' | strip_newlines | strip_html | strip | normalize_whitespace | smartify | xml_escape }}</em>
 | 
					 | 
				
			||||||
                        </time>
 | 
					 | 
				
			||||||
                    </small>
 | 
					 | 
				
			||||||
                </li>
 | 
					 | 
				
			||||||
            {% endfor %}
 | 
					 | 
				
			||||||
        </ul>
 | 
					 | 
				
			||||||
    </section>
 | 
					 | 
				
			||||||
{% endfor %}
 | 
					{% endfor %}
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -1,7 +0,0 @@
 | 
				
			|||||||
Copyright 2017, 2018 Valentin Popov
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 | 
					 | 
				
			||||||
@@ -1,26 +0,0 @@
 | 
				
			|||||||
# Style development
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
Catalog, dedicated to the development of styles for the site.
 | 
					 | 
				
			||||||
The assembly of styles is carried out by Jekyll independently.
 | 
					 | 
				
			||||||
Input the project file is located here:
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
```
 | 
					 | 
				
			||||||
/valentineus.github.io/assets/css/styles.scss
 | 
					 | 
				
			||||||
```
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
## Description catalogs
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
| Catalog      | Description                       |
 | 
					 | 
				
			||||||
| ------------ | --------------------------------- |
 | 
					 | 
				
			||||||
| `base`       | Header files.                     |
 | 
					 | 
				
			||||||
| `bootstrap`  | Source code repository Bootstrap. |
 | 
					 | 
				
			||||||
| `components` | Used components.                  |
 | 
					 | 
				
			||||||
| `utilities`  | Auxiliary development tools.      |
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
## License
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
<img height="256px" alt="MIT License" src="https://raw.githubusercontent.com/valentineus/valentineus.github.io/master/assets/images/7d05cad0-d553-42c7-be1f-7007926ba720.png" />
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
[MIT](LICENSE.txt).
 | 
					 | 
				
			||||||
Copyright (c)
 | 
					 | 
				
			||||||
[Valentin Popov](https://valentineus.link/).
 | 
					 | 
				
			||||||
@@ -1,3 +1 @@
 | 
				
			|||||||
@import 'components/core';
 | 
					@import 'components/core';
 | 
				
			||||||
@import 'components/background';
 | 
					 | 
				
			||||||
@import 'components/navigation';
 | 
					 | 
				
			||||||
 
 | 
				
			|||||||
@@ -1,10 +0,0 @@
 | 
				
			|||||||
$background-image: '/assets/background.svg';
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
html {
 | 
					 | 
				
			||||||
  background: $color-bg url($background-image) repeat fixed;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
body {
 | 
					 | 
				
			||||||
  border-left: 1px solid $color-bg-alt;
 | 
					 | 
				
			||||||
  border-right: 1px solid $color-bg-alt;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
@@ -13,7 +13,31 @@ html {
 | 
				
			|||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
body {
 | 
					body {
 | 
				
			||||||
 | 
					  display: flex;
 | 
				
			||||||
 | 
					  flex-direction: row;
 | 
				
			||||||
  min-height: 100%;
 | 
					  min-height: 100%;
 | 
				
			||||||
  padding-bottom: 20px;
 | 
					}
 | 
				
			||||||
  padding-top: 100px;
 | 
					
 | 
				
			||||||
 | 
					.container {
 | 
				
			||||||
 | 
					  flex: 75%;
 | 
				
			||||||
 | 
					  padding-right: 32px;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.sidebar {
 | 
				
			||||||
 | 
					  flex: 25%;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					@media (max-width: 684px) {
 | 
				
			||||||
 | 
					  body {
 | 
				
			||||||
 | 
					    flex-direction: column;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  .container {
 | 
				
			||||||
 | 
					    flex: 100%;
 | 
				
			||||||
 | 
					    padding-right: 0;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  .sidebar {
 | 
				
			||||||
 | 
					    flex: 100%;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -1,150 +0,0 @@
 | 
				
			|||||||
.navigation-container {
 | 
					 | 
				
			||||||
  background: $color-bg;
 | 
					 | 
				
			||||||
  border-left: 1px solid $color-bg-alt;
 | 
					 | 
				
			||||||
  border-right: 1px solid $color-bg-alt;
 | 
					 | 
				
			||||||
  height: 100px;
 | 
					 | 
				
			||||||
  left: 0;
 | 
					 | 
				
			||||||
  margin: auto;
 | 
					 | 
				
			||||||
  max-width: 52em;
 | 
					 | 
				
			||||||
  padding: 0;
 | 
					 | 
				
			||||||
  position: fixed;
 | 
					 | 
				
			||||||
  right: 0;
 | 
					 | 
				
			||||||
  top: 0;
 | 
					 | 
				
			||||||
  width: 100%;
 | 
					 | 
				
			||||||
  z-index: 128;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.navigation {
 | 
					 | 
				
			||||||
  background: $color-bg;
 | 
					 | 
				
			||||||
  border-left: 1px solid $color-bg-alt;
 | 
					 | 
				
			||||||
  border-right: 1px solid $color-bg-alt;
 | 
					 | 
				
			||||||
  height: 100%;
 | 
					 | 
				
			||||||
  left: 0;
 | 
					 | 
				
			||||||
  margin: auto;
 | 
					 | 
				
			||||||
  max-width: 52em;
 | 
					 | 
				
			||||||
  padding: 0;
 | 
					 | 
				
			||||||
  position: fixed;
 | 
					 | 
				
			||||||
  right: 0;
 | 
					 | 
				
			||||||
  top: 100px;
 | 
					 | 
				
			||||||
  transform: scale(.1, 0);
 | 
					 | 
				
			||||||
  transform-origin: 100% 0%;
 | 
					 | 
				
			||||||
  transition: none;
 | 
					 | 
				
			||||||
  width: 100%;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.navigation-header {
 | 
					 | 
				
			||||||
  height: 100px;
 | 
					 | 
				
			||||||
  margin: auto;
 | 
					 | 
				
			||||||
  overflow: hidden;
 | 
					 | 
				
			||||||
  padding-bottom: 32px;
 | 
					 | 
				
			||||||
  padding-left: 32px;
 | 
					 | 
				
			||||||
  padding-right: 100px;
 | 
					 | 
				
			||||||
  padding-top: 32px;
 | 
					 | 
				
			||||||
  position: absolute;
 | 
					 | 
				
			||||||
  text-overflow: ellipsis;
 | 
					 | 
				
			||||||
  text-transform: uppercase;
 | 
					 | 
				
			||||||
  white-space: nowrap;
 | 
					 | 
				
			||||||
  width: 100%;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.navigation-footer {
 | 
					 | 
				
			||||||
  bottom: 0;
 | 
					 | 
				
			||||||
  list-style-type: none;
 | 
					 | 
				
			||||||
  margin: auto;
 | 
					 | 
				
			||||||
  max-width: 52em;
 | 
					 | 
				
			||||||
  padding: 20px;
 | 
					 | 
				
			||||||
  position: fixed;
 | 
					 | 
				
			||||||
  text-align: center;
 | 
					 | 
				
			||||||
  width: 100%;
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
  li {
 | 
					 | 
				
			||||||
    border-right: 1px solid;
 | 
					 | 
				
			||||||
    display: inline;
 | 
					 | 
				
			||||||
    padding: 0 20px;
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
    @media (max-width: 684px) {
 | 
					 | 
				
			||||||
      padding: 0 10px;
 | 
					 | 
				
			||||||
    }
 | 
					 | 
				
			||||||
  }
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
  li:last-child {
 | 
					 | 
				
			||||||
    border-right: 0;
 | 
					 | 
				
			||||||
  }
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.navigation-pills {
 | 
					 | 
				
			||||||
  height: 100%;
 | 
					 | 
				
			||||||
  list-style-type: none;
 | 
					 | 
				
			||||||
  margin: 0;
 | 
					 | 
				
			||||||
  padding: 0;
 | 
					 | 
				
			||||||
  text-align: center;
 | 
					 | 
				
			||||||
  width: 100%;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.navigation-item {
 | 
					 | 
				
			||||||
  padding-bottom: 5px;
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
  &:last-child {
 | 
					 | 
				
			||||||
    padding-bottom: 0;
 | 
					 | 
				
			||||||
  }
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
  a {
 | 
					 | 
				
			||||||
    text-decoration: none;
 | 
					 | 
				
			||||||
    text-transform: uppercase;
 | 
					 | 
				
			||||||
  }
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.toggle-button {
 | 
					 | 
				
			||||||
  display: none;
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
  &:checked ~ .navigation {
 | 
					 | 
				
			||||||
    transform: none;
 | 
					 | 
				
			||||||
    transition: all .1s;
 | 
					 | 
				
			||||||
  }
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
  &:checked ~ .toggle-label {
 | 
					 | 
				
			||||||
    span {
 | 
					 | 
				
			||||||
      opacity: 0;
 | 
					 | 
				
			||||||
      top: 50%;
 | 
					 | 
				
			||||||
    }
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
    span:first-child {
 | 
					 | 
				
			||||||
      opacity: 1;
 | 
					 | 
				
			||||||
      transform: rotate(405deg);
 | 
					 | 
				
			||||||
    }
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
    span:last-child {
 | 
					 | 
				
			||||||
      opacity: 1;
 | 
					 | 
				
			||||||
      transform: rotate(-405deg);
 | 
					 | 
				
			||||||
    }
 | 
					 | 
				
			||||||
  }
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.toggle-label {
 | 
					 | 
				
			||||||
  float: right;
 | 
					 | 
				
			||||||
  height: 20px;
 | 
					 | 
				
			||||||
  margin: 40px;
 | 
					 | 
				
			||||||
  position: relative;
 | 
					 | 
				
			||||||
  width: 15px;
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
  &:hover {
 | 
					 | 
				
			||||||
    cursor: pointer;
 | 
					 | 
				
			||||||
  }
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
  span {
 | 
					 | 
				
			||||||
    background: $color-text;
 | 
					 | 
				
			||||||
    height: 2px;
 | 
					 | 
				
			||||||
    position: absolute;
 | 
					 | 
				
			||||||
    top: 50%;
 | 
					 | 
				
			||||||
    transition: .5s;
 | 
					 | 
				
			||||||
    width: 100%;
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
    &:first-child {
 | 
					 | 
				
			||||||
      top: 3px;
 | 
					 | 
				
			||||||
    }
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
    &:last-child {
 | 
					 | 
				
			||||||
      top: 16px;
 | 
					 | 
				
			||||||
    }
 | 
					 | 
				
			||||||
  }
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
@@ -9,7 +9,7 @@ body {
 | 
				
			|||||||
  font-size: $font-size-base;
 | 
					  font-size: $font-size-base;
 | 
				
			||||||
  line-height: 1.6em;
 | 
					  line-height: 1.6em;
 | 
				
			||||||
  margin: auto;
 | 
					  margin: auto;
 | 
				
			||||||
  max-width: 52em;
 | 
					  max-width: 72em;
 | 
				
			||||||
  padding: 32px;
 | 
					  padding: 32px;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -1,137 +0,0 @@
 | 
				
			|||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 616 400" width="616" height="400">
 | 
					 | 
				
			||||||
    <path fill="#fff" d="M0 0h615.9v399.8h-615.9v-399.8z"/>
 | 
					 | 
				
			||||||
    <path d="M385 133.3h-.1.1z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#F9F9F9" d="M500.4 199.9h.1l38.4-66.5-.1-.1h-76.8l-.1.1 38.5 66.5z"/>
 | 
					 | 
				
			||||||
    <path fill="#F5F5F5" d="M346.4 199.9h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/>
 | 
					 | 
				
			||||||
    <path d="M462 133.3h-.1.1z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#F7F7F7" d="M423.4 199.9h.1l38.4-66.5-.1-.1h-76.8l-.1.1 38.5 66.5z"/>
 | 
					 | 
				
			||||||
    <path d="M231.1 133.3h-.1.1zm77 0h-.1.1z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#FCFCFC" d="M192.5 199.9h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/>
 | 
					 | 
				
			||||||
    <path fill="#F9F9F9" d="M269.4 199.9h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/>
 | 
					 | 
				
			||||||
    <path d="M154.1 133.3h-.1.1z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#EFEFEF" d="M231.1 266.5h76.9l-38.5-66.5-38.4 66.5z"/>
 | 
					 | 
				
			||||||
    <path fill="#F1F1F1" d="M269.4 199.9h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/>
 | 
					 | 
				
			||||||
    <path d="M269.6 199.9h-.1.1zm153.9 0h-.1.1z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#F0F0F0" d="M346.4 199.9h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/>
 | 
					 | 
				
			||||||
    <path d="M500.5 200zm77-133.4h-.1.1z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#F2F2F2" d="M385 266.5h76.9l-38.4-66.5-38.5 66.5z"/>
 | 
					 | 
				
			||||||
    <path fill="#F3F3F3" d="M423.5 199.9l38.4 66.6h.1l38.4-66.5-.1-.1h-76.8z"/>
 | 
					 | 
				
			||||||
    <path fill="#eee" d="M423.4 199.9h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/>
 | 
					 | 
				
			||||||
    <path d="M346.6 199.9h-.1.1zm192.4 66.7z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#F8F8F8" d="M500.5 199.9l38.4 66.6h.1l38.4-66.5-.1-.1h-76.8zm-38.5 66.6l38.4 66.6h.1l38.4-66.5-.1-.1h-76.8z"/>
 | 
					 | 
				
			||||||
    <path fill="#F7F7F7" d="M346.6 333.2h76.9l-38.5-66.6-38.4 66.6z"/>
 | 
					 | 
				
			||||||
    <path fill="#F8F8F8" d="M461.9 266.5h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/>
 | 
					 | 
				
			||||||
    <path fill="#F4F4F4" d="M423.5 333.2h76.9l-38.4-66.6-38.5 66.6z"/>
 | 
					 | 
				
			||||||
    <path d="M577.4 200zm38.5-66.6z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#F7F7F7" d="M539 133.3l38.4 66.6h.1l38.4-66.5-.1-.1h-76.8z"/>
 | 
					 | 
				
			||||||
    <path fill="#F9F9F9" d="M154 133.4l-76.9-.1-.1.1 38.4 66.5h.1l38.5-66.5z"/>
 | 
					 | 
				
			||||||
    <path fill="#F8F8F8" d="M154 266.5h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/>
 | 
					 | 
				
			||||||
    <path fill="#F5F5F5" d="M115.6 333.2h76.9l-38.5-66.6-38.4 66.6zm-.1-133.2l-38.4 66.5h76.9l-38.5-66.5z"/>
 | 
					 | 
				
			||||||
    <path fill="#F4F4F4" d="M154.1 266.5l38.4-66.5-.1-.1h-76.9l-.1.1 38.4 66.5h.3z"/>
 | 
					 | 
				
			||||||
    <path d="M115.5 199.9h.1-.1z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#F7F7F7" d="M231 266.5h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/>
 | 
					 | 
				
			||||||
    <path fill="#F9F9F9" d="M269.6 333.2h76.9l-38.5-66.6-38.4 66.6z"/>
 | 
					 | 
				
			||||||
    <path fill="#F8F8F8" d="M307.9 266.5h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6zm-115.3 66.7h76.9l-38.5-66.6-38.4 66.6z"/>
 | 
					 | 
				
			||||||
    <path fill="#FAFAFA" d="M384.9 266.5h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/>
 | 
					 | 
				
			||||||
    <path fill="#F1F1F1" d="M308.1 266.5h76.9l-38.5-66.5-38.4 66.5z"/>
 | 
					 | 
				
			||||||
    <path fill="#FAFAFA" d="M615.9 266.5l-38.5-66.5-38.4 66.5h76.9z"/>
 | 
					 | 
				
			||||||
    <path fill="#F7F7F7" d="M462 133.4l-38.4 66.5h76.9l-38.5-66.5zm0-133.3l-38.4 66.5h76.9l-38.5-66.5z"/>
 | 
					 | 
				
			||||||
    <path fill="#F5F5F5" d="M539 .1l-38.4 66.5h76.9l-38.5-66.5zm-500.4 333.1h76.9l-38.5-66.6-38.4 66.6z"/>
 | 
					 | 
				
			||||||
    <path fill="#F3F3F3" d="M.1 133.3h76.9l-38.4-66.6-38.5 66.6z"/>
 | 
					 | 
				
			||||||
    <path d="M77 266.5h.1-.1zm0-133.2h.1-.1z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#F7F7F7" d="M38.6 199.9h76.9l-38.5-66.5-38.4 66.5z"/>
 | 
					 | 
				
			||||||
    <path d="M0 266.5h.1-.1z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#F4F4F4" d="M115.5 66.7l-38.4 66.5h76.9l-38.5-66.5z"/>
 | 
					 | 
				
			||||||
    <path fill="#F1F1F1" d="M77 .1l-38.4 66.5h76.9l-38.5-66.5z"/>
 | 
					 | 
				
			||||||
    <path fill="#F7F7F7" d="M231 .1l-38.4 66.5h76.9l-38.5-66.5z"/>
 | 
					 | 
				
			||||||
    <path fill="#F5F5F5" d="M308 .1l-38.4 66.5h76.9l-38.5-66.5z"/>
 | 
					 | 
				
			||||||
    <path fill="#F7F7F7" d="M385 .1l-38.4 66.5h76.9l-38.5-66.5z"/>
 | 
					 | 
				
			||||||
    <path fill="#F4F4F4" d="M154 .1l-38.4 66.5h76.9l-38.5-66.5z"/>
 | 
					 | 
				
			||||||
    <path fill="#F0F0F0" d="M577.4 333.2l-38.4-66.6-38.4 66.5h76.8z"/>
 | 
					 | 
				
			||||||
    <path d="M154 266.6z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#F5F5F5" d="M154.1 266.5h76.9l-38.5-66.5-38.4 66.5z"/>
 | 
					 | 
				
			||||||
    <path fill="#F7F7F7" d="M192.5 66.7l-38.4 66.5h76.9l-38.5-66.5z"/>
 | 
					 | 
				
			||||||
    <path d="M231 266.6zm77 0z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#F8F8F8" d="M385 133.4l-38.4 66.5h76.9l-38.5-66.5z"/>
 | 
					 | 
				
			||||||
    <path d="M192.5 199.9h.1-.1z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#F7F7F7" d="M308 133.4l-38.4 66.5h76.9l-38.5-66.5z"/>
 | 
					 | 
				
			||||||
    <path d="M385 266.6z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#F9F9F9" d="M231 133.4l-38.4 66.5h76.9l-38.5-66.5z"/>
 | 
					 | 
				
			||||||
    <path fill="#FBFBFB" d="M115.6 199.9h76.9l-38.5-66.5-38.4 66.5z"/>
 | 
					 | 
				
			||||||
    <path fill="#F8F8F8" d="M346.5 66.7l-38.4 66.5h76.9l-38.5-66.5z"/>
 | 
					 | 
				
			||||||
    <path d="M462 266.6z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#F7F7F7" d="M269.5 66.7l-38.4 66.5h76.9l-38.5-66.5z"/>
 | 
					 | 
				
			||||||
    <path fill="#F3F3F3" d="M500.5 66.7l-38.5 66.6h76.9l-38.4-66.6z"/>
 | 
					 | 
				
			||||||
    <path fill="#F8F8F8" d="M423.5 66.7l-38.5 66.6h76.9l-38.4-66.6z"/>
 | 
					 | 
				
			||||||
    <path fill="#F4F4F4" d="M577.4 66.7l-38.4 66.6h76.9l-38.5-66.6z"/>
 | 
					 | 
				
			||||||
    <path fill="#FBFBFB" d="M577.4 199.9l-38.4-66.5-38.4 66.5h76.8z"/>
 | 
					 | 
				
			||||||
    <path fill="#FAFAFA" d="M538.9 266.5l-38.4-66.5-38.5 66.5h76.9z"/>
 | 
					 | 
				
			||||||
    <path d="M539 133.3h-.1.1z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#F2F2F2" d="M115.5 66.6h.1l38.4-66.5v-.1h-76.9l-.1.1 38.5 66.5z"/>
 | 
					 | 
				
			||||||
    <path fill="#F3F3F3" d="M538.9 133.3h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/>
 | 
					 | 
				
			||||||
    <path d="M77.1 0h-.1.1z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#F4F4F4" d="M577.4 66.6h.1l38.5-66.6h-77v.1l38.4 66.5z"/>
 | 
					 | 
				
			||||||
    <path d="M154.1 0h-.1.1z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#FBFBFB" d="M192.5 66.6h.1l38.4-66.5v-.1h-76.9l-.1.1 38.5 66.5z"/>
 | 
					 | 
				
			||||||
    <path d="M462 0h-.1.1zm77 0h-.1.1z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#F8F8F8" d="M500.4 66.6h.1l38.5-66.5-.1-.1h-76.9v.1l38.4 66.5z"/>
 | 
					 | 
				
			||||||
    <path d="M385 0h-.1.1z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#F3F3F3" d="M423.4 66.6h.1l38.5-66.5-.1-.1h-76.9v.1l38.4 66.5z"/>
 | 
					 | 
				
			||||||
    <path fill="#F4F4F4" d="M346.4 66.6h.1l38.5-66.5-.1-.1h-76.9v.1l38.4 66.5z"/>
 | 
					 | 
				
			||||||
    <path d="M231.1 0h-.1.1z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#F4F4F4" d="M269.4 66.6h.1l38.5-66.5-.1-.1h-76.9v.1l38.4 66.5z"/>
 | 
					 | 
				
			||||||
    <path d="M308.1 0h-.1.1z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#F2F2F2" d="M38.6 66.6l38.4-66.5v-.1h-77l38.5 66.6h.1z"/>
 | 
					 | 
				
			||||||
    <path d="M461.9 400h.1-.1z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#F8F8F8" d="M500.5 333.3l-38.5 66.6.1.1h76.9l.1-.1-38.6-66.6z"/>
 | 
					 | 
				
			||||||
    <path fill="#FBFBFB" d="M346.5 333.3l-38.5 66.6.1.1h76.9l.1-.1-38.6-66.6z"/>
 | 
					 | 
				
			||||||
    <path d="M384.9 400h.1-.1z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#F9F9F9" d="M423.5 333.3l-38.5 66.6.1.1h76.9l.1-.1-38.6-66.6z"/>
 | 
					 | 
				
			||||||
    <path d="M538.9 400h.1-.1z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#EFEFEF" d="M539 399.9l77 .1-38.6-66.7-38.4 66.6z"/>
 | 
					 | 
				
			||||||
    <path fill="#FAFAFA" d="M38.6 333.3l-38.6 66.7h77l.1-.1-38.5-66.6z"/>
 | 
					 | 
				
			||||||
    <path d="M77 400h.1-.1zm230.9 0h.1-.1z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#FEFEFE" d="M115.5 333.3l-38.5 66.6.1.1h76.9l.1-.1-38.6-66.6z"/>
 | 
					 | 
				
			||||||
    <path d="M231 400h.1-.1z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#FCFCFC" d="M269.5 333.3l-38.5 66.6.1.1h76.9l.1-.1-38.6-66.6z"/>
 | 
					 | 
				
			||||||
    <path d="M154 400h.1-.1z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#FAFAFA" d="M192.5 333.3l-38.5 66.6.1.1h76.9l.1-.1-38.6-66.6z"/>
 | 
					 | 
				
			||||||
    <path d="M115.6 66.6h-.1.1z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#F4F4F4" d="M77 133.4l-76.9-.1-.1.1 38.4 66.5h.1l38.5-66.5z"/>
 | 
					 | 
				
			||||||
    <path d="M0 133.3h.1-.1z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#F5F5F5" d="M77 133.3h.1l38.4-66.5-.1-.1h-76.8l-.1.1 38.5 66.5z"/>
 | 
					 | 
				
			||||||
    <path d="M38.5 333.2h.1-.1z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#F6F6F6" d="M38.5 333.2l-38.4-66.6-.1.1v66.4h38.5z"/>
 | 
					 | 
				
			||||||
    <path fill="#F4F4F4" d="M38.5 199.9l-38.4-66.5-.1.1v66.4h38.5z"/>
 | 
					 | 
				
			||||||
    <path fill="#F7F7F7" d="M0 266.5h.1l38.5-66.5-.1-.1h-38.5v66.6z"/>
 | 
					 | 
				
			||||||
    <path fill="#F5F5F5" d="M0 400l38.6-66.7-.1-.1h-38.5v66.8z"/>
 | 
					 | 
				
			||||||
    <path fill="#F4F4F4" d="M38.5 66.6l-38.5-66.6v66.6h38.5z"/>
 | 
					 | 
				
			||||||
    <path fill="#F5F5F5" d="M0 133.3h.1l38.4-66.5-.1-.1h-38.4v66.6z"/>
 | 
					 | 
				
			||||||
    <path d="M38.5 199.9h.1-.1z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#F5F5F5" d="M38.6 200l-38.5 66.5h76.9l-38.4-66.5zm38.4 66.6l-76.9-.1-.1.1 38.4 66.5h.1l38.5-66.5zm.1-.1l38.4-66.5-.1-.1h-76.8l-.1.1 38.5 66.5h.1z"/>
 | 
					 | 
				
			||||||
    <path d="M38.6 66.6h-.1.1zm308 0h-.1.1z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#F6F6F6" d="M384.9 133.3h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/>
 | 
					 | 
				
			||||||
    <path d="M423.5 66.6h-.1.1z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#FAFAFA" d="M461.9 133.3h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/>
 | 
					 | 
				
			||||||
    <path fill="#F6F6F6" d="M154 133.3h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/>
 | 
					 | 
				
			||||||
    <path d="M500.5 66.6h-.1.1zm-307.9 0h-.1.1z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#F6F6F6" d="M231 133.3h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/>
 | 
					 | 
				
			||||||
    <path d="M269.6 66.6h-.1.1z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#F8F8F8" d="M307.9 133.3h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/>
 | 
					 | 
				
			||||||
    <path d="M615.9 266.6zm-38.5 66.7z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#EDEDED" d="M539 266.5l38.4 66.6h.1l38.4-66.5-.1-.1h-76.8z"/>
 | 
					 | 
				
			||||||
    <path d="M500.4 333.2h.1-.1z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#F9F9F9" d="M500.5 333.2l38.4 66.7 38.5-66.6-.1-.1h-76.8z"/>
 | 
					 | 
				
			||||||
    <path fill="#FBFBFB" d="M423.5 333.2l38.4 66.7 38.5-66.6-.1-.1h-76.8zm-384.9 0l38.4 66.7 38.5-66.6-.1-.1h-76.8z"/>
 | 
					 | 
				
			||||||
    <path fill="#F5F5F5" d="M577.5 66.6l38.4 66.6v-66.6h-38.4z"/>
 | 
					 | 
				
			||||||
    <path fill="#F4F4F4" d="M615.9 133.5l-38.4 66.4h38.4v-66.4z"/>
 | 
					 | 
				
			||||||
    <path fill="#F6F6F6" d="M615.9 266.7l-38.4 66.4h38.4v-66.4z"/>
 | 
					 | 
				
			||||||
    <path fill="#F5F5F5" d="M577.5 333.2l38.4 66.6v-66.6h-38.4z"/>
 | 
					 | 
				
			||||||
    <path fill="#F4F4F4" d="M615.9.2l-38.4 66.4h38.4v-66.4z"/>
 | 
					 | 
				
			||||||
    <path fill="#F7F7F7" d="M577.5 199.9l38.4 66.6v-66.6h-38.4z"/>
 | 
					 | 
				
			||||||
    <path fill="#FCFCFC" d="M192.6 333.2l38.4 66.7 38.5-66.6-.1-.1h-76.8z"/>
 | 
					 | 
				
			||||||
    <path fill="#FDFDFD" d="M115.6 333.2l38.4 66.7 38.5-66.6-.1-.1h-76.8z"/>
 | 
					 | 
				
			||||||
    <path d="M192.5 333.2h.1-.1zm-77 0h.1-.1z" fill="none"/>
 | 
					 | 
				
			||||||
    <path fill="#FCFCFC" d="M269.6 333.2l38.4 66.7 38.5-66.6-.1-.1h-76.8zm77 0l38.4 66.7 38.5-66.6-.1-.1h-76.8z"/>
 | 
					 | 
				
			||||||
    <path d="M346.4 333.2h.1-.1zm-77 0h.1-.1zm154 0h.1-.1z" fill="none"/>
 | 
					 | 
				
			||||||
</svg>
 | 
					 | 
				
			||||||
| 
		 Before Width: | Height: | Size: 9.3 KiB  | 
		Reference in New Issue
	
	Block a user