blob42/hugo-bug
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

initial

Browse Source
This commit is contained in:
Chakib Benziane 2018-02-21 21:25:54 +01:00
parent 4d14bfd1fe
commit d7ddb6901c
90 changed files with 2166 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
archetypes/default.md Normal file
View File

@ -0,0 +1,7 @@
{
"title": "{{ replace .TranslationBaseName "-" " " | title }}",
"date": "{{ .Date }}",
"tags": [],
"categories": [],
"draft": true
}

13
archetypes/section1.md Normal file
View File

@ -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

26
config.toml Normal file
View File

@ -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"

11
content/_index.md Normal file
View File

@ -0,0 +1,11 @@
{
"date": "2017-12-27T12:06:48+02:00",
"tags": [
"Finance",
"Technology",
"Startup"
],
"title": "Website Title"
}
Home page

13
content/section1/first.md Normal file
View File

@ -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

13
content/section1/second.md Normal file
View File

@ -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
layouts/.gitkeep Normal file
View File

65
package.json Normal file
View File

@ -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"
}
}

20
themes/my-theme/LICENSE.md Normal file
View File

@ -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.

2
themes/my-theme/archetypes/default.md Normal file
View File

@ -0,0 +1,2 @@
+++
+++

12
themes/my-theme/layouts/404.html Normal file
View File

@ -0,0 +1,12 @@
<!doctype html>
{{partial "vendor/head" .}}
<body>
{{partial "header/markup" .}}
<div class="name404">
<h1>404 page</h1>
<p>The page you’re looking for can’t be found.</p>
</div>
{{partial "footer/markup" .}}
{{partial "vendor/footer-scripts" .}}
</body>
</html>

20
themes/my-theme/layouts/_default/baseof.html Normal file
View File

@ -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>

7
themes/my-theme/layouts/_default/list.html Normal file
View File

@ -0,0 +1,7 @@
{{ define "main" }}
{{ if .Param "debug" }}
<h5>list page</h5>
{{end}}
{{partial "main/markup" .}}
{{end}}

11
themes/my-theme/layouts/_default/single.html Normal file
View File

@ -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}}

20
themes/my-theme/layouts/index.html Normal file
View File

@ -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>

1
themes/my-theme/layouts/issues/terms.html Normal file
View File

@ -0,0 +1 @@
Issues terms

110
themes/my-theme/layouts/partials/article/markup.html Normal file
View File

@ -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 }}

110
themes/my-theme/layouts/partials/bulletin/markup.html Normal file
View File

@ -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 }}

2
themes/my-theme/layouts/partials/footer/markup.html Normal file
View File

@ -0,0 +1,2 @@
<footer class="footer">
</footer>

20
themes/my-theme/layouts/partials/header/markup.html Normal file
View File

@ -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>

39
themes/my-theme/layouts/partials/home/markup.html Normal file
View File

@ -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>

25
themes/my-theme/layouts/partials/main/main-content-list-item.html Normal file
View File

@ -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>

21
themes/my-theme/layouts/partials/main/main-content-list.html Normal file
View File

@ -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 }}

31
themes/my-theme/layouts/partials/main/main-page-featured-item.html Normal file
View File

@ -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>

9
themes/my-theme/layouts/partials/main/main-page-featured-list.html Normal file
View File

@ -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>

34
themes/my-theme/layouts/partials/main/markup.html Normal file
View File

@ -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>

31
themes/my-theme/layouts/partials/popular-list.html Normal file
View File

@ -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>

32
themes/my-theme/layouts/partials/post-list.html Normal file
View File

@ -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>

23
themes/my-theme/layouts/partials/sidebar/markup.html Normal file
View File

@ -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">&#8250;</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>

4
themes/my-theme/layouts/partials/vendor/analytics.html vendored Normal file
View File

@ -0,0 +1,4 @@
<!-- Matomo -->
<script type="text/javascript">
</script>
<!-- End Matomo Code -->

14
themes/my-theme/layouts/partials/vendor/favicons.html vendored Normal file
View File

@ -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">

3
themes/my-theme/layouts/partials/vendor/footer-scripts.html vendored Normal file
View File

@ -0,0 +1,3 @@
<script src="/js/common.min.js"></script>
<script src="/js/global.min.js"></script>

10
themes/my-theme/layouts/partials/vendor/head.html vendored Normal file
View File

@ -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>

4
themes/my-theme/layouts/partials/vendor/meta-og-tags.html vendored Normal file
View File

@ -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 }}" />

BIN
themes/my-theme/src/images-theme/avatar.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
themes/my-theme/src/images-theme/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

1
themes/my-theme/src/images-theme/icon-arrow-link.svg Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 493 B

BIN
themes/my-theme/src/images-theme/icon-arrow.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 159 B

1
themes/my-theme/src/images-theme/icon-close.svg Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 451 B

1
themes/my-theme/src/images-theme/icon-comments.svg Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 398 B

