The source code of my personal website! https://jfenn.me/
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.
 
 
 
 
 

148 lines
4.9 KiB

  1. ---
  2. ---
  3. <!DOCTYPE html>
  4. <html lang="en">
  5. <head>
  6. {% assign project = git.projects | where: 'id', page.fileSlug | first %}
  7. {% include head, title: project.title, description: project.repo.description, icon: project.icon %}
  8. </head>
  9. <body class="nav-container footer-container">
  10. {% include nav %}
  11. <div class="bg-secondary py-5">
  12. <div class="container text-center">
  13. <h1 class="text-light" style="text-shadow: 0 0 20px #82a7ce;">{{ project.title }}</h1>
  14. <p class="mt-0 text-light-2">{{ project.repo.description }}</p>
  15. </div>
  16. <div class="mt-2 text-center">
  17. <a class="link link-chip" href="{{ project.repo.url }}">
  18. <img class="link-img" src="https://jfenn.me/images/ic/git.png"/>
  19. <span class="link-title">Git Repo</span>
  20. </a>
  21. <a class="link link-chip" href="{{ project.repo.url }}/issues">
  22. <img class="link-img" src="https://jfenn.me/images/ic/bug.svg"/>
  23. <span class="link-title">Bug Tracker</span>
  24. </a>
  25. {% if project.repo.websiteUrl %}
  26. <a class="link link-chip" href="{{ project.repo.websiteUrl }}">
  27. {% if project.repo.websiteUrl contains "play.google.com" %}
  28. <img class="link-img" src="https://jfenn.me/images/ic/play-store.svg"/>
  29. <span class="link-title">Google Play</span>
  30. {% else %}
  31. <i class="link-img material-icons">link</i>
  32. <span class="link-title">Website</span>
  33. {% endif %}
  34. </a>
  35. {% endif %}
  36. </div>
  37. </div>
  38. <div class="bg-accent-5 py-3">
  39. <div class="container">
  40. <div class="row pt-3">
  41. <div class="col col-12 col-md-6 mb-3">
  42. <div class="card card-accent h-100" onclick="location.href = '/community/';">
  43. <a class="card-title" href="/community/">
  44. <i class="material-icons">people</i>
  45. Contributing
  46. </a>
  47. <div class="card-body">
  48. <span>Interested in working with this project or volunteering to help? Get started here!</span>
  49. </div>
  50. </div>
  51. </div>
  52. <div class="col col-12 col-md-6 mb-3">
  53. <div class="card card-accent h-100" onclick="location.href = '/contact/';">
  54. <a class="card-title" href="/contact/">
  55. <i class="material-icons">email</i>
  56. Contact Me
  57. </a>
  58. <div class="card-body">
  59. <span>Have any questions or concerns? Don't hesitate to reach out!</span>
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65. </div>
  66. {% if project.hasWiki %}
  67. <div class="bg-lighter py-4">
  68. <div class="container pb-2">
  69. <div class="row">
  70. <div class="col-12 col-md-auto align-self-center text-center">
  71. <i class="material-icons" style="font-size: 100px;">book</i>
  72. </div>
  73. <div class="col-12 col-md-8 align-self-center text-center text-md-left">
  74. <h5 class="mb-2">Looking for documentation?</h5>
  75. <p class="mt-0 mb-4">Find helpful information about this project - tutorials, guides, and more!</p>
  76. <a class="btn btn-primary" href="./wiki/">Read the Wiki <i class="material-icons" style="padding-bottom: 0.1rem;">chevron_right</i></a>
  77. </div>
  78. </div>
  79. </div>
  80. </div>
  81. {% endif %}
  82. {% if tags contains "project-deprecated" %}
  83. <div class="bg-danger-5 py-5">
  84. <div class="container">
  85. <div class="row">
  86. <div class="col-12 col-md-auto align-self-center text-center">
  87. <i class="material-icons text-danger" style="font-size: 100px;">error_outline</i>
  88. </div>
  89. <div class="col-12 col-md-8 align-self-center text-center text-md-left">
  90. <h5 class="text-tertiary-1">This project is deprecated!</h5>
  91. <p>Pull requests may still be accepted, but I am no longer actively maintaining it and proper functionality is not guaranteed.</p>
  92. <p>If you would like to fork this project and continue development, please <a href="/contact/">contact me</a> so I can link to your fork from this page.</p>
  93. </div>
  94. </div>
  95. </div>
  96. </div>
  97. {% endif %}
  98. {% capture lastSection %}
  99. <div class="row">
  100. <div class="col-12 col-md-auto align-self-center text-center">
  101. <i class="material-icons" style="font-size: 100px;">source</i>
  102. </div>
  103. <div class="col-12 col-md-8 align-self-center text-center text-md-left">
  104. <h3 class="mb-2">Open Source</h3>
  105. <p class="mt-0 mb-4">Browse the source code, suggest changes, or <a href="/community/">develop it yourself</a>!</p>
  106. <a class="btn btn-primary" href="{{ project.repo.url }}">Git Repo <i class="material-icons" style="padding-bottom: 0.1rem;">chevron_right</i></a>
  107. </div>
  108. </div>
  109. <div id="readme" class="card bg-light border-dark mt-5">
  110. <div class="py-2 px-4 bg-dark">
  111. <a class="link" href="{{ project.repo.url }}">
  112. <i class="link-img material-icons">book</i>
  113. <span class="link-title">README.md</span>
  114. </a>
  115. </div>
  116. <div class="py-2 px-4 text">
  117. {{ project.readme | markdownify }}
  118. </div>
  119. </div>
  120. {% endcapture %}
  121. {% assign contents = content | split: '===' %}
  122. {% if contents.size > 1 %}
  123. {% assign sections = content | append: '===' | append: lastSection | split: '===' %}
  124. {% else %}
  125. {% assign sections = lastSection | split: '===' %}
  126. {% endif %}
  127. {% for section in sections %}
  128. <div class="bg-{% cycle 'neutral', 'lighter' %} py-4">
  129. <div class="container">
  130. {{ section | safe }}
  131. </div>
  132. </div>
  133. {% endfor %}
  134. {% include footer %}
  135. </body>
  136. </html>