From 30ff78a8e71270d61e4058b6f4cdada904b735f3 Mon Sep 17 00:00:00 2001 From: Yurizal Susanto Date: Sat, 17 Aug 2019 09:06:29 +0700 Subject: Make new release (#10) * Fixes issue raise by gohugoio/hugoThemes#682 (comment) * Use Hugo pipe for assets management --- README.md | 50 ++--- assets/css/normalize.css | 350 +++++++++++++++++++++++++++++ assets/css/syntax.css | 50 +++++ assets/css/template.css | 424 ++++++++++++++++++++++++++++++++++++ exampleSite/config.toml | 14 +- exampleSite/content/about/_index.md | 1 - exampleSite/content/blog/_index.md | 1 - exampleSite/content/work/_index.md | 1 - layouts/index.html | 10 +- layouts/partials/meta.html | 14 +- layouts/partials/style.html | 21 +- static/css/normalize.css | 350 ----------------------------- static/css/syntax.css | 50 ----- static/css/ui.css | 406 ---------------------------------- static/css/ui.min.css | 1 - theme.toml | 2 +- 16 files changed, 862 insertions(+), 883 deletions(-) create mode 100644 assets/css/normalize.css create mode 100644 assets/css/syntax.css create mode 100644 assets/css/template.css delete mode 100644 static/css/normalize.css delete mode 100644 static/css/syntax.css delete mode 100644 static/css/ui.css delete mode 100644 static/css/ui.min.css diff --git a/README.md b/README.md index d490314..b04407e 100644 --- a/README.md +++ b/README.md @@ -31,11 +31,11 @@ mkdir name_of_web cd name_of_web git clone https://github.com/yursan9/manis-hugo-theme themes/manis cp themes/manis/exampleSite/config.toml config.toml -hugo new blog/_index.md -hugo new work/_index.md +hugo new blog/hello.md ``` -Edit the `config.toml` according to your preference. Then edit `content/blog/_index.md` and `content/work/_index.md` by following [this section](#making-own-navigation-bar). (Look at the `exampleSite/content` for example.) +Edit the `config.toml` according to your preference. Then edit `content/blog/hello.md` to +start writing your first post. (Look at the `exampleSite/content` for example.) ### Theme Only @@ -62,13 +62,13 @@ For configuration example you can look at the `exampleSite/config.toml` (and cop ### Change Latest Section -By default this theme needs `blog` and `work` section to works. You can edit which sections show up as latest posts and latest works by editing `postSection` and `workSection`. `workSection` is optional. +You can edit which sections show up as latest posts and latest works by editing `mainSections` and `workSections`. `workSections` is optional. ```toml -# Configure which section for Latest Posts -postSection = "blog" -# Configure which section for Latest Works -workSection = "work" +# Configure which sections for Latest Posts +mainSections = ["blog", "post"] +# Configure which sections for Latest Works +workSections = ["work"] ``` ### Disqus Configuration @@ -83,38 +83,20 @@ disqusShortname = "your-disqus-shortname" ### Making Own Navigation Bar -Top navigation bar in Manis is made automatically by making new `section/_index.md`. Example if you want to add new `about` section, you can do the following command: +Top navigation bar in Manis is made by configuring the navigation bar in `config.toml` with the following code: ``` -hugo new about/_index.md -``` - -Edit the file `content/about/_index.md` and make sure the front matter is formatted like this: - -```toml -+++ -title = "Get To Know Me" -menu = "main" -+++ -``` - -`title` will be the string that is shown in navigation bar and the page's title (the title doesn't need to be the same as section's directory name). `menu = "main"` is the one who make Hugo know, it's need to add a new item in navigation bar. +[menu] + [[menu.main]] + name = "Blog" + url = "/post/" -**Alternative navigation bar:** + [[menu.main]] + name = "About" + url = "/about" -Or you can configure the navigation bar in `config.toml` with the following code: ``` -[menu] - [[menu.main]] - name = "Blog" - url = "/post/" - - [[menu.main]] - name = "About" - url = "/about" - -``` ### Other Language Manis already translated to Bahasa Indonesia. But, if you want to translate this theme to your own language, look for the example in `i18n/en.yaml` and `i18n/in.yaml`. diff --git a/assets/css/normalize.css b/assets/css/normalize.css new file mode 100644 index 0000000..9d9f37a --- /dev/null +++ b/assets/css/normalize.css @@ -0,0 +1,350 @@ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ + +/* Document + ========================================================================== */ + +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in iOS. + */ + +html { + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/* Sections + ========================================================================== */ + +/** + * Remove the margin in all browsers. + */ + +body { + margin: 0; +} + +/** + * Render the `main` element consistently in IE. + */ + +main { + display: block; +} + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/* Grouping content + ========================================================================== */ + +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + +hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +pre { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/* Text-level semantics + ========================================================================== */ + +/** + * Remove the gray background on active links in IE 10. + */ + +a { + background-color: transparent; +} + +/** + * 1. Remove the bottom border in Chrome 57- + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + +abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + +b, +strong { + font-weight: bolder; +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +code, +kbd, +samp { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** + * Add the correct font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Remove the border on images inside links in IE 10. + */ + +img { + border-style: none; +} + +/* Forms + ========================================================================== */ + +/** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. + */ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ +} + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + +button, +input { /* 1 */ + overflow: visible; +} + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + +button, +select { /* 1 */ + text-transform: none; +} + +/** + * Correct the inability to style clickable types in iOS and Safari. + */ + +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +/** + * Remove the inner border and padding in Firefox. + */ + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule. + */ + +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** + * Correct the padding in Firefox. + */ + +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + +legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + +/** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + +progress { + vertical-align: baseline; +} + +/** + * Remove the default vertical scrollbar in IE 10+. + */ + +textarea { + overflow: auto; +} + +/** + * 1. Add the correct box sizing in IE 10. + * 2. Remove the padding in IE 10. + */ + +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + +[type="search"] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** + * Remove the inner padding in Chrome and Safari on macOS. + */ + +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* Interactive + ========================================================================== */ + +/* + * Add the correct display in Edge, IE 10+, and Firefox. + */ + +details { + display: block; +} + +/* + * Add the correct display in all browsers. + */ + +summary { + display: list-item; +} + +/* Misc + ========================================================================== */ + +/** + * Add the correct display in IE 10+. + */ + +template { + display: none; +} + +/** + * Add the correct display in IE 10. + */ + +[hidden] { + display: none; +} + diff --git a/assets/css/syntax.css b/assets/css/syntax.css new file mode 100644 index 0000000..077e30f --- /dev/null +++ b/assets/css/syntax.css @@ -0,0 +1,50 @@ +/* Background */ .chroma { color: #ffffff; } +/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } +/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } +/* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc } +/* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; } +/* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; } +/* Keyword */ .chroma .k { color: #fb660a; font-weight: bold } +/* KeywordConstant */ .chroma .kc { color: #fb660a; font-weight: bold } +/* KeywordDeclaration */ .chroma .kd { color: #fb660a; font-weight: bold } +/* KeywordNamespace */ .chroma .kn { color: #fb660a; font-weight: bold } +/* KeywordPseudo */ .chroma .kp { color: #fb660a } +/* KeywordReserved */ .chroma .kr { color: #fb660a; font-weight: bold } +/* KeywordType */ .chroma .kt { color: #cdcaa9; font-weight: bold } +/* NameAttribute */ .chroma .na { color: #ff0086; font-weight: bold } +/* NameConstant */ .chroma .no { color: #0086d2 } +/* NameFunction */ .chroma .nf { color: #ff0086; font-weight: bold } +/* NameTag */ .chroma .nt { color: #fb660a; font-weight: bold } +/* NameVariable */ .chroma .nv { color: #fb660a } +/* LiteralString */ .chroma .s { color: #0086d2 } +/* LiteralStringAffix */ .chroma .sa { color: #0086d2 } +/* LiteralStringBacktick */ .chroma .sb { color: #0086d2 } +/* LiteralStringChar */ .chroma .sc { color: #0086d2 } +/* LiteralStringDelimiter */ .chroma .dl { color: #0086d2 } +/* LiteralStringDoc */ .chroma .sd { color: #0086d2 } +/* LiteralStringDouble */ .chroma .s2 { color: #0086d2 } +/* LiteralStringEscape */ .chroma .se { color: #0086d2 } +/* LiteralStringHeredoc */ .chroma .sh { color: #0086d2 } +/* LiteralStringInterpol */ .chroma .si { color: #0086d2 } +/* LiteralStringOther */ .chroma .sx { color: #0086d2 } +/* LiteralStringRegex */ .chroma .sr { color: #0086d2 } +/* LiteralStringSingle */ .chroma .s1 { color: #0086d2 } +/* LiteralStringSymbol */ .chroma .ss { color: #0086d2 } +/* LiteralNumber */ .chroma .m { color: #0086f7; font-weight: bold } +/* LiteralNumberBin */ .chroma .mb { color: #0086f7; font-weight: bold } +/* LiteralNumberFloat */ .chroma .mf { color: #0086f7; font-weight: bold } +/* LiteralNumberHex */ .chroma .mh { color: #0086f7; font-weight: bold } +/* LiteralNumberInteger */ .chroma .mi { color: #0086f7; font-weight: bold } +/* LiteralNumberIntegerLong */ .chroma .il { color: #0086f7; font-weight: bold } +/* LiteralNumberOct */ .chroma .mo { color: #0086f7; font-weight: bold } +/* Comment */ .chroma .c { color: #008800; font-style: italic } +/* CommentHashbang */ .chroma .ch { color: #008800; font-style: italic } +/* CommentMultiline */ .chroma .cm { color: #008800; font-style: italic } +/* CommentSingle */ .chroma .c1 { color: #008800; font-style: italic } +/* CommentSpecial */ .chroma .cs { color: #008800; font-style: italic } +/* CommentPreproc */ .chroma .cp { color: #ff0007; font-weight: bold; font-style: italic } +/* CommentPreprocFile */ .chroma .cpf { color: #ff0007; font-weight: bold; font-style: italic } +/* GenericHeading */ .chroma .gh { font-weight: bold } +/* GenericOutput */ .chroma .go { color: #444444; background-color: #222222 } +/* GenericSubheading */ .chroma .gu { font-weight: bold } +/* TextWhitespace */ .chroma .w { color: #888888 } diff --git a/assets/css/template.css b/assets/css/template.css new file mode 100644 index 0000000..424c441 --- /dev/null +++ b/assets/css/template.css @@ -0,0 +1,424 @@ +/* +* Tulis CSS +* fork of Skeleton V2.0.4 (www.getskeleton.com) +* Copyright 2017, Yurizal Susanto +* Free to use under the MIT license. +* http://www.opensource.org/licenses/mit-license.php +* 21/06/2017 +*/ + + +/* Table of contents +–––––––––––––––––––––––––––––––––––––––––––––––––– +- #Container +- #Base Styles +- #Typography +- #Links +- #Lists +- #Code +- #Tables +- #Blockquote +- #Navigation +- #Spacing +- #Utilities +- #Print +- #Media Queries +*/ + + +/* #Container +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +.container { + position: relative; + width: 100%; + max-width: 70rem; + margin: 0 auto; + padding: 0 2rem; + box-sizing: border-box; +} + + +/* #Base Styles +–––––––––––––––––––––––––––––––––––––––––––––––––– */ + +*, +*:after, +*:before { + box-sizing: inherit; +} + +/* NOTE +html is set to 62.5% so that all the REM measurements throughout Skeleton +are based on 10px sizing. So basically 1.5rem = 15px :) */ +html { + font-size: 62.5%; +} +body { + font-size: 1.6em; + line-height: 1.7; + font-weight: 400; + font-family: 'Lato', sans-serif; + color: #444; +} + + +/* #Typography +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 1rem; + font-weight: 300; + color: #222; + font-family: 'Raleway', sans-serif; +} +h1 { + font-size: 3.2rem; + line-height: 1.25; + letter-spacing: -.1rem; +} +h2 { + font-size: 2.8rem; + line-height: 1.25; + letter-spacing: -.1rem; +} +h3 { + font-size: 2.4rem; + line-height: 1.3; + letter-spacing: -.1rem; +} +h4 { + font-size: 2.0rem; + line-height: 1.35; + letter-spacing: -.08rem; +} +h5 { + font-size: 1.8rem; + line-height: 1.5; + letter-spacing: -.05rem; +} +h6 { + font-size: 1.6rem; + line-height: 1.6; + letter-spacing: 0; +} + +/* Larger than phablet */ +@media (min-width: 55rem) { + h1 { font-size: 3.6rem; } + h2 { font-size: 3.0rem; } + h3 { font-size: 2.8rem; } + h4 { font-size: 2.4rem; } + h5 { font-size: 2.0rem; } + h6 { font-size: 1.7rem; } +} + +p { margin-top: 0; } + +#brand { + text-align: left; +} +#brand h1 { + margin-bottom: -.2rem; + font-weight: bold +} +#brand h5 { + color: #898989; + margin-bottom: -.2rem; +} +#related h3 { + text-align: left; +} + + +/* #Links +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +a { + text-decoration: none; + color: {{ .Site.Params.ColorTheme }}; +} +a:hover { text-decoration: underline; } + + +/* #Lists +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +ul { list-style: square; } +ol { list-style: decimal; } +ol, ul { + padding-left: 1.2rem; + margin-top: 0; +} +ul ul, +ul ol, +ol ol, +ol ul { + margin: 1.5rem 0 1.5rem 3rem; + font-size: 90%; +} +li { + margin-bottom: .5rem; + margin-left: .5rem; +} +li > p { + margin-bottom: .3rem; +} + +ul.no-bullet { + margin-left: 0; + margin-bottom: 1.5rem; +} +@media (min-width: 40rem) { + ul.no-bullet { + list-style: none; + margin-left: 0; + } +} +.no-bullet li { + margin-left: 0; + font-size: 1.8rem; +} +.no-bullet span { + display: none; + font-size: 1.7rem; + color: #666; + font-family: monospace; +} +@media (min-width: 40rem) { + .no-bullet span { + margin-right: 1rem; + display: inline; + } +} +.terms li>span { + color: #666; + font-family: monospace; +} + +dd { margin-left: 2rem; } + +/* #Code +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +code { + padding: .2rem .5rem; + margin: 0 .2rem; + font-size: 90%; + white-space: nowrap; + background: #f1f1f1; + border: 1px solid #e1e1e1; + border-radius: 4px; + font-family: 'Fira Mono', monospace; +} +pre > code { + display: block; + padding: 1rem 1.5rem; + white-space: pre-wrap; + background: #2b303b; + color: #c0c5ce; + font-family: 'Fira Mono', monospace; +} + +/* #Tables +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +th, +td { + padding: 12px 15px; + text-align: left; + border-bottom: 1px solid #e1e1e1; +} +th:first-child, +td:first-child { + padding-left: 0; +} +th:last-child, +td:last-child { + padding-right: 0; +} + +/* #Blockquote +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +blockquote { + box-sizing: border-box; + margin: 1.75em 0 1.75em 0; + padding: 0 1em 0 1em; + border-left:0.4em solid; + border-left-color: {{ .Site.Params.ColorTheme }}; +} + +@media (min-width: 55rem) { + blockquote { + margin: 1.75em -2em 1.75em -2em; + padding: 0 1.5em 0 1.5em; + border-right:0.4em solid; + border-right-color: {{ .Site.Params.ColorTheme }}; + } +} + +blockquote p:last-of-type cite { + display: block; + text-align: right; + margin-right: 1rem; +} + +blockquote p:last-of-type cite:before { content: "― "; } + +blockquote cite a { + font-style: italic; + text-decoration: none; +} + +/* #Navigation +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +.bar a { color: #777; } +.bar a:hover { + color: {{ .Site.Params.ColorTheme }}; + text-decoration: none; +} +.bar ul { + list-style: none; + margin: 0; + padding: 0; +} +.bar li { + display: inline; + font-size: 1.8rem; + margin-right: 1rem; + margin-left: 0; +} +@media (min-width: 40rem) { + .bar li { + font-size: 2.2rem; + } +} + +.post-nav { + margin-bottom: 2rem; +} +.next-post { + display: block; + text-align: right; +} +.prev-post { + display: block; + text-align: left; +} + +.pagination { + font-size: 2rem; +} + +/* #Spacing +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +pre, +blockquote, +dl, +figure, +table, +p, +ul, +ol { + margin-bottom: 2.5rem; } + +#brand { + margin-top: 1rem; + margin-bottom: 1.2rem; +} + +/* #Utilities +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +.u-header { + margin-bottom: .5rem; +} +@media (min-width: 55rem) { + .u-header { padding-top: 1rem; } +} +@media (min-width: 75rem) { + .u-header { padding-top: 3rem; } +} + +.u-footer { + margin-top: 3rem; + margin-bottom: 2rem; +} + + +/* #Misc +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +hr { + margin-top: 3rem; + margin-bottom: 3.5rem; + border-width: 0; + border-top: 1px solid #e1e1e1; +} + +.sep { + margin-top: 2rem; + margin-bottom: 1rem; + margin-left:0; + width: 24rem; + border-top: 2px solid {{ .Site.Params.ColorTheme }}; +} + +img { + max-width: 100% +} + +article img { + display: block; + margin: 0 auto; +} + +[class^="icon"] { + width: 1em; + height: 1em; + position: relative; +} +.icon-text { + top: .13em; +} +.icon-social { + width: 3rem; + height: 3rem; +} + + +/* #Print +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +@media print { + .no-print { + display: none; + } + + pre > code { + white-space: pre-wrap; + } + + img { + display: block; + width: 80%; + margin: auto; + } +} + +/* #Media Queries +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +/* +Note: The best way to structure the use of media queries is to create the queries +near the relevant code. For example, if you wanted to change the styles for buttons +on small devices, paste the mobile query code up in the buttons section and style it +there. +*/ + + +/* Larger than mobile */ +@media (min-width: 40rem) {} + +/* Larger than phablet (also point when grid becomes active) */ +@media (min-width: 55rem) {} + +/* Larger than tablet */ +@media (min-width: 75rem) {} + +/* Larger than desktop */ +@media (min-width: 100rem) {} + +/* Larger than Desktop HD */ +@media (min-width: 120rem) {} diff --git a/exampleSite/config.toml b/exampleSite/config.toml index e2ecb57..68e50fc 100644 --- a/exampleSite/config.toml +++ b/exampleSite/config.toml @@ -21,7 +21,7 @@ pygmentsUseClasses = true [menu] [[menu.main]] - name = "Blog" + name = "Post" url = "/post/" [[menu.main]] @@ -37,7 +37,7 @@ pygmentsUseClasses = true # Custom CSS customCSS = [] - # List of sections support disqus comments + # List of sections that support disqus comments disqusSections = [ "blog" ] # Site meta description description = "Sweet little Hugo's theme for personal website or blog." @@ -48,17 +48,17 @@ pygmentsUseClasses = true # URL to license file, can be outside of your domain licenseURL = "/about/license" - # Configure which section for Latest Posts - postSection = "post" - # Configure which section for Latest Works - workSection = "" + # Configure which sections for Latest Posts + mainSections = ["blog", "post"] + # Configure which sections for Latest Works + workSections = ["work"] # 404 Configuration head404 = "Sorry, I can't find what you want." sub404 = "Back to Home." # Color of your website's accent - colorTheme = "#ff8181" + colorTheme = "#ff6565" # Maximum number of item in Latest Posts or Works latestCount = 3 # Path to site's favicon image diff --git a/exampleSite/content/about/_index.md b/exampleSite/content/about/_index.md index 9faf548..fc1ef62 100644 --- a/exampleSite/content/about/_index.md +++ b/exampleSite/content/about/_index.md @@ -1,7 +1,6 @@ +++ title = "About" date = "2017-06-24T18:57:12+07:00" -menu = "main" +++ It's a minimalist and responsive theme for Hugo Static Site Generator. It's name taken from Indonesian Language for *Sweet*. diff --git a/exampleSite/content/blog/_index.md b/exampleSite/content/blog/_index.md index 2cf0052..b43ab16 100644 --- a/exampleSite/content/blog/_index.md +++ b/exampleSite/content/blog/_index.md @@ -1,5 +1,4 @@ +++ title = "Blog" date = "2017-07-02T08:14:51+07:00" -menu = "main" +++ diff --git a/exampleSite/content/work/_index.md b/exampleSite/content/work/_index.md index 2f83a66..d41dbc1 100644 --- a/exampleSite/content/work/_index.md +++ b/exampleSite/content/work/_index.md @@ -1,5 +1,4 @@ +++ title = "Work" date = "2017-07-02T08:15:25+07:00" -menu = "main" +++ diff --git a/layouts/index.html b/layouts/index.html index 88821c8..4207ed3 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -5,22 +5,22 @@ {{ with .Content }}{{.}}{{ end }} {{ $latestcount := .Site.Params.LatestCount | default 3 }} - {{ $postsection := .Site.Params.PostSection | default "post" }}

{{ T "latestPost" }}

- {{ $worksection := .Site.Params.WorkSection | default "work" }} - {{ with .Site.GetPage "section" $worksection }} + {{ $pages := where site.RegularPages "Type" "in" .Site.Params.WorkSections }} + {{ if ne (len $pages) 0 }}

{{ T "latestWork" }}

diff --git a/layouts/partials/meta.html b/layouts/partials/meta.html index 22fb181..bb7922c 100644 --- a/layouts/partials/meta.html +++ b/layouts/partials/meta.html @@ -8,15 +8,9 @@ {{ with .Site.Params.FaviconImg }} {{ end }} - - {{ if .Site.Params.DebugCSS }} - - - - {{ else }} - - {{ end }} - + + {{ partial "style" . }} + {{ range .Site.Params.CustomCSS }} {{ end }} @@ -30,6 +24,4 @@ {{ end }} {{ end }} - - {{ partial "style" . }} diff --git a/layouts/partials/style.html b/layouts/partials/style.html index 37755da..7245855 100644 --- a/layouts/partials/style.html +++ b/layouts/partials/style.html @@ -1,15 +1,6 @@ - +{{ $normalize := resources.Get "css/normalize.css" }} +{{ $syntax := resources.Get "css/syntax.css" }} +{{ $template := resources.Get "css/template.css" }} +{{ $ui := $template | resources.ExecuteAsTemplate "main.css" . }} +{{ $css := slice $normalize $ui $syntax | resources.Concat "css/ui.css" }} + diff --git a/static/css/normalize.css b/static/css/normalize.css deleted file mode 100644 index 9d9f37a..0000000 --- a/static/css/normalize.css +++ /dev/null @@ -1,350 +0,0 @@ -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ - -/* Document - ========================================================================== */ - -/** - * 1. Correct the line height in all browsers. - * 2. Prevent adjustments of font size after orientation changes in iOS. - */ - -html { - line-height: 1.15; /* 1 */ - -webkit-text-size-adjust: 100%; /* 2 */ -} - -/* Sections - ========================================================================== */ - -/** - * Remove the margin in all browsers. - */ - -body { - margin: 0; -} - -/** - * Render the `main` element consistently in IE. - */ - -main { - display: block; -} - -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ - -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -/* Grouping content - ========================================================================== */ - -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ - -hr { - box-sizing: content-box; /* 1 */ - height: 0; /* 1 */ - overflow: visible; /* 2 */ -} - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ - -pre { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ -} - -/* Text-level semantics - ========================================================================== */ - -/** - * Remove the gray background on active links in IE 10. - */ - -a { - background-color: transparent; -} - -/** - * 1. Remove the bottom border in Chrome 57- - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ - -abbr[title] { - border-bottom: none; /* 1 */ - text-decoration: underline; /* 2 */ - text-decoration: underline dotted; /* 2 */ -} - -/** - * Add the correct font weight in Chrome, Edge, and Safari. - */ - -b, -strong { - font-weight: bolder; -} - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ - -code, -kbd, -samp { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ -} - -/** - * Add the correct font size in all browsers. - */ - -small { - font-size: 80%; -} - -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -/* Embedded content - ========================================================================== */ - -/** - * Remove the border on images inside links in IE 10. - */ - -img { - border-style: none; -} - -/* Forms - ========================================================================== */ - -/** - * 1. Change the font styles in all browsers. - * 2. Remove the margin in Firefox and Safari. - */ - -button, -input, -optgroup, -select, -textarea { - font-family: inherit; /* 1 */ - font-size: 100%; /* 1 */ - line-height: 1.15; /* 1 */ - margin: 0; /* 2 */ -} - -/** - * Show the overflow in IE. - * 1. Show the overflow in Edge. - */ - -button, -input { /* 1 */ - overflow: visible; -} - -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ - -button, -select { /* 1 */ - text-transform: none; -} - -/** - * Correct the inability to style clickable types in iOS and Safari. - */ - -button, -[type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; -} - -/** - * Remove the inner border and padding in Firefox. - */ - -button::-moz-focus-inner, -[type="button"]::-moz-focus-inner, -[type="reset"]::-moz-focus-inner, -[type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; -} - -/** - * Restore the focus styles unset by the previous rule. - */ - -button:-moz-focusring, -[type="button"]:-moz-focusring, -[type="reset"]:-moz-focusring, -[type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; -} - -/** - * Correct the padding in Firefox. - */ - -fieldset { - padding: 0.35em 0.75em 0.625em; -} - -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - */ - -legend { - box-sizing: border-box; /* 1 */ - color: inherit; /* 2 */ - display: table; /* 1 */ - max-width: 100%; /* 1 */ - padding: 0; /* 3 */ - white-space: normal; /* 1 */ -} - -/** - * Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ - -progress { - vertical-align: baseline; -} - -/** - * Remove the default vertical scrollbar in IE 10+. - */ - -textarea { - overflow: auto; -} - -/** - * 1. Add the correct box sizing in IE 10. - * 2. Remove the padding in IE 10. - */ - -[type="checkbox"], -[type="radio"] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ -} - -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ - -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; -} - -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ - -[type="search"] { - -webkit-appearance: textfield; /* 1 */ - outline-offset: -2px; /* 2 */ -} - -/** - * Remove the inner padding in Chrome and Safari on macOS. - */ - -[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -/** - * 1. Correct the inability to style clickable types in iOS and Safari. - * 2. Change font properties to `inherit` in Safari. - */ - -::-webkit-file-upload-button { - -webkit-appearance: button; /* 1 */ - font: inherit; /* 2 */ -} - -/* Interactive - ========================================================================== */ - -/* - * Add the correct display in Edge, IE 10+, and Firefox. - */ - -details { - display: block; -} - -/* - * Add the correct display in all browsers. - */ - -summary { - display: list-item; -} - -/* Misc - ========================================================================== */ - -/** - * Add the correct display in IE 10+. - */ - -template { - display: none; -} - -/** - * Add the correct display in IE 10. - */ - -[hidden] { - display: none; -} - diff --git a/static/css/syntax.css b/static/css/syntax.css deleted file mode 100644 index 077e30f..0000000 --- a/static/css/syntax.css +++ /dev/null @@ -1,50 +0,0 @@ -/* Background */ .chroma { color: #ffffff; } -/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } -/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } -/* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc } -/* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; } -/* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; } -/* Keyword */ .chroma .k { color: #fb660a; font-weight: bold } -/* KeywordConstant */ .chroma .kc { color: #fb660a; font-weight: bold } -/* KeywordDeclaration */ .chroma .kd { color: #fb660a; font-weight: bold } -/* KeywordNamespace */ .chroma .kn { color: #fb660a; font-weight: bold } -/* KeywordPseudo */ .chroma .kp { color: #fb660a } -/* KeywordReserved */ .chroma .kr { color: #fb660a; font-weight: bold } -/* KeywordType */ .chroma .kt { color: #cdcaa9; font-weight: bold } -/* NameAttribute */ .chroma .na { color: #ff0086; font-weight: bold } -/* NameConstant */ .chroma .no { color: #0086d2 } -/* NameFunction */ .chroma .nf { color: #ff0086; font-weight: bold } -/* NameTag */ .chroma .nt { color: #fb660a; font-weight: bold } -/* NameVariable */ .chroma .nv { color: #fb660a } -/* LiteralString */ .chroma .s { color: #0086d2 } -/* LiteralStringAffix */ .chroma .sa { color: #0086d2 } -/* LiteralStringBacktick */ .chroma .sb { color: #0086d2 } -/* LiteralStringChar */ .chroma .sc { color: #0086d2 } -/* LiteralStringDelimiter */ .chroma .dl { color: #0086d2 } -/* LiteralStringDoc */ .chroma .sd { color: #0086d2 } -/* LiteralStringDouble */ .chroma .s2 { color: #0086d2 } -/* LiteralStringEscape */ .chroma .se { color: #0086d2 } -/* LiteralStringHeredoc */ .chroma .sh { color: #0086d2 } -/* LiteralStringInterpol */ .chroma .si { color: #0086d2 } -/* LiteralStringOther */ .chroma .sx { color: #0086d2 } -/* LiteralStringRegex */ .chroma .sr { color: #0086d2 } -/* LiteralStringSingle */ .chroma .s1 { color: #0086d2 } -/* LiteralStringSymbol */ .chroma .ss { color: #0086d2 } -/* LiteralNumber */ .chroma .m { color: #0086f7; font-weight: bold } -/* LiteralNumberBin */ .chroma .mb { color: #0086f7; font-weight: bold } -/* LiteralNumberFloat */ .chroma .mf { color: #0086f7; font-weight: bold } -/* LiteralNumberHex */ .chroma .mh { color: #0086f7; font-weight: bold } -/* LiteralNumberInteger */ .chroma .mi { color: #0086f7; font-weight: bold } -/* LiteralNumberIntegerLong */ .chroma .il { color: #0086f7; font-weight: bold } -/* LiteralNumberOct */ .chroma .mo { color: #0086f7; font-weight: bold } -/* Comment */ .chroma .c { color: #008800; font-style: italic } -/* CommentHashbang */ .chroma .ch { color: #008800; font-style: italic } -/* CommentMultiline */ .chroma .cm { color: #008800; font-style: italic } -/* CommentSingle */ .chroma .c1 { color: #008800; font-style: italic } -/* CommentSpecial */ .chroma .cs { color: #008800; font-style: italic } -/* CommentPreproc */ .chroma .cp { color: #ff0007; font-weight: bold; font-style: italic } -/* CommentPreprocFile */ .chroma .cpf { color: #ff0007; font-weight: bold; font-style: italic } -/* GenericHeading */ .chroma .gh { font-weight: bold } -/* GenericOutput */ .chroma .go { color: #444444; background-color: #222222 } -/* GenericSubheading */ .chroma .gu { font-weight: bold } -/* TextWhitespace */ .chroma .w { color: #888888 } diff --git a/static/css/ui.css b/static/css/ui.css deleted file mode 100644 index 0ddf3b2..0000000 --- a/static/css/ui.css +++ /dev/null @@ -1,406 +0,0 @@ -/* -* Tulis CSS -* fork of Skeleton V2.0.4 (www.getskeleton.com) -* Copyright 2017, Yurizal Susanto -* Free to use under the MIT license. -* http://www.opensource.org/licenses/mit-license.php -* 21/06/2017 -*/ - - -/* Table of contents -–––––––––––––––––––––––––––––––––––––––––––––––––– -- #Container -- #Base Styles -- #Typography -- #Links -- #Lists -- #Code -- #Tables -- #Blockquote -- #Navigation -- #Spacing -- #Utilities -- #Print -- #Media Queries -*/ - -/* #Container -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -.container { - position: relative; - width: 100%; - max-width: 70rem; - margin: 0 auto; - padding: 0 2rem; - box-sizing: border-box; -} - - -/* #Base Styles -–––––––––––––––––––––––––––––––––––––––––––––––––– */ - -*, -*:after, -*:before { - box-sizing: inherit; -} - -/* NOTE -html is set to 62.5% so that all the REM measurements throughout Skeleton -are based on 10px sizing. So basically 1.5rem = 15px :) */ -html { - font-size: 62.5%; -} -body { - font-size: 1.6em; - line-height: 1.7; - font-weight: 400; - font-family: 'Lato', sans-serif; - color: #444; -} - - -/* #Typography -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -h1, h2, h3, h4, h5, h6 { - margin-top: 0; - margin-bottom: 1rem; - font-weight: 300; - color: #222; - font-family: 'Raleway', sans-serif; -} -h1 { - font-size: 3.2rem; - line-height: 1.25; - letter-spacing: -.1rem; -} -h2 { - font-size: 2.8rem; - line-height: 1.25; - letter-spacing: -.1rem; -} -h3 { - font-size: 2.4rem; - line-height: 1.3; - letter-spacing: -.1rem; -} -h4 { - font-size: 2.0rem; - line-height: 1.35; - letter-spacing: -.08rem; -} -h5 { - font-size: 1.8rem; - line-height: 1.5; - letter-spacing: -.05rem; -} -h6 { - font-size: 1.6rem; - line-height: 1.6; - letter-spacing: 0; -} - -/* Larger than phablet */ -@media (min-width: 55rem) { - h1 { font-size: 3.6rem; } - h2 { font-size: 3.0rem; } - h3 { font-size: 2.8rem; } - h4 { font-size: 2.4rem; } - h5 { font-size: 2.0rem; } - h6 { font-size: 1.7rem; } -} - -p { margin-top: 0; } - -#brand { - text-align: left; -} -#brand h1 { - margin-bottom: -.2rem; - font-weight: bold -} -#brand h5 { - color: #898989; - margin-bottom: -.2rem; -} -#related h3 { - text-align: left; -} - - -/* #Links -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -a { text-decoration: none; } -a:hover { text-decoration: underline; } - - -/* #Lists -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -ul { list-style: square; } -ol { list-style: decimal; } -ol, ul { - padding-left: 1.2rem; - margin-top: 0; -} -ul ul, -ul ol, -ol ol, -ol ul { - margin: 1.5rem 0 1.5rem 3rem; - font-size: 90%; -} -li { - margin-bottom: .5rem; - margin-left: .5rem; -} -li > p { - margin-bottom: .3rem; -} - -ul.no-bullet { - margin-left: 0; - margin-bottom: 1.5rem; -} -@media (min-width: 40rem) { - ul.no-bullet { - list-style: none; - margin-left: 0; - } -} -.no-bullet li { - margin-left: 0; - font-size: 1.8rem; -} -.no-bullet span { - display: none; - font-size: 1.7rem; - color: #666; - font-family: monospace; -} -@media (min-width: 40rem) { - .no-bullet span { - margin-right: 1rem; - display: inline; - } -} -.terms li>span { - color: #666; - font-family: monospace; -} - -dd { margin-left: 2rem; } - -/* #Code -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -code { - padding: .2rem .5rem; - margin: 0 .2rem; - font-size: 90%; - white-space: nowrap; - background: #f1f1f1; - border: 1px solid #e1e1e1; - border-radius: 4px; - font-family: 'Fira Mono', monospace; -} -pre > code { - display: block; - padding: 1rem 1.5rem; - white-space: pre-wrap; - background: #2b303b; - color: #c0c5ce; - font-family: 'Fira Mono', monospace; -} - -/* #Tables -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -th, -td { - padding: 12px 15px; - text-align: left; - border-bottom: 1px solid #e1e1e1; -} -th:first-child, -td:first-child { - padding-left: 0; -} -th:last-child, -td:last-child { - padding-right: 0; -} - -/* #Blockquote -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -blockquote { - box-sizing: border-box; - margin: 1.75em 0 1.75em 0; - padding: 0 1em 0 1em; - border-left:0.4em solid; -} - -@media (min-width: 55rem) { - blockquote { - margin: 1.75em -2em 1.75em -2em; - padding: 0 1.5em 0 1.5em; - border-right:0.4em solid; - } -} - -blockquote p:last-of-type cite { - display: block; - text-align: right; - margin-right: 1rem; -} - -blockquote p:last-of-type cite:before { content: "― "; } - -blockquote cite a { - font-style: italic; - text-decoration: none; -} - -/* #Navigation -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -.bar a { color: #777; } -.bar ul { - list-style: none; - margin: 0; - padding: 0; -} -.bar li { - display: inline; - font-size: 1.8rem; - margin-right: 1rem; - margin-left: 0; -} -@media (min-width: 40rem) { - .bar li { - font-size: 2.2rem; - } -} - -.post-nav { - margin-bottom: 2rem; -} -.next-post { - display: block; - text-align: right; -} -.prev-post { - display: block; - text-align: left; -} - -.pagination { - font-size: 2rem; -} - -/* #Spacing -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -pre, -blockquote, -dl, -figure, -table, -p, -ul, -ol { - margin-bottom: 2.5rem; } - -#brand { - margin-top: 1rem; - margin-bottom: 1.2rem; -} - -/* #Utilities -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -.u-header { - margin-bottom: .5rem; -} -@media (min-width: 55rem) { - .u-header { padding-top: 1rem; } -} -@media (min-width: 75rem) { - .u-header { padding-top: 3rem; } -} - -.u-footer { - margin-top: 3rem; - margin-bottom: 2rem; -} - - -/* #Misc -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -hr { - margin-top: 3rem; - margin-bottom: 3.5rem; - border-width: 0; - border-top: 1px solid #e1e1e1; -} - -img { - max-width: 100% -} - -article img { - display: block; - margin: 0 auto; -} - -[class^="icon"] { - width: 1em; - height: 1em; - position: relative; -} -.icon-text { - top: .13em; -} -.icon-social { - width: 3rem; - height: 3rem; -} - - -/* #Print -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -@media print { - .no-print { - display: none; - } - - pre > code { - white-space: pre-wrap; - } - - img { - display: block; - width: 80%; - margin: auto; - } -} - -/* #Media Queries -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -/* -Note: The best way to structure the use of media queries is to create the queries -near the relevant code. For example, if you wanted to change the styles for buttons -on small devices, paste the mobile query code up in the buttons section and style it -there. -*/ - - -/* Larger than mobile */ -@media (min-width: 40rem) {} - -/* Larger than phablet (also point when grid becomes active) */ -@media (min-width: 55rem) {} - -/* Larger than tablet */ -@media (min-width: 75rem) {} - -/* Larger than desktop */ -@media (min-width: 100rem) {} - -/* Larger than Desktop HD */ -@media (min-width: 120rem) {} diff --git a/static/css/ui.min.css b/static/css/ui.min.css deleted file mode 100644 index 35231ab..0000000 --- a/static/css/ui.min.css +++ /dev/null @@ -1 +0,0 @@ -html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.container{position:relative;width:100%;max-width:70rem;margin:0 auto;padding:0 2rem;box-sizing:border-box}*,*:after,*:before{box-sizing:inherit}html{font-size:62.5%}body{font-size:1.6em;line-height:1.7;font-weight:400;font-family:'Lato',sans-serif;color:#444}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:1rem;font-weight:300;color:#222;font-family:'Raleway',sans-serif}h1{font-size:3.2rem;line-height:1.25;letter-spacing:-.1rem}h2{font-size:2.8rem;line-height:1.25;letter-spacing:-.1rem}h3{font-size:2.4rem;line-height:1.3;letter-spacing:-.1rem}h4{font-size:2.0rem;line-height:1.35;letter-spacing:-.08rem}h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}h6{font-size:1.6rem;line-height:1.6;letter-spacing:0}@media(min-width:55rem){h1{font-size:3.6rem}h2{font-size:3.0rem}h3{font-size:2.8rem}h4{font-size:2.4rem}h5{font-size:2.0rem}h6{font-size:1.7rem}}p{margin-top:0}#brand{text-align:left}#brand h1{margin-bottom:-.2rem;font-weight:bold}#brand h5{color:#898989;margin-bottom:-.2rem}#related h3{text-align:left}a{text-decoration:none}a:hover{text-decoration:underline}ul{list-style:square}ol{list-style:decimal}ol,ul{padding-left:1.2rem;margin-top:0}ul ul,ul ol,ol ol,ol ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}li{margin-bottom:.5rem;margin-left:.5rem}li>p{margin-bottom:.3rem}ul.no-bullet{margin-left:0;margin-bottom:1.5rem}@media(min-width:40rem){ul.no-bullet{list-style:none;margin-left:0}}.no-bullet li{margin-left:0;font-size:1.8rem}.no-bullet span{display:none;font-size:1.7rem;color:#666;font-family:monospace}@media(min-width:40rem){.no-bullet span{margin-right:1rem;display:inline}}.terms li>span{color:#666;font-family:monospace}dd{margin-left:2rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:90%;white-space:nowrap;background:#f1f1f1;border:1px solid #e1e1e1;border-radius:4px;font-family:'Fira Mono',monospace}pre>code{display:block;padding:1rem 1.5rem;white-space:pre-wrap;background:#2b303b;color:#c0c5ce;font-family:'Fira Mono',monospace}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #e1e1e1}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}blockquote{box-sizing:border-box;margin:1.75em 0 1.75em 0;padding:0 1em 0 1em;border-left:.4em solid}@media(min-width:55rem){blockquote{margin:1.75em -2em 1.75em -2em;padding:0 1.5em 0 1.5em;border-right:.4em solid}}blockquote p:last-of-type cite{display:block;text-align:right;margin-right:1rem}blockquote p:last-of-type cite:before{content:"― "}blockquote cite a{font-style:italic;text-decoration:none}.bar a{color:#777}.bar ul{list-style:none;margin:0;padding:0}.bar li{display:inline;font-size:1.8rem;margin-right:1rem;margin-left:0}@media(min-width:40rem){.bar li{font-size:2.2rem}}.post-nav{margin-bottom:2rem}.next-post{display:block;text-align:right}.prev-post{display:block;text-align:left}.pagination{font-size:2rem}pre,blockquote,dl,figure,table,p,ul,ol{margin-bottom:2.5rem}#brand{margin-top:1rem;margin-bottom:1.2rem}.u-header{margin-bottom:.5rem}@media(min-width:55rem){.u-header{padding-top:1rem}}@media(min-width:75rem){.u-header{padding-top:3rem}}.u-footer{margin-top:3rem;margin-bottom:2rem}hr{margin-top:3rem;margin-bottom:3.5rem;border-width:0;border-top:1px solid #e1e1e1}img{max-width:100%}article img{display:block;margin:0 auto}[class^="icon"]{width:1em;height:1em;position:relative}.icon-text{top:.13em}.icon-social{width:3rem;height:3rem}@media print{.no-print{display:none}pre>code{white-space:pre-wrap}img{display:block;width:80%;margin:auto}}.chroma{color:#fff}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0;width:auto;overflow:auto;display:block}.chroma .hl{display:block;width:100%;background-color:#ffc}.chroma .lnt{margin-right:.4em;padding:0 .4em 0 .4em}.chroma .ln{margin-right:.4em;padding:0 .4em 0 .4em}.chroma .k{color:#fb660a;font-weight:bold}.chroma .kc{color:#fb660a;font-weight:bold}.chroma .kd{color:#fb660a;font-weight:bold}.chroma .kn{color:#fb660a;font-weight:bold}.chroma .kp{color:#fb660a}.chroma .kr{color:#fb660a;font-weight:bold}.chroma .kt{color:#cdcaa9;font-weight:bold}.chroma .na{color:#ff0086;font-weight:bold}.chroma .no{color:#0086d2}.chroma .nf{color:#ff0086;font-weight:bold}.chroma .nt{color:#fb660a;font-weight:bold}.chroma .nv{color:#fb660a}.chroma .s{color:#0086d2}.chroma .sa{color:#0086d2}.chroma .sb{color:#0086d2}.chroma .sc{color:#0086d2}.chroma .dl{color:#0086d2}.chroma .sd{color:#0086d2}.chroma .s2{color:#0086d2}.chroma .se{color:#0086d2}.chroma .sh{color:#0086d2}.chroma .si{color:#0086d2}.chroma .sx{color:#0086d2}.chroma .sr{color:#0086d2}.chroma .s1{color:#0086d2}.chroma .ss{color:#0086d2}.chroma .m{color:#0086f7;font-weight:bold}.chroma .mb{color:#0086f7;font-weight:bold}.chroma .mf{color:#0086f7;font-weight:bold}.chroma .mh{color:#0086f7;font-weight:bold}.chroma .mi{color:#0086f7;font-weight:bold}.chroma .il{color:#0086f7;font-weight:bold}.chroma .mo{color:#0086f7;font-weight:bold}.chroma .c{color:#080;font-style:italic}.chroma .ch{color:#080;font-style:italic}.chroma .cm{color:#080;font-style:italic}.chroma .c1{color:#080;font-style:italic}.chroma .cs{color:#080;font-style:italic}.chroma .cp{color:#ff0007;font-weight:bold;font-style:italic}.chroma .cpf{color:#ff0007;font-weight:bold;font-style:italic}.chroma .gh{font-weight:bold}.chroma .go{color:#444;background-color:#222}.chroma .gu{font-weight:bold}.chroma .w{color:#888} diff --git a/theme.toml b/theme.toml index 3d820e2..d160d03 100644 --- a/theme.toml +++ b/theme.toml @@ -5,7 +5,7 @@ description = "Sweet little theme for personal website or blog" homepage = "https://github.com/yursan9/manis-hugo-theme" tags = ["blog", "personal", "minimal", "simple", "clean", "light"] features = ["responsive", "simple", "higlight.js", "discus"] -min_version = "0.30" +min_version = "0.57" [author] name = "Yurizal Susanto" -- cgit v1.2.3