1
themes/my-theme/src/images-theme/icon-dollar.svg Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

1
themes/my-theme/src/images-theme/icon-search.svg Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 400 B

BIN
themes/my-theme/src/images-theme/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

4
themes/my-theme/src/js/global.js Normal file
View File

@ -0,0 +1,4 @@
let jQuery = require("jquery");
import "../sass/global.sass";
import "./modules/common.js"

16
themes/my-theme/src/js/modules/common.js Normal file
View File

@ -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');
};
});
};
});

16
themes/my-theme/src/sass/global.sass Normal file
View File

@ -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"

31
themes/my-theme/src/sass/modules/content/archives.sass Normal file
View File

@ -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

205
themes/my-theme/src/sass/modules/content/article.sass Normal file
View File

@ -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

225
themes/my-theme/src/sass/modules/content/articles.sass Normal file
View File

@ -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)

20
themes/my-theme/src/sass/modules/content/desktop.sass Normal file
View File

@ -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"

35
themes/my-theme/src/sass/modules/footer/desktop.sass Normal file
View File

@ -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

81
themes/my-theme/src/sass/modules/header/desktop.sass Normal file
View File

@ -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

48
themes/my-theme/src/sass/modules/mobile/_mobile.sass Normal file
View File

@ -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

68
themes/my-theme/src/sass/modules/sidebar/desktop.sass Normal file
View File

@ -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

41
themes/my-theme/src/sass/vendor/_buttons.sass vendored Normal file
View File

@ -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

54
themes/my-theme/src/sass/vendor/_fonts.sass vendored Normal file
View File

@ -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

39
themes/my-theme/src/sass/vendor/_mixins.sass vendored Normal file
View File

@ -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

173
themes/my-theme/src/sass/vendor/_normalize.sass vendored Normal file
View File

@ -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

100
themes/my-theme/src/sass/vendor/_theme-preferences.sass vendored Normal file
View File

@ -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

27
themes/my-theme/src/sass/vendor/_variables.sass vendored Normal file
View File

@ -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%

1
themes/my-theme/static/css/global.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

BIN
themes/my-theme/static/fonts/ConcourseC4.woff Normal file
View File

Binary file not shown.

BIN
themes/my-theme/static/fonts/ConcourseC4.woff2 Normal file
View File

Binary file not shown.

BIN
themes/my-theme/static/fonts/ConcourseT2-Bold.woff Normal file
View File

Binary file not shown.

BIN
themes/my-theme/static/fonts/ConcourseT2-Bold.woff2 Normal file
View File

Binary file not shown.

BIN
themes/my-theme/static/fonts/ConcourseT3-Bold.woff Normal file
View File

Binary file not shown.

BIN
themes/my-theme/static/fonts/ConcourseT3-Bold.woff2 Normal file
View File

Binary file not shown.

BIN
themes/my-theme/static/fonts/ConcourseT3-Italic.woff Normal file
View File

Binary file not shown.

BIN
themes/my-theme/static/fonts/ConcourseT3-Italic.woff2 Normal file
View File

Binary file not shown.

BIN
themes/my-theme/static/fonts/ConcourseT3.woff Normal file
View File

Binary file not shown.

BIN
themes/my-theme/static/fonts/ConcourseT3.woff2 Normal file
View File

Binary file not shown.

BIN
themes/my-theme/static/fonts/GothamPro-Light.woff Normal file
View File

Binary file not shown.

BIN
themes/my-theme/static/fonts/GothamPro-Light.woff2 Normal file
View File

Binary file not shown.

BIN
themes/my-theme/static/fonts/GothamPro.woff Normal file
View File

Binary file not shown.

BIN
themes/my-theme/static/fonts/GothamPro.woff2 Normal file
View File

Binary file not shown.

BIN
themes/my-theme/static/fonts/MinionPro-Regular.woff Normal file
View File

Binary file not shown.

BIN
themes/my-theme/static/fonts/MinionPro-Regular.woff2 Normal file
View File

Binary file not shown.

BIN
themes/my-theme/static/images-theme/avatar.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
themes/my-theme/static/images-theme/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

1
themes/my-theme/static/images-theme/icon-arrow-link.svg Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 451 B

BIN
themes/my-theme/static/images-theme/icon-arrow.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 146 B

1
themes/my-theme/static/images-theme/icon-close.svg Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 409 B

1
themes/my-theme/static/images-theme/icon-comments.svg Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 356 B

1
themes/my-theme/static/images-theme/icon-dollar.svg Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

1
themes/my-theme/static/images-theme/icon-search.svg Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 358 B

BIN
themes/my-theme/static/images-theme/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

1
themes/my-theme/static/js/common.min.js vendored Normal file
View File

@ -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}}([]);

24
themes/my-theme/static/js/global.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

21
themes/my-theme/theme.toml Normal file
View File

@ -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 = ""

163
webpack.conf.js Normal file
View File

@ -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
})
]
};