<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:atom="http://www.w3.org/2005/Atom" version="2.0">
    <channel>
      <title>Ramon van Sprundel</title>
      <link>https://ramones.dev</link>
      <description>Rust enthusiast</description>
      <generator>Zola</generator>
      <language>en</language>
      <atom:link href="https://ramones.dev/rss.xml" rel="self" type="application/rss+xml"/>
      <lastBuildDate>Mon, 16 Sep 2024 00:00:00 +0000</lastBuildDate>
      <item>
          <title>A data-oriented resume</title>
          <pubDate>Mon, 16 Sep 2024 00:00:00 +0000</pubDate>
          <author>Unknown</author>
          <link>https://ramones.dev/posts/json-resume/</link>
          <guid>https://ramones.dev/posts/json-resume/</guid>
          <description xml:base="https://ramones.dev/posts/json-resume/">&lt;p&gt;Last night it was time to set up a new resume for the &lt;em&gt;very exciting&lt;&#x2F;em&gt; job market. I always end up spending 20 minutes digging through folders for my outdated Word document. Being greeted by the already-deprecated resume (and an initial attempt at battling Word&#x27;s flawless layout) I began to wonder if there&#x27;s a tool for this.&lt;&#x2F;p&gt;
&lt;p&gt;I don&#x27;t blame Word though, it&#x27;s just the only application I know that&#x27;s decent at making documents. I&#x27;ve tried a few online editors, but they have the same problem as any other &quot;free&quot; product. Either it&#x27;s paywalled, watermarked or extremely limited. And don&#x27;t get me started on making an account for some client-side application.&lt;&#x2F;p&gt;
&lt;h1 id=&quot;the-goal&quot;&gt;&lt;a class=&quot;zola-anchor&quot; href=&quot;#the-goal&quot; aria-label=&quot;Anchor link for: the-goal&quot;&gt;The goal&lt;&#x2F;a&gt;&lt;&#x2F;h1&gt;
&lt;p&gt;All I want as a software dev is to edit a few properties. I don&#x27;t want to manually edit layouts. That&#x27;s why I propose to split the resume into two parts. We have a stored object (JSON, TOML, YAML...) that contains all the information we&#x27;d want to display, and we can pass it through some other tool to generate a nice-looking resume.&lt;&#x2F;p&gt;
&lt;p&gt;Something like that already exists, though. The &lt;a rel=&quot;noopener&quot; target=&quot;_blank&quot; href=&quot;https:&#x2F;&#x2F;jsonresume.org&#x2F;&quot;&gt;JSON resume&lt;&#x2F;a&gt; project focuses on an open-source initiative to create a JSON-based standard for resumes. There&#x27;s even a &lt;a rel=&quot;noopener&quot; target=&quot;_blank&quot; href=&quot;https:&#x2F;&#x2F;github.com&#x2F;joshuatz&#x2F;linkedin-to-jsonresume&quot;&gt;LinkedIn importer&lt;&#x2F;a&gt;, which is what I started out with.&lt;&#x2F;p&gt;
&lt;p&gt;Setting up my own resume only took around an hour. You can store your resume on &lt;a rel=&quot;noopener&quot; target=&quot;_blank&quot; href=&quot;https:&#x2F;&#x2F;gist.github.com&quot;&gt;Gist&lt;&#x2F;a&gt;, and tweak your resume whenever you please.&lt;&#x2F;p&gt;
&lt;h1 id=&quot;how-s-this-any-different-to-an-online-editor&quot;&gt;&lt;a class=&quot;zola-anchor&quot; href=&quot;#how-s-this-any-different-to-an-online-editor&quot; aria-label=&quot;Anchor link for: how-s-this-any-different-to-an-online-editor&quot;&gt;How&#x27;s this any different to an online editor?&lt;&#x2F;a&gt;&lt;&#x2F;h1&gt;
&lt;p&gt;The difference is that we now have a &lt;a rel=&quot;noopener&quot; target=&quot;_blank&quot; href=&quot;https:&#x2F;&#x2F;jsonresume.org&#x2F;schema&quot;&gt;standard&lt;&#x2F;a&gt; that we can build on top of. We now have a structure that any jsonresume-compliant app can work with.&lt;&#x2F;p&gt;
&lt;p&gt;The goal of that app is dependent on what you want to do with it. For example, you could serve your resume as a single HTML file and some inline CSS, or you could build an entire portfolio on top of your resume. I&#x27;ve seen some embedded project online where someone stored the JSON on an arduino and displayed their resume on an LCD screen?&lt;&#x2F;p&gt;
&lt;h1 id=&quot;alright-but-i-use-a-pdf&quot;&gt;&lt;a class=&quot;zola-anchor&quot; href=&quot;#alright-but-i-use-a-pdf&quot; aria-label=&quot;Anchor link for: alright-but-i-use-a-pdf&quot;&gt;Alright, but I use a PDF&lt;&#x2F;a&gt;&lt;&#x2F;h1&gt;
&lt;p&gt;I&#x27;ve read on LinkedIn before that &quot;links to resumes are more often than not disregarded by recruiters&quot;, whatever that means.
Nonetheless, I know recruiters typically prefer PDFs. Luckily there are enough methods to convert HTML to PDF. &lt;a rel=&quot;noopener&quot; target=&quot;_blank&quot; href=&quot;https:&#x2F;&#x2F;pptr.dev&#x2F;&quot;&gt;Puppeteer&lt;&#x2F;a&gt; is one of them.&lt;&#x2F;p&gt;
&lt;p&gt;Here&#x27;s an example I cooked up in a few minutes:&lt;&#x2F;p&gt;
&lt;pre data-lang=&quot;js&quot; style=&quot;background-color:#2b303b;color:#c0c5ce;&quot; class=&quot;language-js &quot;&gt;&lt;code class=&quot;language-js&quot; data-lang=&quot;js&quot;&gt;&lt;span style=&quot;color:#b48ead;&quot;&gt;import &lt;&#x2F;span&gt;&lt;span style=&quot;color:#bf616a;&quot;&gt;puppeteer &lt;&#x2F;span&gt;&lt;span style=&quot;color:#b48ead;&quot;&gt;from &lt;&#x2F;span&gt;&lt;span&gt;&amp;quot;&lt;&#x2F;span&gt;&lt;span style=&quot;color:#a3be8c;&quot;&gt;puppeteer&lt;&#x2F;span&gt;&lt;span&gt;&amp;quot;;
&lt;&#x2F;span&gt;&lt;span&gt;
&lt;&#x2F;span&gt;&lt;span style=&quot;color:#b48ead;&quot;&gt;const &lt;&#x2F;span&gt;&lt;span style=&quot;color:#bf616a;&quot;&gt;browser &lt;&#x2F;span&gt;&lt;span&gt;= &lt;&#x2F;span&gt;&lt;span style=&quot;color:#b48ead;&quot;&gt;await &lt;&#x2F;span&gt;&lt;span style=&quot;color:#bf616a;&quot;&gt;puppeteer&lt;&#x2F;span&gt;&lt;span&gt;.&lt;&#x2F;span&gt;&lt;span style=&quot;color:#8fa1b3;&quot;&gt;launch&lt;&#x2F;span&gt;&lt;span&gt;();
&lt;&#x2F;span&gt;&lt;span style=&quot;color:#b48ead;&quot;&gt;const &lt;&#x2F;span&gt;&lt;span style=&quot;color:#bf616a;&quot;&gt;page &lt;&#x2F;span&gt;&lt;span&gt;= &lt;&#x2F;span&gt;&lt;span style=&quot;color:#b48ead;&quot;&gt;await &lt;&#x2F;span&gt;&lt;span style=&quot;color:#bf616a;&quot;&gt;browser&lt;&#x2F;span&gt;&lt;span&gt;.&lt;&#x2F;span&gt;&lt;span style=&quot;color:#8fa1b3;&quot;&gt;newPage&lt;&#x2F;span&gt;&lt;span&gt;();
&lt;&#x2F;span&gt;&lt;span&gt;
&lt;&#x2F;span&gt;&lt;span style=&quot;color:#b48ead;&quot;&gt;const &lt;&#x2F;span&gt;&lt;span style=&quot;color:#bf616a;&quot;&gt;url &lt;&#x2F;span&gt;&lt;span&gt;= &amp;quot;&lt;&#x2F;span&gt;&lt;span style=&quot;color:#a3be8c;&quot;&gt;https:&#x2F;&#x2F;registry.jsonresume.org&#x2F;[your-github-username]&lt;&#x2F;span&gt;&lt;span&gt;&amp;quot;; &lt;&#x2F;span&gt;&lt;span style=&quot;color:#65737e;&quot;&gt;&#x2F;&#x2F; make sure you have a resume.json gist
&lt;&#x2F;span&gt;&lt;span style=&quot;color:#b48ead;&quot;&gt;await &lt;&#x2F;span&gt;&lt;span style=&quot;color:#bf616a;&quot;&gt;page&lt;&#x2F;span&gt;&lt;span&gt;.&lt;&#x2F;span&gt;&lt;span style=&quot;color:#8fa1b3;&quot;&gt;goto&lt;&#x2F;span&gt;&lt;span&gt;(&lt;&#x2F;span&gt;&lt;span style=&quot;color:#bf616a;&quot;&gt;url&lt;&#x2F;span&gt;&lt;span&gt;, { waitUntil: &amp;quot;&lt;&#x2F;span&gt;&lt;span style=&quot;color:#a3be8c;&quot;&gt;networkidle0&lt;&#x2F;span&gt;&lt;span&gt;&amp;quot; });
&lt;&#x2F;span&gt;&lt;span style=&quot;color:#b48ead;&quot;&gt;await &lt;&#x2F;span&gt;&lt;span style=&quot;color:#bf616a;&quot;&gt;page&lt;&#x2F;span&gt;&lt;span&gt;.&lt;&#x2F;span&gt;&lt;span style=&quot;color:#8fa1b3;&quot;&gt;pdf&lt;&#x2F;span&gt;&lt;span&gt;({ path: &amp;quot;&lt;&#x2F;span&gt;&lt;span style=&quot;color:#a3be8c;&quot;&gt;resume.pdf&lt;&#x2F;span&gt;&lt;span&gt;&amp;quot;, format: &amp;quot;&lt;&#x2F;span&gt;&lt;span style=&quot;color:#a3be8c;&quot;&gt;a4&lt;&#x2F;span&gt;&lt;span&gt;&amp;quot;, printBackground: &lt;&#x2F;span&gt;&lt;span style=&quot;color:#d08770;&quot;&gt;true &lt;&#x2F;span&gt;&lt;span&gt;});
&lt;&#x2F;span&gt;&lt;span style=&quot;color:#b48ead;&quot;&gt;await &lt;&#x2F;span&gt;&lt;span style=&quot;color:#bf616a;&quot;&gt;browser&lt;&#x2F;span&gt;&lt;span&gt;.&lt;&#x2F;span&gt;&lt;span style=&quot;color:#96b5b4;&quot;&gt;close&lt;&#x2F;span&gt;&lt;span&gt;();
&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;h1 id=&quot;shameless-self-insert&quot;&gt;&lt;a class=&quot;zola-anchor&quot; href=&quot;#shameless-self-insert&quot; aria-label=&quot;Anchor link for: shameless-self-insert&quot;&gt;Shameless self-insert&lt;&#x2F;a&gt;&lt;&#x2F;h1&gt;
&lt;p&gt;I haven&#x27;t found any CLI tool that&#x27;s a simple &quot;download-and-run&quot; deal, so I ended up implementing my own called &lt;a rel=&quot;noopener&quot; target=&quot;_blank&quot; href=&quot;https:&#x2F;&#x2F;github.com&#x2F;van-sprundel&#x2F;ferrisume&quot;&gt;ferrisume&lt;&#x2F;a&gt;(ferris + resume). If you have a bug (or maybe some critique) make sure you submit an issue.&lt;&#x2F;p&gt;
</description>
      </item>
      <item>
          <title>My first post</title>
          <pubDate>Mon, 09 Sep 2024 00:00:00 +0000</pubDate>
          <author>Unknown</author>
          <link>https://ramones.dev/posts/first/</link>
          <guid>https://ramones.dev/posts/first/</guid>
          <description xml:base="https://ramones.dev/posts/first/">&lt;p&gt;Nothing much to see here. You should check out my &lt;a href=&quot;&#x2F;projects&quot;&gt;projects&lt;&#x2F;a&gt;!&lt;&#x2F;p&gt;
&lt;br&#x2F;&gt;
&lt;div class=&quot;note-container&quot;&gt;
  
    &lt;div class=&quot;note-header&quot;&gt;
      
        &lt;div class=&quot;note-icon&quot;&gt;
        &lt;p&gt;Thanks for reading!&lt;&#x2F;p&gt;

        &lt;&#x2F;div&gt;
      
    &lt;&#x2F;div&gt;
    &lt;div class=&quot;note-content&quot;&gt;
      &lt;p&gt;Have a cat as a gift.&lt;&#x2F;p&gt;

    &lt;&#x2F;div&gt;
  
&lt;&#x2F;div&gt;

&lt;p&gt;&lt;img src=&quot;&#x2F;imgs&#x2F;cat.png&quot; alt=&quot;Cat&quot; &#x2F;&gt;&lt;&#x2F;p&gt;
</description>
      </item>
    </channel>
</rss>
