| @@ -0,0 +1,6 @@ | ||
| <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Adding images to Jekyll's post feed - without plugins | Darshan Soni </title> <meta name="description" content="The jekyll-auto-image plugin is a pretty useful tool to get thumbnail images to display on a blog main page. However, this plugin is not yet supported by Git..."> <link rel="canonical" href=" { { site.url } }{ { page.url } }"/> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <link rel="stylesheet" href="/css/main.css"> <link rel="stylesheet" href="/css/custom.css" type="text/css" charset="utf-8"> <link href='https://fonts.googleapis.com/css?family=Vollkorn' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <!--[if lt IE 9]><script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]--> <script>!function(e,t,a,n,c,s,o){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,s=t.createElement(a),o=t.getElementsByTagName(a)[0],s.async=1,s.src=n,o.parentNode.insertBefore(s,o)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-52481381-2","auto"),ga("send","pageview");</script> </head> <body style="border:0;"> <header class="site-header" style="border: 0;"> <nav class="navbar navbar-fixed-top navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="/">darshandsoni.com</a> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li><a href="/">Home</a></li> <li><a href="/about/">About</a></li> <li><a href="/blog/">Blog</a></li> <li><a href="/work/">Work</a></li> <li><a href="/academics/">Academics</a></li> <li><a href="/photography/">Photography</a></li> <li><a href="/contact/">Contact</a></li> </ul> </div> </div> </nav> <div class="container-fluid jumbotron"> <div class="container"> <pagetitle>Darshan Soni</pagetitle> </div> </div> </header> <div class="container"> <div class="post"> <header class="post-header"> <h1 class="post-title">Adding images to Jekyll's post feed - without plugins</h1> <p class="post-meta">Feb 2, 2016 • 1 min read time </p> </header> <article class="post-content"> <p>The <a href="https://github.com/merlos/jekyll-auto-image">jekyll-auto-image</a> plugin is a pretty useful tool to get thumbnail images to display on a blog main page. However, this plugin is not yet supported by GitHub pages and will display broken image links if used with GitHub pages. In general, I prefer the minimalistic approach of using powerful liquid tags and plain old html to get the job done.</p> <p><strong>Note:</strong></p> <blockquote> <p>This method assumes you are already implementing the <a href="http://getbootstrap.com">Bootstrap framework</a></p> </blockquote> <h3 id="adding-a-thumbnail-to-a-post">1. Adding a thumbnail to a post</h3> <p>Choose a thumbnail image, add it to an images folder in your root (e.g. /images/ or /assets/). Alternatively find a permanent url for an image you want to use.</p> <figure class="highlight"><pre><code class="language-markdown" data-lang="markdown"><span class="nn">---</span> | ||
| <span class="s">layout</span><span class="pi">:</span> <span class="s">post</span> | ||
| <span class="s">title</span><span class="pi">:</span> <span class="s2">"</span><span class="s">Title</span><span class="nv"> </span><span class="s">goes</span><span class="nv"> </span><span class="s">here"</span> | ||
| <span class="s">categories</span><span class="pi">:</span> <span class="s">jekyll</span> | ||
| <span class="s">thumbnail</span><span class="pi">:</span> <span class="s">/images/customthumbnail.jpg</span> | ||
| <span class="nn">---</span></code></pre></figure> <h3 id="adding-a-default-thumbnail">2. Adding a default thumbnail</h3> <p>Sometimes, you may not have an appropriate thumbnail image for a particular post. In this case, we want jekyll to just use a default thumbnail saved in your images foler. Put a file in there named nothumbnail.jpg or similar.</p> <h3 id="adding-liquid-tags-to-render-thumbnails">3. Adding Liquid tags to render thumbnails</h3> <p>Here’s where the magic happens. We need the post directory to render the thumbnail image. In case there isn’t one, it should render the default thumbnail. On your blog’s directory page (e.g. blog.md), add the following liquid tag loops to do <a href="https://truongtx.me/2013/01/05/thumbnail-post-list-for-jekyll-bootstrap/">this</a>.</p> </article> </div> </div> <footer class="site-footer" style="border:0;"> <div class="container-fluid footer"> <div class="container"> <div class="row"><br> <div class="col-sm-4"> <h4>Resources</h4> <p>This website was proudly made with only open-source tools.</p> <p><a target="_blank" href="https://getfedora.com">Fedora Linux</a><br><a target="_blank" href="http://jekyllrb.com">Jekyll engine</a><br><a href="https://atom.io/" target="_blank">Atom IDE</a><br><a href="https://getbootstrap.com" target="_blank">Bootstrap</a><br><a target="_blank" href="https://github.com">GitHub Pages</a></p> </div> <div class="col-sm-4"> <h4>Subscribe</h4> <p><a href="https://twitter.com/DarshanDSoni" target="_blank"><i class="fa fa-twitter"></i> Follow Me</a></p> <p><a href="https://darshandsoni.com/feed.xml" target="_blank"><i class="fa fa-rss"></i> Atom feed</a></p> </div> </div> <p>© Darshan Soni 2016 | <a href="/acknowledgements" target="_blank">Acknowledgements</a> | Please send questions, concerns or comments to me directly.</p> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> </footer> </body> </html> |
| @@ -0,0 +1,2 @@ | ||
| <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Optimising static sites | Darshan Soni </title> <meta name="description" content="Static sites, are generally speaking, much faster than dynamic ones abound with javascript and server requests from the very start. This is because they are ..."> <link rel="canonical" href=" { { site.url } }{ { page.url } }"/> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <link rel="stylesheet" href="/css/main.css"> <link rel="stylesheet" href="/css/custom.css" type="text/css" charset="utf-8"> <link href='https://fonts.googleapis.com/css?family=Vollkorn' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <!--[if lt IE 9]><script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]--> <script>!function(e,t,a,n,c,s,o){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,s=t.createElement(a),o=t.getElementsByTagName(a)[0],s.async=1,s.src=n,o.parentNode.insertBefore(s,o)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-52481381-2","auto"),ga("send","pageview");</script> </head> <body style="border:0;"> <header class="site-header" style="border: 0;"> <nav class="navbar navbar-fixed-top navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="/">darshandsoni.com</a> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li><a href="/">Home</a></li> <li><a href="/about/">About</a></li> <li><a href="/blog/">Blog</a></li> <li><a href="/work/">Work</a></li> <li><a href="/academics/">Academics</a></li> <li><a href="/photography/">Photography</a></li> <li><a href="/contact/">Contact</a></li> </ul> </div> </div> </nav> <div class="container-fluid jumbotron"> <div class="container"> <pagetitle>Darshan Soni</pagetitle> </div> </div> </header> <div class="container"> <div class="post"> <header class="post-header"> <h1 class="post-title">Optimising static sites</h1> <p class="post-meta">Feb 7, 2016 • 1 min read time </p> </header> <article class="post-content"> <p>Static sites, are generally speaking, much faster than dynamic ones abound with javascript and server requests from the very start. This is because they are precompiled and served to users as they are on the web (excluding any special requests e.g. google map embeds). Hosting on a cloud based platform such as <a href="http://github.com" target="_blank">GitHub</a>, <a href="https://aws.amazon.com/s3/" target="_blank">Amazon S3</a> or <a href="https://www.digitalocean.com/" target="_blank">Digital Ocean</a> also drastically improves speed since the content is hardly ever down and retrieved from the best possible geographic location.</p> <p>That said, static sites can get slightly bloated over time and a perfect place to test out loading time is Google’s <a href="https://developers.google.com/speed/pagespeed/insights/" target="_blank">pagespeed insights</a> which gives your site a test run, returns a scorecard and also gives suggestions on how to make your response time faster.</p> <p>One thing you’ll notice it telling you is to use inline CSS or js instead of an external file reference to cull the additional request made for that file. Of course this only applies to small files, but practically speaking, not every js file can be inlined. Chances are you will be using some external reference for plugins or even bootstrap itself. A quick trick to reduce bloat here is to minify your site’s existing js, html and css files.</p> <p>Worry not, for you do not have to do this manually. There is a jekyll plugin for this! And now you’re going to say, “But… GitHub pages won’t run those due to –safe mode etc…” and again, worry not! The plugin minifies your html, css, javascript and xmls as you build your site, so when it is pushed up to GitHub it is already compiled and does not call out any custom liquid tags like the flickr or 500px ones. To enact all this, simply run:</p> <div class="highlighter-rouge"><pre class="highlight"><code>gem install jekyll-minifier | ||
| </code></pre> </div> <p><br/> Then to your _config.yml file add the following:<br/> <code class="highlighter-rouge"> gems: - jekyll-minifier </code> <br/> And that’s it! Try run the pagespeed insights again (note that it has a cache time of 30s) and see the improvements! For more information, check out the Git page for <a href="https://github.com/digitalsparky/jekyll-minifier" target="_blank">jekyll-minifier</a> thanks to digitalsparky.</p> </article> </div> </div> <footer class="site-footer" style="border:0;"> <div class="container-fluid footer"> <div class="container"> <div class="row"><br> <div class="col-sm-4"> <h4>Resources</h4> <p>This website was proudly made with only open-source tools.</p> <p><a target="_blank" href="https://getfedora.com">Fedora Linux</a><br><a target="_blank" href="http://jekyllrb.com">Jekyll engine</a><br><a href="https://atom.io/" target="_blank">Atom IDE</a><br><a href="https://getbootstrap.com" target="_blank">Bootstrap</a><br><a target="_blank" href="https://github.com">GitHub Pages</a></p> </div> <div class="col-sm-4"> <h4>Subscribe</h4> <p><a href="https://twitter.com/DarshanDSoni" target="_blank"><i class="fa fa-twitter"></i> Follow Me</a></p> <p><a href="https://darshandsoni.com/feed.xml" target="_blank"><i class="fa fa-rss"></i> Atom feed</a></p> </div> </div> <p>© Darshan Soni 2016 | <a href="/acknowledgements" target="_blank">Acknowledgements</a> | Please send questions, concerns or comments to me directly.</p> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> </footer> </body> </html> |
| @@ -0,0 +1 @@ | ||
| <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Weekly Updates 19 March 2016 | Darshan Soni </title> <meta name="description" content="Weekly updates"> <link rel="canonical" href=" { { site.url } }{ { page.url } }"/> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <link rel="stylesheet" href="/css/main.css"> <link rel="stylesheet" href="/css/custom.css" type="text/css" charset="utf-8"> <link href='https://fonts.googleapis.com/css?family=Vollkorn' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <!--[if lt IE 9]><script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]--> <script>!function(e,t,a,n,c,s,o){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,s=t.createElement(a),o=t.getElementsByTagName(a)[0],s.async=1,s.src=n,o.parentNode.insertBefore(s,o)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-52481381-2","auto"),ga("send","pageview");</script> </head> <body style="border:0;"> <header class="site-header" style="border: 0;"> <nav class="navbar navbar-fixed-top navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="/">darshandsoni.com</a> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li><a href="/">Home</a></li> <li><a href="/about/">About</a></li> <li><a href="/blog/">Blog</a></li> <li><a href="/work/">Work</a></li> <li><a href="/academics/">Academics</a></li> <li><a href="/photography/">Photography</a></li> <li><a href="/contact/">Contact</a></li> </ul> </div> </div> </nav> <div class="container-fluid jumbotron"> <div class="container"> <pagetitle>Darshan Soni</pagetitle> </div> </div> </header> <div class="container"> <div class="post"> <header class="post-header"> <h1 class="post-title">Weekly Updates 19 March 2016</h1> <p class="post-meta">Mar 19, 2016 • 3 mins read time </p> </header> <article class="post-content"> <h1 id="weekly-updates">Weekly updates</h1> <h2 id="march---19-march-2016">12 March - 19 March 2016</h2> <p>Hello world! Apologies for yet again not following the week. I need to make this a better routine. Alright here we go:</p> <h3 id="bad-door">1. Bad door</h3> <p>As we grieve about the new doors in the Nest, <a href="http://www.vox.com/2016/2/26/11120236/bad-doors-human-centered-design">here</a> is a good video about door design. Don’t you just hate door that look like they should be pulled but actually push? While I disagree with the author’s “American design is right” stereotype, he has a point about good doors / design. Thanks to my colleague Ron Darvin for sharing this link.</p> <hr/> <h3 id="anon-vs-trump">2. Anon vs Trump</h3> <p>Oh <a href="http://anonhq.com/anonymous-april-fools-surprise-donald-trump/">this</a> should be good! Anonymous have declared war on Trump. I hope it will be as entertaining as they make it seem!</p> <hr/> <h3 id="the-hydraulic-press-channel">3. The Hydraulic Press channel</h3> <p>This is a YouTube <a href="https://www.youtube.com/channel/UCcMDMoNu66_1Hwi5-MeiQgw">channel</a> about a Finnish guy who owns a hydraulic press and uses it to crush phones, blenders, cameras… you name it. All bundled up with some deadpan commentary. What a beautiful channel. Cheers to my colleage Liam for sharing this.</p> <hr/> <h3 id="markdown---stop-word-processing">4. Markdown - Stop word processing</h3> <p><a href="https://daringfireball.net/projects/markdown/">Markdown</a> is a brilliant tool for copiling documents quickly. The fact that you need not worry about formatting makes it so easy to learn and use. I already use it for compiling this message, taking notes and making documentation. My <a href="http://darshandsoni.com">website</a> uses markdown inputs too, because why write in html? My website is still in development, but for fun, try out the 404 page ;) The IDE <a href="https://atom.io/">Atom</a>, which has mixed reviews and is far from perfect, is a decent IDE that is designed to be heavily expandable thanks to plugins. The markdown to themeable pdf plugin allows you to choose custom CSS styles. This means you can produce documents such as letterheads by simply calling your letterhead CSS stylesheet. It’s a great tool to make document templates and zip out things like cover letters etc. Markdown does have it’s shortfalls though. It is a very simplified markup and isn’t the best for things like scientific papers or books.</p> <hr/> <h3 id="nylas-n1">5. Nylas N1</h3> <p>This new <a href="https://www.nylas.com/n1">email client</a> (yes, yet another email client) was made by a neat company called Nylas. It was to do what Chrome did for the browser market - have plugins and add-ons. Written entirely in JavaScript, the developers want an open-source community to write whatever extensions they want for the email app. The sky is the limit. However, to allow something like this to happen, they had to ditch ancient pop and IMAP and SMTP, instead creating their own API. By default, this API is on their server which means all your emails pass through their servers :( That said, it is open source and people can see what their code is doing on GitHub. If you’re ultra-secure, they say you can instead set up the API locally and you need not use their servers. That does of course mean that your computer becomes a mail server. I tested this out on Fedora but it was so tedious: installing a vagrant box and setting it up in there that quite simply, I couldn’t be fucked. Too bad. I really hope they change things there!</p> <p><em>An unfortunately “mac-esque” screenshot of N1.</em> <img src="https://www.nylas.com/N1/images/4-pane-screenshot-no-shadow.png" alt="Nylas N1"/> —</p> <h3 id="retro-debian-stickers">6. Retro Debian stickers</h3> <p><a href="http://www.unixstickers.com/stickers/linux_os_distribution_stickers/linux-debian-logo-mashup-edition-shaped-sticker">These</a> retro debian stickers look amazing.</p> <h2 id="debian-stickershttpwwwunixstickerscomimagecachedatastickersdebianxdebianp20mashupsh-340x340pngpagespeedicgvs5c2dxmepng"><img src="http://www.unixstickers.com/image/cache/data/stickers/debian/xDebian,P20mashup.sh-340x340.png.pagespeed.ic.GvS5c2dXMe.png" alt="Debian stickers"/></h2> <p>That’s all for this week. Don’t want to make this too loaded! Also, there is now quite a diverse community of recipients. If certain things don’t interest you, just skip over them. If the entire mailing list doesn’t seem to interest you, feel free to unsubscribe. I’d hate to be spamming you.</p> <p>Cheers, Darshan</p> </article> </div> </div> <footer class="site-footer" style="border:0;"> <div class="container-fluid footer"> <div class="container"> <div class="row"><br> <div class="col-sm-4"> <h4>Resources</h4> <p>This website was proudly made with only open-source tools.</p> <p><a target="_blank" href="https://getfedora.com">Fedora Linux</a><br><a target="_blank" href="http://jekyllrb.com">Jekyll engine</a><br><a href="https://atom.io/" target="_blank">Atom IDE</a><br><a href="https://getbootstrap.com" target="_blank">Bootstrap</a><br><a target="_blank" href="https://github.com">GitHub Pages</a></p> </div> <div class="col-sm-4"> <h4>Subscribe</h4> <p><a href="https://twitter.com/DarshanDSoni" target="_blank"><i class="fa fa-twitter"></i> Follow Me</a></p> <p><a href="https://darshandsoni.com/feed.xml" target="_blank"><i class="fa fa-rss"></i> Atom feed</a></p> </div> </div> <p>© Darshan Soni 2016 | <a href="/acknowledgements" target="_blank">Acknowledgements</a> | Please send questions, concerns or comments to me directly.</p> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> </footer> </body> </html> |
| @@ -0,0 +1 @@ | ||
| <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Natural Naming for Software Repositories | Darshan Soni </title> <meta name="description" content="This story can also be found on medium."> <link rel="canonical" href=" { { site.url } }{ { page.url } }"/> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <link rel="stylesheet" href="/css/main.css"> <link rel="stylesheet" href="/css/custom.css" type="text/css" charset="utf-8"> <link href='https://fonts.googleapis.com/css?family=Vollkorn' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <!--[if lt IE 9]><script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]--> <script>!function(e,t,a,n,c,s,o){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,s=t.createElement(a),o=t.getElementsByTagName(a)[0],s.async=1,s.src=n,o.parentNode.insertBefore(s,o)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-52481381-2","auto"),ga("send","pageview");</script> </head> <body style="border:0;"> <header class="site-header" style="border: 0;"> <nav class="navbar navbar-fixed-top navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="/">darshandsoni.com</a> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li><a href="/">Home</a></li> <li><a href="/about/">About</a></li> <li><a href="/blog/">Blog</a></li> <li><a href="/work/">Work</a></li> <li><a href="/academics/">Academics</a></li> <li><a href="/photography/">Photography</a></li> <li><a href="/contact/">Contact</a></li> </ul> </div> </div> </nav> <div class="container-fluid jumbotron"> <div class="container"> <pagetitle>Darshan Soni</pagetitle> </div> </div> </header> <div class="container"> <div class="post"> <header class="post-header"> <h1 class="post-title">Natural Naming for Software Repositories</h1> <p class="post-meta">May 24, 2016 • 2 mins read time </p> </header> <article class="post-content"> <p>This story can also be found on <a href="https://medium.com/@darshandsoni/natural-naming-for-software-repositories-4842903d7a6c#.1zs0qvw85">medium</a>.</p> <p>A while back, I was invited to a fancy, upper-class lunch; all paid for. It’s a lunch I would not be able to afford with my wilted student wallet. A department head had some spare “discretionary funds” and decided to treat a bunch of vulture-like students to lunch, bless the good sir. It was indulgent and naturally, none of us knew what any of the food was because of all the hipster or haute nomenclature.</p> <p>I couldn’t have been a better day as we learnt the names of edibles such as seabuckthorn, sunchoke, forcemeat and terrine. This was the start of a great new chapter! My colleagues and I had been discussing a plethora of ideas for GitHub repositories and there’s always something special about naming your repository. Having said that, I must admit that the random repo names GitHub suggests are often quite exquisite in their own way. Why just look at fictional-octo-couscous!</p> <p>I settled on choosing the name <strong>seabuckthorn</strong> for a new repository. Had a nice ring to it. Simple enough to remember. Seabuckthorn would be the front-end to a curated mailing list that automatically pushes out a list of interesting articles to a select group of individuals — it’s chief purpose was to relieve me from the pain that occurs every time I find an interesting article and have to track down a particular person on their preferred social media platform to share it with them.</p> <p>Alright so Seabuckthorn it was! But that’s what everyone could see and use. I needed a backend to this platform so what do we have to think of next? A backend repo name. Darn. Out of curiosity, I had the wikipedia page for Seabuckthorn open and I decided, heck why not <strong>“hippophae”</strong> — the official name for the family of sea-buckthorns. It seemed stunningly natural to name a backend repository after the Latin subfamily name for the very object that was my front-end. So we have seabuckthorn and it’s back-end hippophae. It then follows that any other variant of the platform could be a variation of the front-end name itself! An experimental version of the platform that allowed users to input content without my curation could be <strong>sandthorn</strong>. Akin to a sandbox but also an alternative name for the seabuckthorn. A variant for people who felt spammed and wanted to dial back emails to once a month could be <strong>sallowthorn</strong>. Again, another actual variant and a light-hearted prod at unhappy folk wishing me to email them less.</p> <p>And as for the logo? A flat version of a seabuckthorn plant ought to do it! Who needs pricey graphic designers, project naming brainstorming meetings and pretentious logo roll-outs? Just use natural taxonomies!</p> <p><img src="https://cdn-images-1.medium.com/max/800/1*eVTayiclpQLlDTWVk1ZTtQ.png" alt="Seabuckthorn's logo"/> > The logo for Seabuckthorn.</p> </article> </div> </div> <footer class="site-footer" style="border:0;"> <div class="container-fluid footer"> <div class="container"> <div class="row"><br> <div class="col-sm-4"> <h4>Resources</h4> <p>This website was proudly made with only open-source tools.</p> <p><a target="_blank" href="https://getfedora.com">Fedora Linux</a><br><a target="_blank" href="http://jekyllrb.com">Jekyll engine</a><br><a href="https://atom.io/" target="_blank">Atom IDE</a><br><a href="https://getbootstrap.com" target="_blank">Bootstrap</a><br><a target="_blank" href="https://github.com">GitHub Pages</a></p> </div> <div class="col-sm-4"> <h4>Subscribe</h4> <p><a href="https://twitter.com/DarshanDSoni" target="_blank"><i class="fa fa-twitter"></i> Follow Me</a></p> <p><a href="https://darshandsoni.com/feed.xml" target="_blank"><i class="fa fa-rss"></i> Atom feed</a></p> </div> </div> <p>© Darshan Soni 2016 | <a href="/acknowledgements" target="_blank">Acknowledgements</a> | Please send questions, concerns or comments to me directly.</p> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> </footer> </body> </html> |
| @@ -0,0 +1 @@ | ||
| <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Configuring UBC Mail with Thunderbird | Darshan Soni </title> <meta name="description" content="(Or any other mailing software really)."> <link rel="canonical" href=" { { site.url } }{ { page.url } }"/> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <link rel="stylesheet" href="/css/main.css"> <link rel="stylesheet" href="/css/custom.css" type="text/css" charset="utf-8"> <link href='https://fonts.googleapis.com/css?family=Vollkorn' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <!--[if lt IE 9]><script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]--> <script>!function(e,t,a,n,c,s,o){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,s=t.createElement(a),o=t.getElementsByTagName(a)[0],s.async=1,s.src=n,o.parentNode.insertBefore(s,o)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-52481381-2","auto"),ga("send","pageview");</script> </head> <body style="border:0;"> <header class="site-header" style="border: 0;"> <nav class="navbar navbar-fixed-top navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="/">darshandsoni.com</a> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li><a href="/">Home</a></li> <li><a href="/about/">About</a></li> <li><a href="/blog/">Blog</a></li> <li><a href="/work/">Work</a></li> <li><a href="/academics/">Academics</a></li> <li><a href="/photography/">Photography</a></li> <li><a href="/contact/">Contact</a></li> </ul> </div> </div> </nav> <div class="container-fluid jumbotron"> <div class="container"> <pagetitle>Darshan Soni</pagetitle> </div> </div> </header> <div class="container"> <div class="post"> <header class="post-header"> <h1 class="post-title">Configuring UBC Mail with Thunderbird</h1> <p class="post-meta">Jul 25, 2016 • 1 min read time </p> </header> <article class="post-content"> <p>(Or any other mailing software really).</p> </article> </div> </div> <footer class="site-footer" style="border:0;"> <div class="container-fluid footer"> <div class="container"> <div class="row"><br> <div class="col-sm-4"> <h4>Resources</h4> <p>This website was proudly made with only open-source tools.</p> <p><a target="_blank" href="https://getfedora.com">Fedora Linux</a><br><a target="_blank" href="http://jekyllrb.com">Jekyll engine</a><br><a href="https://atom.io/" target="_blank">Atom IDE</a><br><a href="https://getbootstrap.com" target="_blank">Bootstrap</a><br><a target="_blank" href="https://github.com">GitHub Pages</a></p> </div> <div class="col-sm-4"> <h4>Subscribe</h4> <p><a href="https://twitter.com/DarshanDSoni" target="_blank"><i class="fa fa-twitter"></i> Follow Me</a></p> <p><a href="https://darshandsoni.com/feed.xml" target="_blank"><i class="fa fa-rss"></i> Atom feed</a></p> </div> </div> <p>© Darshan Soni 2016 | <a href="/acknowledgements" target="_blank">Acknowledgements</a> | Please send questions, concerns or comments to me directly.</p> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> </footer> </body> </html> |
| @@ -0,0 +1 @@ | ||
| <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Configuring UBC Mail with Thunderbird | Darshan Soni </title> <meta name="description" content="(Or any other mailing software really)."> <link rel="canonical" href=" { { site.url } }{ { page.url } }"/> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <link rel="stylesheet" href="/css/main.css"> <link rel="stylesheet" href="/css/custom.css" type="text/css" charset="utf-8"> <link href='https://fonts.googleapis.com/css?family=Vollkorn' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <!--[if lt IE 9]><script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]--> <script>!function(e,t,a,n,c,s,o){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,s=t.createElement(a),o=t.getElementsByTagName(a)[0],s.async=1,s.src=n,o.parentNode.insertBefore(s,o)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-52481381-2","auto"),ga("send","pageview");</script> </head> <body style="border:0;"> <header class="site-header" style="border: 0;"> <nav class="navbar navbar-fixed-top navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="/">darshandsoni.com</a> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li><a href="/">Home</a></li> <li><a href="/about/">About</a></li> <li><a href="/blog/">Blog</a></li> <li><a href="/work/">Work</a></li> <li><a href="/academics/">Academics</a></li> <li><a href="/photography/">Photography</a></li> <li><a href="/contact/">Contact</a></li> </ul> </div> </div> </nav> <div class="container-fluid jumbotron"> <div class="container"> <pagetitle>Darshan Soni</pagetitle> </div> </div> </header> <div class="container"> <div class="post"> <header class="post-header"> <h1 class="post-title">Configuring UBC Mail with Thunderbird</h1> <p class="post-meta">Jul 25, 2016 • 1 min read time </p> </header> <article class="post-content"> <p>(Or any other mailing software really).</p> </article> </div> </div> <footer class="site-footer" style="border:0;"> <div class="container-fluid footer"> <div class="container"> <div class="row"><br> <div class="col-sm-4"> <h4>Resources</h4> <p>This website was proudly made with only open-source tools.</p> <p><a target="_blank" href="https://getfedora.com">Fedora Linux</a><br><a target="_blank" href="http://jekyllrb.com">Jekyll engine</a><br><a href="https://atom.io/" target="_blank">Atom IDE</a><br><a href="https://getbootstrap.com" target="_blank">Bootstrap</a><br><a target="_blank" href="https://github.com">GitHub Pages</a></p> </div> <div class="col-sm-4"> <h4>Subscribe</h4> <p><a href="https://twitter.com/DarshanDSoni" target="_blank"><i class="fa fa-twitter"></i> Follow Me</a></p> <p><a href="https://darshandsoni.com/feed.xml" target="_blank"><i class="fa fa-rss"></i> Atom feed</a></p> </div> </div> <p>© Darshan Soni 2016 | <a href="/acknowledgements" target="_blank">Acknowledgements</a> | Please send questions, concerns or comments to me directly.</p> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> </footer> </body> </html> |