tools_and_showcase.html 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <div class="container">
  2. <div class="row showcase_section_intro">
  3. <div class="col-md-12 text-center">
  4. <h1>Cordova工具</h1>
  5. <h2>多样化的生态,包括命令行工具、JavaScript框架和云服务用来增强Cordova的功能</h2>
  6. </div>
  7. </div>
  8. <div class="row card_gallery">
  9. {% for tool in site.data.tools %}
  10. <div class="col-lg-2 col-md-4 col-sm-6 col-xs-12 card">
  11. <div class="tool card_inner">
  12. <div class="img_container">
  13. <img src="{{ site.baseurl }}/static/img/tools/{{ tool.image }}" class="center-block"/>
  14. </div>
  15. <p class="card_title">
  16. {% if tool.url %}
  17. <a href="{{ tool.url }}">
  18. {{ tool.name }}
  19. </a>
  20. {% else %}
  21. {{ tool.name }}
  22. {% endif %}
  23. </p>
  24. <p class="text">
  25. {{ tool.description | strip_html | truncate:255 }}
  26. </p>
  27. </div>
  28. </div>
  29. {% endfor %}
  30. </div>
  31. </div>
  32. <div class="container">
  33. <div class="row showcase_section_intro">
  34. <div class="col-md-12 text-center">
  35. <h1>Cordova App Showcase</h1>
  36. <h2>See other apps that use Cordova</h2>
  37. </div>
  38. </div>
  39. <div class="row card_gallery">
  40. {% for app in site.data.showcase-apps %}
  41. <div class="col-lg-2 col-md-4 col-sm-6 col-xs-12 card">
  42. <div class="app card_inner">
  43. <div class="showcase_app_thumb">
  44. <img src="{{ site.baseurl }}/static/img/showcase-apps/{{ app.image }}" class="center-block"/>
  45. </div>
  46. <p class="card_title">
  47. {% if app.url %}
  48. <a href="{{ app.url }}">
  49. {{ app.name }}
  50. </a>
  51. {% else %}
  52. {{ app.name }}
  53. {% endif %}
  54. </p>
  55. <p class="text">{{ app.description | strip_html | truncate:128 }}</p>
  56. </div>
  57. </div>
  58. {% endfor %}
  59. </div>
  60. <div class="row">
  61. <p>
  62. &nbsp;
  63. </p>
  64. </div>
  65. </div>