diff options
author | gurusabarish <gurusabarisha@gmail.com> | 2021-03-14 20:09:38 +0300 |
---|---|---|
committer | gurusabarish <gurusabarisha@gmail.com> | 2021-03-14 20:09:38 +0300 |
commit | a19418481da555085082ad72f3429496514c080a (patch) | |
tree | 28bd4b8400ab5a580a3d499647934ecfece7c4ab | |
parent | ea8fabe68e29215542f63aaebfdc539f3cf305db (diff) |
blog style updatev2.10
-rw-r--r-- | config.yaml | 1 | ||||
-rw-r--r-- | content/blog/markdown_2.md | 3 | ||||
-rw-r--r-- | exampleSite/config.yaml | 1 | ||||
-rw-r--r-- | layouts/_default/list.html | 4 | ||||
-rw-r--r-- | layouts/_default/single.html | 88 | ||||
-rw-r--r-- | layouts/index.html | 4 | ||||
-rw-r--r-- | layouts/partials/head.html | 7 | ||||
-rw-r--r-- | static/css/index.css | 8 |
8 files changed, 62 insertions, 54 deletions
diff --git a/config.yaml b/config.yaml index 8f95ec8..6945a4a 100644 --- a/config.yaml +++ b/config.yaml @@ -10,6 +10,7 @@ taxonomies: tag: "tags" category: "categories" +enableEmoji: true params: favicon: "/images/fav.png" description: "A high performance hugo theme for personal website. It is single page portfolio. It has blog." diff --git a/content/blog/markdown_2.md b/content/blog/markdown_2.md index 317900b..408b49e 100644 --- a/content/blog/markdown_2.md +++ b/content/blog/markdown_2.md @@ -1,6 +1,5 @@ --- title: "Markdown syntax" -title: "Markdown syntax" date: 2020-08-15T13:22:10+05:30 draft: false github_link: "https://github.com/gurusabarish/hugo-profile" @@ -44,14 +43,12 @@ The blockquote element represents content that is quoted from another source, op > Tiam, ad mint andaepu dandae nostion secatur sequo quae. > **Note** that you can use *Markdown syntax* within a blockquote. - #### Blockquote with attribution > Don't communicate by sharing memory, share memory by communicating.</p> > — <cite>Rob Pike[^1]</cite> - [^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015. ## Tables diff --git a/exampleSite/config.yaml b/exampleSite/config.yaml index 86afc70..167e830 100644 --- a/exampleSite/config.yaml +++ b/exampleSite/config.yaml @@ -11,6 +11,7 @@ taxonomies: tag: "tags"
category: "categories"
+enableEmoji: true
params:
favicon: "/images/fav.png"
description: "A high performance hugo theme for personal website. It is single page portfolio. It has blog."
diff --git a/layouts/_default/list.html b/layouts/_default/list.html index 8ab9e20..5645e6d 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -1,5 +1,9 @@ {{ define "head"}} <meta name="description" content="blog of {{ .Site.Title}}" /> +<!-- Fonts --> +<link rel="preconnect" href="https://fonts.gstatic.com"> +<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;1,400&display=swap" rel="stylesheet" + media="all"> <title>{{ .Title }}</title> {{ end }} diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 254b859..6f393f4 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -1,5 +1,7 @@ {{ define "head"}} <meta name="description" content="{{ .Params.description }}" /> +<link rel="preconnect" href="https://fonts.gstatic.com"> +<link href="https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;700&display=swap" rel="stylesheet"> <title>{{ .Title }}</title> {{ end }} @@ -7,53 +9,53 @@ {{ define "main" }} -<section> - <div class="container-fluid"> - <div class="row justify-content-center "> - <div class="col-md-7 p-3"> - <div class="px-3"> - <div class="py-4 text-center"> - <!-- title and date --> - <h1 class="blog-title">{{.Title}}</h1> - <div class="text-muted"> - <!-- Date --> - <span class="px-1"> - <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-calendar" fill="currentColor" - xmlns="http://www.w3.org/2000/svg"> - <path fill-rule="evenodd" - d="M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1zm1-3a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2z" /> - <path fill-rule="evenodd" - d="M3.5 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5zm9 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5z" /> - </svg> - </span> - {{ dateFormat "Jan 2, 2006" .Date }} +<section class="mincho-font"> + <div class="py-4 bg-info text-center"> + <!-- title and date --> + <h1 class="blog-title font-weight-bold">{{.Title}}</h1> + <div class=""> + <!-- Date --> + <span class="px-1"> + <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-calendar" fill="currentColor" + xmlns="http://www.w3.org/2000/svg"> + <path fill-rule="evenodd" + d="M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1zm1-3a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2z" /> + <path fill-rule="evenodd" + d="M3.5 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5zm9 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5z" /> + </svg> + </span> + {{ dateFormat "Jan 2, 2006" .Date }} - <!-- Author --> - {{ if .Params.author }} - <span class="px-1"> - <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-person-fill" fill="currentColor" - xmlns="http://www.w3.org/2000/svg"> - <path fill-rule="evenodd" - d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" /> - </svg> - </span> - {{ .Params.author }} - {{ end }} + <!-- Author --> + {{ if .Params.author }} + <span class="px-1"> + <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-person-fill" fill="currentColor" + xmlns="http://www.w3.org/2000/svg"> + <path fill-rule="evenodd" d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" /> + </svg> + </span> + {{ .Params.author }} + {{ end }} - <div class="pt-3"> - <a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" - data-show-count="false">Tweet my work</a> - <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> - </div> - </div> + <div class="pt-3"> + <a href="https://twitter.com/share?ref_src=twsrc%5Etfw" data-size=large class="twitter-share-button" + data-show-count="false">Tweet my work</a> + <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> + </div> + </div> - {{ if .Site.Params.showdescription }} - <div class="text-dark py-2"> - {{ .Params.description }} - </div> - {{ end }} - </div> + {{ if .Site.Params.showdescription }} + <div class="text-dark py-2"> + {{ .Params.description }} + </div> + {{ end }} + </div> + + <div class="container-fluid"> + <div class="row justify-content-center "> + <div class="col-md-8 p-3"> + <div class="px-md-3"> <!-- image --> <div class="py-2"> diff --git a/layouts/index.html b/layouts/index.html index 4808cfd..21805c3 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,6 +1,10 @@ {{ define "head" }} <title>{{- .Site.Title -}}</title> <meta name="description" content="{{ .Site.Params.description }}"> +<!-- Fonts --> +<link rel="preconnect" href="https://fonts.gstatic.com"> +<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;1,400&display=swap" rel="stylesheet" + media="all"> {{ template "_internal/google_analytics.html" . }} {{ end }} diff --git a/layouts/partials/head.html b/layouts/partials/head.html index 54c8c6b..9e9a306 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -7,9 +7,4 @@ <link rel="stylesheet" href="/css/bootstrap.min.css" media="all"> <link rel="stylesheet" href="/css/all.min.css" media="all"> <link rel="stylesheet" href="/css/fontawesome.min.css" media="all"> -<link rel="stylesheet" href="/css/index.css" media="all"> - -<!-- Fonts --> -<link rel="preconnect" href="https://fonts.gstatic.com"> -<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;1,400&display=swap" rel="stylesheet" - media="all">
\ No newline at end of file +<link rel="stylesheet" href="/css/index.css" media="all">
\ No newline at end of file diff --git a/static/css/index.css b/static/css/index.css index b5f4a35..db4d80a 100644 --- a/static/css/index.css +++ b/static/css/index.css @@ -119,6 +119,10 @@ footer { font-size: 48px; } +.mincho-font { + font-family: "Shippori Mincho B1", serif; +} + article { line-height: 1.756; font-size: 18px; @@ -204,12 +208,12 @@ figcaption { article pre { margin: 5px; - padding-top: 0% !important; - padding-bottom: 1% !important; padding: 5%; + padding-left: 7%; font-size: 18px; background-color: #1f618d !important; color: white; + border-radius: 1.5% !important; } article pre > code { |