<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Joseph Geis</title>
    <description>The latest articles on DEV Community by Joseph Geis (@juniorrubyist).</description>
    <link>https://dev.to/juniorrubyist</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F230872%2F83380a4b-f75f-46c7-92cc-8139f1077467.jpeg</url>
      <title>DEV Community: Joseph Geis</title>
      <link>https://dev.to/juniorrubyist</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/juniorrubyist"/>
    <language>en</language>
    <item>
      <title>Can I Use? Twitter Bot</title>
      <dc:creator>Joseph Geis</dc:creator>
      <pubDate>Fri, 10 Jul 2020 04:57:01 +0000</pubDate>
      <link>https://dev.to/juniorrubyist/can-i-use-twitter-bot-195e</link>
      <guid>https://dev.to/juniorrubyist/can-i-use-twitter-bot-195e</guid>
      <description>&lt;p&gt;Hello! I made a tweetbot (Twitter bot?) that can query the Can I Use? database in your threads.&lt;/p&gt;

&lt;p&gt;It is simple to use. All you have to do is Tweet this: &lt;code&gt;@caniusebot !![query]&lt;/code&gt;, where &lt;code&gt;[query]&lt;/code&gt; is your query. Here's a sample:&lt;br&gt;
&lt;iframe class="tweet-embed" id="tweet-1281446330842279937-153" src="https://platform.twitter.com/embed/Tweet.html?id=1281446330842279937"&gt;
&lt;/iframe&gt;

  // Detect dark theme
  var iframe = document.getElementById('tweet-1281446330842279937-153');
  if (document.body.className.includes('dark-theme')) {
    iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1281446330842279937&amp;amp;theme=dark"
  }



&lt;/p&gt;

&lt;p&gt;You'll get a response within 20 seconds like this:&lt;br&gt;
&lt;iframe class="tweet-embed" id="tweet-1281446355622178816-219" src="https://platform.twitter.com/embed/Tweet.html?id=1281446355622178816"&gt;
&lt;/iframe&gt;

  // Detect dark theme
  var iframe = document.getElementById('tweet-1281446355622178816-219');
  if (document.body.className.includes('dark-theme')) {
    iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1281446355622178816&amp;amp;theme=dark"
  }



&lt;/p&gt;

&lt;p&gt;If you aren't satisfied with the response, there is also a link to your query on caniuse.com.&lt;/p&gt;

&lt;p&gt;Did I mention that it is open source, too? It’s on my GitHub. &lt;/p&gt;
&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/josephgeis" rel="noopener noreferrer"&gt;
        josephgeis
      &lt;/a&gt; / &lt;a href="https://github.com/josephgeis/caniuse-bot" rel="noopener noreferrer"&gt;
        caniuse-bot
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      A Twitter bot for Can I Use?
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;caniuse-bot&lt;/h1&gt;

&lt;/div&gt;
&lt;p&gt;A Twitter bot for Can I Use?&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;Usage&lt;/h2&gt;

&lt;/div&gt;
&lt;p&gt;Mention &lt;code&gt;@caniusebot&lt;/code&gt; on Twitter in the following syntax, where &lt;code&gt;[query]&lt;/code&gt; is your query.&lt;/p&gt;
&lt;div class="snippet-clipboard-content notranslate position-relative overflow-auto"&gt;&lt;pre class="notranslate"&gt;&lt;code&gt;@caniusebot !![query]
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;/div&gt;



&lt;/div&gt;
&lt;br&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/josephgeis/caniuse-bot" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;br&gt;
&lt;/div&gt;
&lt;br&gt;


&lt;p&gt;If you have any issues (like it isn't responding), please tag me on Twitter (not the bot), quoting your querying tweet.&lt;/p&gt;

&lt;p&gt;Also, please let me know what you think!!&lt;/p&gt;

</description>
      <category>showdev</category>
      <category>webdev</category>
    </item>
    <item>
      <title>macOS Big Sur Modal</title>
      <dc:creator>Joseph Geis</dc:creator>
      <pubDate>Fri, 26 Jun 2020 18:00:36 +0000</pubDate>
      <link>https://dev.to/juniorrubyist/macos-big-sur-modal-8po</link>
      <guid>https://dev.to/juniorrubyist/macos-big-sur-modal-8po</guid>
      <description>&lt;p&gt;I made a Codepen with a macOS Big Sur-style modal overlay. I hope you like it. 😄&lt;/p&gt;

&lt;p&gt;It uses pure CSS and Vue for the state management, but I think it could easily be turned into a React component.&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/juniorRubyist/embed/PoZjxay?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
    </item>
    <item>
      <title>COVID Counter (Coronavirus Case Counter)</title>
      <dc:creator>Joseph Geis</dc:creator>
      <pubDate>Thu, 26 Mar 2020 18:49:08 +0000</pubDate>
      <link>https://dev.to/juniorrubyist/covid-counter-coronavirus-case-counter-5eee</link>
      <guid>https://dev.to/juniorrubyist/covid-counter-coronavirus-case-counter-5eee</guid>
      <description>&lt;p&gt;I created a website that scrapes data off health agency websites and presents the number of COVID-19 cases in said jurisdictions. So far, I only have support for Orange County, CA (where I live), but I would like to add more, but would like suggestions from people who would use it.&lt;/p&gt;

&lt;p&gt;It is live at &lt;a href="https://covid.josephgeis.dev"&gt;covid.josephgeis.dev&lt;/a&gt;, and the source code is &lt;a href="https://github.com/juniorRubyist/covid-counter"&gt;available on GitHub&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;The front-end is static HTML/CSS, no JavaScript. The server-side is written in Python, and utilizes Flask for the routing. Each locale is a subclass, so then it is easy to manage, and less code to write.&lt;/p&gt;

&lt;p&gt;I'm working on writing tests and documenting my code, and would like contributors. If you are interested, go check it out, and be sure to Star and Watch it on GitHub for updates on contributing.&lt;/p&gt;

&lt;p&gt;Stay safe!&lt;/p&gt;

</description>
      <category>contributorswanted</category>
      <category>showdev</category>
    </item>
    <item>
      <title>I’m working on a machine-readable periodic table</title>
      <dc:creator>Joseph Geis</dc:creator>
      <pubDate>Thu, 20 Feb 2020 23:14:19 +0000</pubDate>
      <link>https://dev.to/juniorrubyist/i-m-working-on-a-machine-readable-periodic-table-3f08</link>
      <guid>https://dev.to/juniorrubyist/i-m-working-on-a-machine-readable-periodic-table-3f08</guid>
      <description>&lt;p&gt;I’m working on an open source machine readable periodic table by indexing Wikipedia pages on the elements. If anyone wants to help, just let me know. You can check it out at &lt;a href="https://github.com/juniorRubyist/OpenPeriodic"&gt;https://github.com/juniorRubyist/OpenPeriodic&lt;/a&gt;&lt;/p&gt;

</description>
      <category>contributorswanted</category>
    </item>
  </channel>
</rss>
