Build a beautiful and simple website in literally minutes. Demo at http://deanattali.com/beautiful-jekyll
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.

64 lines
2.1 KiB

9 years ago
9 years ago
9 years ago
9 years ago
  1. ---
  2. layout: page
  3. title: Beautiful Jekyll
  4. subtitle: Build a beautiful and simple website in minutes
  5. fb-img: "http://deanattali.com/img/blog/beautiful-jekyll.png"
  6. ---
  7. <div class="main-explain-area jumbotron">
  8. <p>This website is powered by GitHub Pages/Jekyll and can be built in <strong>under 5 minutes</strong>. Literally.</p>
  9. <p>Head over to <a href="https://github.com/daattali/beautiful-jekyll#readme">the GitHub project</a>
  10. to get started.</p>
  11. <div class="get-started-wrap">
  12. <a class="btn btn-success btn-lg get-started-btn" href="https://github.com/daattali/beautiful-jekyll#readme">Get Started!</a>
  13. </div>
  14. <p>This template was designed to look great on both desktops and smaller (mobile) devices.</p>
  15. <p>Below are sample blog posts for illustration purposes.</p>
  16. <p>If you like this theme, please consider supporting me :)</p>
  17. <p align="center">
  18. <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=EG5Q5483TTWCN">
  19. <img src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" />
  20. </a>
  21. </p>
  22. </div>
  23. <div class="posts-list">
  24. {% for post in paginator.posts %}
  25. <article class="post-preview">
  26. <a href="{{ post.url | prepend: site.baseurl }}">
  27. <h2 class="post-title">{{ post.title }}</h2>
  28. {% if post.subtitle %}
  29. <h3 class="post-subtitle">
  30. {{ post.subtitle }}
  31. </h3>
  32. {% endif %}
  33. </a>
  34. <p class="post-meta">
  35. Posted on {{ post.date | date: "%B %-d, %Y" }}
  36. </p>
  37. <div class="post-entry">
  38. {{ post.content | truncatewords: 50 | strip_html | xml_escape}}
  39. <a href="{{ post.url | prepend: site.baseurl }}" class="post-read-more">Read More</a>
  40. </div>
  41. </article>
  42. {% endfor %}
  43. </div>
  44. {% if paginator.total_pages > 1 %}
  45. <ul class="pager main-pager">
  46. {% if paginator.previous_page %}
  47. <li class="previous">
  48. <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&larr; Newer Posts</a>
  49. </li>
  50. {% endif %}
  51. {% if paginator.next_page %}
  52. <li class="next">
  53. <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Older Posts &rarr;</a>
  54. </li>
  55. {% endif %}
  56. </ul>
  57. {% endif %}