index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>Federico Handl</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <script src="https://kit.fontawesome.com/a076d05399.js"></script>
  </head>
  <body>
    <div class="header">
      <h1>Federico's Attempt at an Online Presence</h1>
      <a class="header" href="#"><u>Home</u></a>
      <div class="dropdown">
        <button onclick="showDropdown()" class="dropbtn">Music</button>
        <div id="myDropdown" class="dropdown-content">
          <a href="Music/instruments.html">My Instrument Collection</a>
          <a href="Music/compositions.html">My Compositions</a>
        </div>
      </div>
      <a class="header" href="Hidden/family-tree.html">Family Tree</a>
      <br />
    </div>
    <img src="me.jpg" style="width: 50%;" />
    <div class="body">
      <script src="script.js"></script>
      <h1>FAQs</h1>
      <ul>
        <li><b>What’s your name?</b></li>
        <p><i>My name is Federico Handl (pronounced /fɛ̝ðe̞ˈɾi̠kɔ̈ ˈhã̠nðˡ/, but don’t worry, I don’t expect people to pronounce it correctly).</i></p>
        <li><b>Is that Italian?</b></li>
        <p><i>Nope, it’s Spanish.</i></p>
        <li><b>Ohhh so you’re Spanish…</b></li>
        <p>
          <i>
            Eh no. ‘Tis a bit more complicated you see… I’m a
            <script>
              document.write(calculate_age(new Date(2001, 5, 18)));
            </script>-year-old Ashkenazi Argentine with Polish, German and Austrian roots currently living in Ireland. <br />
          </i>
          <br />
          (Click <a href="Hidden/family-tree.html">here</a> for a family tree)
        </p>
        <li><b>Woah… So what languages do you speak?</b></li>
        <p><i>I’m fluent in Spanish, English & German (In decreasing order of fluency).</i></p>
        <li><b>Can I call you Fred?</b></li>
        <p><i>Only if I can call you J<b>r</b>oseph or P<b>r</b>aul or S<b>r</b>uzanne.</i></p>
        <li><b>How about Rico?</b></li>
        <p><i>Most definitely not. You can call me Federico or Fede / Fed if you get lazy or you think four syllables are too many syllables for a name.</i></p>
        <li><b>What do you do?</b></li>
        <p>
          <i>I’m a full-time Computer Science, Linguistics & German student at Trinity College Dublin and a part-time coding tutor at <a href="https://www.olusedu.com/">Olus Education</a>.</i>
        </p>
        <li><b>What are your interests?</b></li>
        <p><i>Computer science, linguistics, aviation & music (In no particular order).</i></p>
        <li><b>What do you want to do?</b></li>
        <p><i>I want to be an Air Traffic Controller, but I’m getting a (useful?) degree as my potential Plan B in case Plan A doesn’t work out or I change my mind.</i></p>
        <li><b>How many of these questions are actually frequently asked?</b></li>
        <p><i>Most, actually.</i></p>
      </ul>
    </div>
    <div class="footer">
      <h3>Other places you can find me</h3>
      <h2 class="icons">
        <a href="https://github.com/Fechulo"><i class="fab fa-github"></i></a>
        <a href="https://www.linkedin.com/in/federico-handl-848138188/"><i class="fab fa-linkedin-in"></i></a>
        <a href="https://www.youtube.com/channel/UCPfX6jHe4rpZKX6MnT7enOQ?view_as=subscriber"><i class="fab fa-youtube"></i></a>
        <a href="https://musescore.com/user/28214212"><i class="fab fa-itunes-note"></i></a>
      </h2>
      <br />
    </div>
  </body>
</html>