From 2837a2ba626e147d056db567e53fca7f00eedaca Mon Sep 17 00:00:00 2001 From: Vivek R Date: Thu, 19 Sep 2019 23:50:28 +0530 Subject: fix: images and other media doesn't get scaled 100% width --- exampleSite/content/posts/post-5.md | 1 - exampleSite/content/posts/post-6.md | 32 ++++++++++++++++++++++++++++++++ static/css/main.css | 28 +++++++++++++++++++++++++--- 3 files changed, 57 insertions(+), 4 deletions(-) create mode 100644 exampleSite/content/posts/post-6.md diff --git a/exampleSite/content/posts/post-5.md b/exampleSite/content/posts/post-5.md index 16c8a7f..8623c19 100644 --- a/exampleSite/content/posts/post-5.md +++ b/exampleSite/content/posts/post-5.md @@ -5,7 +5,6 @@ date: 2018-03-18T12:13:38+05:30 Lid est laborum et dolorum fuga. Et harum quidem rerum facilis est et expeditasi distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihilse impedit quo minus id quod amets untra dolor amet sad. Sed ut perspser iciatis unde omnis iste natus error sit voluptatem accusantium doloremque laste. Dolores sadips ipsums sits. - # Heading 1 Lid est laborum et dolorum fuga. Et harum quidem rerum facilis est et expeditasi distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihilse impedit quo minus id quod amets untra dolor amet sad. Sed ut perspser iciatis unde omnis iste natus error sit voluptatem accusantium doloremque laste. Dolores sadips ipsums sits. diff --git a/exampleSite/content/posts/post-6.md b/exampleSite/content/posts/post-6.md new file mode 100644 index 0000000..f418795 --- /dev/null +++ b/exampleSite/content/posts/post-6.md @@ -0,0 +1,32 @@ +--- +title: "Hugo shortcodes" +date: 2018-03-18T12:13:36+05:30 +description: Here is a demo of all shortcodes available in Hugo. +--- + +## Images + +{{< figure src="https://images.unsplash.com/photo-1560032779-0a8809186efd?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80" title="Dave Herring" >}} + +{{< figure src="https://images.unsplash.com/photo-1560032779-0a8809186efd?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=80" title="Dave Herring" >}} + + +## Github Gist + +{{< gist spf13 7896402 >}} + +## Youtube video + +{{< youtube w7Ft2ymGmfc >}} + +## Tweet + +{{< tweet 877500564405444608 >}} + +## Vimeo + +{{< vimeo id="146022717" >}} + +## Instagram + +{{< instagram BWNjjyYFxVx >}} diff --git a/static/css/main.css b/static/css/main.css index 7cd7d52..c0f2453 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -34,9 +34,19 @@ hr { padding: 0 } -audio,canvas,img,video { - width: 100%; - vertical-align: middle +img { + margin: 10px auto 10px auto; + max-width: 100%; + display: block; +} + +a img { + border:none; +} + +figure { + margin: 0; + text-align: center; } fieldset { @@ -110,6 +120,18 @@ h6 { font-size: .9rem } +.align-center { + text-align: center; +} + +.align-left { + text-align: left; +} + +.align-right { + text-align: right; +} + .container { max-width: 800px } -- cgit v1.2.3 From 5f7e3184bd064b452c2628022ccdbbe49c18f35a Mon Sep 17 00:00:00 2001 From: Vivek R Date: Thu, 19 Sep 2019 23:52:47 +0530 Subject: fix: add whitespace between title and subtitle in title header --- layouts/partials/header.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 43c7770..273c6cc 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -4,7 +4,7 @@ {{- $title := ( .Title ) -}} {{- $siteTitle := ( .Site.Title ) -}} {{- if .IsHome -}} - {{ $siteTitle }} {{- if isset .Site.Params "subtitle" -}} - {{ .Site.Params.Subtitle }}{{- end -}} + {{ $siteTitle }} {{ if isset .Site.Params "subtitle" }}- {{ .Site.Params.Subtitle }}{{ end }} {{- else -}} {{ $title }} - {{ $siteTitle }} {{- end -}} -- cgit v1.2.3