Add style enhancements for AsciiDoc (#67 )

Update logos and screenshots
Mobile menu (#63 )
2024-09-04 00:50:58 +02:00 · 2018-07-25 17:09:45 -03:00 · 2018-07-25 16:39:12 -03:00 · 2018-07-24 20:26:48 -03:00 · 2018-07-08 21:25:03 -03:00 · 2018-07-08 20:12:36 -03:00
28 changed files with 554 additions and 62 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
 **/themes/
+demo/
--- a/42
+++ b/42
@@ -1,30 +1,36 @@
+# LESS params
 LESS_DIR = ./static/less
 LESS_FILE = style.less
+LESS_RTL_FILE = style-rtl.less
+
+# CSS params
 CSS_DIR = ./static/css
 CSS_FILE = style.min.css
+CSS_RTL_FILE = style-rtl.min.css
 CSS_TMP_FILE = tmp.css
-current_dir = $(shell pwd)

-.PHONY: clean build
-
-build: clean
-	lessc $(LESS_DIR)/$(LESS_FILE) > $(CSS_DIR)/$(CSS_TMP_FILE)
-	uglifycss $(CSS_DIR)/$(CSS_TMP_FILE) > $(CSS_DIR)/$(CSS_FILE)
+define build_less
+	lessc $(LESS_DIR)/$(1) > $(CSS_DIR)/$(CSS_TMP_FILE)
+	uglifycss $(CSS_DIR)/$(CSS_TMP_FILE) > $(CSS_DIR)/$(2)
 	rm -f $(CSS_DIR)/$(CSS_TMP_FILE)
+endef
+
+.PHONY: clean demo build build-ltr build-rtl
+
+build: clean build-ltr build-rtl
+
+build-ltr:
+	$(call build_less,$(LESS_FILE),$(CSS_FILE))
+
+build-rtl:
+	$(call build_less,$(LESS_RTL_FILE),$(CSS_RTL_FILE))

 demo: build
-	mkdir -p exampleSite/themes/coder
-	mkdir -p exampleSite/themes/coder/archetypes
-	mkdir -p exampleSite/themes/coder/images
-	mkdir -p exampleSite/themes/coder/layouts
-	mkdir -p exampleSite/themes/coder/static
-	cp -r $(current_dir)/archetypes/* exampleSite/themes/coder/archetypes/
-	cp -r $(current_dir)/images/* exampleSite/themes/coder/images
-	cp -r $(current_dir)/layouts/* exampleSite/themes/coder/layouts
-	cp -r $(current_dir)/static/* exampleSite/themes/coder/static
-	cp -r $(current_dir)/theme.toml exampleSite/themes/coder/theme.toml
-	cd examplesite && hugo serve -D
+	mkdir -p demo/themes/coder
+	rsync -av exampleSite/* demo
+	rsync -av --exclude='demo' --exclude='exampleSite' --exclude='.git' . demo/themes/coder
+	cd demo && hugo serve -D

 clean:
 	rm -f $(CSS_DIR)/*.css
-	rm -rf exampleSite/themes/coder
+	rm -rf demo
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-# hugo-coder
+![Hugo Coder Logotype](https://github.com/luizdepra/hugo-coder/blob/master/images/logos/logotype-a.png)

 A simple and clean blog theme for Hugo.

@@ -21,14 +21,43 @@ git clone https://github.com/luizdepra/hugo-coder.git themes/coder
 Add the following lines to your `config.toml`.

 ```toml
-theme = "coder" # set the theme
+baseurl = "http://www.example.com" # Hostname (and path) to the root.
+title = "johndoe" # Site title.
+theme = "coder" # Set the theme.
+languagecode = "en" # The site’s language code used to generate RSS.
+defaultcontentlanguage = "en" # The default content language.
+
+paginate = 20 # Default number of pages per page in pagination.
+canonifyurls = true # Enable to turn relative URLs into absolute.
+
+pygmentsstyle = "b2" # Color-theme or style for syntax highlighting.
+pygmentscodefences = true # Enable code fence background highlighting.
+pygmentscodefencesguesssyntax = true # Enable syntax guessing for code fences without specified language.
+
+disqusShortname = "yourdiscussshortname" # Enable or disable Disqus.

 [params] # theme parameters
-    author = "John Doe" # author's name
-    info = "Full Stack DevOps and Magician" # author's job title or info
-    description = "John Doe's personal website" # site description
-    keywords = "blog,developer,personal" # site keywords
-    
+    author = "John Doe" # Author's name.
+    info = "Full Stack DevOps and Magician" # Author's job title or info.
+    description = "John Doe's personal website" # Site description.
+    keywords = "blog,developer,personal" # Site keywords.
+    avatarurl = "images/avatar.jpg" # Contain the path of the optionnal avatar in the static folder.
+
+    footercontent = "Enter a text here." # Add footer content
+
+    # Whether you want to hide copyright and credits in the footer.
+    hideCredits = false
+    hideCopyright = false
+
+    # Custom CSS
+    custom_css = []
+
+    # RTL support
+    rtl = false
+
+    # Multilanguage mode
+    langseparator = "|" # Separates menus from language selectors when site is multilingual.
+
 # Social links
 [[params.social]]
    name = "Github"
@@ -54,13 +83,75 @@ theme = "coder" # set the theme
    url = "/about/"
 ```

-
-
-
 You can look at full working [`config.toml`](https://github.com/luizdepra/hugo-coder/blob/master/exampleSite/config.toml) inside the [exampleSite](https://github.com/luizdepra/hugo-coder/tree/master/exampleSite) folder.

+#### Multilingual mode
+
+To use multilingual mode, the configuration above needs to be extended by parameters for the specific languages.
+Each `language` section overrides default site's parameters when that language is chosen.
+
+```toml
+[params]
+    langseparator = "|" # separates menus from language selectors.
+
+[languages]
+    [languages.en]
+        languagename = "English" # The language name to be displayed in the selector.
+        title = "John Doe"
+
+        # You can configure the theme parameter for each language. 
+        [languages.en.params]
+        author = "John Doe"
+        info = "Full Stack DevOps and Magician"
+        description = "John Doe's personal website"
+        keywords = "blog,developer,personal"
+
+        [languages.en.menu] # It is possible to change the menu too.
+
+        [[languages.en.menu.main]]
+        name = "About"
+        weight = 1.0
+        url = "/about/"
+
+        [[languages.en.menu.main]]
+        name = "Blog"
+        weight = 2.0
+        url = "/posts/"
+
+
+    [languages.pl]
+        languagename = "Polski"
+        title = "John Doe po polsku"
+
+        [languages.pl.params]
+            author = "John Doe"
+            description = "Strona domowa John'a Doe"
+            keywords = "blog,developer,strona domowa"
+            info = "Full Stack DevOps i Magik"
+
+        [languages.pl.menu]
+
+            [[languages.pl.menu.main]]
+            name = "O mnie"
+            weight = 1.0
+            url = "/pl/about/"
+
+            [[languages.pl.menu.main]]
+            name = "Blog"
+            weight = 2.0
+            url = "/pl/posts/"
+
+
+```
+
+It is possible to force Hugo to render all default language content under the language code with `defaultContentLanguageInSubdir = true`.
+In this case, remember to update your menus URLs (i.e. `/en/about/`).
+
 ### Build & Test

+It is necessary to have `less` and `uglifycss` installed to build and run the demo.
+Assuming that already have NodeJS/NPM installed, run `npm install -g less uglifycss`.
+
 To update or generate the minified CSS file:

 ```
@@ -72,21 +163,20 @@ To build your site and test, run:
 ```
 hugo server
 ```
+
 To preview the exampleSite, run
+
 ```
 make demo
 ```
- The above command copies current state of the theme to exampleSite/themes and starts hugo with hugo serve -D (Go does not support Symlink directories)
+
+The above command copies current state of the theme to exampleSite/themes and starts hugo with hugo serve -D (Go does not support Symlink directories)

 ### Disqus
-Add the following line to your config,
-```disqusShortname = "yourdiscussshortname"``` When this is set, all posts are disqus enabled   
-You can disable comments for a post by adding the following to your page meta data.
-```disable_comments: true```

+Add the following line to your config, ```disqusShortname = "yourdiscussshortname"``` When this is set, all posts are disqus enabled   
+You can disable comments for a post by adding the following to your page meta data: ```disable_comments: true```.

-## To Do
- Tags, Categories and Series

 ## License

@@ -94,7 +184,25 @@ Coder is licensed under the [MIT license](https://github.com/luizdepra/hugo-code

 ## Author

-[Luiz de Prá](https://luizdepra.com)
+[Luiz de Prá](https://github.com/luizdepra)
+
+## Contributors
+
+- [Gabor Nagy](https://github.com/Aigeruth)
+- [Ihor Dvoretskyi](https://github.com/idvoretskyi)
+- [Jan Baudisch](https://github.com/flyingP0tat0)
+- [Jiri Hubacek](https://github.com/qeef)
+- [Khosrow Moossavi](https://github.com/khos2ow)
+- [Maikel](https://github.com/mbollemeijer)
+- [peterrus](https://github.com/peterrus)
+- [Ralf Junghanns](https://github.com/rabbl)
+- [tobaloidee](https://github.com/Tobaloidee)
+- [Vlad Ionescu](https://github.com/Vlaaaaaaad)
+- [Niels Reijn](https://github.com/reijnn)
+- [Harry Khanna](https://github.com/hkhanna)
+- [rdhox](https://rdhox.io)
+- [Chip Senkbeil](https://github.com/chipsenkbeil)
+- [Tomasz Wąsiński](https://github.com/wasinski)

 ## Special Thanks

--- a/archetypes/default.md
+++ b/archetypes/default.md
@@ -1,5 +1,6 @@
 +++ 
 draft = true
+date = {{ .Date }}
 title = ""
 slug = "" 
 +++
--- a/archetypes/posts.md
+++ b/archetypes/posts.md
@@ -1,6 +1,6 @@
 +++ 
 draft = true
-date = "2018-01-01T00:00:00-00:00"
+date = {{ .Date }}
 title = ""
 slug = "" 
 tags = []
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -19,6 +19,23 @@ disqusShortname = "yourdiscussshortname"
    description = "John Doe's personal website"
    keywords = "blog,developer,personal"
    info = "Full Stack DevOps and Magician"
+    avatarurl = "images/avatar.jpg"
+    footercontent = "Enter a text here."
+
+    hideCredits = false
+    hideCopyright = false
+
+
+    # Custom CSS
+    custom_css = []
+
+    # Alignment of Mobile Menu items
+    itemscentered = true
+
+    # RTL support
+    rtl = false
+
+    langseparator = "|"

 [[params.social]]
    name = "Github"
@@ -41,3 +58,76 @@ disqusShortname = "yourdiscussshortname"
    name = "About"
    weight = 2
    url = "/about/"
+[[menu.main]]
+    name = "Projects"
+    weight = 3
+    url = "/projects/"
+[[menu.main]]
+    name = "Contact me"
+    weight = 5
+    url = "/contact/"
+
+[languages]
+    [languages.en]
+        languagename = "English" # The language name to be displayed in the selector.
+        title = "John Doe"
+
+        # You can configure the theme parameter for each language.
+        [languages.en.params]
+        author = "John Doe"
+        info = "Full Stack DevOps and Magician"
+        description = "John Doe's personal website"
+        keywords = "blog,developer,personal"
+
+        [languages.en.menu] # It is possible to change the menu too.
+
+        [[languages.en.menu.main]]
+        name = "About"
+        weight = 1.0
+        url = "/about/"
+
+        [[languages.en.menu.main]]
+        name = "Blog"
+        weight = 2.0
+        url = "/posts/"
+
+        [[languages.en.menu.main]]
+        name = "Projects"
+        weight = 3
+        url = "/projects/"
+        [[languages.en.menu.main]]
+        name = "Contact me"
+        weight = 5
+        url = "/contact/"
+
+
+    [languages.pl]
+        languagename = "Polski"
+        title = "John Doe po polsku"
+
+        [languages.pl.params]
+            author = "John Doe"
+            description = "Strona domowa John'a Doe"
+            keywords = "blog,developer,strona domowa"
+            info = "Full Stack DevOps i Magik"
+
+        [languages.pl.menu]
+
+            [[languages.pl.menu.main]]
+            name = "O mnie"
+            weight = 1.0
+            url = "/pl/about/"
+
+            [[languages.pl.menu.main]]
+            name = "Blog"
+            weight = 2.0
+            url = "/pl/posts/"
+
+            [[languages.pl.menu.main]]
+            name = "projektowanie"
+            weight = 3
+            url = "/projektowanie/"
+            [[languages.pl.menu.main]]
+            name = "kontakt"
+            weight = 5
+            url = "/kontakt/"
--- a/images/logos/favicon.png
+++ b/images/logos/favicon.png
--- a/images/logos/favicon.svg
+++ b/images/logos/favicon.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
+<g>
+	<rect x="4.686" y="4.686" transform="matrix(0.7071 0.7071 -0.7071 0.7071 16 -6.6274)" fill="#000000" width="22.627" height="22.627"/>
+	<polygon fill="#FFFFFF" points="29.403,16 21.874,23.529 21.874,20.472 26.346,16 21.874,11.528 21.874,8.471 	"/>
+	<polygon fill="#FFFFFF" points="19.811,9.464 19.811,14.71 12.166,14.71 12.166,9.488 16,5.654 	"/>
+	<polygon fill="#FFFFFF" points="19.811,16.492 19.811,22.535 16,26.346 12.166,22.512 12.166,16.492 	"/>
+	<polygon fill="#FFFFFF" points="10.126,11.528 5.654,16 10.126,20.472 10.126,23.529 2.597,16 10.126,8.471 	"/>
+</g>
+</svg>
--- a/images/logos/logomark.png
+++ b/images/logos/logomark.png
--- a/images/logos/logomark.svg
+++ b/images/logos/logomark.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="1000px" height="1000px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
+<path d="M500,167.46L167.46,500L500,832.54L832.54,500L500,167.46z M500,712.33l-78.95-78.95V518.41h157.91v114.96L500,712.33z
+	 M578.96,481.59H421.05V366.62L500,287.67l78.96,78.96V481.59z M378.91,345.12v63.64L287.67,500l91.24,91.24v63.64L224.029,500
+	L378.91,345.12z M621.59,590.74L712.33,500l-90.74-90.74v-63.64L775.97,500L621.59,654.38V590.74z"/>
+</svg>
--- a/images/logos/logotype-a.png
+++ b/images/logos/logotype-a.png
--- a/images/logos/logotype-a.svg
+++ b/images/logos/logotype-a.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="1000px" height="1000px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
+<path d="M163.797,388.66L52.457,500l111.34,111.34L275.137,500L163.797,388.66z M123.254,469.451L92.705,500l30.549,30.549v21.308
+	L71.396,500l51.857-51.856V469.451z M190.234,544.654l-26.438,26.438l-26.436-26.435v-38.493h52.873V544.654z M190.234,493.836
+	h-52.873v-38.493l26.436-26.435l26.438,26.438V493.836z M204.506,530.381L234.889,500l-30.383-30.381v-21.308L256.197,500
+	l-51.691,51.689V530.381z"/>
+<g>
+	<g>
+		<path d="M321.498,458.552v28.811h30.41v-28.811h13.125v71.919h-13.125v-31.691h-30.41v31.691h-13.125v-71.919H321.498z"/>
+		<path d="M393.096,458.552v41.935c0,14.085,5.869,20.595,14.727,20.595c9.496,0,15.152-6.51,15.152-20.595v-41.935h13.123v41.081
+			c0,22.194-11.416,32.012-28.703,32.012c-16.646,0-27.422-9.283-27.422-31.905v-41.188H393.096z"/>
+		<path d="M508.766,527.163c-4.588,1.707-13.551,4.055-23.154,4.055c-12.166,0-21.342-3.095-28.17-9.604
+			c-6.402-6.082-10.139-15.579-10.031-26.463c0-22.729,16.219-37.347,40.016-37.347c8.855,0,15.791,1.813,19.1,3.415l-2.881,10.563
+			c-3.947-1.708-8.75-3.095-16.326-3.095c-15.365,0-26.143,9.07-26.143,25.822c0,16.326,10.029,26.036,24.969,26.036
+			c4.695,0,8.217-0.64,9.924-1.493v-17.927h-12.697v-10.351h25.395V527.163z"/>
+		<path d="M586.021,493.765c0,24.115-14.619,37.88-34.467,37.88c-20.273,0-33.078-15.473-33.078-36.6
+			c0-22.088,13.871-37.667,34.146-37.667C573.643,457.378,586.021,473.276,586.021,493.765z M532.348,494.831
+			c0,14.619,7.363,26.25,19.955,26.25c12.697,0,19.846-11.738,19.846-26.783c0-13.552-6.723-26.355-19.846-26.355
+			C539.283,467.942,532.348,479.999,532.348,494.831z"/>
+		<path d="M621.555,497.499v9.07h-27.211v-9.07H621.555z"/>
+		<path d="M685.254,528.337c-3.094,1.601-9.924,3.201-18.566,3.201c-22.834,0-36.705-14.299-36.705-36.174
+			c0-23.688,16.432-37.986,38.412-37.986c8.645,0,14.832,1.814,17.5,3.201l-2.881,10.457c-3.414-1.494-8.109-2.774-14.084-2.774
+			c-14.619,0-25.184,9.177-25.184,26.463c0,15.792,9.283,25.93,25.076,25.93c5.336,0,10.883-1.067,14.299-2.668L685.254,528.337z"/>
+		<path d="M757.498,493.765c0,24.115-14.619,37.88-34.467,37.88c-20.273,0-33.078-15.473-33.078-36.6
+			c0-22.088,13.871-37.667,34.146-37.667C745.119,457.378,757.498,473.276,757.498,493.765z M703.824,494.831
+			c0,14.619,7.363,26.25,19.955,26.25c12.697,0,19.846-11.738,19.846-26.783c0-13.552-6.723-26.355-19.846-26.355
+			C710.76,467.942,703.824,479.999,703.824,494.831z"/>
+		<path d="M768.809,459.513c5.762-0.961,13.125-1.494,20.914-1.494c13.445,0,22.729,2.773,29.344,8.322
+			c6.936,5.656,11.205,14.191,11.205,26.463c0,12.805-4.375,22.408-11.205,28.597c-7.148,6.51-18.566,9.817-32.545,9.817
+			c-7.682,0-13.445-0.427-17.713-0.961V459.513z M781.934,520.44c1.814,0.32,4.588,0.32,7.256,0.32
+			c17.072,0.106,27.209-9.283,27.209-27.529c0.107-15.9-9.068-24.97-25.502-24.97c-4.162,0-7.148,0.32-8.963,0.747V520.44z"/>
+		<path d="M881.918,498.565h-27.102v21.128h30.303v10.777h-43.428v-71.919h41.828v10.777h-28.703v18.566h27.102V498.565z"/>
+		<path d="M896.645,459.513c4.908-0.854,12.271-1.494,19.848-1.494c10.35,0,17.393,1.707,22.195,5.762
+			c3.947,3.308,6.188,8.322,6.188,14.405c0,9.283-6.295,15.579-13.018,18.032v0.32c5.121,1.922,8.217,6.937,10.029,13.872
+			c2.242,8.963,4.162,17.286,5.656,20.061h-13.551c-1.068-2.134-2.775-8.003-4.803-16.966c-2.027-9.391-5.441-12.378-12.91-12.592
+			h-6.617v29.558h-13.018V459.513z M909.662,491.31h7.791c8.855,0,14.404-4.694,14.404-11.844c0-7.896-5.549-11.523-14.086-11.523
+			c-4.16,0-6.828,0.319-8.109,0.64V491.31z"/>
+	</g>
+</g>
+</svg>
--- a/images/logos/logotype-b.png
+++ b/images/logos/logotype-b.png
--- a/images/logos/logotype-b.svg
+++ b/images/logos/logotype-b.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="1000px" height="1000px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
+<path d="M500,209.999L285.653,424.347L500,638.692l214.347-214.346L500,209.999z M500,561.208l-50.89-50.889v-74.105h101.785v74.1
+	L500,561.208z M550.896,412.479H449.11v-74.105L500,287.483l50.896,50.896V412.479z M421.948,324.515v41.021l-58.811,58.811
+	l58.811,58.811v41.021l-99.832-99.832L421.948,324.515z M578.374,482.835l58.488-58.488l-58.488-58.488v-41.021l99.509,99.51
+	l-99.509,99.51V482.835z"/>
+<g>
+	<g>
+		<path d="M160.496,709.028v31.916h33.688v-31.916h14.542v79.674h-14.542v-35.109h-33.688v35.109h-14.541v-79.674H160.496z"/>
+		<path d="M239.816,709.028v46.455c0,15.605,6.501,22.818,16.313,22.818c10.521,0,16.786-7.213,16.786-22.818v-46.455h14.537v45.512
+			c0,24.586-12.646,35.461-31.797,35.461c-18.442,0-30.379-10.281-30.379-35.344v-45.629H239.816z"/>
+		<path d="M367.957,785.036c-5.081,1.893-15.012,4.494-25.651,4.494c-13.477,0-23.643-3.43-31.206-10.639
+			c-7.093-6.738-11.233-17.26-11.113-29.318c0-25.178,17.968-41.373,44.328-41.373c9.813,0,17.495,2.012,21.161,3.783l-3.191,11.703
+			c-4.376-1.891-9.693-3.43-18.088-3.43c-17.021,0-28.96,10.051-28.96,28.607c0,18.088,11.109,28.844,27.661,28.844
+			c5.2,0,9.1-0.709,10.992-1.654v-19.861h-14.066v-11.467h28.134V785.036z"/>
+		<path d="M453.54,748.038c0,26.717-16.194,41.963-38.179,41.963c-22.463,0-36.646-17.139-36.646-40.547
+			c0-24.467,15.366-41.725,37.827-41.725C439.828,707.729,453.54,725.343,453.54,748.038z M394.082,749.22
+			c0,16.195,8.154,29.082,22.105,29.082c14.064,0,21.987-13.008,21.987-29.672c0-15.016-7.448-29.199-21.987-29.199
+			C401.765,719.431,394.082,732.79,394.082,749.22z"/>
+		<path d="M492.905,752.175v10.047h-30.144v-10.047H492.905z"/>
+		<path d="M563.474,786.339c-3.429,1.773-10.992,3.547-20.565,3.547c-25.301,0-40.666-15.844-40.666-40.076
+			c0-26.24,18.203-42.08,42.557-42.08c9.571,0,16.43,2.008,19.387,3.545l-3.192,11.584c-3.785-1.654-8.985-3.074-15.604-3.074
+			c-16.197,0-27.896,10.168-27.896,29.316c0,17.496,10.283,28.727,27.776,28.727c5.914,0,12.061-1.184,15.841-2.957L563.474,786.339
+			z"/>
+		<path d="M643.507,748.038c0,26.717-16.196,41.963-38.182,41.963c-22.461,0-36.644-17.139-36.644-40.547
+			c0-24.467,15.366-41.725,37.827-41.725C629.795,707.729,643.507,725.343,643.507,748.038z M584.048,749.22
+			c0,16.195,8.155,29.082,22.104,29.082c14.066,0,21.986-13.008,21.986-29.672c0-15.016-7.447-29.199-21.986-29.199
+			C591.73,719.431,584.048,732.79,584.048,749.22z"/>
+		<path d="M656.039,710.091c6.382-1.063,14.539-1.652,23.17-1.652c14.892,0,25.179,3.072,32.505,9.221
+			c7.685,6.264,12.413,15.721,12.413,29.313c0,14.188-4.848,24.826-12.413,31.68c-7.92,7.213-20.565,10.879-36.054,10.879
+			c-8.512,0-14.893-0.475-19.621-1.068V710.091z M670.578,777.589c2.008,0.357,5.082,0.357,8.039,0.357
+			c18.912,0.115,30.143-10.285,30.143-30.5c0.119-17.613-10.049-27.662-28.252-27.662c-4.61,0-7.922,0.355-9.93,0.828V777.589z"/>
+		<path d="M781.344,753.356H751.32v23.406h33.57v11.939h-48.113v-79.674h46.338v11.938H751.32v20.57h30.023V753.356z"/>
+		<path d="M797.658,710.091c5.438-0.943,13.593-1.652,21.986-1.652c11.467,0,19.268,1.889,24.588,6.383
+			c4.373,3.662,6.857,9.219,6.857,15.959c0,10.281-6.978,17.258-14.422,19.977v0.354c5.673,2.129,9.102,7.686,11.11,15.367
+			c2.482,9.932,4.61,19.152,6.267,22.225h-15.014c-1.182-2.363-3.072-8.867-5.319-18.797c-2.245-10.402-6.029-13.713-14.304-13.947
+			h-7.328v32.744h-14.422V710.091z M812.08,745.317h8.629c9.811,0,15.959-5.199,15.959-13.121c0-8.748-6.148-12.766-15.604-12.766
+			c-4.61,0-7.567,0.354-8.983,0.709V745.317z"/>
+	</g>
+</g>
+</svg>
--- a/images/screenshot.png
+++ b/images/screenshot.png
--- a/images/tn.png
+++ b/images/tn.png
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -18,6 +18,14 @@
    <link rel="stylesheet" href="//cdn.rawgit.com/necolas/normalize.css/master/normalize.css">
    <link rel="stylesheet" href="{{ "css/style.min.css" | absURL }}">

+    {{ if .Site.Params.rtl}}
+      <link rel="stylesheet" href="{{ "css/style-rtl.min.css" | absURL }}">
+    {{ end }}
+
+    {{ range .Site.Params.custom_css }}
+      <link rel="stylesheet" href="{{ . | absURL }}">
+    {{ end }}
+
    <link rel="icon" type="image/png" href="{{ "/images/favicon-32x32.png" | absURL }}" sizes="32x32">
    <link rel="icon" type="image/png" href="{{ "/images/favicon-16x16.png" | absURL }}" sizes="16x16">

@@ -29,7 +37,7 @@
    {{ .Hugo.Generator }}
  </head>

-  <body>
+  <body class="{{ if .Site.Params.rtl }}rtl{{ end }}">
    <main class="wrapper">
      {{ partial "header.html" . }}

--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,5 +1,8 @@
 <footer class="footer">
  <section class="container">
-    © {{ .Site.LastChange.Format "2006" }} · Powered by <a href="https://gohugo.io/">Hugo</a> & <a href="https://github.com/luizdepra/hugo-coder/">Coder</a>.
+    {{ with .Site.Params.footercontent }}
+      <p>{{.}}</p>
+    {{ end }}
+    {{ if not .Site.Params.hideCopyright }} © {{ .Site.LastChange.Format "2006" }} {{ end }} {{ if not .Site.Params.hideCredits}} {{ if not .Site.Params.hideCopyright }} · {{ end }} Powered by <a href="https://gohugo.io/">Hugo</a> & <a href="https://github.com/luizdepra/hugo-coder/">Coder</a>. {{ end }}
  </section>
 </footer>
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,16 +1,44 @@
 <nav class="navigation">
  <section class="container">
-    <a class="navigation-title" href="{{ "/" | absURL }}">
+    <a class="navigation-title" href="{{ print "/" | absLangURL }}">
      {{ .Site.Title }}
    </a>
-    {{ with .Site.Menus.main }}
-    <ul class="navigation-list float-right">
-      {{ range sort . }}
-      <li class="navigation-item">
-        <a class="navigation-link" href="{{ .URL }}">{{ .Name }}</a>
-      </li>
-      {{ end }}
-    </ul>
-    {{ end }}
+    <input type="checkbox" id="menu-control"/>
+    <label class="menu-mobile {{ if $.Site.Params.rtl }} float-left {{ else }} float-right {{ end }}" for="menu-control">
+      <span class="btn-mobile {{ if $.Site.Params.rtl }} float-left {{ else }} float-right {{ end }}">&#9776;</span>
+      <ul class="navigation-list">
+        {{ with .Site.Menus.main}}
+          {{ range sort . }}
+            <li class="navigation-item {{ if $.Site.Params.itemscentered }} align-center {{ else }} {{ if $.Site.Params.rtl }} align-right {{ else }} align-left {{ end }} {{ end }}">
+              <a class="navigation-link" href="{{ .URL | absLangURL }}">{{ .Name }}</a>
+            </li>
+          {{ end }}
+        {{ end }}
+        {{ if .Site.IsMultiLingual }}
+          {{ $node := . }}
+          {{ .Scratch.Set "separator" true }}
+          {{ with .Site.Params.LangSeparator }}
+            <li class= "{{ if $.Site.Params.itemscentered }} mobile-menu-lang-separator-centered {{ else }} mobile-menu-lang-separator-full {{ end }}">
+              <hr />
+            </li>
+          {{ end }}
+          {{ range .Site.Home.AllTranslations }}
+            {{ if ne $.Site.Language .Language }}
+              {{ if $node.Scratch.Get "separator" }}
+                {{ with .Site.Params.LangSeparator }}
+                  <li class="multilingual-separator">
+                    <p>{{ . }}</p>
+                  </li>
+                {{ end }}
+                {{ $node.Scratch.Set "separator" false }}
+              {{ end }}
+              <li class="navigation-item {{ if $.Site.Params.itemscentered }} align-center {{ else }} {{ if $.Site.Params.rtl }} align-right {{ else }} align-left {{ end }} {{ end }}">
+                <a href="{{ .Permalink }}">{{ .Language.LanguageName }}</a>
+              </li>
+            {{ end }}
+          {{ end }}
+        {{ end }}
+      </ul>
+    </label>
  </section>
 </nav>
--- a/layouts/partials/home.html
+++ b/layouts/partials/home.html
@@ -1,5 +1,8 @@
 <section class="container centered">
  <div class="about">
+    {{ with .Site.Params.avatarurl }}
+      <div class="avatar"><img src="{{.}}" alt="avatar"></div>
+    {{ end }}
    <h1>{{ .Site.Params.author }}</h1>
    <h2>{{ .Site.Params.info }}</h2>
    {{ with .Site.Params.social }}
--- a/static/css/style-rtl.min.css
+++ b/static/css/style-rtl.min.css
@@ -0,0 +1 @@
+body.rtl{direction:rtl}body.rtl blockquote{border-right:2px solid #dcdcdc;padding-right:1.6rem}body.rtl table tr td:first-child,body.rtl table tr th:first-child{border-right:0}body.rtl table tr td:last-child,body.rtl table tr th:last-child{border-left:0}body.rtl .navigation ul li{float:right}body.rtl .list ul li span{text-align:left;margin-left:3rem}@media only screen and (min-device-width:320px) and (max-device-width:480px){body.rtl .list ul li span{text-align:right}}
--- a/static/css/style.min.css
+++ b/static/css/style.min.css
--- a/static/images/avatar.jpg
+++ b/static/images/avatar.jpg
--- a/static/images/favicon-16x16.png
+++ b/static/images/favicon-16x16.png
--- a/static/images/favicon-32x32.png
+++ b/static/images/favicon-32x32.png
--- a/static/less/colors.less
+++ b/static/less/colors.less
@@ -0,0 +1,5 @@
+@bg-color: #fefefe;
+@fg-color: #323232;
+@darker-bg-color: #dcdcdc;
+@darker-fg-color: #000;
+@link-color: #3366CC;
--- a/static/less/style-rtl.less
+++ b/static/less/style-rtl.less
@@ -0,0 +1,41 @@
+@import "colors.less";
+
+body.rtl {
+  direction: rtl;
+
+  blockquote {
+    border-right: 2px solid @darker-bg-color;
+    padding-right: 1.6rem;
+  }
+
+  table tr td:first-child,
+  table tr th:first-child {
+    border-right: 0;
+  }
+  table tr td:last-child,
+  table tr th:last-child {
+      border-left: 0;
+  }
+
+  .navigation {
+    ul {
+      li {
+        float: right;
+      }
+    }
+  }
+
+  .list {
+    ul {
+      li {
+        span {
+          text-align: left;
+          margin-left: 3.0rem;
+          @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
+            text-align: right;
+          }
+        }
+      }
+    }
+  }
+}
--- a/static/less/style.less
+++ b/static/less/style.less
@@ -1,9 +1,4 @@
-@bg-color: #fefefe;
-@fg-color: #323232;
-@darker-bg-color: #dcdcdc;
-@darker-fg-color: #000;
-@link-color: #3366CC;
-
+@import "colors.less";

 *,
 *:after,
@@ -119,6 +114,7 @@ pre {
 }

 code {
+  display: inline-block;
  background-color: @darker-fg-color;
  color: @bg-color;
  padding: 0.4rem 0.8rem 0.4rem 0.8rem;
@@ -154,7 +150,6 @@ table tr th:last-child {
    border-right: 0;
 }

-
 img {
  max-width: 100%;
 }
@@ -183,8 +178,8 @@ img {
    text-transform: uppercase;
    line-height: 6.0rem;
    letter-spacing: 0.1rem;
-    @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
-      font-size: 1.4rem;
+    @media only screen and (min-device-width : 320px) and (max-device-width : 768px) {
+      font-size: 1.6rem;
    }
  }
  ul {
@@ -199,10 +194,88 @@ img {
        margin-left: 1.0rem;
        margin-right: 1.0rem;
      }
+      @media only screen and (min-device-width : 320px) and (max-device-width : 768px) {
+        float: none !important;
+      }
+    }
+    @media only screen and (min-device-width : 320px) and (max-device-width : 768px) {
+      visibility: hidden;
+      opacity: 0;
+      max-height: 0;
+      z-index: 5;
+      top: 5rem;
+      right: 0;
+      width: 100%;
+      position: absolute;
+      background-color: rgba(254,254,254 ,0.98);
+      padding: 0;
+      border-bottom: solid 2px #E2DFE1;
+      transition: opacity 0.25s, max-height 0.15s linear;
    }
  }
 }

+#menu-control {
+  display: none;
+}
+
+.btn-mobile {
+  display: none;
+}
+
+@media only screen and (min-device-width : 320px) and (max-device-width : 768px) {
+  .btn-mobile {
+    display: block;
+    font-size: 2.0rem;
+    color: black;
+    cursor: pointer;
+    margin-top: 1.5rem;
+  }
+
+  #menu-control:checked + label .btn-mobile {
+    color: #E2DFE1;
+  }
+
+  #menu-control:checked + label ul {
+    visibility: visible;
+    opacity: 1;
+    max-height: 100rem;
+  }
+
+  .navigation-item {
+    position: relative;
+  }
+
+  .mobile-menu-lang-separator-centered {
+    padding-left: 7rem;
+    padding-right: 7rem;
+  }
+
+  .mobile-menu-lang-separator-full {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+
+  .multilingual-separator {
+    display: none;
+  }
+
+  .align-left {
+    text-align: left;
+    padding-left: 1rem;
+  }
+
+  .align-right {
+    text-align: right;
+    padding-right: 1rem;
+  }
+
+  .align-center {
+    text-align: center;
+  }
+
+}
+
 .content {
  flex: 1;
  margin-top: 1.6rem;
@@ -226,6 +299,15 @@ img {
  }
 }

+.avatar img{
+  width: 20rem;
+  height: auto;
+  border-radius: 50%;
+  @media only screen and (max-device-width : 768px) {
+    width: 10rem;
+  }
+}
+
 .list {
  ul {
    margin: 3.2rem 0 3.2rem 0;
@@ -299,7 +381,7 @@ img {
      margin: 3.0rem 0 1.0rem 0;
      padding: 0;
      li {
-        display: inline;
+        display: inline-block;
        position: relative;
        a {
          text-transform: uppercase;
@@ -336,10 +418,10 @@ img {
 }

 .footer {
-  height: 6.0rem;
  width: 100%;
  text-align: center;
-  line-height: 6.0rem;
+  line-height: 2.0rem;
+  margin-bottom:1.0rem;
 }

 .float-right {
@@ -349,3 +431,9 @@ img {
 .float-left {
  float: left;
 }
+
+// ### AsciiDoc style enhancements ###
+
+.title {
+  font-weight: bold;
+}
Author	SHA1	Message	Date
Vinícius dos Santos Oliveira	1d8e1935de	Add style enhancements for AsciiDoc (#67 )	2018-07-25 17:09:45 -03:00
Luiz de Prá	20ab4aaa70	Update logos and screenshots	2018-07-25 16:39:12 -03:00
rdhox	f597d91e55	Mobile menu (#63 ) * mobile menu functional * mobile menu beta * edits mobile-menu: home link out, rtl ok, menu pop over * mobile menu - bugs correction * add horizontal separator * corrections done + add configuration of centered or rtl/ltr mobile menu * edit config of example * separator padding full	2018-07-24 20:26:48 -03:00
Luiz de Prá	6e05d09971	Improve README.md	2018-07-08 21:25:03 -03:00
Tomasz Wąsiński	f18b8c4e8e	Add support for multilingualism (#40 )	2018-07-08 20:12:36 -03:00
rdhox	c7cae007a6	Add avatar option and footer text option (#41 ) * Add avatar option and footer text option * add responsive avatar for narrow screen * improvement of code * conflicts solved	2018-07-05 10:06:03 -03:00
Chip Senkbeil	9fdd4f2f4a	Updated style to transform name to ~ on smaller screens (#45 ) * Updated style to transform name to ~ on smaller screens * Added Chip Senkbeil to contributors list	2018-07-03 17:14:04 -03:00
rdhox	57ff857391	remove the leading indent of code element (#42 )	2018-07-03 14:04:26 -03:00
rdhox	d1a82df5dd	edit README file to make disqus config working (#43 )	2018-07-02 13:21:12 -03:00
Khosrow Moossavi	fe847fb152	RTL support (#29 )	2018-06-18 14:55:42 -03:00
Harry Khanna	7207be04f0	Fix regression in README.md that messes up code fence formatting (#32 )	2018-06-11 17:01:48 -03:00
Niels Reijn	4016deb430	Update README.md (#31 ) * Update README.md * Added documentation	2018-06-05 19:28:00 -03:00
Luiz de Prá	ec35c0ef93	Add contributors section into README	2018-05-28 09:28:38 -03:00
Khosrow Moossavi	4f8366220a	Generate correct date within archetypes (#27 )	2018-05-28 09:16:37 -03:00
Luiz F. A. de Prá	104b0d8ce3	Add logotype into readme	2018-05-27 21:43:13 -03:00
Luiz F. A. de Prá	141f3288b2	Fix logos location	2018-05-27 21:43:04 -03:00
Luiz F. A. de Prá	c9d4c83faf	Improve demo command	2018-05-27 21:38:01 -03:00
tobaloidee	ccf50e5893	New Logo (#26 ) * New Logo SVG and PNG files included * Updated with new Logo * Delete HUGO-CODER logotype B.svg * Delete HUGO CODER FAVICON-01.png * Delete HUGO-CODER logotype B.png * Delete HUGO-CODER logotype A.svg * Delete HUGO-CODER logotype A.png * Delete HUGO-CODER logomark.png * Delete HUGO CODER FAVICON.svg * Create new logo * Delete new logo * Create new logo * logo files png & svg * Delete hugo-coder-logotype a.png * Delete hugo-coder-logotype a.svg * Delete hugo-coder-logotype b.png * Delete hugo-coder-logotype b.svg * Add files via upload * Delete new logo * Delete hugo-coder-favicon.png * Delete hugo-coder-favicon.svg * Delete hugo-coder-logomark.png * Delete hugo-coder-logotype-a.png * Delete hugo-coder-logotype-a.svg * Delete hugo-coder-logotype-b.png * Delete hugo-coder-logotype-b.svg * Create logo * Add files via upload * Update README.md * Update README.md * Update README.md * Update README.md	2018-05-27 15:49:12 -03:00
Ihor Dvoretskyi	d2a8b2219a	Typo fixed that crashes the demo build (#23 )	2018-05-21 14:02:16 -03:00
Khosrow Moossavi	9a070c2380	Ability to add extra custom CSS (#22 )	2018-05-14 09:51:23 -03:00
Luiz F. A. de Prá	82fab8b82a	Fix home link	2018-05-10 21:41:38 -03:00
Jan Baudisch	d69c5cfef3	Update footer to be optional (#20 ) * Update footer to be optional * Update example with optional footer * Update README with optional footer	2018-05-09 21:06:16 -03:00
				`@@ -0,0 +1 @@`
				`body.rtl{direction:rtl}body.rtl blockquote{border-right:2px solid #dcdcdc;padding-right:1.6rem}body.rtl table tr td:first-child,body.rtl table tr th:first-child{border-right:0}body.rtl table tr td:last-child,body.rtl table tr th:last-child{border-left:0}body.rtl .navigation ul li{float:right}body.rtl .list ul li span{text-align:left;margin-left:3rem}@media only screen and (min-device-width:320px) and (max-device-width:480px){body.rtl .list ul li span{text-align:right}}`