preview image update
This commit is contained in:
@@ -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
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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
@@ -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,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">
|
||||||
Vendored
+5
File diff suppressed because one or more lines are too long
+21
-4
@@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -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 |
Reference in New Issue
Block a user