ERB to PDF Playground - Live Preview & Export

<head>
  <script src="https://cdn.tailwindcss.com"></script>
</head>
<div
  class="b-section b-section--fixed-width p-6"
  style="font-family: 'Times New Roman', Times, serif;"
>
  <p>
    <strong class="text-2xl">Daniel Torres<br></strong>
  </p>
  <div class="flex justify-between items-start">
    <div>
      <strong>Software Engineer<br></strong>
      Guadalajara, Jalisco<br>
      <div class="mt-1">
        <a href="https://linkedin.com/in/denialtorres" class="text-blue-600">LinkedIn</a>
        •
        <a href="https://github.com/denialtorres" class="text-blue-600">GitHub</a>
      </div>
    </div>

<div class="text-right">
      <div>Email: denial.torres@gmail.com</div>
      <div>Mobile: +526564033978</div>
    </div>
  </div>
  <div class="mb-6">
    
    <hr class="my-3 border-t-2 border-gray-400">
    <h3 class="text-lg font-bold mb-4 text-center">EDUCATION</h3>
    
    <div class="flex justify-between mb-4">
      <div>
        <h3 class="font-semibold">Universidad Autónoma de Ciudad Juárez (2009 – 2014)</h3>
        <p>Bachelor's Degree in Engineering Program in Digital Systems and
          Communications</p>
      </div>
      <div class="text-right">
        <p>Ciudad Juárez, Chihuahua, México</p>
        <p>June 2009 - August 2014</p>
      </div>
    </div>
  </div>
  <div class="mb-6">
    
    <hr class="my-3 border-t-2 border-gray-400">
    <h3 class="text-lg font-bold mb-4 text-center">SKILLS SUMMARY</h3>
    <div class="space-y-1.0">
      
      <div class="flex justify-between">
        <span class="font-semibold w-1/4 text-sm">Languages:</span>
        <span class="w-3/4 text-sm">Ruby, SQL, JavaScript/TypesScript, Elixir (Beginner)</span>
      </div>
      
      <div class="flex justify-between">
        <span class="font-semibold w-1/4 text-sm">Frameworks:</span>
        <span class="w-3/4 text-sm">Ruby on Rails, Roda, Hotwire (Turbo & Stimulus), ReactJs, GraphQL</span>
      </div>
      
      <div class="flex justify-between">
        <span class="font-semibold w-1/ text-sm">Databases:</span>
        <span class="w-3/4 text-sm">
          PostgreSQL, MySQL, SQLite, Redis</span>
      </div>
      
      <div class="flex justify-between">
        <span class="font-semibold w-1/4 text-sm">DevOps & Deployment:</span>
        <span class="w-3/4 text-sm">Kamal, Docker (Docker Compose), Kubernetes, AWS (S3), Heroku,
          DigitalOcean, Hetzner</span>
      </div>
      
      <div class="flex justify-between">
        <span class="font-semibold w-1/4 text-sm">Monitoring & Performance:</span>
        <span class="w-3/4 text-sm">Sentry, Grafana/Loki, Sidekiq, Puma</span>
      </div>
      
      <div class="flex justify-between">
        <span class="font-semibold w-1/4 text-sm">Testing</span>
        <span class="w-3/4 text-sm">
          RSpec, Capybara, FactoryBot, VCR, DatabaseCleaner</span>
      </div>
      
      <div class="flex justify-between">
        <span class="font-semibold w-1/4 text-sm">Soft Skills:</span>
        <span class="w-3/4 text-sm">Communication, Collaboration, Problem-Solving, Attention to Detail,
          Adaptability & Continuous Learning</span>
      </div>
    </div>
  </div>
  <div class="mb-6 parent">
    
    <hr class="my-3 border-t-2 border-gray-400">
    <h3 class="text-lg font-bold mb-4 text-center">WORK EXPERIENCE</h3>
    <% @companies.each do |job| %>
      <div class="mb-6 wrapper">
        <div class="flex justify-between mb-2">
          <div>
            <strong class="text-lg">
              <%= job.position %>
            </strong><br>
            <em><%= job.name %>
              -
              <%= job.location %></em>
          </div>
          <div class="text-right">
            <%= job.start_date %>
            -
            <%= job.end_date %>
          </div>
        </div>
        <ul class="list-disc pl-5 space-y-[0.15rem] text-sm">
          <% job.duties.each do |duty| %>
            <li><%= raw duty %></li>
          <% end %>
        </ul>
      </div>
    <% end %>
  </div>
  <div class="mb-6">
    
    <hr class="my-3 border-t-2 border-gray-400">
    <h3 class="text-lg font-bold mb-4 text-center">PROJECTS</h3>
    
    <div class="mb-6">
      <ul class="list-disc pl-5 space-y-[0.15rem] text-m">
        <li><strong><a href="https://www.erb2pdf.com/" class="text-blue-600">ERB2PDF (IN PROGRESS)</a></strong>
          CodePen for PDFs, build PDFs from ERB templates.</li>
        <li><strong>Decide San Pedro</strong>
          Decide San Pedro is a web application made in Ruby on Rails Where
          citizens of the municipality of San Pedro Garza in Monterrey can vote
          on what to do with the participatory budget annually
          <br>
          The product originally comes from
          <a
            class="text-blue-600"
            href="https://github.com/consuldemocracy/consuldemocracy"
            target="_blank"
          >Consul Madrid</a>, where the app is open source and where I was a collaborator that
          year
          <br>
          My role was to implement that app and adapt it to the needs of Mexico
          and the city of San Pedro.
          <a
            class="text-blue-600"
            href="https://github.com/CodeandoMexico/consul-sp/graphs/contributors"
            target="_blank"
          >MY CONTRIBUTIONS</a>
        </li>
        <li><strong>YoCiudadano App:</strong>
          Streamlined pothole monitoring and reporting using Ruby and Ionic.</li>
        <li><strong>Parking Lot Detector:</strong>
          Built an IoT-based parking space detector using Raspberry Pi and
          LabVIEW.</li>
      </ul>
    </div>
  </div>

