gurusabarish
373 lines
13 KiB
HTML
373 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head><meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>Blogs</title>
|
|
|
|
<link rel="icon" href="/images/hugo.png" type="image/gif">
|
|
|
|
|
|
<link rel="stylesheet" href="/css/head_foot.css">
|
|
|
|
|
|
<link href="https://fonts.googleapis.com/css2?family=Alata&display=swap" rel="stylesheet"><meta name="description" content="" />
|
|
|
|
|
|
<link rel="stylesheet" href="/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="/css/blog.css">
|
|
|
|
</head>
|
|
|
|
<body><nav class="navbar navbar-expand-lg sticky-top navbar-light bg-light">
|
|
<div class="container">
|
|
<a class="navbar-brand" href="https://hugo-blog0.netlify.app/">Hugo-blog</a>
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
|
|
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse" id="navbarNavDropdown">
|
|
<ul class="navbar-nav ml-auto">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="https://hugo-blog0.netlify.app/#home">Home</a>
|
|
</li>
|
|
|
|
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="https://hugo-blog0.netlify.app/blog">Blog</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<section>
|
|
|
|
<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="https://hugo-blog0.netlify.app/blog/fivth/">
|
|
<img class="img-fluid" alt="Making a Verlet Physics Engine in Javascript" src="/images/bg-image-5.jpg">
|
|
</div>
|
|
<div>
|
|
<h2 class="item-title">
|
|
Making a Verlet Physics Engine in Javascript
|
|
</h2>
|
|
|
|
</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>
|
|
Aug 14, 2020
|
|
|
|
|
|
<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>
|
|
Gurusabarish
|
|
|
|
</div>
|
|
|
|
<div>
|
|
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.
|
|
Before we …
|
|
<a class="text-decoration-none" href="https://hugo-blog0.netlify.app/blog/fivth/">
|
|
<button type="button" class="float-right btn btn-outline-primary read-more">Read more</button>
|
|
</a>
|
|
</div>
|
|
|
|
|
|
<div class="blog-tags">
|
|
<strong class="text-muted">Tags: </strong>
|
|
|
|
#<a href="/tags/blog">blog</a>
|
|
|
|
#<a href="/tags/theme">theme</a>
|
|
|
|
#<a href="/tags/javascript">javascript</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
|
|
<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="https://hugo-blog0.netlify.app/blog/fourth/">
|
|
<img class="img-fluid" alt="Making a Verlet Physics Engine in Javascript" src="/images/bg-image-4.jpg">
|
|
</div>
|
|
<div>
|
|
<h2 class="item-title">
|
|
Making a Verlet Physics Engine in Javascript
|
|
</h2>
|
|
|
|
</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>
|
|
Aug 14, 2020
|
|
|
|
|
|
<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>
|
|
Gurusabarish
|
|
|
|
</div>
|
|
|
|
<div>
|
|
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.
|
|
Before we …
|
|
<a class="text-decoration-none" href="https://hugo-blog0.netlify.app/blog/fourth/">
|
|
<button type="button" class="float-right btn btn-outline-primary read-more">Read more</button>
|
|
</a>
|
|
</div>
|
|
|
|
|
|
<div class="blog-tags">
|
|
<strong class="text-muted">Tags: </strong>
|
|
|
|
#<a href="/tags/markdown">markdown</a>
|
|
|
|
#<a href="/tags/css">css</a>
|
|
|
|
#<a href="/tags/blog">blog</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
|
|
<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="https://hugo-blog0.netlify.app/blog/third/">
|
|
<img class="img-fluid" alt="Making a Verlet Physics Engine in Javascript" src="/images/bg-image-3.jpg">
|
|
</div>
|
|
<div>
|
|
<h2 class="item-title">
|
|
Making a Verlet Physics Engine in Javascript
|
|
</h2>
|
|
|
|
</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>
|
|
Aug 14, 2020
|
|
|
|
|
|
<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>
|
|
Gurusabarish
|
|
|
|
</div>
|
|
|
|
<div>
|
|
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.
|
|
Before we …
|
|
<a class="text-decoration-none" href="https://hugo-blog0.netlify.app/blog/third/">
|
|
<button type="button" class="float-right btn btn-outline-primary read-more">Read more</button>
|
|
</a>
|
|
</div>
|
|
|
|
|
|
<div class="blog-tags">
|
|
<strong class="text-muted">Tags: </strong>
|
|
|
|
#<a href="/tags/markdown">markdown</a>
|
|
|
|
#<a href="/tags/css">css</a>
|
|
|
|
#<a href="/tags/blog">blog</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
|
|
<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="https://hugo-blog0.netlify.app/blog/second/">
|
|
<img class="img-fluid" alt="How to make a hugo theme" src="/images/bg-image-2.jpg">
|
|
</div>
|
|
<div>
|
|
<h2 class="item-title">
|
|
How to make a hugo theme
|
|
</h2>
|
|
|
|
</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>
|
|
Aug 14, 2020
|
|
|
|
|
|
<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>
|
|
Gurusabarish
|
|
|
|
</div>
|
|
|
|
<div>
|
|
Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format …
|
|
<a class="text-decoration-none" href="https://hugo-blog0.netlify.app/blog/second/">
|
|
<button type="button" class="float-right btn btn-outline-primary read-more">Read more</button>
|
|
</a>
|
|
</div>
|
|
|
|
|
|
<div class="blog-tags">
|
|
<strong class="text-muted">Tags: </strong>
|
|
|
|
#<a href="/tags/hugo">hugo</a>
|
|
|
|
#<a href="/tags/blog">blog</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
|
|
<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="https://hugo-blog0.netlify.app/blog/markdown/">
|
|
<img class="img-fluid" alt="Markdown syntax" src="/images/bg-image.jpg">
|
|
</div>
|
|
<div>
|
|
<h2 class="item-title">
|
|
Markdown syntax
|
|
</h2>
|
|
|
|
</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>
|
|
Aug 11, 2020
|
|
|
|
|
|
<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>
|
|
Gurusabarish
|
|
|
|
</div>
|
|
|
|
<div>
|
|
<p>This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.</p>
|
|
<a class="text-decoration-none" href="https://hugo-blog0.netlify.app/blog/markdown/">
|
|
<button type="button" class="float-right btn btn-outline-primary read-more">Read more</button>
|
|
</a>
|
|
</div>
|
|
|
|
|
|
<div class="blog-tags">
|
|
<strong class="text-muted">Tags: </strong>
|
|
|
|
#<a href="/tags/markdown">markdown</a>
|
|
|
|
#<a href="/tags/css">css</a>
|
|
|
|
#<a href="/tags/html">html</a>
|
|
|
|
#<a href="/tags/themes">themes</a>
|
|
|
|
#<a href="/tags/blog">blog</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
|
|
|
|
|
|
</section>
|
|
<footer class="footer py-3 text-muted text-center">
|
|
<p>
|
|
© 2020 All Rights Reserved<br>
|
|
|
|
<a href="https://hugo-blog0.netlify.app/">Hugo-blog</a> made with
|
|
<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-heart" fill="currentColor"
|
|
xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd"
|
|
d="M8 2.748l-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z" />
|
|
</svg>
|
|
and
|
|
<a href="https://gohugo.io" target="_blank">Hugo</a>
|
|
|
|
by
|
|
<a href="https://github.com/gurusabarish" target="_blank">Gurusabarish</a>
|
|
</p>
|
|
|
|
</footer>
|
|
<script src="/js/jquery.slim.min.js"></script>
|
|
<script src="/js/bootstrap.min.js"></script>
|
|
<script src="/js/all.js"></script></body>
|
|
|
|
</html> |