diff options
| -rw-r--r-- | files/KumarDamaniCV.pdf | bin | 0 -> 340664 bytes | |||
| -rw-r--r-- | index.html | 158 | ||||
| -rw-r--r-- | pix/icons/House-3.ico | bin | 0 -> 34499 bytes | |||
| -rw-r--r-- | pix/icons/Palmately-Leaf.ico | bin | 0 -> 56155 bytes | |||
| -rw-r--r-- | pix/icons/email.svg | 27 | ||||
| -rw-r--r-- | pix/icons/folder.svg | 55 | ||||
| -rw-r--r-- | pix/icons/git.svg | 8 | ||||
| -rw-r--r-- | pix/icons/github.svg | 3 | ||||
| -rw-r--r-- | pix/icons/gitlab.svg | 12 | ||||
| -rw-r--r-- | pix/kd.jpeg | bin | 0 -> 168026 bytes | |||
| -rw-r--r-- | programs.html | 113 | ||||
| -rw-r--r-- | style.css | 152 |
12 files changed, 528 insertions, 0 deletions
diff --git a/files/KumarDamaniCV.pdf b/files/KumarDamaniCV.pdf Binary files differnew file mode 100644 index 0000000..f72c7b9 --- /dev/null +++ b/files/KumarDamaniCV.pdf diff --git a/index.html b/index.html new file mode 100644 index 0000000..5641756 --- /dev/null +++ b/index.html @@ -0,0 +1,158 @@ +<!DOCTYPE HTML> +<html lang="en"> +<head> +<title>Kumar Damani's Homepage</title> +<link rel="shortcut icon" type="image/x-icon" href="pix/icons/House-3.ico" /> + +<link rel='stylesheet' type='text/css' href='style.css'> +<meta charset="utf-8"/> +</head> + +<body> + +<h1><big>Kumar Damani</big> <small>(https://kumardamani.xyz)</small></h1> +<h2><small>Last updated: 15 Jan. 2021</small></h2> + +<section class="flex-container"> + +<div class="mainpanel" > +<h2 style="margin:0px">Welcome!</h2> +<img class="profile" src="pix/kd.jpeg" alt="Kumar Pic"> + +<p>My name is Kumar. Many people call me 'kd', I'm known for being...</p> + +<ul> + <li>that guy who hosts his own website, <a href="mailto:kumar@kumardamani.xyz">email</a>, and <a target="_blank" href="/searx">search engine</a>.</li> + <li>a real stickler about 'oPtiMiZing mY woRkfLoW' by scripting anything script-able</li> + <li>a Programming purist, and Linguistic/languages enthusiast</li> + <li><strong>anti</strong> social-networks. I think they are waste of time, and make ppl 😥</li> + <li>a B.Sc in Computer Science at the University of Toronto with a 'focus' in Natural Language Processing</li> +</ul> + +<h2>My Projects</h2> +<ul> +<li>Helpthehome(less) + <ul> + <li><a target="_blank" href="https://gitlab.com/kdam0/helpthehomeless">Source on GitLab</a></li> + <li><a target="_blank" href="https://helpthehome-prod.herokuapp.com/">Project info page</a></li> + <li>Built with: NodeJs, React-Native, MongoDB, Pug (jade)</li> + <li>Here is a <a href="https://gitlab.com/kdam0/helpthehomeless/commit/6b91cafd7884e1bc5286f17a5c0e5c045130befb" target="_blank">sample merge request</a> I made.</li> + </ul> +</li> +<li>Solutions Repo + <ul> + <li><a target="_blank" href="https://gitlab.com/kdam0/solutions_repo">Source on GitLab</a></li> + <li><a target="_blank" href="https://solutionsrepo-prod.herokuapp.com/">Project home page</a></li> + <li>Built with: NodeJs, MongoDB, Handlebars</li> + </ul> +</li> +</ul> + +<h2>Work Experience</h2> +<ul> + <li> + <p> + <em>[2020 - now]</em> + <p>Currently working as a <strong> DevOps Specialist </strong> at <a target="_blank" href="https://kepler.space"> Kepler </a> 🛰️. All of our infrastructure is in-house and I'm working with a variery of interesting low-level HW - raspberry pis, RF Matrix etc., which is a totally new context for me, coming from k8s, ES world. There is so much specialized "space" related equipment here that it presents a great oppurtunity to develop and refine my skills. I am currenly the only "DevOps" guy here, but I've met a few people that arguably know the good stuff - GNU/Linux scaringly well. In fact, I usually feel like I know the <em>least</em> during most of my meetings... so I must be doing something right 🙂🤷.</p> + </p> + </li> + <li> + <p> + <em>[2019 - 2020]</em> + <p>Worked as a <strong> DevOps Engineer </strong> at <a target="_blank" href="https://acuityads.com"> AcuityAds </a> in Toronto. The main selling point for me to work here is that Acuity does not use Amazon or Google or MS (or whatever other 'cloud platform') to host its infrastructure, it has its own private Linux based 'cloud'. This presents a substantial set of challenges for us as DevOps Engineers that would normally be handled by a 3rd party provider. </p> + + <p>Apart from this, due to the nature of adtech, we deal with a massive amount of data, which forces us to be very specific about the types of technologies we use. Here is a subset of what we use across multiple data-centers, often in multiple clusters:</p> + <ul> + <li><strong>Infrastructure</strong>: VMWare, Physical</li> + <li><strong>Provisioning</strong>: Ansible, Terraform, Cobbler</li> + <li><strong>Containerization</strong>: Docker, Kubernetes</li> + <li><strong>CI/CD</strong>: Git, BitBucket, Bamboo (we host the entire Atlassian suite in-house)</li> + <li><strong>Monitoring</strong>: + <ul> + <li>TICK (Telegraf, Influxdb, Chronograf, Kapacitor)</li> + <li>ELK (Elasticsearch, Logstash, Kibana), with filebeat and metricbeat beats</li> + <li>Prometheus</li> + <li>Grafana</li> + <li>Nagios, Pagerduty, Pingdom</li> + </ul> + </li> + <li><strong>Data</strong>: MySql, Aerospike, Kafka, HDFS, Druid</li> + <li><strong>Scripting</strong>: Golang, Bash, Python. <em>Some</em> of my work can be on my Gitlab profile: + <ul> + <li>Golang: + <ul> + <li> a fast, containerized <a href="https://gitlab.com/kdam0/go-druid-mysql-influx" target="_blank">Cronjob</a> that interacts with Druid, MySql, and Influxdb written in Go. Basic unit testing included. This is a job that powers one of our major alerting dashboards. + </li> + <li> a containerized highly modular <a target="_blank" href="https://gitlab.com/kdam0/devops-api">Rest api</a> that writes to Influxdb: . This is something we run in K8S as a Service to monitor Cronjobs that run in K8S. + + </li> + </ul> + </li> + <li>Python: a <a target="_blank" href="https://gitlab.com/kdam0/slack-to-teams"> program </a> to migrate Slack exports to MS Teams messages: . This is something we used when we gave up on Slack.</li> + <li>Bash: a small <a target="_blank" href="https://gitlab.com/kdam0/random-shell-helpers"> collection </a> of helper scripts that I used frequently for random things.</li> + </ul> + </li> + </ul> + </p> + </li> + <li> + <p> + <em>[2016 - 2017]</em> + <p>I worked at <a target="_blank" href="https://achiga.io">Achiga</a> formerly known as WebCanada as part of my <a href="https://web.cs.toronto.edu/undergraduate/pey" target="_blank">PEY</a> program from Uni for 12 months. As part of this, I was involved in:</p> + <ul> + <li>A fast paced Agile environment where I was a Full Stack Developer working with <strong>PHP (Zend), MySql, and JavaScript</strong>.</li> + <li>Git + BitBucket + JIRA (basically the whole Atlassian suite), with Vagrant</li> + <li>The Pipeline team working on day to day features and bugs in the CMS powering thousands of local hotel sites around the world for Starwood Hotels.</li> + <li>Debugging and optimizing <strong>CRON jobs</strong> responsible for storing hotel rates in our database which is critical to hotel revenue.</li> + <li>Contributing to the Gallery Page (CMS as well as user facing UI). See <a href="https://designhotels.com/gallery" target="_blank">Design Hotels Gallery Page</a>, towards the end of my tenure.</li> + </ul> + </p> + </li> + <li> + <p><em>[2014 - 2016]</em></p> + <p>I've worked on several other small-buisness type projects involving web, and scripting over the years in between semesters.</p> + </li> +</ul> + +<h2>Misc</h2> +<ul> + <li>The <a href="/programs.html">Programs and Equipment</a> I use.</li> +</ul> + +</div> + + +<div class="sidepanel"> + +<h2 style="margin:0px">Links:</h2> + +<ul> + +<li>Content: +<ul> +<li> + <a target="_blank" href="https://gitlab.com/kdam0"><img src="pix/icons/gitlab.svg" alt="Gitlab">GitLab</a> + <a target="_blank" href="https://github.com/kdam0"><img src="pix/icons/github.svg" alt="Github"> Github</a> +</li> +</ul></li> + +<li>Personal: +<ul> + <li><a href="mailto:kumar@kumardamani.xyz"><img src="pix/icons/email.svg" alt="Email me"> Email me</a></li> +</ul></li> + +<li>Downloadable Files: +<ul> + <li><a href="files/KumarDamaniCV.pdf"><img src="pix/icons/folder.svg" alt="Downloadable files"> Resume </a></li> +</ul></li> + +</ul> +</div> + +</section> + +<div style="clear: both;"> </div> + +</body> + +</html> diff --git a/pix/icons/House-3.ico b/pix/icons/House-3.ico Binary files differnew file mode 100644 index 0000000..edb1048 --- /dev/null +++ b/pix/icons/House-3.ico diff --git a/pix/icons/Palmately-Leaf.ico b/pix/icons/Palmately-Leaf.ico Binary files differnew file mode 100644 index 0000000..0b66dea --- /dev/null +++ b/pix/icons/Palmately-Leaf.ico diff --git a/pix/icons/email.svg b/pix/icons/email.svg new file mode 100644 index 0000000..c0f5979 --- /dev/null +++ b/pix/icons/email.svg @@ -0,0 +1,27 @@ +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> +<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> + <title>Image from the Silk icon theme by Mark James</title> + <desc>Image from the Silk icon theme by Mark James, traced from http://commons.wikimedia.org/wiki/File:Email.png by CMG Lee.</desc> + <defs> + <radialGradient id="grad_1" cx="50%" cy="50%" r="70%" fx="50%" fy="50%"> + <stop offset="80%" stop-color="#588ac8"/> + <stop offset="100%" stop-color="#2b518e"/> + </radialGradient> + <radialGradient id="grad_2" cx="50%" cy="25%" r="70%" fx="50%" fy="25%"> + <stop offset="0%" stop-color="#85aae2"/> + <stop offset="100%" stop-color="#dcebfe"/> + </radialGradient> + <radialGradient id="grad_3" cx="50%" cy="10%" r="70%" fx="50%" fy="10%"> + <stop offset="0%" stop-color="#dae9fd"/> + <stop offset="80%" stop-color="#ffffff"/> + <stop offset="100%" stop-color="#dee8f7"/> + </radialGradient> + </defs> + <g stroke-linecap="round" stroke-linejoin="round"> + <rect x="0" y="2" width="16" height="11" rx="1" ry="1" fill="url(#grad_1)"/> + <rect x="1" y="3" width="14" height="9" fill="#eef3f8"/> + <rect x="2" y="4" width="12" height="7" fill="url(#grad_2)"/> + <path d="M 2 11 l 4 -4 q 2 -2 4 0 l 4 4" stroke="#bbccdd" fill="none"/> + <path d="M 2 4 l 4 4 q 2 2 4 0 l 4 -4" stroke="#85aae2" fill="url(#grad_3)"/> + </g> +</svg>
\ No newline at end of file diff --git a/pix/icons/folder.svg b/pix/icons/folder.svg new file mode 100644 index 0000000..88bcf4b --- /dev/null +++ b/pix/icons/folder.svg @@ -0,0 +1,55 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> +<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="36.000004" height="35.999989" viewBox="0 0 36.000004 35.999989" id="bimetrical-icon-folder" version="1.1" inkscape:version="0.92.1 r15371" sodipodi:docname="bimetrical-icon-folder.svg"> + <title id="bimetrical_icon_folder">bimetrical icon folder</title> + <defs id="defs-bimetrical-icon-folder"/> + <sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="2.8" inkscape:cx="24.263927" inkscape:cy="-16.268577" inkscape:document-units="px" inkscape:current-layer="bimetrical-layer-1" showgrid="false" fit-margin-top="0" fit-margin-left="0" fit-margin-right="0" fit-margin-bottom="0" units="px" inkscape:showpageshadow="true" borderlayer="true" showborder="true" inkscape:window-width="1920" inkscape:window-height="1017" inkscape:window-x="1912" inkscape:window-y="-8" inkscape:window-maximized="1"/> + <metadata id="metadata-bimetrical-icon-folder"> + <rdf:RDF> + <cc:Work rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/> + <dc:title>bimetrical icon folder</dc:title> + <dc:creator> + <cc:Agent> + <dc:title>J. Xavier Atero</dc:title> + </cc:Agent> + </dc:creator> + <dc:subject> + <rdf:Bag> + <rdf:li>bimetrical</rdf:li> + <rdf:li>folder</rdf:li> + <rdf:li>icon</rdf:li> + </rdf:Bag> + </dc:subject> + <dc:description>Icon of a folder</dc:description> + <dc:identifier>bimetrical-icon-folder</dc:identifier> + <dc:rights> + <cc:Agent> + <dc:title>Bimetrical S.L.</dc:title> + </cc:Agent> + </dc:rights> + <dc:date>2017-05-04T20:43:00</dc:date> + <dc:publisher> + <cc:Agent> + <dc:title>Bimetrical S.L.</dc:title> + </cc:Agent> + </dc:publisher> + <cc:license rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/"/> + <dc:source>J. Xavier Atero's own work for Bimetrical S.L.</dc:source> + <dc:language>english</dc:language> + </cc:Work> + <cc:License rdf:about="http://creativecommons.org/licenses/by-sa/4.0/"> + <cc:permits rdf:resource="http://creativecommons.org/ns#Reproduction"/> + <cc:permits rdf:resource="http://creativecommons.org/ns#Distribution"/> + <cc:requires rdf:resource="http://creativecommons.org/ns#Notice"/> + <cc:requires rdf:resource="http://creativecommons.org/ns#Attribution"/> + <cc:permits rdf:resource="http://creativecommons.org/ns#DerivativeWorks"/> + <cc:requires rdf:resource="http://creativecommons.org/ns#ShareAlike"/> + </cc:License> + </rdf:RDF> + </metadata> + <g inkscape:label="Capa 1" inkscape:groupmode="layer" id="bimetrical-layer-1" transform="translate(503.56791,-562.93364)"> + <path inkscape:connector-curvature="0" id="bimetrical-path-folder" d="m -494.16097,562.93364 c -0.91673,0 -1.63753,0.74775 -1.63753,1.65704 v 9.03749 h 2.60871 v -8.31796 h 17.33471 v 11.67421 h 2.39842 v -12.53905 c -10e-4,-0.8283 -0.69846,-1.51173 -1.53358,-1.51173 z m 4.5936,5.03204 c -0.68463,0 -1.24054,0.61351 -1.24054,1.29374 0,0.68023 0.55708,1.29375 1.24054,1.29375 h 9.93155 c 0.68697,0 1.24056,-0.61352 1.24056,-1.29375 0,-0.68023 -0.55592,-1.29374 -1.24056,-1.29374 z m 0,4.75311 c -0.59598,0 -1.09444,0.46799 -1.21456,1.04063 0.85025,0.21517 1.62501,0.67559 2.207,1.35235 l 0.17961,0.19452 h 8.7595 c 0.68697,0 1.24056,-0.61351 1.24056,-1.29375 0,-0.68023 -0.55592,-1.29375 -1.24056,-1.29375 z m -10.527,2.5875 c -0.58783,0 -1.14624,0.273 -1.52648,0.71954 -0.37906,0.4477 -0.54102,1.06098 -0.44187,1.63593 l 0.21976,1.27969 h -0.14414 c -0.46188,0 -0.89945,0.18498 -1.19803,0.53203 -0.30324,0.34822 -0.43504,0.80158 -0.3639,1.25391 l 2.56146,16.48358 c 0.15513,0.99142 1.01386,1.72266 2.02506,1.72266 h 26.59045 c 0.46185,0 0.89943,-0.20251 1.19801,-0.5461 0.29976,-0.34706 0.43509,-0.79689 0.36626,-1.24921 l -2.5071,-16.87031 c -0.11663,-0.77046 -0.78287,-1.32656 -1.56665,-1.32656 h -12.69621 l -2.30625,-2.70703 c -0.4887,-0.56916 -1.20663,-0.92813 -1.96127,-0.92813 z m 28.19725,1.18594 0.64037,5.89453 1.5312,10.29843 2.14322,-14.45155 c 0.0595,-0.43037 -0.0663,-0.87384 -0.35445,-1.20469 -0.28576,-0.32971 -0.70398,-0.53672 -1.14368,-0.53672 z" style="fill:#861a22;fill-opacity:1;stroke:none;stroke-width:0.99999952;stroke-opacity:1"/> + </g> +</svg>
\ No newline at end of file diff --git a/pix/icons/git.svg b/pix/icons/git.svg new file mode 100644 index 0000000..f5f36f9 --- /dev/null +++ b/pix/icons/git.svg @@ -0,0 +1,8 @@ +<?xml version="1.0" encoding="UTF-8"?> +<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> +<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="97px" height="97px" viewBox="0 0 97 97" enable-background="new 0 0 97 97" xml:space="preserve"> +<g> + <path fill="#F05133" d="M92.71,44.408L52.591,4.291c-2.31-2.311-6.057-2.311-8.369,0l-8.33,8.332L46.459,23.19 c2.456-0.83,5.272-0.273,7.229,1.685c1.969,1.97,2.521,4.81,1.67,7.275l10.186,10.185c2.465-0.85,5.307-0.3,7.275,1.671 c2.75,2.75,2.75,7.206,0,9.958c-2.752,2.751-7.208,2.751-9.961,0c-2.068-2.07-2.58-5.11-1.531-7.658l-9.5-9.499v24.997 c0.67,0.332,1.303,0.774,1.861,1.332c2.75,2.75,2.75,7.206,0,9.959c-2.75,2.749-7.209,2.749-9.957,0c-2.75-2.754-2.75-7.21,0-9.959 c0.68-0.679,1.467-1.193,2.307-1.537V36.369c-0.84-0.344-1.625-0.853-2.307-1.537c-2.083-2.082-2.584-5.14-1.516-7.698 L31.798,16.715L4.288,44.222c-2.311,2.313-2.311,6.06,0,8.371l40.121,40.118c2.31,2.311,6.056,2.311,8.369,0L92.71,52.779 C95.021,50.468,95.021,46.719,92.71,44.408z"/> +</g> +</svg>
\ No newline at end of file diff --git a/pix/icons/github.svg b/pix/icons/github.svg new file mode 100644 index 0000000..93af7db --- /dev/null +++ b/pix/icons/github.svg @@ -0,0 +1,3 @@ +<svg width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg"> +<path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" transform="scale(64)" fill="#1B1F23"/> +</svg>
\ No newline at end of file diff --git a/pix/icons/gitlab.svg b/pix/icons/gitlab.svg new file mode 100644 index 0000000..51f3607 --- /dev/null +++ b/pix/icons/gitlab.svg @@ -0,0 +1,12 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg width="256px" height="236px" viewBox="0 0 256 236" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid"> + <g> + <path d="M128.07485,236.074667 L128.07485,236.074667 L175.17885,91.1043048 L80.9708495,91.1043048 L128.07485,236.074667 L128.07485,236.074667 Z" fill="#E24329"/> + <path d="M128.07485,236.074423 L80.9708495,91.104061 L14.9557638,91.104061 L128.07485,236.074423 L128.07485,236.074423 Z" fill="#FC6D26"/> + <path d="M14.9558857,91.1044267 L14.9558857,91.1044267 L0.641828571,135.159589 C-0.663771429,139.17757 0.766171429,143.57955 4.18438095,146.06275 L128.074971,236.074789 L14.9558857,91.1044267 L14.9558857,91.1044267 Z" fill="#FCA326"/> + <path d="M14.9558857,91.1045486 L80.9709714,91.1045486 L52.6000762,3.79026286 C51.1408762,-0.703146667 44.7847619,-0.701927619 43.3255619,3.79026286 L14.9558857,91.1045486 L14.9558857,91.1045486 Z" fill="#E24329"/> + <path d="M128.07485,236.074423 L175.17885,91.104061 L241.193935,91.104061 L128.07485,236.074423 L128.07485,236.074423 Z" fill="#FC6D26"/> + <path d="M241.193935,91.1044267 L241.193935,91.1044267 L255.507992,135.159589 C256.813592,139.17757 255.38365,143.57955 251.96544,146.06275 L128.07485,236.074789 L241.193935,91.1044267 L241.193935,91.1044267 Z" fill="#FCA326"/> + <path d="M241.193935,91.1045486 L175.17885,91.1045486 L203.549745,3.79026286 C205.008945,-0.703146667 211.365059,-0.701927619 212.824259,3.79026286 L241.193935,91.1045486 L241.193935,91.1045486 Z" fill="#E24329"/> + </g> +</svg>
\ No newline at end of file diff --git a/pix/kd.jpeg b/pix/kd.jpeg Binary files differnew file mode 100644 index 0000000..2613ece --- /dev/null +++ b/pix/kd.jpeg diff --git a/programs.html b/programs.html new file mode 100644 index 0000000..81e885d --- /dev/null +++ b/programs.html @@ -0,0 +1,113 @@ +<!DOCTYPE HTML> +<html lang="en"> +<head> +<title>Programs and Equipment</title> +<link rel='stylesheet' type='text/css' href='style.css'> +<meta charset="utf-8"/> +</head> + +<body> +<h1>Programs and Equipment I Use</h1> + +<h2>Software I Use</h2> + +<h3>Priorities</h3> + +<p>I'm about getting things done quickly and having as little space between my thoughts and actions on the computer.</p> + +<p>I like having vim-like bindings and prefer running programs in the terminal for simplicity's sake. That said, I'm very much against the cringey meme that things in the terminal are "cooler" or "nerdier" XD. Terminals are good for most tasks, but useless for others, for example, browsing the modern web (I admit this unfortunate fact with much consternation) or looking at maps. +</p> + +<dl> +<dt>Terminal</dt> +<dd>I use <a href="https://st.suckless.org/" target="_blank">st</a> (simple terminal) by <a target="_blank" href="https://suckless.org">suckless.org</a>, which is one of the most minimal, yet easily customizable terminal emulators out there. +I have my config read a <a target="_blank" href="https://github.com/dylanaraps/pywal">pywal</a> cached file which gives st its colors. +<dd> + +<dt>Window Manager/Desktop Environment</dt> +<dd> +Primarily using <a href="https://github.com/baskerville/bspwm" target="_blank">bspwm</a>. What I like is that its config file is just plain ol' Bash! No complaints with it. If you want to know why my computer looks the way it does, this is what to check out. +Occassionally I get irrationally anxious about my memory footprint, so I switch to DWM (again, from the <a target="_blank" href="https://suckless.org">suckless.org</a> folks) only to switch back in a few weeks. +</dd> + +<dt>Fonts</dt> +<dd>My monospace font is typically Inconsolata, my serif font in Linux Libertine and my sans font is Linux Biolinum. I have ttf-emojione for emojis as well and noto-fonts and noto-fonts-cjk to give me non-European scripts.</dd> + +<dt>Status bar</dt> +<dd><a href="https://github.com/polybar/polybar" target="_blank">polybar</a>, but I eventually come to realize that it's mostly useless, so it stays hidden.</dd> + +<dt>Text editing and programming</dt> +<dd><a href="https://www.vim.org/" target="_blank">vim</a>. Less of a text editor and more of a lifestyle. No, I'm not going to ever switch to emacs. I use the pywal plugin for colors.</dd> + +<dt>Web browser</dt> +<dd>The web is bloat so they are all kinda terrible. I have tried, chrome, qutebrowser in the past. Right now I use <a href="https://vivaldi.com/" target="_blank">Vivaldi</a> with the add-on Vimium to get customizable vim-like keybindings. +</dd> + +<dt>File manager</dt> +<dd><a href="_blank" target="https://github.com/jarun/nnn">nnn</a>. Yes, I have used ranger.</dd> + +<dt>Mail client</dt> +<dd>mutt. Technically <a href="https://neomutt.org/" target="_blank">neo-mutt</a>. I keep all my mail offline with offlineIMAP, gpg keys to store passwords.</dd> + +<dt>Messaging</dt> +<dd><a href="https://tox.chat/index.html" target="_blank">tox</a> is what I recommend, but since it does not have an iOS client just yet, <a href="https://signal.org" target="_blank">Signal</a> will do. If you want to know why, see the section below about "Proprietary software".</dd> + +<dt>Music/audio player</dt> +<dd><a href="https://www.musicpd.org/" target="_blank">mpd</a> with <a href="https://rybczak.net/ncmpcpp/" target="_blank">ncmpcpp</a> for a library.</dd> + +<dt>Video player</dt> +<dd><a href="https://mpv.io/" target="_blank">mpv</a>. Don't bother with any other video player.</dd> + +<dt>Writing documents</dt> +<dd>I used to write documents in <a href="https://www.latex-project.org/" target="_blank">LaTeX</a> and compile them into pdf documents. Recently I've been experimenting with groff/troff to much success and recommend it as a much more minimal and elegant typesetting system, scarcely lacking anything you might need, although lacking documentation, so it'll probably be a jungle at first.</dd> + +<dt>PDF viewer</dt> +<dd><a href="https://pwmt.org/projects/zathura/" target="_blank">zathura</a>. I used mupdf, which is good too.</dd> + +<dt>Image Viewer</dt> +<dd><a href="https://github.com/muennich/sxiv" target="_blank">sxiv</a> (from suckless). Handles images, animated gifs, has additional thumbnail and slideshow modes and allows you to run custom scripts and read/write to standard input/output. Okay. This is epic.</dd> + +<dt>Image modification</dt> +<dd><a href="https://www.gimp.org/" target="_blank">gimp</a> for big things, but imagemagick commands for most little modifications, filter changes, trims, etc.</dd> +</dl> + +<h2>Where can I find good software options?</h2> + +<p>The program of your dreams is probably listed below:</p> + +<ul> + <li><a target="_blank" href="https://suckless.org/rocks/">The suckless website's list of programs that "rock"</a> – Generally minimalist programs</li> + <li><a target="_blank" href="https://github.com/mayfrost/guides/blob/master/ALTERNATIVES.md">A more comprehensive (and gradient) list of minimalist software</a></li> + <li><a target="_blank" href="https://directory.fsf.org/wiki/Main_Page">The FSF's Free Software Directory</a> – Emphasis on libre software (although most software in the links above will have free licenses as well)</li> + <li><a target="_blank" href="https://wiki.installgentoo.com/index.php/List_of_recommended_GNU/Linux_software">Install Gentoo wiki recommendations</a> – A good mix of programs for novices and advanced users</li> + +</ul> + +<h2>Hardware I Use</h2> + +<dl> +<dt>Laptop</dt> +<dd>The main laptop I use is a Thinkpad T420s, released in 2011. Old ThinkPads are designed for long term corporate use, and last forever and are made to be easy to repair and improve. They have many simple perks, like their uniquely tactile keyboards, their trackpoints and their ThinkLight (a more commonsense solution to lighting your keyboard at night). Newer ThinkPads are not as good, lacking the classical keyboards and generally being more Mac-like (unrepairable, breakable, and generally bad for an enormous price). +</dd> +<dt>Hard drives</dt> +<dd> SSDs are the only thing I recommend using a good bit of money on in your computer build. They make your computer hugely snappier and apparently use less power.</dd> +</dl> + +<h2>What I don't use</h2> + +<dl> + +<dt>Proprietary software</dt> +<dd> I'm not going to endorse proprietary services that have gone out of their way to spy on or politically suppress their users, just as Facebook, or Discord. +One of the many potential take-aways you should get from me is that the use of libre/free software, by its nature, is more constructive and extensible—that's the point. There are philosophical reasons for this you'll run across in time, but for now, suffice it to say I will not endose the usage of proprietary software. +</dd> +</dl> + +</br> +<big> +<img src="pix/kumarsmall.gif" alt="Kumar pix"> +<a href="index.html">Return to main page</a></big> + +</body> +</html> + diff --git a/style.css b/style.css new file mode 100644 index 0000000..ae46aca --- /dev/null +++ b/style.css @@ -0,0 +1,152 @@ +:root { + --color0: #282828; + --color1: #cc241d; + --color2: #98971a; + --color3: #d79921; + --color4: #458588; + --color5: #b16286; + --color6: #689d6a; + --color7: #a89984; + --color8: #928374; + --color9: #fb4934; + --color10: #b8bb26; + --color11: #fabd2f; + --color12: #83a598; + --color13: #d3869b; + --color14: #8ec07c; + --color15: #ebdbb2; + --color256: #1d2021; + --color257: #ebdbb2; + + --altbg:#292934; + --link: #97bef9; + --linkalt: #5982c1; +} + +body { + max-width: 1050px; + margin-left: auto; + margin-right: auto; + margin-top: 30px; + background: var(--color256); + color: var(--color15); + padding: 1em; +} + +.flex-container { + display: flex; + flex-flow: row wrap; + justify-content: center; + align-items: flex-start; + align-content: center; +} +/* The two panels on the main page: */ +.mainpanel { + flex: 1 1 700px; +} + +.sidepanel { + background-color: var(--altbg); + padding:15px; + border-radius: 0 10px 30px 0; + flex: 1 1 auto; +} + +.mainpanel ul li { + /* line-height:24px; */ + font-size: 18px; +} + +.mainpanel ul li ul li { + line-height:22px; + font-size: 16px; +} + +.sidepanel a { + color: #85631b; +} + +.sidepanel a:hover { + color: #d89e23; +} + +.sidepanel ul li { + font-size:20px; + margin:0 0 15px 0; +} + +.sidepanel ul li ul li { + font-size:18px; + margin: 0px; + list-style: none; +} + +/* Class name of video thumbnails in videos.html */ +.image { + width: 175px !important; + table-layout: fixed; + margin-left: auto; + margin-right: auto; + display: inline-table; + padding: 0px; +} + +img.profile { + float: right; + margin: 10px; + height: auto; + width: 120px; +} + +li img{ + height: 1em; +} +h1 img{ + height: 1em; +} +h2 img{ + height: 1em; +} +h3 img{ + height: 1em; +} +a:hover img { + background: #fe8019; +} + +h1 { + color: var(--color8); + font-weight: bold; + text-shadow: -1px 3px 3px rgba(0, 0, 0, 0.90); + margin-bottom: 1em +} + +h2 { + color: var(--color3); + font-weight: normal; +} + +p { + line-height:20px; + font-size: 16px; +} + +strong { + color: var(--color8) +} + +em { + font-weight: normal; + color: var(--color8) +} + +a { + color: var(--link); + text-decoration: none; +} + +a:hover { + color: var(--linkalt); +} + + |