</div>

{
  "companies": [
    {
      "name": "FlipGive",
      "duties": [
        "Fixed bugs, support request, and collaborated with engineers to ensure seamless user experience",
        "Track issues raised by Sentry and work on the fixes before they are reported to customer service",
        "Wrote technical documentation for both engineers and non-technical teams",
        "Implement Marketing to tool, to build weekly newsletters based on the offers of that week",
        "Ensured system reliability and performance through regular maintenance",
        "Provided support and troubleshooting for reported user issues"
      ],
      "end_date": "Present",
      "location": "Toronto, Canada (Remote)",
      "position": "Ruby on Rails Engineer",
      "start_date": "Jun 2024"
    },
    {
      "name": "Apptegy",
      "duties": [
        "Developed internal tools to improve efficiency, reducing client support calls",
        "Create the 'Materials' microservice, In charge of managing storage/access for each classroom in the project I was part of",
        "Optimized onboarding processes using Sidekiq, cutting onboarding time from days to hours",
        "Moved a lot of the bussiness logic to background jobs in sidekiq batches to improve performance"
      ],
      "end_date": "Jun 2024",
      "location": "Guadalajara, Mexico",
      "position": "Software Engineer (Ruby/Microservices)",
      "start_date": "Jan 2022"
    },
    {
      "name": "CrateBind, LLC",
      "duties": [
        "Collaborated with a dynamic team to implement the Stripe API for the monthly subscription payment system on <a class='text-blue-600' href='https://www.joincrowdhealth.com' target='_blank'>joincrowdhealth.com</a>, resulting in improved user experience and increased revenue.</li>",
        "Contributed to the development of <a class='text-blue-600' href='https://www.lovemint.com' target='_blank'>lovemint.com</a> by connecting to a government server through SOAP to automate the completion and submission of insurance forms, leading to a more efficient and reliable system.",
        "Optimized the functionality of <a class='text-blue-600' href='https://rent30a.com/' target='_blank'>rent30a.com</a> through troubleshooting support issues and incorporating smallfeatures in a legacy Rails 4 and AngularJS project."
      ],
      "end_date": "Nov 2021",
      "location": "Guadalajara, Mexico",
      "position": "Software Engineer (Ruby on Rails)",
      "start_date": "Nov 2017"
    },
    {
      "name": "masFusion",
      "duties": [
        "Collaborated on the creation of <a class='text-blue-600' href='https://www.rentealo.com' target='_blank'>rentealo.com</a>, a real estate app integrating multiple real estate APIs, leading to enhanced app performance and improved data standardization."
      ],
      "end_date": "Oct 2017",
      "location": "Guadalajara, Mexico",
      "position": "Software Engineer (Ruby on Rails)",
      "start_date": "Mar 2017"
    },
    {
      "name": "Plan Estratégico de Juárez",
      "duties": [
        "Applications development for a non-profit organization"
      ],
      "end_date": "Dec 2016",
      "location": "Ciudad Juárez, Chihuahua",
      "position": "Software Engineer (Ruby on Rails)",
      "start_date": "Oct 2015"
    }
  ]
}