Skip to content

Instantly share code, notes, and snippets.

View milanaryal's full-sized avatar

Milan Aryal milanaryal

View GitHub Profile
@milanaryal
milanaryal / schema-org-structured-data-markup-using-microdata.html
Last active November 4, 2023 13:45
An example of how to mark up a HTML5 webpage using the schema.org schemas and microdata.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Site Title</title>
<link rel="stylesheet" href="/assets/css/style.min.css">
@milanaryal
milanaryal / break-time-reminder-app.md
Last active September 24, 2023 05:07
An app that reminds you to take breaks when working on your computer.
  • Big Stretch Reminder - Big Stretch is a free light-weight reminder tool that prompts a user to take regular breaks and helps prevent the symptoms of RSI. Alternatively it can be a simple reminder program to tell you when it’s your coffee break!
  • EyeLeo - A handy PC application that regularly reminds you to take short breaks for your eyes.
  • Stretchly / GitHub Repo - A cross-platform open source app that reminds you to take breaks when working on your computer.
  • Workrave - A free program that assists in the recovery and prevention of Repetitive Strain Injury (RSI). It monitors your keyboard and mouse usage and using this information, it frequently alerts you to take microbreaks, rest breaks and restricts you to your daily computer usage.
@milanaryal
milanaryal / hello-world.js
Created June 4, 2022 05:19
JavaScript "Hello, World!" program
/* For browser console */
console.log("Hello, World!");
/* For HTML document */
document.write("Hello, World!");
@milanaryal
milanaryal / gulpfile.js
Last active September 22, 2021 12:54
gulp + jekyll + browserSync | package.json (https://gist.github.com/MilanAryal/0afc1b52452b0d54fb2ba13bf17a4776)
/*!
* Milan Aryal Gulpfile (https://milanaryal.com.np)
* Copyright 2020 Milan Aryal
* Licensed under MIT (https://github.com/MilanAryal/milanaryal.github.io/blob/master/LICENSE)
*/
'use strict';
// Load plugin(s)
const { src, dest, series, parallel, watch } = require('gulp');
@milanaryal
milanaryal / width.scss
Created May 24, 2021 10:20
width.scss
body {
width: 100vw; // cause a horizontal scroll bar, if height > 100vh
min-width: 320px;
max-width: 100%; // 100vw bugfix, https://codepen.io/CiTA/pen/zYBmYBJ
min-height: 100vh;
overflow-x: hidden; // 100vw bugfix, https://codepen.io/CiTA/pen/zYBmYBJ
}
{
"name": "milanaryal.github.io",
"title": "Milan Aryal",
"url": "https://milanaryal.com.np",
"description": "Build assets for milanaryal.com.np",
"main": "gulpfile.js",
"scripts": {
"fresh": "rm -rf _site node_modules; npm install",
"build": "gulp",
"watch": "gulp watch",
@milanaryal
milanaryal / reading-time.liquid
Last active March 23, 2020 22:10
Reading time on Jekyll
{% comment %}
prints friendly human readable reading time
divided_by doesn't round, so assuming 180 WPM we use:
<90 = 30 seconds
<270 = 1 minute
<450 = 2 minutes
<630 = 3 minutes
<810 = 4 minutes
<990 = 5 minutes
@milanaryal
milanaryal / Google Blogger Social Meta Tags.html
Last active March 22, 2020 14:27
Google Blogger/BlogSpot Social Meta Tags for Facebook, Twitter, Google+, Pinterest [v1.0]
<!-- add the following code in the head tag -->
<head prefix='og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#'>
<!-- Share Image -->
<link href='YOUR_LOGO_IMAGE' rel='image_src'/>
<!-- Open Graph Meta Tags -->
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<meta expr:content='data:blog.title' property='og:site_name'/>

Keybase proof

I hereby claim:

  • I am MilanAryal on github.
  • I am milanaryal (https://keybase.io/milanaryal) on keybase.
  • I have a public key whose fingerprint is 310B 1544 4945 F1A3 108E B0A7 B51C F15F F0E9 5927

To claim this, I am signing this object: