preview image update

This commit is contained in:
gurusabarish
2020-08-20 13:39:09 +05:30
parent 4b68507a03
commit 98b3e9eb20
10 changed files with 64 additions and 13 deletions
+1
View File
@@ -3,6 +3,7 @@ title: "Making a Verlet Physics Engine in Javascript"
date: 2020-08-14T13:30:29+05:30 date: 2020-08-14T13:30:29+05:30
draft: false draft: false
subtitle: "Javascript" subtitle: "Javascript"
author: "Gurusabarish"
tags: tags:
- blog - blog
- theme - theme
+1
View File
@@ -3,6 +3,7 @@ title: "Making a Verlet Physics Engine in Javascript"
date: 2020-08-14T13:22:10+05:30 date: 2020-08-14T13:22:10+05:30
draft: false draft: false
subtitle: "Javascript" subtitle: "Javascript"
author: "Gurusabarish"
tags: tags:
- markdown - markdown
- css - css
+1
View File
@@ -4,6 +4,7 @@ date: 2020-08-11T23:03:58+05:30
draft: false draft: false
subtitle: "Javascript" subtitle: "Javascript"
bg_image: "images/bg-image.jpg" bg_image: "images/bg-image.jpg"
author: "Gurusabarish"
tags: tags:
- markdown - markdown
- css - css
+1
View File
@@ -3,6 +3,7 @@ title: "How to make a hugo theme"
date: 2020-08-14T13:11:45+05:30 date: 2020-08-14T13:11:45+05:30
draft: false draft: false
subtitle: "Hugo theme" subtitle: "Hugo theme"
author: "Gurusabarish"
tags: tags:
- hugo - hugo
- blog - blog
+1
View File
@@ -3,6 +3,7 @@ title: "Making a Verlet Physics Engine in Javascript"
date: 2020-08-14T13:22:10+05:30 date: 2020-08-14T13:22:10+05:30
draft: false draft: false
subtitle: "Javascript" subtitle: "Javascript"
author: "Gurusabarish"
tags: tags:
- markdown - markdown
- css - css
+32 -10
View File
@@ -9,18 +9,25 @@
</head> </head>
<body> <body>
{{ range .Pages }} {{ range .Pages }}
<br>
<div class="container"> <div class="container">
<div class="row justify-content-md-center"> <div class="row justify-content-md-center">
<div class="col-md-7 col-md-offset-3"> <div class="col-md-8">
<div class="item-title"> <div class="img-pre">
<a href="{{ .Permalink }}"> <a class="text-decoration-none" href="{{ .Permalink }}">
<h2 class="item-title">{{ .Title }}</h2> <img class="img-fluid" alt="{{ .Title }}" src="{{ .Params.bg_image }}">
{{ if .Params.subtitle }} </div>
<div>
<h2 class="item-title">
{{ .Title }}
</h2>
<!--{{ if .Params.subtitle }}
<h4 class="item-subtitle text-muted"> <h4 class="item-subtitle text-muted">
{{ .Params.subtitle }} {{ .Params.subtitle }}
</h4> </h4>
{{ end }} {{ end }}-->
</a> </a>
</div> </div>
@@ -33,15 +40,28 @@
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" /> 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> </svg>
{{ dateFormat "Jan 2, 2006" .Date }} {{ dateFormat "Jan 2, 2006" .Date }}
{{ if .Params.author }}
<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>
{{ .Params.author }}
{{ end }}
</div> </div>
<p style="font-size:18px;">{{truncate 150 .Summary}}</p> <div>
{{truncate 200 .Summary}}
<a class="text-decoration-none" href="{{ .Permalink }}">
<button type="button" class="float-right btn btn-outline-primary read-more">Read more</button>
</a>
</div>
{{ if .Params.tags }} {{ if .Params.tags }}
<div class="blog-tags"> <div class="blog-tags">
<strong class="text-muted">Tags: </strong> <strong class="text-muted">Tags: </strong>
{{ range .Params.tags }} {{ range .Params.tags }}
<a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a> #<a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a>
{{ end }} {{ end }}
</div> </div>
{{ end }} {{ end }}
@@ -50,13 +70,15 @@
{{range .Params.categories}}<a href="{{ "/categories/" | relLangURL }}{{ . | urlize }}">{{ . }}</a> {{range .Params.categories}}<a href="{{ "/categories/" | relLangURL }}{{ . | urlize }}">{{ . }}</a>
{{end}}{{end}} {{end}}{{end}}
</div> </div>
<div style="color:grey; font-size:16px;">{{ if .Params.moods }}<strong>Moods:</strong> {{range .Params.moods}}<a <div style="color:grey; font-size:16px;">{{ if .Params.moods }}<strong>Moods:</strong>
href="{{ "/moods/" | relLangURL }}{{ . | urlize }}">{{ . }}</a> {{end}}{{end}}</div> {{range .Params.moods}}<a href="{{ "/moods/" | relLangURL }}{{ . | urlize }}">{{ . }}</a> {{end}}{{end}}
</div>
</div> </div>
</div> </div>
</div> </div>
<br> <br>
{{ end }} {{ end }}
</body> </body>
</html> </html>
+1
View File
@@ -1,6 +1,7 @@
<!-- Links and stylesheets --> <!-- Links and stylesheets -->
<link rel="stylesheet" href="/css/bootstrap.min.css"> <link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/main.css"> <link rel="stylesheet" href="/css/main.css">
<link rel="stylesheet" href="/css/fontawesome.min.css">
<!-- Fonts --> <!-- Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Alata&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Alata&display=swap" rel="stylesheet">
File diff suppressed because one or more lines are too long
+21 -4
View File
@@ -4,10 +4,27 @@
font-weight: bold; font-weight: bold;
} }
.item-title:hover {
color: rgb(0, 204, 255);
}
.blog-tags { .blog-tags {
color: rgb(0, 204, 255); color: rgb(0, 204, 255);
} }
.read-more:hover {
background-color: transparent;
color: #007bff;
}
.read-more:focus {
box-shadow: none;
}
.img-fluid {
width: 100% !important;
height: 350px !important;
}
@media only screen and (max-width: 600px) {
.img-fluid {
height: 200px !important;
}
}
+1
View File
@@ -0,0 +1 @@
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="user" class="svg-inline--fa fa-user fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z"></path></svg>

After

Width:  |  Height:  |  Size: 484 B