This commit is contained in:
gurusabarish
2020-08-30 00:41:07 +05:30
parent 2ee892e5d3
commit 72e49d4efa
17 changed files with 38 additions and 186 deletions
+3 -2
View File
@@ -2,13 +2,14 @@ baseURL = "https://hugo-blog0.netlify.app/"
languageCode = "en-us" languageCode = "en-us"
title = "Hugo-blog" title = "Hugo-blog"
[params]
favicon = "/images/hugo.png"
description = "Portfolio and personal blog of gurusabarish"
# Navbar Menus # Navbar Menus
[[menu.main]] [[menu.main]]
name = "Blog" name = "Blog"
url = "blog" url = "blog"
[Author] [Author]
name = "Gurusabarish" name = "Gurusabarish"
website = "https://github.com/gurusabarish" website = "https://github.com/gurusabarish"
+1
View File
@@ -10,6 +10,7 @@ tags:
- theme - theme
- javascript - javascript
bg_image: "/images/bg-image-5.jpg" bg_image: "/images/bg-image-5.jpg"
description: "Making a Verlet Physics Engine in Javascript"
--- ---
Have you ever wondered if you can make your own physics engine in JavaScript? If so, you have come to the right place. We are going to build a Physics engine from scratch in JavaScript. Have you ever wondered if you can make your own physics engine in JavaScript? If so, you have come to the right place. We are going to build a Physics engine from scratch in JavaScript.
+1
View File
@@ -10,6 +10,7 @@ tags:
- css - css
- blog - blog
bg_image: "/images/bg-image-4.jpg" bg_image: "/images/bg-image-4.jpg"
description: "Making a Verlet Physics Engine in Javascript"
--- ---
Have you ever wondered if you can make your own physics engine in JavaScript? If so, you have come to the right place. We are going to build a Physics engine from scratch in JavaScript. Have you ever wondered if you can make your own physics engine in JavaScript? If so, you have come to the right place. We are going to build a Physics engine from scratch in JavaScript.
+2 -1
View File
@@ -1,9 +1,10 @@
--- ---
title: "Markdown syntax" title: ""
date: 2020-08-11T23:03:58+05:30 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"
description: "Markdown syntax"
author: "Gurusabarish" author: "Gurusabarish"
github_link: "https://github.com/gurusabarish/Hugo-blog" github_link: "https://github.com/gurusabarish/Hugo-blog"
tags: tags:
+1
View File
@@ -9,6 +9,7 @@ tags:
- hugo - hugo
- blog - blog
bg_image: "/images/bg-image-2.jpg" bg_image: "/images/bg-image-2.jpg"
description: "How to make a hugo theme"
--- ---
## Introduction ## Introduction
+2 -1
View File
@@ -9,7 +9,8 @@ tags:
- markdown - markdown
- css - css
- blog - blog
bg_image: "/images/bg-image-4.jpg" bg_image: "/images/bg-image-3.jpg"
description: "Making a Verlet Physics Engine in Javascript"
--- ---
Have you ever wondered if you can make your own physics engine in JavaScript? If so, you have come to the right place. We are going to build a Physics engine from scratch in JavaScript. Have you ever wondered if you can make your own physics engine in JavaScript? If so, you have come to the right place. We are going to build a Physics engine from scratch in JavaScript.
-6
View File
@@ -1,6 +0,0 @@
---
title: "Contact"
date: 2020-08-26T22:19:31+05:30
draft: true
---
+7
View File
@@ -3,7 +3,14 @@
<head> <head>
{{- partial "head.html" . -}} {{- partial "head.html" . -}}
<meta name="description" content="{{ .Params.description }}" />
<!-- stylesheets -->
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/blog.css">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Alata&display=swap" rel="stylesheet">
</head> </head>
<body> <body>
-72
View File
@@ -1,72 +0,0 @@
{{ define "main" }}
<section>
{{ range .Pages }}
<br>
<div class="container">
<div class="row justify-content-md-center">
<div class="col-md-8">
<div class="img-pre">
<a class="text-decoration-none" href="{{ .Permalink }}">
<img class="img-fluid" alt="{{ .Title }}" src="{{ .Params.bg_image }}">
</div>
<div>
<h2 class="item-title">
{{ .Title }}
</h2>
<!--{{ if .Params.subtitle }}
<h4 class="item-subtitle text-muted">
{{ .Params.subtitle }}
</h4>
{{ end }}-->
</a>
</div>
<div class="text-muted">
<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>
{{ 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>
{{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 }}
<div class="blog-tags">
<strong class="text-muted">Tags: </strong>
{{ range .Params.tags }}
#<a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a>
{{ end }}
</div>
{{ end }}
<div style="color:grey; font-size:16px;">{{ if .Params.categories }}<strong>Categories:</strong>
{{range .Params.categories}}<a href="{{ "/categories/" | relLangURL }}{{ . | urlize }}">{{ . }}</a>
{{end}}{{end}}
</div>
<div style="color:grey; font-size:16px;">{{ if .Params.moods }}<strong>Moods:</strong>
{{range .Params.moods}}<a href="{{ "/moods/" | relLangURL }}{{ . | urlize }}">{{ . }}</a> {{end}}{{end}}
</div>
</div>
</div>
</div>
<br>
{{ end }}
</section>
{{ end }}
-79
View File
@@ -1,79 +0,0 @@
{{ define "main" }}
<section>
<div class="container">
<div class="row justify-content-md-center">
<div class="col-md-8">
<!-- title and date -->
<div>
<br>
<h1>{{.Title}}</h1>
<div class="text-muted">
<!-- Date -->
<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>
{{ dateFormat "Jan 2, 2006" .Date }}
<!-- Author -->
{{ 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 }}
<!-- Edit in Github -->
{{ if .Params.github_link }}
<a href="{{ .Params.github_link }}" target="_blank" title="Edit on github">
<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-pencil float-right" fill="currentColor"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd"
d="M11.293 1.293a1 1 0 0 1 1.414 0l2 2a1 1 0 0 1 0 1.414l-9 9a1 1 0 0 1-.39.242l-3 1a1 1 0 0 1-1.266-1.265l1-3a1 1 0 0 1 .242-.391l9-9zM12 2l2 2-9 9-3 1 1-3 9-9z" />
<path fill-rule="evenodd"
d="M12.146 6.354l-2.5-2.5.708-.708 2.5 2.5-.707.708zM3 10v.5a.5.5 0 0 0 .5.5H4v.5a.5.5 0 0 0 .5.5H5v.5a.5.5 0 0 0 .5.5H6v-1.5a.5.5 0 0 0-.5-.5H5v-.5a.5.5 0 0 0-.5-.5H3z" />
</svg>
</a>
{{ end}}
</div>
</div>
<!-- image -->
<br>
<div>
{{ with .Params.bg_image }}
<img class="img-fluid" src="{{ . | absURL }}">
{{ end }}
</div>
<!-- content -->
<br>
<div>{{.Content}}</div>
<!-- Tags -->
<div class="text-center text-muted">
<hr>
<div class="h4">Tags</div>
{{ if .Params.tags }}
{{ range .Params.tags }}
<a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">
<button class="btn rounded-pill border border-info">{{ . }}</button>
</a>
{{ end }}
{{ end }}
</div>
<br>
</div>
</div>
</div>
</section>
{{ end }}
+6
View File
@@ -7,12 +7,18 @@
<head> <head>
{{- partial "head.html" . -}} {{- partial "head.html" . -}}
<meta name="description" content="{{ .Site.Params.description }}" />
<!-- stylesheets -->
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/index.css">
</head> </head>
<body> <body>
{{- partial "header.html" . -}} {{- partial "header.html" . -}}
{{- partial "sections/home.html" . -}} {{- partial "sections/home.html" . -}}
{{- partial "footer.html" . -}} {{- partial "footer.html" . -}}
{{- partial "scripts.html" . -}} {{- partial "scripts.html" . -}}
</body> </body>
+3 -8
View File
@@ -2,13 +2,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>{{ .Title }}</title> <title>{{ .Title }}</title>
{{ if .Params.favicon }}
<link rel="icon" href="{{ .favicon }}" type="image/gif" sizes="16x16">
{{ end }}
<!-- Links and stylesheets --> <link rel="icon" href="{{ .Site.Params.favicon | default "/assets/images/favicon.png"}}" type="image/gif">
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/main.css">
<!-- Fonts --> <!-- Header and Footer -->
<link href="https://fonts.googleapis.com/css2?family=Alata&display=swap" rel="stylesheet"> <link rel="stylesheet" href="/css/head_foot.css">
+1 -3
View File
@@ -6,12 +6,10 @@
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="collapse navbar-collapse" id="navbarNavDropdown"> <div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav ml-auto"> <ul class="navbar-nav ml-auto">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="{{ .Site.BaseURL }}#home">Home <span class="sr-only">(current)</span></a> <a class="nav-link" href="{{ .Site.BaseURL }}#home">Home</a>
</li> </li>
{{ range .Site.Menus.main }} {{ range .Site.Menus.main }}
@@ -28,16 +28,3 @@
height: 200px !important; height: 200px !important;
} }
} }
/*footer*/
.footer {
background: #f2f2f2;
}
/*home*/
.home {
height: 100vh;
padding: 0;
margin: 0;
overflow: hidden;
}
+4
View File
@@ -0,0 +1,4 @@
/*footer*/
.footer {
background: #f2f2f2;
}
+7
View File
@@ -0,0 +1,7 @@
/*home*/
.home {
height: 100vh;
padding: 0;
margin: 0;
overflow: hidden;
}
-1
View File
@@ -1 +0,0 @@
<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>

Before

Width:  |  Height:  |  Size: 484 B