kausban.com

Source of www.kausban.com
git clone https://git.kausban.com/kausban.com/raw/.git
Log | Files | Refs

commit ba7c7d61540f4760a5f9e09f3f9a58ee244fa228
Author: kausban <[email protected]>
Date:   Tue,  5 Apr 2022 01:00:22 +0200

reinitialized

Diffstat:
A403.html | 68++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
A403.org | 4++++
Afavicon.ico | 0
Afavicon.png | 0
Aimagine.css | 167+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Aindex.html | 76++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Aindex.org | 29+++++++++++++++++++++++++++++
A[email protected]03f932727.asc | 15+++++++++++++++
A[email protected]a1d1b91.asc | 16++++++++++++++++
A[email protected]b1f.asc | 56++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Aqr.png | 0
Aretro.css | 155+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
12 files changed, 586 insertions(+), 0 deletions(-)

diff --git a/403.html b/403.html @@ -0,0 +1,68 @@ +<?xml version="1.0" encoding="utf-8"?> +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" +"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> +<head> +<!-- 2020-03-29 Sun 03:04 --> +<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> +<meta name="viewport" content="width=device-width, initial-scale=1" /> +<title>403 Forbidden</title> +<meta name="generator" content="Org mode" /> +<meta name="author" content="Kaustubh Banerjee" /> +<link rel="stylesheet" type="text/css" href="retro.css" /> +<script type="text/javascript"> +/* [email protected] The following is the entire license notice for the +JavaScript code in this tag. + +Copyright (C) 2012-2020 Free Software Foundation, Inc. + +The JavaScript code in this tag is free software: you can +redistribute it and/or modify it under the terms of the GNU +General Public License (GNU GPL) as published by the Free Software +Foundation, either version 3 of the License, or (at your option) +any later version. The code is distributed WITHOUT ANY WARRANTY; +without even the implied warranty of MERCHANTABILITY or FITNESS +FOR A PARTICULAR PURPOSE. See the GNU GPL for more details. + +As additional permission under GNU GPL version 3 section 7, you +may distribute non-source (e.g., minimized or compacted) forms of +that code without the copy of the GNU GPL normally required by +section 4, provided you include this license notice and a URL +through which recipients can access the Corresponding Source. + + [email protected] The above is the entire license notice +for the JavaScript code in this tag. +*/ +<!--/*--><![CDATA[/*><!--*/ + function CodeHighlightOn(elem, id) + { + var target = document.getElementById(id); + if(null != target) { + elem.cacheClassElem = elem.className; + elem.cacheClassTarget = target.className; + target.className = "code-highlighted"; + elem.className = "code-highlighted"; + } + } + function CodeHighlightOff(elem, id) + { + var target = document.getElementById(id); + if(elem.cacheClassElem) + elem.className = elem.cacheClassElem; + if(elem.cacheClassTarget) + target.className = elem.cacheClassTarget; + } +/*]]>*///--> +</script> +</head> +<body> +<div id="content"> +<h1 class="title">403 Forbidden +<br /> +<span class="subtitle">Code: AccessDenied</span> +</h1> +</div> +</body> +</html> diff --git a/403.org b/403.org @@ -0,0 +1,4 @@ +#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="retro.css" /> +#+OPTIONS: toc:nil num:nil html-style:nil html-postamble:nil +#+TITLE: 403 Forbidden +#+SUBTITLE: Code: AccessDenied diff --git a/favicon.ico b/favicon.ico Binary files differ. diff --git a/favicon.png b/favicon.png Binary files differ. diff --git a/imagine.css b/imagine.css @@ -0,0 +1,167 @@ [email protected] url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i"); + +/* Variables. Feel free to edit these! */ +:root { + --color-primary: #028090; + --color-secondary: #00A896; + + --color-soft-white: #FFFFF0; + + --color-soft-black: #444; + --color-hard-black: #222; + + --color-special-todo: #790604; + + --font-size-1: 33.57px; + --font-size-2: 26.86px; + --font-size-3: 21.48px; + --font-size-4: 17.19px; + + --font-size-small: 11px; +} + +/* Selection color */ +::selection { + background-color: var(--color-primary); + color: var(--color-soft-white); +} + +/* Remove outer padding */ +html, body{ + font-family: "Source Sans Pro", Helvetica, sans-serif; + margin: 0; +} + +/* Heading styles */ +h1, h2, h3, h4, h5, h6{ + color: var(--color-hard-black); + font-family: var(--font-headings) +} + +/* Scaled font sizes */ +h1{font-size: var(--font-size-1);} +h2{font-size: var(--font-size-2);} +h3{font-size: var(--font-size-3);} +h3{font-size: var(--font-size-4);} +h4{font-size: var(--font-size-4);} +h5{font-size: var(--font-size-4);} + +h1 > .subtitle{ + font-size: 21.48px; +} + +/* Normal text style(including code) */ +p, pre, ol, ul, table, code{ + color: #444; + font-size: var(--font-size-4); + font-family: var(--font-normal) +} + +/* Better anchor tags */ +a{ + color: inherit; +} + +a:hover{ + color: var(--color-secondary); +} + +/* Force footer to bottom and center */ +#postamble{ + text-align: center; + width: 100%; +} + +#postamble > p{ + display: inline; +} + +.title{ + padding: 2vh 5vw; +} + + +/* Responsive images */ +img{ + max-width: 100%; + height: auto; +} + +/* Responsive code blocks and tables */ +pre, .outline-text-2, .outline-text-3, outline-text-4{ + max-width: 100%; + overflow-x: auto; +} + + +/* Responsive content positioning */ [email protected] only screen and (min-width: 750px) /* Large screens */ +{ + .outline-2{ + padding: 2vh 20vw; + } + +} + [email protected] only screen and (max-width: 750px) /* Small screens */ +{ + .outline-2{ + padding: 2vh 5vw; + } +} + + +/* Code blocks */ +.org-keyword{ + color: var(--color-primary); +} + +.org-rainbow-delimiters-depth-1{ + color: var(--color-secondary); +} + +.org-org-meta-line{ + color: var(--color-primary); +} +blockquote{ + border-left:5px solid var(--color-primary); + padding-left: 10px; +} + +.todo{ + color: var(--color-special-todo); +} + +.done{ + color: var(--color-primary); +} + +/* Tags. + The way org exports tags is a little strange. + They are exported as a span with class "tag" containing each + of the tags in its own span with class and contents equal to + the tags name. This is actually really useful as it allows + for targeting both the "tag group" and each tag individually */ + +.tag{ + margin-top: 5px; + display: block; + color: var(--color-soft-white); + font-size: var(--font-size-small); + font-family: var(--font-normal) + +} + +.tag > span{ + background-color: var(--color-secondary); + text-transform: uppercase; + border-radius: 2px; + width: fit-content; + height: auto; + padding: 1px 5px; + margin: 1px; +} + +.underline{ + text-decoration: underline; +} diff --git a/index.html b/index.html @@ -0,0 +1,76 @@ +<?xml version="1.0" encoding="utf-8"?> +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" +"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> +<head> +<!-- 2022-04-04 Mon 20:06 --> +<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> +<meta name="viewport" content="width=device-width, initial-scale=1" /> +<title>kausban.com</title> +<meta name="author" content="Kaustubh Banerjee" /> +<meta name="generator" content="Org Mode" /> +<link rel="stylesheet" type="text/css" href="imagine.css" /> +</head> +<body> +<div id="content" class="content"> +<h1 class="title">kausban.com +<br /> +<span class="subtitle">Kaustubh Banerjee</span> +</h1> + +<div id="outline-container-org24d9809" class="outline-2"> +<h2 id="org24d9809">Contact</h2> +<div class="outline-text-2" id="text-org24d9809"> + +<div id="orgcea1465" class="figure"> +<p><img src="./qr.png" alt="qr.png" /> +</p> +</div> + +<p> [email protected] &lt;<a href="./[email protected]b1f.asc">public key</a>&gt; +</p> + +<p> [email protected] &lt;<a href="./[email protected]03f932727.asc">public key</a>&gt; +</p> + +<p> [email protected] &lt;<a href="./[email protected]a1d1b91.asc">public_key</a>&gt; +</p> + +<p> [email protected] &lt;<a href="https://get.wire.com">wire</a>&gt;&lt;<a href="https://twitter.com/kausban">twitter</a>&gt; +</p> +</div> +</div> + +<div id="outline-container-org0b3debd" class="outline-2"> +<h2 id="org0b3debd">About</h2> +<div class="outline-text-2" id="text-org0b3debd"> +<p> +Co-Founder at <a href="https://www.phaseform.com">Phaseform</a> +</p> + +<p> +I make things +</p> +<ul class="org-ul"> +<li>Adaptive Optics</li> +<li>Micro-optics</li> +<li>Microelectromechanical Systems</li> +<li>Mechanical Engineering</li> +</ul> + +<p> +&lt;<a href="https://www.linkedin.com/in/kausban/">LinkedIn</a>&gt; ⋅ &lt;<a href="https://orcid.org/0000-0003-0019-0150/print">ORCID</a>&gt; +</p> +</div> +</div> +</div> +<div id="postamble" class="status"> +<p class="author">Author: Kaustubh Banerjee</p> +<p class="date">Created: 2022-04-04 Mon 20:06</p> +</div> +</body> +</html> diff --git a/index.org b/index.org @@ -0,0 +1,29 @@ +#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="imagine.css" /> +#+OPTIONS: toc:nil num:nil html-style:nil ^:nil +#+TITLE: kausban.com +#+SUBTITLE: Kaustubh Banerjee + +* Contact +[[./qr.png]] + [email protected] <[[./[email protected]b1f.asc][public key]]> + [email protected] <[[./[email protected]03f932727.asc][public key]]> + [email protected] <[[./[email protected]a1d1b91.asc][public_key]]> + [email protected] <[[https://get.wire.com][wire]]><[[https://twitter.com/kausban][twitter]]> + +* About +Co-Founder at [[https://www.phaseform.com][Phaseform]] + +I make things +- Adaptive Optics +- Micro-optics +- Microelectromechanical Systems +- Mechanical Engineering + +<[[https://www.linkedin.com/in/kausban/][LinkedIn]]> ⋅ <[[https://orcid.org/0000-0003-0019-0150/print][ORCID]]> + +* Personal +[[git.kausban.com][git.kausban.com]] diff --git a/[email protected]03f932727.asc b/[email protected]03f932727.asc @@ -0,0 +1,15 @@ +-----BEGIN PGP PUBLIC KEY BLOCK----- +Version: OpenPGP.js v4.10.10 +Comment: https://openpgpjs.org + +xjMEXw2pcBYJKwYBBAHaRw8BAQdAzH9hLJfBRjHojPYAhFx5YXa8nEHBMm4h +6wFUDF1sBFzNL2JhbmVyamVlQHBoYXNlZm9ybS5jb20gPGJhbmVyamVlQHBo +YXNlZm9ybS5jb20+wngEEBYKACAFAl8NqXAGCwkHCAMCBBUICgIEFgIBAAIZ +AQIbAwIeAQAKCRA0zIPQP5MnJ3LzAQCckyqRNk6TJV5SCeP4SoWmlzvdh9jx +VXdQ4my6Ywn7jQEA2rsM+yDP68xSIXAdj3IFl8LXhZ7+/mUz9bxoyudp7A/O +OARfDalwEgorBgEEAZdVAQUBAQdAJNnv3u8LKHOITU0GQyIB3b+OfaUdB4AM ++VRRILFJ3HkDAQgHwmEEGBYIAAkFAl8NqXACGwwACgkQNMyD0D+TJyc4/gD/ +ZeV3Pqir9ugEMQ0a/tMraDL2WucYZw+Xajokjsdn+yEBAPlsuCeeQ9IfI5+J +cchhzWaqpYkOLTl3pOnRoGekSG4B +=7vTj +-----END PGP PUBLIC KEY BLOCK----- diff --git a/[email protected]a1d1b91.asc b/[email protected]a1d1b91.asc @@ -0,0 +1,16 @@ +-----BEGIN PGP PUBLIC KEY BLOCK----- +Version: OpenPGP.js v4.10.10 +Comment: https://openpgpjs.org + +xjMEYedVIxYJKwYBBAHaRw8BAQdABP/Rn9T+HsgRG7fxTcAEj8h6VixtTdVT +e1wSpSZsNk7NK2thdXN0dWJoQGJhbmVyamVlLmlzIDxrYXVzdHViaEBiYW5l +cmplZS5pcz7CjwQQFgoAIAUCYedVIwYLCQcIAwIEFQgKAgQWAgEAAhkBAhsD +Ah4BACEJEJnWX0ZKHRuRFiEEfELoqnm9wp9oh7XYmdZfRkodG5G6dwEAnsh8 +33NFn3/T7p2gq22LtsRHL81orG/F0zy/YL7y/OkA/2Ddh38TNxs6vnRErJ4P +m6DTUkI9Oi1jfyCx9kiXvEUJzjgEYedVIxIKKwYBBAGXVQEFAQEHQMeypm27 +XeBKImm/FBFJHfSJ+7+a40cIp0esLlvXkt0jAwEIB8J4BBgWCAAJBQJh51Uj +AhsMACEJEJnWX0ZKHRuRFiEEfELoqnm9wp9oh7XYmdZfRkodG5F99QD+NOr7 +gfn0QXZf74bHFhRe0v64VUaKUY4P9EbWpC5S9oUBAO2DNru0rrpLAFdZkfZG +XtdWk+BKPyLoQIoAvPj0xG4P +=uyVp +-----END PGP PUBLIC KEY BLOCK----- diff --git a/[email protected]b1f.asc b/[email protected]b1f.asc @@ -0,0 +1,56 @@ +-----BEGIN PGP PUBLIC KEY BLOCK----- +Version: OpenPGP.js v4.10.10 +Comment: https://openpgpjs.org + +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 +rLdNU6ZWOOe3aedgH7HUHyev4AItTg== +=Al/e +-----END PGP PUBLIC KEY BLOCK----- diff --git a/qr.png b/qr.png Binary files differ. diff --git a/retro.css b/retro.css @@ -0,0 +1,155 @@ +/* Base */ +html, +body { + background-color: #222; + min-height: 100%; + line-height: 1.5; +} + +body { + color: #fafafa; + font-family: "Courier New"; +} + +::selection { + background-color: #2ecc40; + color: white; +} + +/* Responsive content positioning */ [email protected] only screen and (min-width: 1020px) /* Large screens */ +{ + body{ + padding: 10vh 25vw; + } +} + [email protected] only screen and (max-width: 1020px) and (min-width: 750px) /* Small screens */ +{ + body{ + padding: 5vh 10vw; + } +} + [email protected] only screen and (max-width: 750px) /* Small screens */ +{ + body{ + padding: 2vh 5vw; + } +} + +/* Headers */ +h1{font-size: 2.5rem;} +h2{font-size: 1.7rem;} +h1 > .subtitle, h3, h4, h5, h6{font-size: 1.3rem;} + +.title{ + margin-bottom: 2.5rem; +} + +/* Padding & Margin */ +* {margin: 0; padding: 0;} +pre, blockquote, ul, ol, p, table{ + margin: 1rem 0; +} + +h1, h2{margin-top: 2rem; line-height: 2rem;} +h3, h4, h5, h6{margin-top: 1rem;} + + +/* Links */ +a, a:visited { + color: #01ff70; + text-decoration: underline; +} + +a:hover, a:focus, a:active { + color: #2ecc40; +} + +/* Code */ +pre { + font-family: "Courier New"; + padding: .5rem; + background-color: #333; + padding: 0.5rem; + border-radius: 0.2rem; + font-size: 0.9rem; + color: #EEE; + overflow-x: auto; +} + +.org-keyword{ + color: #01ff70; +} + +.org-rainbow-delimiters-depth-1{ + color: #2ecc40; +} + +.org-rainbow-delimiters-depth-2{ + color: #01ff70; +} + +/* Blockquotes */ +blockquote { + border-left: 3px solid #01ff70; + padding-left: 1rem; +} + +li{ + list-style-position: inside; +} + +/* Tags */ +.tag{ + margin-top: 0.5rem; + display: block; + color: white; + font-size: var(--font-size-xsmall); +} + +.tag > span{ + font-weight: 400; + font-size: 0.8rem; + background-color: #444; + text-transform: uppercase; + border-radius: 2px; + width: fit-content; + height: auto; + padding: 1px 5px; +} + +/* Keywords */ +.todo{ + color: #2ecc40; +} + +.done{ + color: #444; +} + +/* Overflows */ +.outline-text-2, .outline-text-3, .outline-text-4{ + max-width: 100%; + overflow-x: auto; +} + +/* Table */ +tr:nth-child(even) { + background-color: #333; +} + +th, td{ + padding: 0.5rem; + text-align: center; +} + +.underline{ + text-decoration: underline; +} + +img{ + max-width: 100%; + height: auto; +}