Mobile-responsive personal website, generated using Hugo. https://kevin-mok.com/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

24 lines
1.0 KiB

  1. <div class="project">
  2. <div class="row project-header">
  3. <div class="col-10 col-md-8 text-left">
  4. <a class="project-link" href="{{ .Get "url" }}" target="_blank">
  5. <img src="{{ "img/resume/link.svg" | relURL }}" alt="link-icon">
  6. </a>
  7. <button class="btn" type="button" data-toggle="collapse"
  8. data-target="#{{ .Get "name" | lower | urlize }}-details"
  9. aria-expanded="false" aria-controls="{{ .Get "name" | lower | urlize }}-details">
  10. <h2 class="project-title">
  11. {{ .Get "name" }}
  12. <!-- <img class="down-triangle" src="{{ "img/resume/down-triangle.svg" | relURL }}" alt="link-icon"> -->
  13. <img class="down-triangle" src="{{ "img/resume/down-triangle.png" | relURL }}" alt="link-icon">
  14. </h2>
  15. </button>
  16. </div>
  17. <div class="col-2 col-md-4 text-right date">{{ .Get "date" }}</div>
  18. </div>
  19. <div class="collapse{{ with .Get "show" }} show{{ end }}" id="{{ .Get "name" | lower | urlize }}-details">
  20. <div>
  21. {{ .Inner }}
  22. </div>
  23. </div>
  24. </div>