initial
@ -0,0 +1,7 @@
|
|||||||
|
{
|
||||||
|
"title": "{{ replace .TranslationBaseName "-" " " | title }}",
|
||||||
|
"date": "{{ .Date }}",
|
||||||
|
"tags": [],
|
||||||
|
"categories": [],
|
||||||
|
"draft": true
|
||||||
|
}
|
@ -0,0 +1,13 @@
|
|||||||
|
{
|
||||||
|
"title": "{{ replace .TranslationBaseName "-" " " | title }}",
|
||||||
|
"linktitle": "{{ replace .TranslationBaseName "-" " " | title }}",
|
||||||
|
"short_description": "",
|
||||||
|
"date": "{{ .Date }}",
|
||||||
|
"aliases": 0,
|
||||||
|
"categories": [],
|
||||||
|
"mydates": "",
|
||||||
|
"draft": false,
|
||||||
|
"author": ""
|
||||||
|
}
|
||||||
|
|
||||||
|
This is content
|
@ -0,0 +1,26 @@
|
|||||||
|
baseURL = "/"
|
||||||
|
enableRobotsTXT = true
|
||||||
|
languageCode = "en-us"
|
||||||
|
theme = "my-theme"
|
||||||
|
title = "my website"
|
||||||
|
|
||||||
|
# Pagination
|
||||||
|
paginate = 4
|
||||||
|
#paginatePath = "path"
|
||||||
|
|
||||||
|
[params]
|
||||||
|
metadescription = "website"
|
||||||
|
sharedescription = "website"
|
||||||
|
sharetitle = "website"
|
||||||
|
theme = "website"
|
||||||
|
debug = true
|
||||||
|
|
||||||
|
[taxonomies]
|
||||||
|
category = "categories"
|
||||||
|
tag = "tags"
|
||||||
|
mydate = "mydates"
|
||||||
|
|
||||||
|
[sitemap]
|
||||||
|
changefreq = "daily"
|
||||||
|
priority = 0.5
|
||||||
|
filename = "sitemap.xml"
|
@ -0,0 +1,11 @@
|
|||||||
|
{
|
||||||
|
"date": "2017-12-27T12:06:48+02:00",
|
||||||
|
"tags": [
|
||||||
|
"Finance",
|
||||||
|
"Technology",
|
||||||
|
"Startup"
|
||||||
|
],
|
||||||
|
"title": "Website Title"
|
||||||
|
}
|
||||||
|
|
||||||
|
Home page
|
@ -0,0 +1,13 @@
|
|||||||
|
{
|
||||||
|
"title": "First",
|
||||||
|
"linktitle": "First",
|
||||||
|
"short_description": "",
|
||||||
|
"date": "2018-02-21T21:12:49+01:00",
|
||||||
|
"aliases": 0,
|
||||||
|
"categories": [],
|
||||||
|
"mydates": "2018-02-01",
|
||||||
|
"draft": false,
|
||||||
|
"author": ""
|
||||||
|
}
|
||||||
|
|
||||||
|
This is content
|
@ -0,0 +1,13 @@
|
|||||||
|
{
|
||||||
|
"title": "Second",
|
||||||
|
"linktitle": "Second",
|
||||||
|
"short_description": "",
|
||||||
|
"date": "2018-02-21T21:15:28+01:00",
|
||||||
|
"aliases": 0,
|
||||||
|
"categories": [],
|
||||||
|
"mydates": "2017-01-01",
|
||||||
|
"draft": false,
|
||||||
|
"author": ""
|
||||||
|
}
|
||||||
|
|
||||||
|
This is content
|
@ -0,0 +1,65 @@
|
|||||||
|
{
|
||||||
|
"name": "project",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"description": "project",
|
||||||
|
"main": "index.js",
|
||||||
|
"webpackConfig": {
|
||||||
|
"inputFolder": "/themes/my-theme/src/",
|
||||||
|
"outputFolder": "/themes/my-theme/static/",
|
||||||
|
"prodServer": "/"
|
||||||
|
},
|
||||||
|
"scripts": {
|
||||||
|
"start": "npm-run-all --parallel webpack-watch hugo-server",
|
||||||
|
"hugo-server": "hugo server -D --debug",
|
||||||
|
"webpack-watch": "webpack --watch --config webpack.conf.js",
|
||||||
|
"build": "rm -rf public && webpack --config webpack.conf.js && hugo",
|
||||||
|
"build-staging": "rm -rf public && webpack --config webpack.conf.js && hugo --config=staging.config.toml"
|
||||||
|
},
|
||||||
|
"repository": {
|
||||||
|
"type": "git",
|
||||||
|
"url": ""
|
||||||
|
},
|
||||||
|
"bugs": {
|
||||||
|
"url": ""
|
||||||
|
},
|
||||||
|
"homepage": "",
|
||||||
|
"devDependencies": {
|
||||||
|
"autoprefixer": "^7.1.1",
|
||||||
|
"babel-core": "^6.25.0",
|
||||||
|
"babel-loader": "^7.1.1",
|
||||||
|
"babel-preset-es2015-webpack": "^6.4.3",
|
||||||
|
"copy-webpack-plugin": "^4.0.1",
|
||||||
|
"css-loader": "^0.28.4",
|
||||||
|
"datocms-client": "^0.3.25",
|
||||||
|
"extract-text-webpack-plugin": "^2.1.2",
|
||||||
|
"file-loader": "^0.11.2",
|
||||||
|
"fluidable": "git+https://github.com/andri/fluidable.git",
|
||||||
|
"friendly-errors-webpack-plugin": "^1.6.1",
|
||||||
|
"html-loader": "^0.4.5",
|
||||||
|
"html-webpack-harddisk-plugin": "^0.1.0",
|
||||||
|
"html-webpack-plugin": "^2.29.0",
|
||||||
|
"image-webpack-loader": "^3.3.1",
|
||||||
|
"imagemin-webpack-plugin": "^1.5.0-beta.0",
|
||||||
|
"json-loader": "^0.5.4",
|
||||||
|
"node-sass": "^4.5.3",
|
||||||
|
"normalize.sass": "^3.0.3",
|
||||||
|
"npm-run-all": "^4.0.2",
|
||||||
|
"optimize-css-assets-webpack-plugin": "^2.0.0",
|
||||||
|
"postcss-loader": "^2.0.6",
|
||||||
|
"sass-loader": "^6.0.6",
|
||||||
|
"sass-resources-loader": "^1.2.1",
|
||||||
|
"slick-carousel": "^1.8.1",
|
||||||
|
"stringify-object": "^3.2.0",
|
||||||
|
"style-loader": "^0.18.2",
|
||||||
|
"transfer-webpack-plugin": "^0.1.4",
|
||||||
|
"url-loader": "^0.5.9",
|
||||||
|
"urlize.js": "^1.0.1",
|
||||||
|
"webpack": "^3.0.0",
|
||||||
|
"webpack-dev-server": "^2.5.0",
|
||||||
|
"webpack-merge": "^4.1.0"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"bourbon": "^5.0.0",
|
||||||
|
"jquery": "^3.2.1"
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,20 @@
|
|||||||
|
The MIT License (MIT)
|
||||||
|
|
||||||
|
Copyright (c) 2017 YOUR_NAME_HERE
|
||||||
|
|
||||||
|
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.
|
@ -0,0 +1,2 @@
|
|||||||
|
+++
|
||||||
|
+++
|
@ -0,0 +1,20 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
{{ partial "vendor/head" . }}
|
||||||
|
<body>
|
||||||
|
{{ partial "header/markup" . }}
|
||||||
|
|
||||||
|
{{ if .Param "debug" }}
|
||||||
|
<h5>debug mode </h5>
|
||||||
|
{{end}}
|
||||||
|
|
||||||
|
{{ block "main" .}}
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
|
||||||
|
{{ partial "footer/markup" . }}
|
||||||
|
{{ partial "vendor/footer-scripts" . }}
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
|
@ -0,0 +1,7 @@
|
|||||||
|
{{ define "main" }}
|
||||||
|
{{ if .Param "debug" }}
|
||||||
|
<h5>list page</h5>
|
||||||
|
{{end}}
|
||||||
|
|
||||||
|
{{partial "main/markup" .}}
|
||||||
|
{{end}}
|
@ -0,0 +1,11 @@
|
|||||||
|
{{ define "main" }}
|
||||||
|
{{ if .Site.Params.debug }}
|
||||||
|
<h2>single page</h2>
|
||||||
|
<br>
|
||||||
|
{{index .Aliases 0}}
|
||||||
|
<br>
|
||||||
|
<h4>issues</h4>
|
||||||
|
{{ .Params.Issues }}
|
||||||
|
{{end}}
|
||||||
|
{{ partial "article/markup.html" .}}
|
||||||
|
{{end}}
|
@ -0,0 +1,20 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
{{partial "vendor/head" .}}
|
||||||
|
|
||||||
|
<body>
|
||||||
|
{{ partial "header/markup" . }}
|
||||||
|
|
||||||
|
{{ if .Param "debug" }}
|
||||||
|
<h5>debug mode</h5>
|
||||||
|
<h5>home page</h5>
|
||||||
|
{{end}}
|
||||||
|
|
||||||
|
|
||||||
|
{{partial "home/markup" .}}
|
||||||
|
|
||||||
|
|
||||||
|
{{ partial "footer/markup" . }}
|
||||||
|
{{partial "vendor/footer-scripts" .}}
|
||||||
|
</body>
|
||||||
|
</html>
|
@ -0,0 +1 @@
|
|||||||
|
Issues terms
|
@ -0,0 +1,110 @@
|
|||||||
|
<!--{{$quotes := .Params.quotes.quotes__text}}-->
|
||||||
|
<main>
|
||||||
|
<div class="container flex-grid">
|
||||||
|
<div class="main__content">
|
||||||
|
<article class="single-article">
|
||||||
|
<!--<aside class="article-sidebar quotes">-->
|
||||||
|
<!--<blockquote>{{ .Params.quotes__text1 }}</blockquote>-->
|
||||||
|
<!--<blockquote>{{ .Params.quotes__text2 }}</blockquote>-->
|
||||||
|
<!--<blockquote>{{ .Params.quotes__text3 }}</blockquote>-->
|
||||||
|
<!--</aside> -->
|
||||||
|
<section class="article-content">
|
||||||
|
<h1 class="single-article__title">{{ .Title }}</h1>
|
||||||
|
<div class="article__info">
|
||||||
|
<!--<img src="/images-theme/icon-dollar.svg" alt="" class="article__icon">-->
|
||||||
|
{{ range $category := .Params.categories }}
|
||||||
|
<div href="{{ "/categories/" | relLangURL}}" class="article__category__text">{{ $category }}</div>
|
||||||
|
{{ end }}
|
||||||
|
<div class="article__date">{{ dateFormat "Monday Jan 2, 2006" .Params.Date }}</div>
|
||||||
|
<div class="article__author">by <span>{{ .Params.Author }}</span></div>
|
||||||
|
</div>
|
||||||
|
<p class="single-article__description">{{ .Params.short_description_article }}</p>
|
||||||
|
<div class="single-article__text">
|
||||||
|
{{ .Content | markdownify }}
|
||||||
|
</div>
|
||||||
|
<div id="tags" class="tags">
|
||||||
|
{{ range .Params.tags }}
|
||||||
|
<a class="tags__item" href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a>
|
||||||
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
{{partial "sidebar/markup" .}}
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
{{ if 0 }}
|
||||||
|
<div class="comments">
|
||||||
|
<div class="container">
|
||||||
|
<div class="comments-wrap" id="comments">
|
||||||
|
<div class="comment__responses">
|
||||||
|
<div class="comment__responses__title">Responses</div>
|
||||||
|
<form action="" class="comment__responses__form">
|
||||||
|
<div class="user-avatar">
|
||||||
|
<img src="/images-theme/avatar.png" alt="">
|
||||||
|
</div>
|
||||||
|
<textarea name="" id="" cols="30" rows="10"></textarea>
|
||||||
|
<div class="responses__form__info">
|
||||||
|
<div class="count-comments">6 Comments</div>
|
||||||
|
<div class="sort-comments">
|
||||||
|
<div class="sort__text">Sort by</div>
|
||||||
|
<select name="" id="">
|
||||||
|
<option value="" selected>Oldest</option>
|
||||||
|
<option value="">New</option>
|
||||||
|
<option value="">Latest</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="comment__item">
|
||||||
|
<div class="comment__title">John Eric S. Chin</div>
|
||||||
|
<div class="comment__content">
|
||||||
|
<div class="comment__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div>
|
||||||
|
<div class="comment__control">
|
||||||
|
<a href="#" class="like">Like · </a>
|
||||||
|
<a href="#" class="reply">Reply · </a>
|
||||||
|
<div class="date">December 7, 2017, 23:18</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="comment__item border--active">
|
||||||
|
<div class="comment__title">John Eric S. Chin</div>
|
||||||
|
<div class="comment__content">
|
||||||
|
<div class="comment__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div>
|
||||||
|
<div class="comment__control">
|
||||||
|
<a href="#" class="like">Like · </a>
|
||||||
|
<a href="#" class="reply">Reply · </a>
|
||||||
|
<div class="date">December 7, 2017, 23:18</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="comment__item reply--comment">
|
||||||
|
<div class="comment__title">John Eric S. Chin</div>
|
||||||
|
<div class="comment__content">
|
||||||
|
<div class="comment__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div>
|
||||||
|
<div class="comment__control">
|
||||||
|
<a href="#" class="like">Like · </a>
|
||||||
|
<a href="#" class="reply">Reply · </a>
|
||||||
|
<div class="date">December 7, 2017, 23:18</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="comment__item">
|
||||||
|
<div class="comment__title">John Eric S. Chin</div>
|
||||||
|
<div class="comment__content">
|
||||||
|
<div class="comment__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div>
|
||||||
|
<div class="comment__control">
|
||||||
|
<a href="#" class="like">Like · </a>
|
||||||
|
<a href="#" class="reply">Reply · </a>
|
||||||
|
<div class="date">December 7, 2017, 23:18</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
@ -0,0 +1,110 @@
|
|||||||
|
<!--{{$quotes := .Params.quotes.quotes__text}}-->
|
||||||
|
<main>
|
||||||
|
<div class="container flex-grid">
|
||||||
|
<div class="main__content">
|
||||||
|
<article class="single-article">
|
||||||
|
<!--<aside class="article-sidebar quotes">-->
|
||||||
|
<!--<blockquote>{{ .Params.quotes__text1 }}</blockquote>-->
|
||||||
|
<!--<blockquote>{{ .Params.quotes__text2 }}</blockquote>-->
|
||||||
|
<!--<blockquote>{{ .Params.quotes__text3 }}</blockquote>-->
|
||||||
|
<!--</aside> -->
|
||||||
|
<section class="article-content">
|
||||||
|
<h1 class="single-article__title">{{ .Title }}</h1>
|
||||||
|
<div class="article__info">
|
||||||
|
<!--<img src="/images-theme/icon-dollar.svg" alt="" class="article__icon">-->
|
||||||
|
{{ range $category := .Params.categories }}
|
||||||
|
<div href="{{ "/categories/" | relLangURL}}" class="article__category__text">{{ $category }}</div>
|
||||||
|
{{ end }}
|
||||||
|
<!--<div class="article__date">{{ dateFormat "Monday Jan 2, 2006" .Params.Date }}</div>-->
|
||||||
|
<!--<div class="article__author">by <span>{{ .Params.Author }}</span></div>-->
|
||||||
|
</div>
|
||||||
|
<p class="single-article__description">{{ .Params.short_description_article }}</p>
|
||||||
|
<div class="single-article__text">
|
||||||
|
{{ .Content | markdownify }}
|
||||||
|
</div>
|
||||||
|
<div id="tags" class="tags">
|
||||||
|
{{ range .Params.tags }}
|
||||||
|
<a class="tags__item" href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a>
|
||||||
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
{{partial "sidebar/markup" .}}
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
{{ if 0 }}
|
||||||
|
<div class="comments">
|
||||||
|
<div class="container">
|
||||||
|
<div class="comments-wrap" id="comments">
|
||||||
|
<div class="comment__responses">
|
||||||
|
<div class="comment__responses__title">Responses</div>
|
||||||
|
<form action="" class="comment__responses__form">
|
||||||
|
<div class="user-avatar">
|
||||||
|
<img src="/images-theme/avatar.png" alt="">
|
||||||
|
</div>
|
||||||
|
<textarea name="" id="" cols="30" rows="10"></textarea>
|
||||||
|
<div class="responses__form__info">
|
||||||
|
<div class="count-comments">6 Comments</div>
|
||||||
|
<div class="sort-comments">
|
||||||
|
<div class="sort__text">Sort by</div>
|
||||||
|
<select name="" id="">
|
||||||
|
<option value="" selected>Oldest</option>
|
||||||
|
<option value="">New</option>
|
||||||
|
<option value="">Latest</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="comment__item">
|
||||||
|
<div class="comment__title">John Eric S. Chin</div>
|
||||||
|
<div class="comment__content">
|
||||||
|
<div class="comment__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div>
|
||||||
|
<div class="comment__control">
|
||||||
|
<a href="#" class="like">Like · </a>
|
||||||
|
<a href="#" class="reply">Reply · </a>
|
||||||
|
<div class="date">December 7, 2017, 23:18</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="comment__item border--active">
|
||||||
|
<div class="comment__title">John Eric S. Chin</div>
|
||||||
|
<div class="comment__content">
|
||||||
|
<div class="comment__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div>
|
||||||
|
<div class="comment__control">
|
||||||
|
<a href="#" class="like">Like · </a>
|
||||||
|
<a href="#" class="reply">Reply · </a>
|
||||||
|
<div class="date">December 7, 2017, 23:18</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="comment__item reply--comment">
|
||||||
|
<div class="comment__title">John Eric S. Chin</div>
|
||||||
|
<div class="comment__content">
|
||||||
|
<div class="comment__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div>
|
||||||
|
<div class="comment__control">
|
||||||
|
<a href="#" class="like">Like · </a>
|
||||||
|
<a href="#" class="reply">Reply · </a>
|
||||||
|
<div class="date">December 7, 2017, 23:18</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="comment__item">
|
||||||
|
<div class="comment__title">John Eric S. Chin</div>
|
||||||
|
<div class="comment__content">
|
||||||
|
<div class="comment__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div>
|
||||||
|
<div class="comment__control">
|
||||||
|
<a href="#" class="like">Like · </a>
|
||||||
|
<a href="#" class="reply">Reply · </a>
|
||||||
|
<div class="date">December 7, 2017, 23:18</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
@ -0,0 +1,2 @@
|
|||||||
|
<footer class="footer">
|
||||||
|
</footer>
|
@ -0,0 +1,20 @@
|
|||||||
|
<!--Cookie usage-->
|
||||||
|
<!--<div class="alert-message">-->
|
||||||
|
<!--<a href="#">We use cookies to provide you with a better onsite experience. By continuing to browse the site you are agreeing to our use of cookies in accordance with our Cookie Policy.</a>-->
|
||||||
|
<!--<div class="close"></div>-->
|
||||||
|
<!--</div>-->
|
||||||
|
<header>
|
||||||
|
<div class="container flex-grid">
|
||||||
|
<a href="{{ .Site.BaseURL }}" class="header__logo logo">
|
||||||
|
</a>
|
||||||
|
<ul class="menu">
|
||||||
|
<li class="menu__item"><a href="{{ .Site.BaseURL }}categories" class="menu__link">Category</a></li>
|
||||||
|
<li class="menu__item"><a href="{{ .Site.BaseURL }}tags" class="menu__link">Tags</a></li>
|
||||||
|
</ul>
|
||||||
|
<!--<form id="search" class="search">-->
|
||||||
|
<!--<input type="text" class="search__text" placeholder="Search text">-->
|
||||||
|
<!--<button class="search__button"></button>-->
|
||||||
|
<!--</form>-->
|
||||||
|
<!--<a href="javascript:void(0)" class="subscribe button">Subscribe</a>-->
|
||||||
|
</div>
|
||||||
|
</header>
|
@ -0,0 +1,39 @@
|
|||||||
|
<main>
|
||||||
|
<div class="container flex-grid">
|
||||||
|
<div class="main__content">
|
||||||
|
|
||||||
|
{{ if .Param "debug" }}
|
||||||
|
{{ .Kind }}
|
||||||
|
<br />
|
||||||
|
|
||||||
|
<!--{{ template "_internal/pagination.html" . }}-->
|
||||||
|
|
||||||
|
{{ $test := index .Pages 0 }}
|
||||||
|
<p>{{ printf "%#T" $test.Params.mydates }}</p>
|
||||||
|
<p>{{ printf "%#v" $test.Params.mydates }}</p>
|
||||||
|
|
||||||
|
<!--Select content linked to issues-->
|
||||||
|
{{ $grouped := .Data.Pages.GroupByParamDate "mydates" "2006-01-02" }}
|
||||||
|
|
||||||
|
<!--sort by most recent-->
|
||||||
|
{{ $sorted := sort $grouped "Key" "asc" }}
|
||||||
|
|
||||||
|
<h4>Grouped {{ len $sorted }} pages by key <mydates></h4>
|
||||||
|
{{ range $sorted }}
|
||||||
|
<h5>Group Key: {{ .Key }}</h5>
|
||||||
|
{{end}}
|
||||||
|
|
||||||
|
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- protocol -->
|
||||||
|
<!-- events -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
{{partial "sidebar/markup" .}}
|
||||||
|
</div>
|
||||||
|
</main>
|
@ -0,0 +1,25 @@
|
|||||||
|
{{$itemSection := .}}
|
||||||
|
<div class="article__item">
|
||||||
|
<article class="article">
|
||||||
|
<div class="article__title"><a href="{{$itemSection.Permalink}}">{{.Params.Title}}</a></div>
|
||||||
|
<div class="article__info">
|
||||||
|
<!-- <img src="images-theme/icon-dollar.svg" alt="" class="article__icon"> -->
|
||||||
|
|
||||||
|
<!--Not needed-->
|
||||||
|
<!--{{ range $category := .Params.categories }}-->
|
||||||
|
<!--<div href="{{ "/categories/" | relLangURL}}" class="article__category__text">{{ $category }}</div>-->
|
||||||
|
<!--{{ end }}-->
|
||||||
|
<!--Not needed-->
|
||||||
|
|
||||||
|
{{with $itemSection.Date}}
|
||||||
|
<div class="article__date">{{dateFormat "Monday Jan 2, 2006" .}}</div>
|
||||||
|
{{end}}
|
||||||
|
<div class="article__author">by <span>{{.Params.author}}</span></div>
|
||||||
|
</div>
|
||||||
|
<div class="article__text"><a href="{{$itemSection.Permalink}}" class="base-text">{{.Params.short_description }}</a></div>
|
||||||
|
<div class="article__info info-bottom">
|
||||||
|
<a href="{{$itemSection.Permalink}}" class="article__read-more"><span>Read more ...</span></a>
|
||||||
|
<!--<a href="{{$itemSection.Permalink}}" class="article__comments"><span>19 comments</span> <img src="images-theme/icon-comments.svg" alt=""></a>-->
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
@ -0,0 +1,21 @@
|
|||||||
|
{{ if eq .Kind "taxonomy" }}
|
||||||
|
<div class="title-block">
|
||||||
|
<a href="test" class="articles__title">{{ .Data.Term }}</a>
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
{{ if eq .Kind "section" }}
|
||||||
|
<div class="title-block">
|
||||||
|
<a href="test" class="articles__title">{{ .Section }}</a>
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
{{ range .Paginator.Pages }}
|
||||||
|
<section class="articles base-section">
|
||||||
|
<div class="articles__wrap right">
|
||||||
|
{{partial "main/main-content-list-item" .}}
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
|
@ -0,0 +1,31 @@
|
|||||||
|
{{$item := .}}
|
||||||
|
<div class="article__item first-article full-width">
|
||||||
|
<article class="article">
|
||||||
|
<div class="article__title">
|
||||||
|
{{with $item.Params.title}}
|
||||||
|
<a href="{{$item.Permalink}}">{{.}}</a>
|
||||||
|
{{end}}
|
||||||
|
</div>
|
||||||
|
<div class="article__info">
|
||||||
|
<img src="images-theme/icon-dollar.svg" alt="" class="article__icon">
|
||||||
|
<div href="#" class="article__category__text">{{ .Params.categories }}</div>
|
||||||
|
{{with $item.Date}}
|
||||||
|
<div class="article__date">{{dateFormat "Monday, Jan 2, 2006" .}}</div>
|
||||||
|
{{end}}
|
||||||
|
{{with $item.Params.author}}
|
||||||
|
<a href="#" class="article__author">by <span>{{.}}</span></a>
|
||||||
|
{{end}}
|
||||||
|
</div>
|
||||||
|
{{with $item.Params.short_description}}
|
||||||
|
<div class="article__text">
|
||||||
|
<a href="{{$item.Permalink}}" class="base-text">
|
||||||
|
{{.}}
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
{{end}}
|
||||||
|
<div class="article__info info-bottom">
|
||||||
|
<a href="{{$item.Permalink}}" class="article__read-more"><span>Read more ...</span></a>
|
||||||
|
<!--<a href="" class="article__comments"><span>19 comments</span> <img src="images-theme/icon-comments.svg" alt=""></a>-->
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
@ -0,0 +1,9 @@
|
|||||||
|
<section class="articles featured-section">
|
||||||
|
<div class="articles__title featured">Featured articles</div>
|
||||||
|
<div class="articles__wrap first-wrap">
|
||||||
|
{{range first 4 (where .Pages ".Params.featured" true)}}
|
||||||
|
{{partial "main/main-page-section-item" .}}
|
||||||
|
{{end}}
|
||||||
|
</div>
|
||||||
|
<div class="articles__wrap right"></div>
|
||||||
|
</section>
|
@ -0,0 +1,34 @@
|
|||||||
|
<main>
|
||||||
|
<div class="container flex-grid">
|
||||||
|
<div class="main__content">
|
||||||
|
|
||||||
|
{{ if .Param "debug" }}
|
||||||
|
{{ .Kind }}
|
||||||
|
{{ template "_internal/pagination.html" . }}
|
||||||
|
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
{{ $paginator := .Paginator }}
|
||||||
|
|
||||||
|
|
||||||
|
{{partial "main/main-content-list" .}}
|
||||||
|
<!-- protocol -->
|
||||||
|
<!-- events -->
|
||||||
|
<div class="pagination">
|
||||||
|
{{ if .Paginator.HasPrev}}
|
||||||
|
<a href="{{ .Paginator.Prev.URL }}" class="pagination__link prev">Previous</a>
|
||||||
|
{{ else }}
|
||||||
|
<a></a>
|
||||||
|
{{end}}
|
||||||
|
|
||||||
|
{{ if .Paginator.HasNext }}
|
||||||
|
<a href="{{ .Paginator.Next.URL }}" class="pagination__link next">Next {{ .Paginator.PageSize }} items</a>
|
||||||
|
{{end}}
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
{{partial "sidebar/markup" .}}
|
||||||
|
</div>
|
||||||
|
</main>
|
@ -0,0 +1,31 @@
|
|||||||
|
<section class="articles popular-section">
|
||||||
|
<div class="articles__title popular">Popular articles</div>
|
||||||
|
|
||||||
|
<section class="articles base-section core">
|
||||||
|
<div class="title-block">
|
||||||
|
<div class="title__icon"></div>
|
||||||
|
<a href="#" class="articles__title">Core</a>
|
||||||
|
<a href="#" class="title__link">Read all <span></span></a>
|
||||||
|
</div>
|
||||||
|
{{ range where .Paginator.Pages "Section" "ne" "" }}
|
||||||
|
<div class="articles__wrap">
|
||||||
|
<div class="article__item">
|
||||||
|
<article class="article">
|
||||||
|
<div class="article__title"><a href="{{ .Permalink }}">{{ .LinkTitle }}</a></div>
|
||||||
|
<div class="article__info">
|
||||||
|
<!-- <img src="images-theme/icon-dollar.svg" alt="" class="article__icon"> -->
|
||||||
|
<a href="#" class="article__category__text">Category</a>
|
||||||
|
<div class="article__date">{{ dateFormat "Jan 2, 2006" .Params.Date }}</div>
|
||||||
|
<a href="#" class="article__author">by <span>{{ .Params.Author }}</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="article__text"><a href="{{ .Permalink }}" class="base-text">{{ .Params.short_description }}</a></div>
|
||||||
|
<div class="article__info info-bottom">
|
||||||
|
<a href="{{ .Permalink }}" class="article__read-more"><span>Read more ...</span></a>
|
||||||
|
<a href="{{ .Permalink }} " class="article__comments"><span>19 comments</span> <img src="images-theme/icon-comments.svg" alt=""></a>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
|
</section>
|
||||||
|
</section>
|
@ -0,0 +1,32 @@
|
|||||||
|
<section class="articles popular-section">
|
||||||
|
<div class="articles__title popular">Popular articles</div>
|
||||||
|
|
||||||
|
<section class="articles base-section core">
|
||||||
|
<div class="title-block">
|
||||||
|
<div class="title__icon"></div>
|
||||||
|
<a href="#" class="articles__title">Core</a>
|
||||||
|
<a href="#" class="title__link">Read all <span></span></a>
|
||||||
|
</div>
|
||||||
|
{{ range where .Paginator.Pages "Section" "ne" "" }}
|
||||||
|
<div class="articles__wrap">
|
||||||
|
<div class="article__item">
|
||||||
|
<article class="article">
|
||||||
|
<div class="article__title"><a href="{{ .Permalink }}">{{ .LinkTitle }}</a></div>
|
||||||
|
<div class="article__info">
|
||||||
|
<!-- <img src="images-theme/icon-dollar.svg" alt="" class="article__icon"> -->
|
||||||
|
<a href="#" class="article__category__text">Category</a>
|
||||||
|
<div class="article__date">{{ dateFormat "Jan 2, 2006" .Params.Date }}</div>
|
||||||
|
<a href="#" class="article__author">by <span>{{ .Params.Author }}</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="article__text"><a href="{{ .Permalink }}" class="base-text">{{ .Params.short_description }}</a></div>
|
||||||
|
<div class="article__info info-bottom">
|
||||||
|
<a href="{{ .Permalink }}" class="article__read-more"><span>Read more ...</span></a>
|
||||||
|
<a href="{{ .Permalink }} " class="article__comments"><span>19 comments</span> <img src="images-theme/icon-comments.svg" alt=""></a>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
|
<div class="articles__wrap right"></div>
|
||||||
|
</section>
|
||||||
|
</section>
|
@ -0,0 +1,23 @@
|
|||||||
|
<aside class="sidebar">
|
||||||
|
<div class="categories">
|
||||||
|
<div class="categories__title">Category</div>
|
||||||
|
{{ range $taxonomyname, $taxonomy := .Site.Taxonomies.categories }}
|
||||||
|
{{ $name := $taxonomyname}}
|
||||||
|
<a href="{{ "/categories/" | relLangURL}}{{ $taxonomyname | urlize }}" class="categories__item">{{ $taxonomyname }}<span class="icon">›</span></a>
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
<a href="javascript:void(0)" class="categories__item view-all">View all</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!--<div class="buttons-wrap">-->
|
||||||
|
<!--<a href="javascript:void(0)" class="login button button--orange">Login</a>-->
|
||||||
|
<!--<a href="javascript:void(0)" class="subscribe button">Subscribe</a>-->
|
||||||
|
<!--</div>-->
|
||||||
|
|
||||||
|
<!--<div id="tags" class="tags">-->
|
||||||
|
<!--<div class="tags__title">Tags</div>-->
|
||||||
|
<!--{{ range .Params.tags }}-->
|
||||||
|
<!--<a class="tags__item" href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a>-->
|
||||||
|
<!--{{ end }}-->
|
||||||
|
<!--</div>-->
|
||||||
|
</aside>
|
@ -0,0 +1,4 @@
|
|||||||
|
<!-- Matomo -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
</script>
|
||||||
|
<!-- End Matomo Code -->
|
@ -0,0 +1,14 @@
|
|||||||
|
<link rel="icon" href='{{ .Site.BaseURL }}images-theme/favicon.ico'>
|
||||||
|
<link rel="apple-touch-icon" sizes="57x57" href="{{ .Site.BaseURL }}images-theme/57x57.png?v=symbol">
|
||||||
|
<link rel="apple-touch-icon" sizes="60x60" href="{{ .Site.BaseURL }}images-theme/60x60.png?v=symbol">
|
||||||
|
<link rel="apple-touch-icon" sizes="72x72" href="{{ .Site.BaseURL }}images-theme/72x72.png?v=symbol">
|
||||||
|
<link rel="apple-touch-icon" sizes="76x76" href="{{ .Site.BaseURL }}images-theme/76x76.png?v=symbol">
|
||||||
|
<link rel="apple-touch-icon" sizes="114x114" href="{{ .Site.BaseURL }}images-theme/114x114.png?v=symbol">
|
||||||
|
<link rel="apple-touch-icon" sizes="120x120" href="{{ .Site.BaseURL }}images-theme/120x120.png?v=symbol">
|
||||||
|
<link rel="apple-touch-icon" sizes="144x144" href="{{ .Site.BaseURL }}images-theme/144x144.png?v=symbol">
|
||||||
|
<link rel="apple-touch-icon" sizes="152x152" href="{{ .Site.BaseURL }}images-theme/152x152.png?v=symbol">
|
||||||
|
<link rel="apple-touch-icon" sizes="180x180" href="{{ .Site.BaseURL }}images-theme/180x180.png?v=symbol">
|
||||||
|
<link rel="icon" type="image/png" href="{{ .Site.BaseURL }}images-theme/32x32.png?v=symbol" sizes="32x32">
|
||||||
|
<link rel="icon" type="image/png" href="{{ .Site.BaseURL }}images-theme/194x194.png?v=symbol" sizes="194x194">
|
||||||
|
<link rel="icon" type="image/png" href="{{ .Site.BaseURL }}images-theme/192x192.png?v=symbol" sizes="192x192">
|
||||||
|
<link rel="icon" type="image/png" href="{{ .Site.BaseURL }}images-theme/16x16.png?v=symbol" sizes="16x16">
|
@ -0,0 +1,3 @@
|
|||||||
|
<script src="/js/common.min.js"></script>
|
||||||
|
<script src="/js/global.min.js"></script>
|
||||||
|
|
@ -0,0 +1,10 @@
|
|||||||
|
<head>
|
||||||
|
<title>{{ .Page.Title }}</title>
|
||||||
|
{{partial "vendor/meta-og-tags" .}}
|
||||||
|
{{partial "vendor/favicons"}}
|
||||||
|
{{partial "vendor/analytics"}}
|
||||||
|
<link href="{{ .Site.BaseURL }}css/global.min.css" rel="stylesheet">
|
||||||
|
{{ if .RSSLink }}
|
||||||
|
<link href="{{ .RSSLink }}" rel="alternate" type="application/rss+xml" title="{{ .Site.Title }}" />
|
||||||
|
{{end}}
|
||||||
|
</head>
|
@ -0,0 +1,4 @@
|
|||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="generator" content="{{.Hugo.Version }}" />
|
||||||
|
|
After Width: | Height: | Size: 2.8 KiB |
After Width: | Height: | Size: 15 KiB |
@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="22" height="22" viewBox="0 0 22 22"><defs><path id="1snya" d="M417.5 4592a9.5 9.5 0 1 1 0-19 9.5 9.5 0 0 1 0 19zm0-17.81a8.32 8.32 0 1 0 .02 16.64 8.32 8.32 0 0 0-.02-16.64zm-.88 8.28c-.02.35.32.62.32.62l2.18 2.18a.6.6 0 1 1-.84.84l-3.5-3.6 3.5-3.6a.6.6 0 1 1 .84.84l-2.15 2.15c-.26.2-.35.4-.35.57z"/></defs><g><g transform="translate(-406 -4571)"><use fill="#17171a" xlink:href="#1snya"/></g></g></svg>
|
After Width: | Height: | Size: 493 B |
After Width: | Height: | Size: 159 B |
@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="12" viewBox="0 0 12 12"><defs><path id="z2twa" d="M1787.77 24.77a.67.67 0 0 1-.95 0l-2.84-2.84-2.84 2.84a.67.67 0 0 1-.95-.95l2.84-2.84-2.84-2.84a.67.67 0 0 1 .95-.95l2.84 2.84 2.84-2.84a.67.67 0 0 1 .95.95l-2.84 2.84 2.84 2.84c.26.26.26.69 0 .95z"/></defs><g><g opacity=".2" transform="translate(-1778 -15)"><use xlink:href="#z2twa"/></g></g></svg>
|
After Width: | Height: | Size: 451 B |
@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="21" height="17" viewBox="0 0 21 17"><defs><path id="axr8a" d="M1066 720v10h-16v-10zm-5 11l-1 3h1l3-3h2c.65 0 1-.37 1-1v-9.85c0-.63-.54-1.14-1.2-1.14l-15.62.07c-.65 0-1.18.51-1.18 1.14V730c0 .63.34 1 1 1z"/></defs><g><g transform="translate(-1047 -718)"><use fill="#737277" xlink:href="#axr8a"/></g></g></svg>
|
After Width: | Height: | Size: 398 B |
@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="22" height="22" viewBox="0 0 22 22"><defs><path id="mrgwa" d="M427 535.5a9.5 9.5 0 1 1-19 0 9.5 9.5 0 0 1 19 0zm-1.73 0a7.77 7.77 0 1 0-15.54 0 7.77 7.77 0 0 0 15.54 0zm-8.66 5.5l.12-1.3a7.33 7.33 0 0 1-1.25-.3 3.5 3.5 0 0 1-.86-.4l.26-1.56c.27.16.58.3.91.43.34.13.7.22 1.1.28l.23-2.38-.24-.13-.75-.42a3.24 3.24 0 0 1-.67-.52 2.22 2.22 0 0 1-.66-1.63c0-.3.06-.58.17-.86.12-.27.3-.5.53-.7.23-.2.53-.37.88-.5.36-.12.77-.18 1.25-.18l.1-1.18.86.09-.12 1.16a4.35 4.35 0 0 1 1.65.56l-.2 1.55c-.28-.13-.55-.24-.8-.34-.26-.1-.53-.17-.8-.22l-.22 2.09.16.07c.42.21.76.43 1.04.65.27.22.5.44.65.66.16.23.27.46.34.7.06.24.1.48.1.72 0 .42-.09.78-.25 1.07-.16.3-.38.54-.64.73-.26.19-.56.33-.9.43-.33.1-.67.15-1.02.16l-.12 1.36zm2.18-3.6c0-.23-.06-.44-.17-.6a2.37 2.37 0 0 0-.69-.57l-.2 1.96c.38-.03.65-.12.81-.28.17-.16.25-.32.25-.5zm-2.4-4.33c0 .2.05.38.17.52.12.14.37.3.73.51l.18-1.73a1.5 1.5 0 0 0-.82.2.58.58 0 0 0-.27.5z"/></defs><g><g transform="translate(-406 -524)"><use fill="#0f9e42" xlink:href="#mrgwa"/></g></g></svg>
|
After Width: | Height: | Size: 1.1 KiB |
@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="21" height="20" viewBox="0 0 21 20"><defs><path id="8ht6a" d="M1619.75 111.75a.85.85 0 0 1-1.2 0l-3.07-3.06a7.69 7.69 0 1 1 1.2-1.2l3.07 3.05c.33.33.33.88 0 1.2zm-3.09-9.06a5.98 5.98 0 1 0-11.95 0 5.98 5.98 0 0 0 11.95 0z"/></defs><g><g transform="translate(-1601 -93)"><use xlink:href="#8ht6a"/></g></g></svg>
|
After Width: | Height: | Size: 400 B |
After Width: | Height: | Size: 2.0 KiB |
@ -0,0 +1,4 @@
|
|||||||
|
let jQuery = require("jquery");
|
||||||
|
|
||||||
|
import "../sass/global.sass";
|
||||||
|
import "./modules/common.js"
|
@ -0,0 +1,16 @@
|
|||||||
|
$(document).ready( function() {
|
||||||
|
replyComment();
|
||||||
|
|
||||||
|
$('.alert-message .close').on('click', function() {
|
||||||
|
$('.alert-message').slideUp();
|
||||||
|
});
|
||||||
|
|
||||||
|
function replyComment() {
|
||||||
|
$('.comment__item').each(function(index, el) {
|
||||||
|
if ($(this).hasClass('reply--comment')) {
|
||||||
|
$(this).closest('comment__item').addClass('border-active');
|
||||||
|
};
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
});
|
@ -0,0 +1,16 @@
|
|||||||
|
// import vendors
|
||||||
|
@import "vendor/normalize"
|
||||||
|
@import "vendor/fonts"
|
||||||
|
@import "vendor/variables"
|
||||||
|
@import "vendor/mixins"
|
||||||
|
@import "vendor/buttons"
|
||||||
|
@import "vendor/theme-preferences"
|
||||||
|
@import "bourbon"
|
||||||
|
|
||||||
|
@import "modules/header/desktop"
|
||||||
|
@import "modules/content/desktop"
|
||||||
|
@import "modules/sidebar/desktop"
|
||||||
|
@import "modules/footer/desktop"
|
||||||
|
@import "modules/mobile/mobile"
|
||||||
|
|
||||||
|
|
@ -0,0 +1,31 @@
|
|||||||
|
.archives
|
||||||
|
padding-right: 5%
|
||||||
|
.archive__item
|
||||||
|
margin-bottom: 100px
|
||||||
|
.archive__title
|
||||||
|
font-family: "Concourse T3"
|
||||||
|
font-size: 46px
|
||||||
|
font-weight: 700
|
||||||
|
line-height: 33px
|
||||||
|
color: $black
|
||||||
|
.archive__date
|
||||||
|
font-family: "Concourse T3"
|
||||||
|
color: $black
|
||||||
|
font-size: 24px
|
||||||
|
font-style: italic
|
||||||
|
margin-bottom: 50px
|
||||||
|
.archive__content
|
||||||
|
.archive__content__item
|
||||||
|
color: $gray
|
||||||
|
font-family: "Concourse T3"
|
||||||
|
font-size: 22px
|
||||||
|
font-weight: 400
|
||||||
|
line-height: 32px
|
||||||
|
margin-bottom: 5px
|
||||||
|
a
|
||||||
|
color: $blue-2
|
||||||
|
font-weight: 700
|
||||||
|
text-decoration: underline
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -0,0 +1,205 @@
|
|||||||
|
//Singl article
|
||||||
|
|
||||||
|
.single-article
|
||||||
|
display: flex
|
||||||
|
justify-content: center
|
||||||
|
.article__info
|
||||||
|
margin-bottom: 40px
|
||||||
|
.tags
|
||||||
|
margin-bottom: 60px
|
||||||
|
|
||||||
|
ul
|
||||||
|
li
|
||||||
|
color: $orange
|
||||||
|
li::before
|
||||||
|
color $orange
|
||||||
|
content: '\2500';
|
||||||
|
font-size: 1em;
|
||||||
|
padding-right: 1.225em;
|
||||||
|
position: relative;
|
||||||
|
top: 0em;
|
||||||
|
|
||||||
|
.article-sidebar
|
||||||
|
width: 10%
|
||||||
|
background-color: $white
|
||||||
|
margin-right: 40px
|
||||||
|
margin-top: 10px
|
||||||
|
border-top: 3px solid $black
|
||||||
|
// TODO: implement sidebar quotes
|
||||||
|
&.quotes
|
||||||
|
visibility: hidden
|
||||||
|
|
||||||
|
pre
|
||||||
|
padding-left: 40px
|
||||||
|
code
|
||||||
|
font-family: "Concourse T3"
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
blockquote
|
||||||
|
color: $gray
|
||||||
|
font-family: "Concourse T3"
|
||||||
|
font-size: 1.5rem
|
||||||
|
font-style: italic
|
||||||
|
line-height: 28px
|
||||||
|
text-align: left
|
||||||
|
&:nth-child(1)
|
||||||
|
padding-top: 20%
|
||||||
|
&:nth-child(2)
|
||||||
|
padding-top: 84%
|
||||||
|
&:nth-child(3)
|
||||||
|
padding-top: 75%
|
||||||
|
|
||||||
|
.article-content
|
||||||
|
width: 100%
|
||||||
|
|
||||||
|
.single-article__title
|
||||||
|
color: $black
|
||||||
|
font-family: "Concourse T3"
|
||||||
|
font-size: 53px
|
||||||
|
font-weight: 700
|
||||||
|
line-height: 58px
|
||||||
|
margin-bottom: 30px
|
||||||
|
|
||||||
|
.single-article__description
|
||||||
|
color: $black
|
||||||
|
font-weight: 700
|
||||||
|
margin-bottom: 40px
|
||||||
|
|
||||||
|
.single-article__text
|
||||||
|
|
||||||
|
@include text-link
|
||||||
|
|
||||||
|
color: $black
|
||||||
|
font-family: "Concourse T3"
|
||||||
|
font-size: 23px
|
||||||
|
font-weight: 400
|
||||||
|
margin-bottom: 60px
|
||||||
|
em
|
||||||
|
border-bottom: 2px solid $orange-2
|
||||||
|
box-shadow: inset 0 -4px 0 $orange-2
|
||||||
|
-webkit-box-shadow: inset 0 -4px 0 $orange-2
|
||||||
|
blockquote
|
||||||
|
font-size: 0.9em
|
||||||
|
background-color: $orange-light
|
||||||
|
font-style: normal
|
||||||
|
border-left: 5px solid $orange
|
||||||
|
padding-top: 1rem
|
||||||
|
padding-bottom: 15px
|
||||||
|
padding-left: 25px
|
||||||
|
margin-bottom: 1rem
|
||||||
|
padding-right: 10px
|
||||||
|
h1,h2,h3,h4
|
||||||
|
color: $black-yellow
|
||||||
|
p, pre
|
||||||
|
color: $black-3
|
||||||
|
|
||||||
|
p
|
||||||
|
margin-bottom: 20px
|
||||||
|
strong
|
||||||
|
color: $black
|
||||||
|
|
||||||
|
|
||||||
|
//Comments
|
||||||
|
.comments
|
||||||
|
width: 100%
|
||||||
|
background-color: $comments-bg
|
||||||
|
padding: 50px 0
|
||||||
|
.comments-wrap
|
||||||
|
width: 60%
|
||||||
|
padding-left: 1%
|
||||||
|
margin: 0 auto
|
||||||
|
|
||||||
|
.comment__responses__form
|
||||||
|
width: 100%
|
||||||
|
position: relative
|
||||||
|
padding-bottom: 20px
|
||||||
|
margin-bottom: 40px
|
||||||
|
border-bottom: 1px dotted $border-color
|
||||||
|
.user-avatar
|
||||||
|
width: 34px
|
||||||
|
position: absolute
|
||||||
|
left: 10px
|
||||||
|
top: 17px
|
||||||
|
height: 34px
|
||||||
|
border-radius: 50%
|
||||||
|
overflow: hidden
|
||||||
|
img
|
||||||
|
max-width: 100%
|
||||||
|
textarea
|
||||||
|
width: 100%
|
||||||
|
height: 64px
|
||||||
|
resize: none
|
||||||
|
border: 1px solid #f0f0f0
|
||||||
|
background-color: $white
|
||||||
|
padding-left: 50px
|
||||||
|
font-size: 16px
|
||||||
|
color: $black
|
||||||
|
box-sizing: border-box
|
||||||
|
margin-bottom: 50px
|
||||||
|
|
||||||
|
.comment__responses__title,
|
||||||
|
.count-comments
|
||||||
|
color: $black
|
||||||
|
font-family: "Concourse T3"
|
||||||
|
font-size: 20px
|
||||||
|
font-weight: 700
|
||||||
|
line-height: 30px
|
||||||
|
margin-bottom: 10px
|
||||||
|
|
||||||
|
.sort-comments
|
||||||
|
display: flex
|
||||||
|
color: $black
|
||||||
|
font-family: "Concourse T3"
|
||||||
|
font-size: 16px
|
||||||
|
font-weight: 400
|
||||||
|
line-height: 30px
|
||||||
|
select
|
||||||
|
border: 1px solid #f0f0f0
|
||||||
|
background-color: $white
|
||||||
|
padding: 4px 10px
|
||||||
|
.responses__form__info
|
||||||
|
display: flex
|
||||||
|
justify-content: space-between
|
||||||
|
align-items: center
|
||||||
|
.sort__text
|
||||||
|
margin-right: 10px
|
||||||
|
|
||||||
|
.comment__item
|
||||||
|
margin-bottom: 50px
|
||||||
|
&.border--active
|
||||||
|
border-left: 3px solid $orange
|
||||||
|
.comment__title
|
||||||
|
background-color: $orange
|
||||||
|
padding: 5px 12px
|
||||||
|
color: $black-3
|
||||||
|
font-family: "Concourse T3"
|
||||||
|
font-size: 17px
|
||||||
|
font-weight: 900
|
||||||
|
|
||||||
|
.reply--comment
|
||||||
|
padding-left: 57px
|
||||||
|
border: none
|
||||||
|
.comment__title
|
||||||
|
background-color: $light-orange
|
||||||
|
|
||||||
|
.comment__text
|
||||||
|
color: $black
|
||||||
|
font-family: "Concourse T3"
|
||||||
|
font-size: 17px
|
||||||
|
font-weight: 400
|
||||||
|
line-height: 26px
|
||||||
|
padding-bottom: 30px
|
||||||
|
|
||||||
|
.comment__content
|
||||||
|
padding: 20px 0 30px 15px
|
||||||
|
.comment__control
|
||||||
|
display: flex
|
||||||
|
font-size: 15px
|
||||||
|
|
||||||
|
a
|
||||||
|
display: inline-block
|
||||||
|
margin-right: 5px
|
||||||
|
color: $blue-2
|
||||||
|
.date
|
||||||
|
color: $gray
|
@ -0,0 +1,225 @@
|
|||||||
|
.articles
|
||||||
|
display: flex
|
||||||
|
flex-wrap: wrap
|
||||||
|
.articles__title.featured
|
||||||
|
color: $red
|
||||||
|
font-family: "Concourse T3"
|
||||||
|
font-size: 53px
|
||||||
|
font-weight: 400
|
||||||
|
line-height: 58px
|
||||||
|
margin-bottom: 30px
|
||||||
|
border: none
|
||||||
|
width: 100%
|
||||||
|
.article__title
|
||||||
|
margin-bottom: 10px
|
||||||
|
a
|
||||||
|
color: $black
|
||||||
|
font-family: "Concourse T2"
|
||||||
|
font-size: 33px
|
||||||
|
font-weight: 700
|
||||||
|
line-height: 41px
|
||||||
|
.featured-section
|
||||||
|
.articles__wrap.first-wrap
|
||||||
|
width: 100%
|
||||||
|
.article__item:nth-child(even)
|
||||||
|
width: 35%
|
||||||
|
.article__item:first-child
|
||||||
|
.article__title
|
||||||
|
a
|
||||||
|
font-size: 53px
|
||||||
|
font-weight: 700
|
||||||
|
line-height: 58px
|
||||||
|
.article__item
|
||||||
|
width: 60%
|
||||||
|
.first-article
|
||||||
|
.article__title
|
||||||
|
a
|
||||||
|
font-size: 33px
|
||||||
|
line-height: 41px
|
||||||
|
|
||||||
|
.articles__wrap
|
||||||
|
display: flex
|
||||||
|
justify-content: space-between
|
||||||
|
margin-bottom: 20px
|
||||||
|
width: 100%
|
||||||
|
flex-wrap: wrap
|
||||||
|
|
||||||
|
.first-wrap
|
||||||
|
.article__item
|
||||||
|
padding-left: 5%
|
||||||
|
.article__item
|
||||||
|
width: 100%
|
||||||
|
&.full-width
|
||||||
|
width: 70%
|
||||||
|
padding-left: 0
|
||||||
|
|
||||||
|
.article__info
|
||||||
|
display: flex
|
||||||
|
align-items: center
|
||||||
|
font-size: 0.8em
|
||||||
|
margin-bottom: 20px
|
||||||
|
|
||||||
|
.article__icon
|
||||||
|
display: inline-block
|
||||||
|
margin-right: 8px
|
||||||
|
|
||||||
|
.article__category__text
|
||||||
|
color: $red-2
|
||||||
|
font-weight: 700
|
||||||
|
letter-spacing: 1px
|
||||||
|
text-transform: uppercase
|
||||||
|
font-size: 0.9em
|
||||||
|
margin-right: 10px
|
||||||
|
|
||||||
|
.article__date
|
||||||
|
color: $gray
|
||||||
|
margin-right: 10px
|
||||||
|
|
||||||
|
.article__author
|
||||||
|
color: $gray
|
||||||
|
span
|
||||||
|
display: inline-block
|
||||||
|
//color: $black
|
||||||
|
|
||||||
|
.article__text
|
||||||
|
margin-bottom: 25px
|
||||||
|
.base-text
|
||||||
|
@include text-link
|
||||||
|
|
||||||
|
.article__info.info-bottom
|
||||||
|
justify-content: space-between
|
||||||
|
.article__read-more
|
||||||
|
display: inline-block
|
||||||
|
color: $blue-2
|
||||||
|
font-family: "Concourse T3"
|
||||||
|
font-size: 18px
|
||||||
|
font-weight: 400
|
||||||
|
line-height: 52px
|
||||||
|
text-decoration: underline
|
||||||
|
|
||||||
|
.article__comments
|
||||||
|
color: $gray
|
||||||
|
font-family: "Concourse T3"
|
||||||
|
font-size: 18px
|
||||||
|
font-weight: 400
|
||||||
|
line-height: 52px
|
||||||
|
span
|
||||||
|
display: inline-block
|
||||||
|
margin-right: 5px
|
||||||
|
img
|
||||||
|
position: relative
|
||||||
|
top: 4px
|
||||||
|
|
||||||
|
.articles__title.featured
|
||||||
|
padding-left: 0
|
||||||
|
&:before
|
||||||
|
display: none
|
||||||
|
|
||||||
|
.articles__title
|
||||||
|
display: block
|
||||||
|
color: $black
|
||||||
|
font-family: "Concourse T3"
|
||||||
|
font-size: 34px
|
||||||
|
font-weight: lighter
|
||||||
|
line-height: 45px
|
||||||
|
padding: 30px 0
|
||||||
|
position: relative
|
||||||
|
padding-left: 45px
|
||||||
|
text-transform: uppercase
|
||||||
|
&:before
|
||||||
|
content: ""
|
||||||
|
width: 27px
|
||||||
|
height: 10px
|
||||||
|
background-color: #4aadae
|
||||||
|
display: block
|
||||||
|
position: absolute
|
||||||
|
left: 0
|
||||||
|
top: 50%
|
||||||
|
transform: translateY(-48%)
|
||||||
|
|
||||||
|
section.articles.base-section:nth-child(2)
|
||||||
|
.articles__title
|
||||||
|
&:before
|
||||||
|
background-color: $orange
|
||||||
|
|
||||||
|
section.articles.base-section:nth-child(3)
|
||||||
|
.articles__title
|
||||||
|
&:before
|
||||||
|
background-color: $purple
|
||||||
|
|
||||||
|
section.articles.base-section:nth-child(4)
|
||||||
|
.articles__title
|
||||||
|
&:before
|
||||||
|
background-color: $red-2
|
||||||
|
|
||||||
|
.title-block
|
||||||
|
display: -webkit-flex
|
||||||
|
margin-bottom: 50px
|
||||||
|
display: -moz-flex
|
||||||
|
display: -ms-flex
|
||||||
|
display: -o-flex
|
||||||
|
display: flex
|
||||||
|
align-items: center
|
||||||
|
//border-top: 1px dotted $border-color
|
||||||
|
border-bottom: 1px dotted $border-color
|
||||||
|
width: 100%
|
||||||
|
.title__icon
|
||||||
|
width: 27px
|
||||||
|
height: 10px
|
||||||
|
background-color: #4aadae
|
||||||
|
margin-right: 15px
|
||||||
|
.title__link
|
||||||
|
margin-left: auto
|
||||||
|
color: $black-2
|
||||||
|
font-family: "Concourse T3"
|
||||||
|
font-size: 14px
|
||||||
|
font-weight: 700
|
||||||
|
line-height: 52px
|
||||||
|
text-transform: uppercase
|
||||||
|
letter-spacing: 0.28px
|
||||||
|
padding-right: 40px
|
||||||
|
|
||||||
|
.title__link
|
||||||
|
position: relative
|
||||||
|
span
|
||||||
|
font-size: 20px
|
||||||
|
color: $gray
|
||||||
|
width: 6px
|
||||||
|
height: 11px
|
||||||
|
background-image: url(../images-theme/icon-arrow.png)
|
||||||
|
position: absolute
|
||||||
|
right: 10px
|
||||||
|
top: 50%
|
||||||
|
transform: translateY(-50%)
|
||||||
|
|
||||||
|
.protocol
|
||||||
|
.title__icon
|
||||||
|
background-color: $red-2
|
||||||
|
.events
|
||||||
|
.title__icon
|
||||||
|
background-color: $purple
|
||||||
|
|
||||||
|
.pagination
|
||||||
|
width: 100%
|
||||||
|
border-top: 1px dotted $gray-lite-2
|
||||||
|
padding: 50px 0
|
||||||
|
display: flex
|
||||||
|
flex-direction: row
|
||||||
|
justify-content: space-between
|
||||||
|
align-items: center
|
||||||
|
|
||||||
|
.pagination__link
|
||||||
|
display: inline-block
|
||||||
|
color: $blue-2
|
||||||
|
font-size: .9em
|
||||||
|
&:hover
|
||||||
|
text-decoration: underline
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.pagination__link.prev
|
||||||
|
|
||||||
|
.pagination__link.next
|
||||||
|
.pagination__icon
|
||||||
|
margin-left: 10px
|
||||||
|
transform: rotate(180deg)
|
@ -0,0 +1,20 @@
|
|||||||
|
main
|
||||||
|
.flex-grid
|
||||||
|
align-items: normal
|
||||||
|
justify-content: flex-end
|
||||||
|
padding: 0
|
||||||
|
.main__content
|
||||||
|
width: $container-main-width
|
||||||
|
padding-right: 20px
|
||||||
|
padding-left: 20px
|
||||||
|
padding-bottom: 20px
|
||||||
|
|
||||||
|
.name404
|
||||||
|
text-align: center
|
||||||
|
font-size: 40px
|
||||||
|
line-height: 60px
|
||||||
|
padding: 100px 0
|
||||||
|
|
||||||
|
@import "modules/content/articles"
|
||||||
|
@import "modules/content/article"
|
||||||
|
@import "modules/content/archives"
|
@ -0,0 +1,35 @@
|
|||||||
|
footer
|
||||||
|
border-top: 1px dotted $border-color
|
||||||
|
border-bottom: 0px dotted $gray
|
||||||
|
|
||||||
|
.footer__content
|
||||||
|
width: 80%
|
||||||
|
.container
|
||||||
|
padding: 0
|
||||||
|
|
||||||
|
.footer__content
|
||||||
|
padding: 80px 0
|
||||||
|
display: flex
|
||||||
|
justify-content: space-between
|
||||||
|
.footer__item
|
||||||
|
width: 25%
|
||||||
|
|
||||||
|
.footer__link
|
||||||
|
display: block
|
||||||
|
color: $gray
|
||||||
|
font-family: "Concourse T3"
|
||||||
|
font-size: 16px
|
||||||
|
font-weight: 400
|
||||||
|
line-height: 34px
|
||||||
|
|
||||||
|
.copyright
|
||||||
|
padding: 50px 0
|
||||||
|
color: $gray
|
||||||
|
font-family: "Concourse T3"
|
||||||
|
font-size: 15px
|
||||||
|
font-weight: 400
|
||||||
|
line-height: 34px
|
||||||
|
.container
|
||||||
|
text-align: left
|
||||||
|
|
||||||
|
|
@ -0,0 +1,81 @@
|
|||||||
|
.alert-message
|
||||||
|
font-size: 12px
|
||||||
|
width: 100%
|
||||||
|
background-color: $gray-2
|
||||||
|
text-align: center
|
||||||
|
position: relative
|
||||||
|
height: 41px
|
||||||
|
a
|
||||||
|
padding: 3px 0
|
||||||
|
display: inline-block
|
||||||
|
font-family: 'Concourse C4'
|
||||||
|
color: $gray-3
|
||||||
|
font-size: 12px
|
||||||
|
font-weight: 400
|
||||||
|
.close
|
||||||
|
width: 10px
|
||||||
|
height: 10px
|
||||||
|
display: block
|
||||||
|
position: absolute
|
||||||
|
right: 15%
|
||||||
|
top: 15px
|
||||||
|
background-image: url(../images-theme/icon-close.svg)
|
||||||
|
background-repeat: no-repeat
|
||||||
|
background-size: cover
|
||||||
|
background-position: center
|
||||||
|
&:hover
|
||||||
|
cursor: pointer
|
||||||
|
|
||||||
|
header
|
||||||
|
min-height: 120px
|
||||||
|
height: 100%
|
||||||
|
display: flex
|
||||||
|
align-items: center
|
||||||
|
margin-bottom: 70px
|
||||||
|
.container
|
||||||
|
min-height: 120px
|
||||||
|
border-bottom: 1px dotted $border-color
|
||||||
|
|
||||||
|
.logo
|
||||||
|
display: inline-block
|
||||||
|
img
|
||||||
|
max-width: 100%
|
||||||
|
|
||||||
|
.menu
|
||||||
|
margin-left: auto
|
||||||
|
margin-right: 60px
|
||||||
|
.menu__item
|
||||||
|
display: inline-block
|
||||||
|
margin-right: 45px
|
||||||
|
&:last-child
|
||||||
|
margin-right: 0
|
||||||
|
.menu__link
|
||||||
|
color: $black
|
||||||
|
font-family: "Concourse T3"
|
||||||
|
font-size: 13px
|
||||||
|
font-weight: 700
|
||||||
|
text-transform: uppercase
|
||||||
|
letter-spacing: 1.3px
|
||||||
|
|
||||||
|
.search
|
||||||
|
position: relative
|
||||||
|
margin-right: 40px
|
||||||
|
.search__text
|
||||||
|
position: absolute
|
||||||
|
padding: 10px 20px
|
||||||
|
text-transform: uppercase
|
||||||
|
font-size: 13px
|
||||||
|
left: -400px
|
||||||
|
min-width: 300px
|
||||||
|
border: 1px solid $gray
|
||||||
|
display: none
|
||||||
|
.search__button
|
||||||
|
width: 17px
|
||||||
|
height: 17px
|
||||||
|
background-color: none
|
||||||
|
border: none
|
||||||
|
background-image: url(../images-theme/icon-search.svg)
|
||||||
|
background-size: cover
|
||||||
|
background-color: transparent
|
||||||
|
background-position: center
|
||||||
|
background-repeat: no-repeat
|
@ -0,0 +1,48 @@
|
|||||||
|
@media only screen and (max-width : 1400px)
|
||||||
|
/**/
|
||||||
|
.container
|
||||||
|
max-width: 1300px
|
||||||
|
padding: 0 10px !important
|
||||||
|
|
||||||
|
@media only screen and (max-width : 1000px)
|
||||||
|
/**/
|
||||||
|
.container
|
||||||
|
max-width: 100%
|
||||||
|
width: 100%
|
||||||
|
padding: 0 10px !important
|
||||||
|
.alert-message
|
||||||
|
display: none
|
||||||
|
.menu .menu__item
|
||||||
|
margin-right: 10px
|
||||||
|
.articles__wrap
|
||||||
|
flex-wrap: wrap
|
||||||
|
.article__item.full-width
|
||||||
|
width: 100%
|
||||||
|
.sidebar
|
||||||
|
width: 30%
|
||||||
|
.first-wrap .article__item
|
||||||
|
padding-left: 0
|
||||||
|
.article__item
|
||||||
|
width: 100%
|
||||||
|
.footer__content
|
||||||
|
width: 100%
|
||||||
|
.article-sidebar
|
||||||
|
display: none
|
||||||
|
.article-content
|
||||||
|
width: 100%
|
||||||
|
.archives
|
||||||
|
padding-right: 0
|
||||||
|
.popular-section .articles__wrap.first-wrap .article__item,
|
||||||
|
.popular-section .articles__wrap.first-wrap .article__item:nth-child(2n)
|
||||||
|
width: 100%
|
||||||
|
|
||||||
|
@media only screen and (max-width : 1000px)
|
||||||
|
.logo
|
||||||
|
width: 110px
|
||||||
|
.first-article .article__title a
|
||||||
|
font-size: 45px
|
||||||
|
line-height: 50px
|
||||||
|
.base-text
|
||||||
|
font-size: 20px
|
||||||
|
.sidebar
|
||||||
|
padding-left: 30px
|
@ -0,0 +1,68 @@
|
|||||||
|
.sidebar
|
||||||
|
width: 20%
|
||||||
|
background-color: $white
|
||||||
|
padding-left: 4vw
|
||||||
|
|
||||||
|
//border-left: 1px solid $gray-4
|
||||||
|
|
||||||
|
.categories
|
||||||
|
margin-bottom: 30px
|
||||||
|
.categories__title
|
||||||
|
color: $black-2
|
||||||
|
font-family: "Concourse T3"
|
||||||
|
font-size: 14px
|
||||||
|
font-weight: 700
|
||||||
|
line-height: 52px
|
||||||
|
text-transform: uppercase
|
||||||
|
letter-spacing: 0.56px
|
||||||
|
.categories__item
|
||||||
|
display: block
|
||||||
|
color: $black-2
|
||||||
|
font-family: "Concourse T3"
|
||||||
|
font-size: 16px
|
||||||
|
font-weight: 400
|
||||||
|
letter-spacing: 0.32px
|
||||||
|
line-height: 30px
|
||||||
|
line-height: 35px
|
||||||
|
text-transform: capitalize
|
||||||
|
// &:hover
|
||||||
|
// span
|
||||||
|
// transform: translateX(10px)
|
||||||
|
span
|
||||||
|
display: inline-block
|
||||||
|
font-size: 20px
|
||||||
|
margin-left: 10px
|
||||||
|
transition: all 0.2s ease
|
||||||
|
&.view-all
|
||||||
|
text-decoration: underline
|
||||||
|
display: inline-block
|
||||||
|
margin-top: 15px
|
||||||
|
|
||||||
|
.login
|
||||||
|
margin-bottom: 10px
|
||||||
|
|
||||||
|
.buttons-wrap
|
||||||
|
margin: 40px 0
|
||||||
|
|
||||||
|
.tags
|
||||||
|
&__title
|
||||||
|
color: $black-2
|
||||||
|
font-family: "Concourse T3"
|
||||||
|
font-size: 14px
|
||||||
|
font-weight: 700
|
||||||
|
line-height: 52px
|
||||||
|
text-transform: uppercase
|
||||||
|
letter-spacing: 0.56px
|
||||||
|
&__item
|
||||||
|
display: inline-block
|
||||||
|
padding: 3px 6px
|
||||||
|
color: $black-2
|
||||||
|
font-size: 14px
|
||||||
|
line-height: 20px
|
||||||
|
background-color: $gray-lite-2
|
||||||
|
border: 1px solid $gray-lite
|
||||||
|
border-radius: 2px
|
||||||
|
margin: 5px
|
||||||
|
margin-left: 0
|
||||||
|
&:hover
|
||||||
|
background-color: $gray-lite
|
@ -0,0 +1,41 @@
|
|||||||
|
@mixin button-light($color: $blue, $size: 14px)
|
||||||
|
border: 2px solid $color
|
||||||
|
background-color: $white
|
||||||
|
color: $blue
|
||||||
|
font-size: $size
|
||||||
|
|
||||||
|
//&:hover
|
||||||
|
//color: $white
|
||||||
|
|
||||||
|
.button
|
||||||
|
min-width: 100px
|
||||||
|
text-align: center
|
||||||
|
border-radius: 3px
|
||||||
|
background-color: $blue
|
||||||
|
font-family: 'Concourse T3'
|
||||||
|
color: $white
|
||||||
|
padding: 12px 25px
|
||||||
|
font-size: 14px
|
||||||
|
font-weight: 700
|
||||||
|
line-height: 15px
|
||||||
|
text-transform: uppercase
|
||||||
|
letter-spacing: 1.12px
|
||||||
|
display: inline-block
|
||||||
|
|
||||||
|
//&:hover
|
||||||
|
//background-color: darken($blue, 5%)
|
||||||
|
|
||||||
|
&--orange
|
||||||
|
background: $orange
|
||||||
|
color: $white
|
||||||
|
min-width: auto
|
||||||
|
&:hover
|
||||||
|
background-color: darken($orange, 5%)
|
||||||
|
|
||||||
|
&.empty
|
||||||
|
background-color: $white
|
||||||
|
color: $blue
|
||||||
|
&:hover
|
||||||
|
background-color: $white
|
||||||
|
text-decoration: underline
|
||||||
|
|
@ -0,0 +1,54 @@
|
|||||||
|
@font-face
|
||||||
|
font-family: 'Gotham Pro'
|
||||||
|
src: url('../fonts/GothamPro-Light.woff2') format("woff2"), url('../fonts/GothamPro-Light.woff') format("woff")
|
||||||
|
font-weight: 300
|
||||||
|
font-style: normal
|
||||||
|
|
||||||
|
|
||||||
|
@font-face
|
||||||
|
font-family: 'Gotham Pro'
|
||||||
|
src: url('../fonts/GothamPro.woff2') format("woff2"), url('../fonts/GothamPro.woff') format("woff")
|
||||||
|
font-weight: normal
|
||||||
|
font-style: normal
|
||||||
|
|
||||||
|
|
||||||
|
@font-face
|
||||||
|
font-family: 'Concourse T2'
|
||||||
|
src: url('../fonts/ConcourseT2-Bold.woff2') format("woff2"), url('../fonts/ConcourseT2-Bold.woff') format("woff")
|
||||||
|
font-weight: bold
|
||||||
|
font-style: normal
|
||||||
|
|
||||||
|
|
||||||
|
@font-face
|
||||||
|
font-family: 'Minion Pro'
|
||||||
|
src: url('../fonts/MinionPro-Regular.woff2') format("woff2"), url('../fonts/MinionPro-Regular.woff') format("woff")
|
||||||
|
font-weight: normal
|
||||||
|
font-style: normal
|
||||||
|
|
||||||
|
|
||||||
|
@font-face
|
||||||
|
font-family: 'Concourse C4'
|
||||||
|
src: url('../fonts/ConcourseC4.woff2') format("woff2"), url('../fonts/ConcourseC4.woff') format("woff")
|
||||||
|
font-weight: normal
|
||||||
|
font-style: normal
|
||||||
|
|
||||||
|
|
||||||
|
@font-face
|
||||||
|
font-family: 'Concourse T3'
|
||||||
|
src: url('../fonts/ConcourseT3.woff2') format("woff2"), url('../fonts/ConcourseT3.woff') format("woff")
|
||||||
|
font-weight: normal
|
||||||
|
font-style: normal
|
||||||
|
|
||||||
|
|
||||||
|
@font-face
|
||||||
|
font-family: 'Concourse T3'
|
||||||
|
src: url('../fonts/ConcourseT3-Bold.woff2') format("woff2"), url('../fonts/ConcourseT3-Bold.woff') format("woff")
|
||||||
|
font-weight: bold
|
||||||
|
font-style: normal
|
||||||
|
|
||||||
|
|
||||||
|
@font-face
|
||||||
|
font-family: 'Concourse T3'
|
||||||
|
src: url('../fonts/ConcourseT3-Italic.woff2') format("woff2"), url('../fonts/ConcourseT3-Italic.woff') format("woff")
|
||||||
|
font-weight: normal
|
||||||
|
font-style: italic
|
@ -0,0 +1,39 @@
|
|||||||
|
=clear-fix
|
||||||
|
&:after
|
||||||
|
content: ""
|
||||||
|
display: block
|
||||||
|
clear: both
|
||||||
|
width: 100%
|
||||||
|
height: 1px
|
||||||
|
margin-bottom: -1px
|
||||||
|
|
||||||
|
=font($family, $size, $height, $color, $style, $decoration, $transform)
|
||||||
|
font-family: $family
|
||||||
|
font-size: $size
|
||||||
|
line-height: $height
|
||||||
|
color: $color
|
||||||
|
font-style: $style
|
||||||
|
text-decoration: $decoration
|
||||||
|
text-transform: $transform
|
||||||
|
text-rendering: geometricPrecision
|
||||||
|
|
||||||
|
=chageFontSize($size, $height)
|
||||||
|
font-size: $size
|
||||||
|
line-height: $height
|
||||||
|
|
||||||
|
=transition($speed, $type)
|
||||||
|
transition: all $speed $type
|
||||||
|
|
||||||
|
=resetForAbsoluteCentering()
|
||||||
|
top: 0
|
||||||
|
right: 0
|
||||||
|
left: 0
|
||||||
|
bottom: 0
|
||||||
|
|
||||||
|
@mixin text-link
|
||||||
|
a
|
||||||
|
color: $orange
|
||||||
|
font-weight: bold
|
||||||
|
&:hover
|
||||||
|
text-decoration: underline
|
||||||
|
|
@ -0,0 +1,173 @@
|
|||||||
|
// Margin and padding resets
|
||||||
|
*
|
||||||
|
text-rendering: geometricPrecision
|
||||||
|
html
|
||||||
|
font-family: sans-serif
|
||||||
|
-ms-text-size-adjust: 100%
|
||||||
|
-webkit-text-size-adjust: 100%
|
||||||
|
margin: 0
|
||||||
|
padding: 0
|
||||||
|
border: 0
|
||||||
|
font-size: 100%
|
||||||
|
font: inherit
|
||||||
|
vertical-align: baseline
|
||||||
|
outline: none
|
||||||
|
box-sizing: border-box
|
||||||
|
overflow-x: hidden
|
||||||
|
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
|
||||||
|
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
|
||||||
|
em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
|
||||||
|
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
|
||||||
|
caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
|
||||||
|
embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby,
|
||||||
|
section, summary, time, mark, audio, video
|
||||||
|
margin: 0
|
||||||
|
padding: 0
|
||||||
|
border: 0
|
||||||
|
font-size: 100%
|
||||||
|
font: inherit
|
||||||
|
vertical-align: baseline
|
||||||
|
outline: none
|
||||||
|
box-sizing: border-box
|
||||||
|
//* HTML5 display definitions
|
||||||
|
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary
|
||||||
|
display: block
|
||||||
|
box-sizing: border-box
|
||||||
|
audio, canvas, progress, video
|
||||||
|
display: inline-block
|
||||||
|
vertical-align: baseline
|
||||||
|
audio:not([controls])
|
||||||
|
display: none
|
||||||
|
height: 0
|
||||||
|
[hidden], template
|
||||||
|
display: none
|
||||||
|
//* Links
|
||||||
|
a
|
||||||
|
background: transparent
|
||||||
|
text-decoration: none
|
||||||
|
&:active, &:hover
|
||||||
|
outline: 0
|
||||||
|
text-decoration: none
|
||||||
|
//* Lists
|
||||||
|
ol, ul
|
||||||
|
list-style: none
|
||||||
|
margin: 0px
|
||||||
|
padding: 0px
|
||||||
|
//* Text-level semantics
|
||||||
|
abbr[title]
|
||||||
|
border-bottom: 1px dotted
|
||||||
|
b, strong
|
||||||
|
font-weight: bold
|
||||||
|
dfn
|
||||||
|
font-style: italic
|
||||||
|
mark
|
||||||
|
background: #ff0
|
||||||
|
color: #000
|
||||||
|
small
|
||||||
|
font-size: 80%
|
||||||
|
sub
|
||||||
|
font-size: 75%
|
||||||
|
line-height: 0
|
||||||
|
position: relative
|
||||||
|
vertical-align: baseline
|
||||||
|
sup
|
||||||
|
font-size: 75%
|
||||||
|
line-height: 0
|
||||||
|
position: relative
|
||||||
|
vertical-align: baseline
|
||||||
|
top: -0.5em
|
||||||
|
sub
|
||||||
|
bottom: -0.25em
|
||||||
|
//* Embedded content
|
||||||
|
img
|
||||||
|
border: 0
|
||||||
|
max-width: 100%
|
||||||
|
svg:not(:root)
|
||||||
|
overflow: hidden
|
||||||
|
figure
|
||||||
|
margin: 1em 40px
|
||||||
|
hr
|
||||||
|
-moz-box-sizing: content-box
|
||||||
|
box-sizing: content-box
|
||||||
|
height: 0
|
||||||
|
pre
|
||||||
|
overflow: auto
|
||||||
|
code, kbd, pre, samp
|
||||||
|
font-family: monospace, monospace
|
||||||
|
font-size: 100%
|
||||||
|
//* Forms
|
||||||
|
button, input, optgroup, select, textarea
|
||||||
|
color: inherit
|
||||||
|
font: inherit
|
||||||
|
margin: 0
|
||||||
|
outline: none
|
||||||
|
button
|
||||||
|
overflow: visible
|
||||||
|
text-transform: none
|
||||||
|
select
|
||||||
|
text-transform: none
|
||||||
|
button, html input[type="button"]
|
||||||
|
-webkit-appearance: button
|
||||||
|
cursor: pointer
|
||||||
|
input
|
||||||
|
&[type="reset"], &[type="submit"]
|
||||||
|
-webkit-appearance: button
|
||||||
|
cursor: pointer
|
||||||
|
button[disabled], html input[disabled]
|
||||||
|
cursor: default
|
||||||
|
button::-moz-focus-inner
|
||||||
|
border: 0
|
||||||
|
padding: 0
|
||||||
|
input
|
||||||
|
&::-moz-focus-inner
|
||||||
|
border: 0
|
||||||
|
padding: 0
|
||||||
|
line-height: normal
|
||||||
|
outline: none
|
||||||
|
&[type="checkbox"], &[type="radio"]
|
||||||
|
box-sizing: border-box
|
||||||
|
padding: 0
|
||||||
|
&[type="number"]
|
||||||
|
&::-webkit-inner-spin-button, &::-webkit-outer-spin-button
|
||||||
|
height: auto
|
||||||
|
&[type="search"]
|
||||||
|
-webkit-appearance: textfield
|
||||||
|
-moz-box-sizing: content-box
|
||||||
|
-webkit-box-sizing: content-box
|
||||||
|
box-sizing: content-box
|
||||||
|
&::-webkit-search-cancel-button, &::-webkit-search-decoration
|
||||||
|
-webkit-appearance: none
|
||||||
|
fieldset
|
||||||
|
border: none
|
||||||
|
margin: 0
|
||||||
|
padding: 0
|
||||||
|
legend
|
||||||
|
border: 0
|
||||||
|
padding: 0
|
||||||
|
textarea
|
||||||
|
overflow: auto
|
||||||
|
optgroup
|
||||||
|
font-weight: bold
|
||||||
|
blockquote, q
|
||||||
|
quotes: none
|
||||||
|
blockquote
|
||||||
|
&:before, &:after
|
||||||
|
content: ''
|
||||||
|
content: none
|
||||||
|
q
|
||||||
|
&:before, &:after
|
||||||
|
content: ''
|
||||||
|
content: none
|
||||||
|
// Tables
|
||||||
|
table
|
||||||
|
border-collapse: collapse
|
||||||
|
border-spacing: 0
|
||||||
|
td, th
|
||||||
|
padding: 0
|
||||||
|
body
|
||||||
|
overflow: hidden
|
||||||
|
html,
|
||||||
|
width: 100%
|
||||||
|
overflow-x: hidden
|
||||||
|
em
|
||||||
|
font-style: italic
|
@ -0,0 +1,100 @@
|
|||||||
|
body
|
||||||
|
background: $white
|
||||||
|
font-family: 'Concourse T3'
|
||||||
|
font-weight: normal
|
||||||
|
font-style: normal
|
||||||
|
font-size: 23px
|
||||||
|
line-height: 34px
|
||||||
|
color: $gray
|
||||||
|
.container
|
||||||
|
max-width: 1380px
|
||||||
|
width: 60%
|
||||||
|
margin: 0px auto
|
||||||
|
box-sizing: border-box
|
||||||
|
padding-left: 10px
|
||||||
|
padding-right: 10px
|
||||||
|
&--fluid
|
||||||
|
max-width: 1920px
|
||||||
|
width: 100%
|
||||||
|
padding-left: 0px
|
||||||
|
padding-right: 0px
|
||||||
|
margin: 0px auto
|
||||||
|
&--row
|
||||||
|
max-width: calc(100% + 120px)
|
||||||
|
margin-left: -60px
|
||||||
|
margin-right: -60px
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.flex-grid
|
||||||
|
display: flex
|
||||||
|
align-items: center
|
||||||
|
justify-content: space-between
|
||||||
|
|
||||||
|
|
||||||
|
h1,h2,h3,h4
|
||||||
|
font-weight: bold
|
||||||
|
color: $black
|
||||||
|
margin-top: 1.7rem
|
||||||
|
padding-bottom: 10px
|
||||||
|
|
||||||
|
h1
|
||||||
|
font-size: 1.8em
|
||||||
|
|
||||||
|
h2
|
||||||
|
font-size: 1.4em
|
||||||
|
|
||||||
|
h3
|
||||||
|
font-size: 1.2em
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.base-text
|
||||||
|
font-family: 'Concourse T3'
|
||||||
|
font-weight: normal
|
||||||
|
font-style: normal
|
||||||
|
font-size: 23px
|
||||||
|
line-height: 34px
|
||||||
|
color: $gray
|
||||||
|
|
||||||
|
.base-title
|
||||||
|
color: $black
|
||||||
|
font-family: 'Concourse T2'
|
||||||
|
font-size: 33px
|
||||||
|
font-weight: 700
|
||||||
|
line-height: 41px
|
||||||
|
|
||||||
|
@media screen and (max-width: 1240px)
|
||||||
|
html,
|
||||||
|
body
|
||||||
|
max-width: 1240px
|
||||||
|
width: 100%
|
||||||
|
overflow-x: hidden
|
||||||
|
.container
|
||||||
|
padding-left: 30px
|
||||||
|
padding-right: 30px
|
||||||
|
&--fluid
|
||||||
|
max-width: 100%
|
||||||
|
padding-left: 0px
|
||||||
|
padding-right: 0px
|
||||||
|
&--row
|
||||||
|
max-width: calc(100% + 60px)
|
||||||
|
margin-left: -30px
|
||||||
|
margin-right: -30px
|
||||||
|
@media screen and (max-width: 640px)
|
||||||
|
html,
|
||||||
|
body
|
||||||
|
max-width: 640px
|
||||||
|
width: 100%
|
||||||
|
overflow-x: hidden
|
||||||
|
.container
|
||||||
|
padding-left: 30px
|
||||||
|
padding-right: 30px
|
||||||
|
&--fluid
|
||||||
|
max-width: 100%
|
||||||
|
padding-left: 0px
|
||||||
|
padding-right: 0px
|
||||||
|
&--row
|
||||||
|
max-width: calc(100% + 60px)
|
||||||
|
margin-left: -30px
|
||||||
|
margin-right: -30px
|
@ -0,0 +1,27 @@
|
|||||||
|
// Colors
|
||||||
|
$black: lighten(#000,5%)
|
||||||
|
$black-2: #17171a
|
||||||
|
$black-3: #281c05
|
||||||
|
$black-yellow: #4e4b46
|
||||||
|
$white: #FFF
|
||||||
|
$gray: #737277
|
||||||
|
$gray-2: #f7f7f7
|
||||||
|
$gray-3: #757575
|
||||||
|
$gray-4: #e8e8e8
|
||||||
|
$gray-lite: #f0f0f0
|
||||||
|
$gray-lite-2: #fafafa
|
||||||
|
$border-color: #b2b2b2
|
||||||
|
$blue: #26ade4
|
||||||
|
$blue-2: #187ba3 //load more
|
||||||
|
$orange: #fea700
|
||||||
|
$orange-2: lighten($orange,30%)
|
||||||
|
$orange-light: lighten($orange, 48%)
|
||||||
|
$light-orange: #fcdda2
|
||||||
|
$red: #fe5731
|
||||||
|
$red-2: #e75b59
|
||||||
|
$purple: #7459e7
|
||||||
|
$comments-bg: #fbfbfb
|
||||||
|
|
||||||
|
// Layout
|
||||||
|
$container-main-width: 80%
|
||||||
|
|
After Width: | Height: | Size: 2.7 KiB |
After Width: | Height: | Size: 15 KiB |
@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="22" height="22"><defs><path id="a" d="M417.5 4592a9.5 9.5 0 1 1 0-19 9.5 9.5 0 0 1 0 19zm0-17.81a8.32 8.32 0 1 0 .02 16.64 8.32 8.32 0 0 0-.02-16.64zm-.88 8.28c-.02.35.32.62.32.62l2.18 2.18a.6.6 0 1 1-.84.84l-3.5-3.6 3.5-3.6a.6.6 0 1 1 .84.84l-2.15 2.15c-.26.2-.35.4-.35.57z"/></defs><use fill="#17171a" xlink:href="#a" transform="translate(-406 -4571)"/></svg>
|
After Width: | Height: | Size: 451 B |
After Width: | Height: | Size: 146 B |
@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="12"><defs><path id="a" d="M1787.77 24.77a.67.67 0 0 1-.95 0l-2.84-2.84-2.84 2.84a.67.67 0 0 1-.95-.95l2.84-2.84-2.84-2.84a.67.67 0 0 1 .95-.95l2.84 2.84 2.84-2.84a.67.67 0 0 1 .95.95l-2.84 2.84 2.84 2.84c.26.26.26.69 0 .95z"/></defs><use xlink:href="#a" opacity=".2" transform="translate(-1778 -15)"/></svg>
|
After Width: | Height: | Size: 409 B |
@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="21" height="17"><defs><path id="a" d="M1066 720v10h-16v-10zm-5 11l-1 3h1l3-3h2c.65 0 1-.37 1-1v-9.85c0-.63-.54-1.14-1.2-1.14l-15.62.07c-.65 0-1.18.51-1.18 1.14V730c0 .63.34 1 1 1z"/></defs><use fill="#737277" xlink:href="#a" transform="translate(-1047 -718)"/></svg>
|
After Width: | Height: | Size: 356 B |
@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="22" height="22"><defs><path id="a" d="M427 535.5a9.5 9.5 0 1 1-19 0 9.5 9.5 0 0 1 19 0zm-1.73 0a7.77 7.77 0 1 0-15.54 0 7.77 7.77 0 0 0 15.54 0zm-8.66 5.5l.12-1.3a7.33 7.33 0 0 1-1.25-.3 3.5 3.5 0 0 1-.86-.4l.26-1.56c.27.16.58.3.91.43.34.13.7.22 1.1.28l.23-2.38-.24-.13-.75-.42a3.24 3.24 0 0 1-.67-.52 2.22 2.22 0 0 1-.66-1.63c0-.3.06-.58.17-.86.12-.27.3-.5.53-.7.23-.2.53-.37.88-.5.36-.12.77-.18 1.25-.18l.1-1.18.86.09-.12 1.16a4.35 4.35 0 0 1 1.65.56l-.2 1.55c-.28-.13-.55-.24-.8-.34-.26-.1-.53-.17-.8-.22l-.22 2.09.16.07c.42.21.76.43 1.04.65.27.22.5.44.65.66.16.23.27.46.34.7.06.24.1.48.1.72 0 .42-.09.78-.25 1.07-.16.3-.38.54-.64.73-.26.19-.56.33-.9.43-.33.1-.67.15-1.02.16l-.12 1.36zm2.18-3.6c0-.23-.06-.44-.17-.6a2.37 2.37 0 0 0-.69-.57l-.2 1.96c.38-.03.65-.12.81-.28.17-.16.25-.32.25-.5zm-2.4-4.33c0 .2.05.38.17.52.12.14.37.3.73.51l.18-1.73a1.5 1.5 0 0 0-.82.2.58.58 0 0 0-.27.5z"/></defs><use fill="#0f9e42" xlink:href="#a" transform="translate(-406 -524)"/></svg>
|
After Width: | Height: | Size: 1.0 KiB |
@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="21" height="20"><defs><path id="a" d="M1619.75 111.75a.85.85 0 0 1-1.2 0l-3.07-3.06a7.69 7.69 0 1 1 1.2-1.2l3.07 3.05c.33.33.33.88 0 1.2zm-3.09-9.06a5.98 5.98 0 1 0-11.95 0 5.98 5.98 0 0 0 11.95 0z"/></defs><use xlink:href="#a" transform="translate(-1601 -93)"/></svg>
|
After Width: | Height: | Size: 358 B |
After Width: | Height: | Size: 1.9 KiB |
@ -0,0 +1 @@
|
|||||||
|
!function(e){function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}var r=window.webpackJsonp;window.webpackJsonp=function(t,c,i){for(var u,a,f,s=0,l=[];s<t.length;s++)a=t[s],o[a]&&l.push(o[a][0]),o[a]=0;for(u in c)Object.prototype.hasOwnProperty.call(c,u)&&(e[u]=c[u]);for(r&&r(t,c,i);l.length;)l.shift()();if(i)for(s=0;s<i.length;s++)f=n(n.s=i[s]);return f};var t={},o={1:0};n.e=function(e){function r(){u.onerror=u.onload=null,clearTimeout(a);var n=o[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),o[e]=void 0)}var t=o[e];if(0===t)return new Promise(function(e){e()});if(t)return t[2];var c=new Promise(function(n,r){t=o[e]=[n,r]});t[2]=c;var i=document.getElementsByTagName("head")[0],u=document.createElement("script");u.type="text/javascript",u.charset="utf-8",u.async=!0,u.timeout=12e4,n.nc&&u.setAttribute("nonce",n.nc),u.src=n.p+"js/"+e+".min.js";var a=setTimeout(r,12e4);return u.onerror=u.onload=r,i.appendChild(u),c},n.m=e,n.c=t,n.d=function(e,r,t){n.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:t})},n.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(r,"a",r),r},n.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},n.p="/",n.oe=function(e){throw console.error(e),e}}([]);
|
@ -0,0 +1,21 @@
|
|||||||
|
# theme.toml template for a Hugo theme
|
||||||
|
# See https://github.com/gohugoio/hugoThemes#themetoml for an example
|
||||||
|
|
||||||
|
name = "theme"
|
||||||
|
license = "MIT"
|
||||||
|
licenselink = ""
|
||||||
|
description = ""
|
||||||
|
homepage = "http://example.com/"
|
||||||
|
tags = []
|
||||||
|
features = []
|
||||||
|
min_version = "0.30.2"
|
||||||
|
|
||||||
|
[author]
|
||||||
|
name = ""
|
||||||
|
homepage = ""
|
||||||
|
|
||||||
|
# If porting an existing theme
|
||||||
|
[original]
|
||||||
|
name = ""
|
||||||
|
homepage = ""
|
||||||
|
repo = ""
|
@ -0,0 +1,163 @@
|
|||||||
|
const webpack = require('webpack'),
|
||||||
|
path = require('path'),
|
||||||
|
autoprefixer = require('autoprefixer'),
|
||||||
|
FriendlyErrorsWebpackPlugin = require('friendly-errors-webpack-plugin'),
|
||||||
|
ExtractTextPlugin = require('extract-text-webpack-plugin'),
|
||||||
|
OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin'),
|
||||||
|
CopyWebpackPlugin = require('copy-webpack-plugin'),
|
||||||
|
HtmlWebpackPlugin = require('html-webpack-plugin'),
|
||||||
|
BourbonPaths = require('bourbon').includePaths,
|
||||||
|
ImageminPlugin = require('imagemin-webpack-plugin').default;
|
||||||
|
let webpackConfig = require("./package.json").webpackConfig;
|
||||||
|
module.exports = {
|
||||||
|
context: __dirname + webpackConfig.inputFolder,
|
||||||
|
entry: {
|
||||||
|
global: './js/global.js',
|
||||||
|
},
|
||||||
|
output: {
|
||||||
|
path: __dirname + webpackConfig.outputFolder,
|
||||||
|
filename: 'js/[name].min.js',
|
||||||
|
publicPath: webpackConfig.prodServer
|
||||||
|
},
|
||||||
|
module: {
|
||||||
|
rules: [{
|
||||||
|
test: /\.css$/,
|
||||||
|
use: ExtractTextPlugin.extract({
|
||||||
|
fallback: 'style-loader',
|
||||||
|
use: ['css-loader', 'postcss-loader']
|
||||||
|
})
|
||||||
|
}, {
|
||||||
|
test: /\.(scss|sass)$/,
|
||||||
|
use: ExtractTextPlugin.extract({
|
||||||
|
fallback: "style-loader",
|
||||||
|
use: [{
|
||||||
|
loader: "css-loader",
|
||||||
|
options: {
|
||||||
|
url: false,
|
||||||
|
sourceMap: false,
|
||||||
|
modules: true,
|
||||||
|
importLoaders: true,
|
||||||
|
localIdentName: "[local]"
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
loader: "postcss-loader",
|
||||||
|
options: {
|
||||||
|
plugins: function() {
|
||||||
|
return [
|
||||||
|
require("autoprefixer")({
|
||||||
|
browsers: ['last 2 versions', 'safari 5',
|
||||||
|
'ie 11', 'opera 12.1', 'ios 6',
|
||||||
|
'android 4'
|
||||||
|
]
|
||||||
|
})
|
||||||
|
];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
loader: "sass-loader",
|
||||||
|
options: {
|
||||||
|
includePaths: [BourbonPaths]
|
||||||
|
}
|
||||||
|
}]
|
||||||
|
})
|
||||||
|
}, {
|
||||||
|
test: /\.js$/,
|
||||||
|
exclude: /node_modules/,
|
||||||
|
loader: 'babel-loader',
|
||||||
|
query: {
|
||||||
|
presets: ["babel-preset-es2015"].map(require.resolve)
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
test: /\.(eot|woff|woff2|ttf)$/,
|
||||||
|
use: [{
|
||||||
|
loader: 'url-loader',
|
||||||
|
options: {
|
||||||
|
limit: 8192,
|
||||||
|
name: 'fonts/[name].[ext]'
|
||||||
|
}
|
||||||
|
}]
|
||||||
|
}, {
|
||||||
|
test: /\.(png|jpe?g|gif|svg)$/,
|
||||||
|
use: [{
|
||||||
|
loader: 'file-loader',
|
||||||
|
options: {
|
||||||
|
name: 'images/[name].[ext]'
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
loader: 'image-webpack-loader',
|
||||||
|
options: {
|
||||||
|
mozjpeg: {
|
||||||
|
quality: 65
|
||||||
|
},
|
||||||
|
pngquant: {
|
||||||
|
quality: "10-20",
|
||||||
|
speed: 4
|
||||||
|
},
|
||||||
|
svgo: {
|
||||||
|
plugins: [{
|
||||||
|
removeViewBox: false
|
||||||
|
}, {
|
||||||
|
removeEmptyAttrs: false
|
||||||
|
}]
|
||||||
|
},
|
||||||
|
gifsicle: {
|
||||||
|
optimizationLevel: 7,
|
||||||
|
interlaced: false
|
||||||
|
},
|
||||||
|
optipng: {
|
||||||
|
optimizationLevel: 7,
|
||||||
|
interlaced: false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}]
|
||||||
|
}, {
|
||||||
|
test: /\.html$/,
|
||||||
|
loader: 'html-loader',
|
||||||
|
options: {
|
||||||
|
name: '[name].[ext]'
|
||||||
|
}
|
||||||
|
}]
|
||||||
|
},
|
||||||
|
plugins: [
|
||||||
|
new webpack.optimize.CommonsChunkPlugin({
|
||||||
|
name: "common",
|
||||||
|
minChunks: 2
|
||||||
|
}),
|
||||||
|
new webpack.ProvidePlugin({
|
||||||
|
$: 'jquery',
|
||||||
|
jQuery: 'jquery'
|
||||||
|
}),
|
||||||
|
new webpack.LoaderOptionsPlugin({
|
||||||
|
options: {
|
||||||
|
postcss: [autoprefixer()]
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
new ExtractTextPlugin({
|
||||||
|
filename: 'css/[name].min.css',
|
||||||
|
allChunks: false
|
||||||
|
}),
|
||||||
|
new webpack.optimize.UglifyJsPlugin({
|
||||||
|
sourceMap: false,
|
||||||
|
minimize: true
|
||||||
|
}),
|
||||||
|
new OptimizeCssAssetsPlugin({
|
||||||
|
assetNameRegExp: /\.min\.css$/,
|
||||||
|
cssProcessorOptions: {
|
||||||
|
discardComments: {
|
||||||
|
removeAll: true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
new CopyWebpackPlugin([{
|
||||||
|
from: 'images-theme/',
|
||||||
|
to: 'images-theme/'
|
||||||
|
}]),
|
||||||
|
new CopyWebpackPlugin([{
|
||||||
|
from: 'fonts/',
|
||||||
|
to: 'fonts/'
|
||||||
|
}]),
|
||||||
|
new ImageminPlugin({
|
||||||
|
test: /\.(jpe?g|png|gif|svg)$/i
|
||||||
|
})
|
||||||
|
]
|
||||||
|
};
|