{% extends "portfolio_item.html" %}
  {% block desc%}
  <div class="row justify-content-between gy-4 mt-4">

    <div class="col-lg-8" data-aos="fade-up">
      <div class="portfolio-description">
        <h2>Jobs Aggregator</h2>
        <p>
          Jobs Aggregator is an educational project that showcases the power of web scraping and backend development using the Django framework. The project extracts job listings from Jobs.cz, leveraging the Selenium and BeautifulSoup libraries for scraping. The application features a user-friendly interface, built with Django and enhanced with dynamic JavaScript elements, allowing users to search, filter, and sort job data interactively. The initial idea was to build a web app in Django that could scrape jobs automatically and provide users with rendered data. However, the project took a different path, allowing users to perform the scraping themselves.
        </p>
        <video width=100% controls>
          <source src="static/assets/video/pi6.mp4" type="video/mp4">
        Your browser does not support the video tag.
        </video>
        <div>
          <h3>Jobs Aggregator Code Overview</h3>
          <iframe src="https://git.jirikarlik.com/karlji/Jobs_Aggregator" 
                  width="100%" height="600px" frameborder="0">
              Your browser does not support iframes.
          </iframe>
        </div>
      </div>
    </div>

    <div class="col-lg-3" data-aos="fade-up" data-aos-delay="100">
      <div class="portfolio-info">
        <h3>Project information</h3>
        <ul>
          <li><strong>Category</strong> Web Development, Web Scraping</li>
          <li><strong>Technology</strong>
            <ul>
              <li><span><i class="fab fa-python"></i> Python</span></li>
              <li><span><i class="fa-solid fa-hat-cowboy"></i> Django</span></li>
              <li><span><i class="fab fa-js"></i> JavaScript</span></li>
              <li><span><i class="fa-solid fa-globe"></i> Selenium</span></li>
              <li><span><i class="fa-solid fa-bowl-food"></i> BeautifulSoup</span></li>
            </ul>
          </li>
          <li><strong>Project date</strong> June, 2023</li>
          <li><strong>Project URL</strong> <a href="https://git.jirikarlik.com/karlji/Jobs_Aggregator" target="_blank" rel="noopener noreferrer">https://git.jirikarlik.com/karlji/Jobs_Aggregator</a></li>
          <li><a href="https://git.jirikarlik.com/karlji/Jobs_Aggregator" target="_blank" rel="noopener noreferrer"class="btn-visit align-self-start">Visit Website</a></li>
        </ul>
      </div>
    </div>

  </div>
  {% endblock %}