Merge branch 'master' into feature/refactor-css-to-scss

alexanderdavide

08.53.2022 8dacf4b8d4802b14a3cc61ce0e0b376f9328f2a7

Merge branch 'master' into feature/refactor-css-to-scss

 README.md

@@ -1,10 +1,14 @@
# Anatole ![LICENSE](https://img.shields.io/badge/license-MIT-blue.svg) [![Netlify Status](https://api.netlify.com/api/v1/badges/ee7a5df4-b944-4e03-853d-39219c96d484/deploy-status)](https://alexbilz.com/)
# Anatole ![LICENSE](https://img.shields.io/badge/license-MIT-blue.svg) [![Netlify Status](https://api.netlify.com/api/v1/badges/1f4f2327-2b3f-428a-8f31-c4f921ebcc44/deploy-status)](https://app.netlify.com/sites/anatole-demo/deploys)

Anatole is a beautiful minimalist two-column [hugo](https://gohugo.io/) theme based on farbox-theme-Anatole.

![Screenshot Anatole Theme](https://raw.githubusercontent.com/lxndrblz/anatole/master/images/screenshot.png)
![Screenshot Anatole Theme (dark)](https://raw.githubusercontent.com/lxndrblz/anatole/master/images/screenshot_dark.png)

## Demo

[https://anatole-demo.netlify.app/](https://anatole-demo.netlify.app/)

## Features

Anatole's aims to be minimalistic and sleek but still brings some great functionality.
@@ -23,12 +27,12 @@
- Google Analytics (optional)
- Comments powered by Disqus, Commento or Utteranc.es (optional)
- SimpleAnalytics (optional)
- Katex support (optional)
- KaTex support (optional)
- Formspree Contact Form (optional)
- Twitter Cards support
- Open Graph support
- MIT License
- Fontawesome 5.15.1 icons
- Font Awesome 5.15.1 icons
- Google Fonts support
- Custom CSS (optional)
- Custom JavaScript (optional)
@@ -54,7 +58,7 @@

## Update your installation

If you want to get the latest update of the `Anatole` theme please execute this command:
If you want to get the latest update of the `Anatole` theme, please execute this command:

```shell
git submodule update --remote --merge
@@ -74,7 +78,7 @@
profilePicture = "images/profile.jpg"
```

Please note that the title under the `[params]` only adjusts the page title in the sidebar. If you wish to adjust the HTML title (i.e. name of the tab), you will have to adjust the Hugo's title variable, as shown in the `config.toml`.
Please note that the title under the `[params]` only adjusts the page title in the sidebar. If you wish to adjust the HTML title (i.e. name of the tab), you will have to adjust Hugo's title variable, as shown in the `config.toml`.

Please note that the slogan can be multi-lined (note the three quotes at the beginning and end):

@@ -88,7 +92,7 @@

### Favicon

Add your favicons to `static/favicons`. Anatole currently employs following favicon files:
Add your favicons to `static/favicons`. Anatole currently employs the following favicon files:

- `favicon.ico`
- `favicon-16x16.png`
@@ -97,7 +101,7 @@

### Copyright

By default, the copyright will show the authors name followed by the current year, but you can change this by configuring the `copyright` parameter. If this method is used, the string `{{ YEAR }}` will be replaced with the current year during site generation.
By default, the copyright will show the author's name followed by the current year, but you can change this by configuring the `copyright` parameter. If this method is used, the string `{{ YEAR }}` will be replaced with the current year during site generation.

```toml
copyright = "2020-{{ YEAR }}"
@@ -160,7 +164,7 @@

### Control the date Format

You can change the default date formating for the `list.html`, the `single.html` and the `index.html`. Simply configure the matching parameters.
You can change the default date formatting for the `list.html`, the `single.html` and the `index.html`. Simply configure the matching parameters.

```toml
[params]
@@ -171,7 +175,7 @@

### Change the language names in the language dropdown

The language names displayed on the main menu are controlled by the variables `LanguageName`. You can set these to shortcode, full name or a flag emoji by simply changing the parameter. In the following example English will be displayed as "EN" and Arabic will be displayed as "Arabic".
The language names displayed on the main menu are controlled by the variables `LanguageName`. You can set these to shortcode, full name or a flag emoji by simply changing the parameter. In the following example, English will be displayed as "EN" and Arabic will be displayed as "Arabic".

```toml
[languages]
@@ -234,7 +238,7 @@

### Multilingual support

Anatole supports multilingual page setups. All you need to do is to add the languages to your 'config.toml'. For each language, you can set the custom options like title or description. It's important to include a `LanguageName`, as it will be displayed in the main menu.
Anatole supports multilingual page setups. All you need to do is to add the languages to your 'config.toml'. For each language, you can set the custom options like title or description. It's important to include a `LanguageName` as it will be displayed in the main menu.

```toml
[Languages]
@@ -250,7 +254,7 @@
  LanguageName = "DE"
```

There are two ways of translating your content, either by adding a suffix in the filename, eg. `mypost.de.md`, or by setting a contentDir (a certain directory) for each language. [Link to the Hugo documentation](https://gohugo.io/content-management/multilingual/). If you want to use the option with the `contentDir`, you will have to add the `contentDir` parameter for each language:
There are two ways of translating your content, either by adding a suffix in the filename, e.g. `mypost.de.md`, or by setting a contentDir (a certain directory) for each language. [Link to the Hugo documentation](https://gohugo.io/content-management/multilingual/). If you want to use the option with the `contentDir`, you will have to add the `contentDir` parameter for each language:

```toml
[languages]
@@ -386,7 +390,7 @@

### Google Fonts

You can enable any [Google Font](https://fonts.google.com/) by selecting a font on the Google Font website and adding the `family` parameter of the font url to the `googleFonts` option in `[params]`, e.g.:
You can enable any [Google Font](https://fonts.google.com/) by selecting a font on the Google Font website and adding the `family` parameter of the font URL to the `googleFonts` option in `[params]`, e.g.:

```toml
[params]
@@ -420,7 +424,7 @@

In order to use the full functionality of Twitter cards, you will have to define a couple of settings in the `config.toml` and the frontmatter of a page.

In the `config.toml` you can configure a site feature image. This image will be displayed, if no image is defined in the frontmatter of a page.
In the `config.toml` you can configure a site feature image. This image will be displayed if no image is defined in the frontmatter of a page.

```toml
[params]
@@ -557,7 +561,7 @@

### \_index.md and post section header

You can place custom content, by creating `_index.md` markdown file within the content directory. An example can be found [here](https://github.com/lxndrblz/anatole/blob/exampleSite/content/english/_index.md). Uncomment the section as needed. This file `_index.md` also has a parameter called `mainSectionsTitle`, which lets you specify a header for the posts on the main page. This header will be styled and placed always after the content of the `_index.md` it self.
You can place custom content by creating `_index.md` markdown file within the content directory. An example can be found [here](https://github.com/lxndrblz/anatole/blob/exampleSite/content/english/_index.md). Uncomment the section as needed. This file `_index.md` also has a parameter called `mainSectionsTitle`, which lets you specify a header for the posts on the main page. This header will be styled and always placed after the content of the `_index.md` itself.

### Robots.txt

@@ -596,7 +600,7 @@

### Socials

You can add social media based icon links under your profile picture by using the `socialIcons` parameter.
You can add social media-based icon links under your profile picture by using the `socialIcons` parameter.

[Font Awesome](https://fontawesome.com/) is used for the icons.

@@ -739,6 +743,16 @@

Please note that fields such as start, end, authors, and tags will only appear if they have been populated. The image path defined under `image` parameter is relative to the static folder, similarly to images included in the post.

### Reverse Page Title

By default, the title of pages is `Author | PageTitle`. You can switch the order to `PageTitle | Author` by setting the parameter `reversepagetitle` to `true` in `config.toml`.

```toml
[params]
reversepagetitle = true

```

## License

Anatole is licensed under the [MIT license](https://github.com/lxndrblz/anatole/blob/master/LICENSE).

 assets/css/style.css

@@ -318,17 +318,13 @@
  position: relative;
  text-align: left;
  background: transparent;
  padding: 15px 15px;
  padding-bottom: 0;
  padding: 12px;
  z-index: 2;
  color: #3c3c3c;
  display: block;
}
.sl-nav li .dropdown li:last-of-type {
  padding-bottom: 15px;
}

.sl-nav li .dropdown li span {
  font-size: 1.3rem;
  white-space: nowrap;
}
.sl-nav li .dropdown li span.active {
@@ -1291,7 +1287,7 @@
    position: relative;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.3em;
    font-size: 1.6rem;
  }

  header .nav__list ul {
@@ -1382,7 +1378,7 @@

  .sl-nav li .dropdown li {
    text-align: center;
    padding: initial;
    padding: 0.5rem 0.75rem;
  }

  .sl-nav li .dropdown li span {
@@ -1454,6 +1450,7 @@
    width: var(--content-width);
  } */
}

/* (CONTACT) FORM */

.contact-form {

 exampleSite/config/_default/params.toml

@@ -28,6 +28,7 @@
# readMore = true
# postSectionName = "blog"

reversepagetitle = true # When set to 'true', the Window Title will be reversed to 'Title | Author' instead of the default 'Author | Title'

[simpleAnalytics]
# enable = true

 exampleSite/content/english/about.md

@@ -6,7 +6,7 @@
author = "Hugo Authors"
+++

Written in Go, Hugo is an open source static site generator available under the [Apache Licence 2.0.](https://github.com/gohugoio/hugo/blob/master/LICENSE) Hugo supports TOML, YAML and JSON data file types, Markdown and HTML content files and uses shortcodes to add rich content. Other notable features are taxonomies, multilingual mode, image processing, custom output formats, HTML/CSS/JS minification and support for Sass SCSS workflows.
Written in Go, Hugo is an open source static site generator available under the [Apache License 2.0.](https://github.com/gohugoio/hugo/blob/master/LICENSE) Hugo supports TOML, YAML and JSON data file types, Markdown and HTML content files and uses shortcodes to add rich content. Other notable features are taxonomies, multilingual mode, image processing, custom output formats, HTML/CSS/JS minification and support for Sass SCSS workflows.

Hugo makes use of a variety of open source projects including:

@@ -20,6 +20,6 @@

Hugo is for people who want to hand code their own website without worrying about setting up complicated runtimes, dependencies and databases.

Websites built with Hugo are extremelly fast, secure and can be deployed anywhere including, AWS, GitHub Pages, Heroku, Netlify and any other hosting provider.
Websites built with Hugo are extremely fast, secure and can be deployed anywhere including, AWS, GitHub Pages, Heroku, Netlify and any other hosting provider.

Learn more and contribute on [GitHub](https://github.com/gohugoio).

 exampleSite/content/english/post/rich-content.md

@@ -23,7 +23,7 @@

## Twitter Simple Shortcode

{{< tweet user="DesignReviewed" id="1085870671291310081" >}}
{{< twitter_simple 1085870671291310081 >}}

<br>


 i18n/de.toml

@@ -16,7 +16,7 @@
other = "Seite nicht gefunden"

[page_does_not_exist]
other = "Tut mir Leid, diese Seite existiert leider nicht."
other = "Tut mir leid, diese Seite existiert leider nicht."

[head_back]
other = "Du kannst hier zurück zur <a href=\"{{ . }}\">Startseite</a>."

 layouts/_default/single.html

@@ -36,6 +36,8 @@
        {{ end }}
      </div>

      {{- partial "expirationnote.html" . -}}

      {{- if (eq .Params.toc true) -}}
        <h3>Table of Contents</h3>
        {{ .TableOfContents }}
@@ -43,8 +45,6 @@

      {{- end -}}

      {{- partial "expirationnote.html" . -}}

      {{ .Content }}

      {{- if isset .Params "series" -}}

 layouts/partials/head.html

@@ -1,5 +1,14 @@
<head>
  <title>
    {{ if (eq .Site.Params.reversepagetitle true) }}
      {{ with .Title }}
        {{ . }} |

      {{ end }}
      {{ .Site.Params.author }}


    {{ else }}
    {{ .Site.Params.author }}{{ with .Title }}
      |
      {{ . }}
@@ -7,6 +16,8 @@

    {{ end }}


    {{ end }}
  </title>

  <!-- Meta -->

 layouts/partials/pagination.html

@@ -5,7 +5,7 @@
    {{ if .Paginator.HasPrev }}
      <li class="page-item">
        <a class="page-link" href="{{ .Paginator.Prev.URL }}">
          <i class="fa fa-angle-left" aria-label="上一页"></i>
          <i class="fa fa-angle-left" aria-label="Previous"></i>
        </a>
      </li>

@@ -44,7 +44,7 @@
    {{ if .Paginator.HasNext }}
      <li class="page-item">
        <a class="page-link" href="{{ .Paginator.Next.URL }}">
          <i class="fa fa-angle-right" aria-label="下一页"></i>
          <i class="fa fa-angle-right" aria-label="Next"></i>
        </a>
      </li>


 netlify.toml

New file
@@ -0,0 +1,14 @@
[build]
  publish = "exampleSite/public"
  command = "cd exampleSite && hugo --gc --minify --themesDir ../.."
  
[build.environment]
  HUGO_VERSION = "0.69.0"
  HUGO_ENV = "production"
  HUGO_THEME = "repo"
  HUGO_BASEURL = "https://anatole-demo.netlify.app"

[[headers]]
  for = "/*"
    [headers.values]
      Access-Control-Allow-Origin = "*"

 theme.toml

@@ -6,6 +6,7 @@
licenselink = "https://github.com/lxndrblz/anatole/blob/master/LICENSE"
description = "Anatole is a beautiful minimalist two-column hugo theme based on farbox-theme-Anatole."
homepage = "https://github.com/lxndrblz/anatole/"
demosite = "https://anatole-demo.netlify.app/"
tags = ["blog", "responsive", "clean", "minimalist", "minimal", "personal", "dark"]
features = ["blog", "seo", "responsive", "mobile", "disqus", "fontawesome", "analytics", "math"]
min_version = "0.53.0"