kova/hugo-profile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

blog post mobile view update

Browse Source
This commit is contained in:
gurusabarish
2021-03-15 13:10:58 +05:30
parent a19418481d
commit 98ca5e1afa
5 changed files with 54 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
content/blog/markdown.md
+3 -3
View File
@@ -64,9 +64,9 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
#### Inline Markdown within tables #### Inline Markdown within tables
| Inline    | Markdown    | In    | Table | | Inline    | Markdown    | In    |
| ------------------------ | -------------------------- | ----------------------------------- | ------ | | ------------------------ | -------------------------- | ----------------------------------- |
| *italics* | **bold** | ~~strikethrough~~    | `code` | | *italics* | **bold** | ~~strikethrough~~    |
## Code Blocks ## Code Blocks
content/blog/markdown_1.md
+4 -4
View File
@@ -64,15 +64,15 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
#### Inline Markdown within tables #### Inline Markdown within tables
| Inline    | Markdown    | In    | Table | | Inline    | Markdown    | In    |
| ------------------------ | -------------------------- | ----------------------------------- | ------ | | ------------------------ | -------------------------- | ----------------------------------- |
| *italics* | **bold** | ~~strikethrough~~    | `code` | | *italics* | **bold** | ~~strikethrough~~    |
## Code Blocks ## Code Blocks
#### Code block with backticks #### Code block with backticks
``` html ``` html
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
content/blog/markdown_2.md
+5 -3
View File
@@ -43,12 +43,14 @@ The blockquote element represents content that is quoted from another source, op
> Tiam, ad mint andaepu dandae nostion secatur sequo quae. > Tiam, ad mint andaepu dandae nostion secatur sequo quae.
> **Note** that you can use *Markdown syntax* within a blockquote. > **Note** that you can use *Markdown syntax* within a blockquote.
#### Blockquote with attribution #### Blockquote with attribution
> Don't communicate by sharing memory, share memory by communicating.</p> > Don't communicate by sharing memory, share memory by communicating.</p>
> — <cite>Rob Pike[^1]</cite> > — <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. [^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
## Tables ## Tables
@@ -62,9 +64,9 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
#### Inline Markdown within tables #### Inline Markdown within tables
| Inline&nbsp;&nbsp;&nbsp; | Markdown&nbsp;&nbsp;&nbsp; | In&nbsp;&nbsp;&nbsp; | Table | | Inline&nbsp;&nbsp;&nbsp; | Markdown&nbsp;&nbsp;&nbsp; | In&nbsp;&nbsp;&nbsp; |
| ------------------------ | -------------------------- | ----------------------------------- | ------ | | ------------------------ | -------------------------- | ----------------------------------- |
| *italics* | **bold** | ~~strikethrough~~&nbsp;&nbsp;&nbsp; | `code` | | *italics* | **bold** | ~~strikethrough~~&nbsp;&nbsp;&nbsp; |
## Code Blocks ## Code Blocks
content/blog/markdown_3.md
+4 -4
View File
@@ -64,15 +64,15 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
#### Inline Markdown within tables #### Inline Markdown within tables
| Inline&nbsp;&nbsp;&nbsp; | Markdown&nbsp;&nbsp;&nbsp; | In&nbsp;&nbsp;&nbsp; | Table | | Inline&nbsp;&nbsp;&nbsp; | Markdown&nbsp;&nbsp;&nbsp; | In&nbsp;&nbsp;&nbsp; |
| ------------------------ | -------------------------- | ----------------------------------- | ------ | | ------------------------ | -------------------------- | ----------------------------------- |
| *italics* | **bold** | ~~strikethrough~~&nbsp;&nbsp;&nbsp; | `code` | | *italics* | **bold** | ~~strikethrough~~&nbsp;&nbsp;&nbsp; |
## Code Blocks ## Code Blocks
#### Code block with backticks #### Code block with backticks
``` html ``` html
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
layouts/_default/single.html
+38 -36
View File
@@ -11,50 +11,52 @@
<section class="mincho-font"> <section class="mincho-font">
<div class="py-4 bg-info text-center"> <div class="py-4 bg-info text-center">
<!-- title and date --> <div class="container-fluid">
<h1 class="blog-title font-weight-bold">{{.Title}}</h1> <!-- title and date -->
<div class=""> <h1 class="blog-title font-weight-bold">{{.Title}}</h1>
<!-- Date --> <div class="">
<span class="px-1"> <!-- Date -->
<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-calendar" fill="currentColor" <span class="px-1">
xmlns="http://www.w3.org/2000/svg"> <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-calendar" fill="currentColor"
<path fill-rule="evenodd" xmlns="http://www.w3.org/2000/svg">
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"
<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" />
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" /> <path fill-rule="evenodd"
</svg> 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" />
</span> </svg>
{{ dateFormat "Jan 2, 2006" .Date }} </span>
{{ dateFormat "Jan 2, 2006" .Date }}
<!-- Author --> <!-- Author -->
{{ if .Params.author }} {{ if .Params.author }}
<span class="px-1"> <span class="px-1">
<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-person-fill" fill="currentColor" <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-person-fill" fill="currentColor"
xmlns="http://www.w3.org/2000/svg"> 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" /> <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> </svg>
</span> </span>
{{ .Params.author }} {{ .Params.author }}
{{ end }} {{ end }}
<div class="pt-3"> <div class="pt-3">
<a href="https://twitter.com/share?ref_src=twsrc%5Etfw" data-size=large class="twitter-share-button" <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> data-show-count="false">Tweet my work</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
</div> </div>
</div>
{{ if .Site.Params.showdescription }} {{ if .Site.Params.showdescription }}
<div class="text-dark py-2"> <div class="text-dark py-2">
{{ .Params.description }} {{ .Params.description }}
</div>
{{ end }}
</div> </div>
{{ end }}
</div> </div>
<div class="container-fluid"> <div class="container">
<div class="row justify-content-center "> <div class="row justify-content-center ">
<div class="col-md-8 p-3"> <div class="col-md-9 p-3">
<div class="px-md-3"> <div class="px-md-3">
<!-- image --> <!-- image -->
@@ -70,7 +72,7 @@
</article> </article>
</div> </div>
<!-- Tags --> <!-- Tags -->
<div class="mb-4 p-5"> <div class="p-5">
<div class="card"> <div class="card">
<h5 class="card-header text-center m-0">Tags</h5> <h5 class="card-header text-center m-0">Tags</h5>
<div class="card-body"> <div class="card-body">