Skip to content

Add a project ΒΆ

Use this template to add a new project to site-root/home.tpl:

<!-- Modal TODO -->
<div class="portfolio-modal modal fade" id="portfolioModalTODO" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog">
      <div class="modal-content">
          <div class="close-modal" data-dismiss="modal"><img src="/img/close-icon.svg" alt="Close modal" />
          </div>
          <div class="container">
              <div class="row justify-content-center">
                  <div class="col-lg-8">
                      <div class="modal-body">
                          <!-- Project Details Go Here-->
                          <h2 class="text-uppercase">TODO: Project Title</h2>
                          <img class="img-fluid d-block mx-auto" src="/img/portfolio/TODO.jpg" alt="TODO: img description" />
                          <p class="text-justify">TODO: project description paragraph 1.</p>
                          <p class="text-justify">TODO: project description paragraph 2.</p>
                          <!-- more paragraphs if needed... -->
                          <p>
                              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                  class="bi bi-link" viewBox="0 0 16 16">
                                  <path
                                      d="M6.354 5.5H4a3 3 0 0 0 0 6h3a3 3 0 0 0 2.83-4H9c-.086 0-.17.01-.25.031A2 2 0 0 1 7 10.5H4a2 2 0 1 1 0-4h1.535c.218-.376.495-.714.82-1z" />
                                  <path
                                      d="M9 5.5a3 3 0 0 0-2.83 4h1.098A2 2 0 0 1 9 6.5h3a2 2 0 1 1 0 4h-1.535a4.02 4.02 0 0 1-.82 1H12a3 3 0 1 0 0-6H9z" />
                              </svg>
                              <a href="https://TODO.com">TODO.com</a>
                              <br>
                              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                  class="bi bi-envelope" viewBox="0 0 16 16">
                                  <path
                                      d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2zm13 2.383-4.758 2.855L15 11.114v-5.73zm-.034 6.878L9.271 8.82 8 9.583 6.728 8.82l-5.694 3.44A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.739zM1 11.114l4.758-2.876L1 5.383v5.73z" />
                              </svg>
                              <a href="mailto:TODO@email">TODO@email</a>
                          </p>
                      </div>
                  </div>
              </div>
          </div>
          <div class="modal-footer">
              <a href="http://www.TODO.me" class="btn btn-primary">Learn More</a>
              <a href="http://www.TODO.me" class="btn btn-primary">Get Involved</a>
              <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
          </div>
      </div>
  </div>
</div>