index.html

<!DOCTYPE html>
<html>
  <head>
    <title>petracoding</title>
    <script src="main.js?nocache=4"></script>
    <meta content="text/html;charset=utf-8" http-equiv="Content-Type" />
    <meta content="utf-8" http-equiv="encoding" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link href="https://fonts.googleapis.com/css2?family=Mukta:wght@300&display=swap" rel="stylesheet" />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
    <link rel="manifest" href="/site.webmanifest" />
    <script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
    <script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
    <style>
      * {
        user-select: none;
      }
    </style>
  </head>
  <body>
    <main>
      <h1>petracoding<span class="cursor">_</span></h1>
      <p style="letter-spacing: 0">
        My name is Petra, and I am a queer 25-year-old web developer from Austria. I used to code full-time, and now I'm an English student.
        <!-- I make useful little
        <a href="https://greasyfork.org/en/users/354138-petracoding#user-script-list-section" target="_blank">userscripts</a>
        sometimes, and also have a <a href="https://petrapixel.neocities.org/" target="_blank">Neocities site</a>. -->
        When I'm not coding I write, draw, watch stuff, read, make playlists, make video edits, exercise and study. :)
      </p>
      <h2>My Tools:</h2>
      <ul>
        <li><a href="/tumblr-tag-list-tool.html">Tumblr Tag List Tool</a> » quickly generate a list of tags for your Tumblr blog.</li>
        <!-- <li><a href="/notion/">Notion Widgets</a> » generate free widgets to use in Notion.</li> -->
        <li><a href="/pinterest/">Pinterest Board Widget Generator</a> » generate an iframe for your Pinterest board.</li>
        <li><a href="/vocabulary-manager.html">Vocabulary Manager</a> » tools for managing your word lists.</li>
        <li><a href="/manual-list-sorter.html">Manual List Sorter</a> » sort items in a list into two seperate lists easily.</li>
      </ul>
      <!--
      <h2>My Userscripts:</h2>
      <ul>
        <li><a href="https://greasyfork.org/en/scripts/405872-listography-backup" target="_blank">Listography.com Backup</a> - Adds functionality to export all lists for backup purposes.</li>
        <li><a href="https://greasyfork.org/en/scripts/470294-listography-tweaks" target="_blank">Listography.com Tweaks</a> - Adds functionality to change colors as well as a few other tweaks.</li>
        <li>
          <a href="https://greasyfork.org/en/scripts/451891-letterboxd-no-negative-reviews" target="_blank">Letterboxd.com No Negative Reviews</a> - Hides movie reviews under a certain amount of stars
        </li>
        <li>
          <a href="https://greasyfork.org/en/scripts/470806-goodreads-no-negative-reviews" target="_blank">Goodreads.com No Negative Reviews</a> - Hides book reviews under a certain amount of stars
        </li>
        <li>
          <a href="https://greasyfork.org/en/scripts/470733-goodreads-sort-bookshelves-on-profiles-alphabetically" target="_blank">Goodreads.com Sort bookshelves</a> - Sort the bookshelves on users'
          profiles alphabetically.
        </li>
        <li><a href="https://greasyfork.org/en/scripts/470590-quizlet-com-export" target="_blank">Quizlet.com Export</a> - Adds functionality for copying quizlet lists to the clipboard</li>
        <li><a href="https://greasyfork.org/en/scripts/470272-vocabulary-com-export" target="_blank">Vocabulary.com Export</a> - Adds functionality for copying vocabulary lists to the clipboard</li>
      </ul>
	  -->
      <h2>Elsewhere:</h2>
      <ul style="list-style: none; padding-left: 0.5em">
        <li>
          <ion-icon name="logo-github"></ion-icon> <a href="https://github.com/petracoding" target="_blank">GitHub <small>(@petracoding)</small></a>
        </li>
        <li>
          <ion-icon name="code-slash-outline"></ion-icon> <a href="https://greasyfork.org/en/users/354138-petracoding" target="_blank">GreasyFork <small>(userscripts)</small></a>
        </li>
        <li>
          <ion-icon name="mail-outline"></ion-icon> <a href="mailto:petracoding@outlook.com">Mail <small>(petracoding@outlook.com)</small></a>
        </li>
        <li>
          <ion-icon name="logo-tumblr"></ion-icon> <a href="https://cloudythms.tumblr.com/" target="_blank">Tumblr Themes <small>(on hiatus)</small></a>
        </li>
        <li>
          <ion-icon name="business-outline"></ion-icon> <a href="https://neocities.org/site/petrapixel" target="_blank">Neocities <small>(petrapixel.neocities.org)</small></a>
        </li>
      </ul>
    </main>
    <!-- <div class="back-link" aria-hidden="true"><a href="/">⮪</a></div> -->
  </body>
</html>