templates/homepage/slide/transport.html.twig line 1

Open in your IDE?
  1. <section class="slide slide-transport slide-dark" id="transport-section" data-section="hp-Transport">
  2. <div class="slide-contents">
  3. <div class="section-title">
  4. <h2 id="sc6" class="scrambled">&nbsp;</h2>
  5. </div>
  6. <h3>
  7. {{ 'Our visualization software for multi-million cities improves tracking of hundreds of public transport lines, vehicles and resources.' | trans }}
  8. <br><br>
  9. {% autoescape false %}
  10. {{ 'Step towards <span class="und">seamless operation</span>.' | trans | raw }}
  11. {% endautoescape %}
  12. </h3>
  13. <div class="draw">
  14. <div id="bus1" class="bus1 bus"></div>
  15. <div id="bus2" class="bus2 bus"></div>
  16. <div class="environment">
  17. <div class="garage">G</div>
  18. <div class="line">
  19. <div class="way w1"></div>
  20. <div class="point p1"></div>
  21. <div class="way w2"></div>
  22. <div class="point p2"></div>
  23. <div class="way w3"></div>
  24. <div class="point p3"></div>
  25. <div class="way w5"></div>
  26. <div class="point p4"></div>
  27. <div class="way w5"></div>
  28. <div class="point p5"></div>
  29. <div class="way w6"></div>
  30. <div class="point p6"></div>
  31. <div class="way w7"></div>
  32. <div class="point p7"></div>
  33. <div class="way w8"></div>
  34. <div class="point p8"></div>
  35. <div class="way w9"></div>
  36. </div>
  37. </div>
  38. </div>
  40. <strong class="linetitle">
  41. {{ 'Line' | trans }} 21
  42. </strong>
  44. <div id="tooltip-bus1" class="tooltip">
  45. <div class="contents">
  46. <div class="l2">
  47. <strong>
  48. {{ 'TRIP:' | trans }}
  49. </strong>
  50. B52
  51. </div>
  52. <div class="l2">
  53. <strong>
  54. {{ 'DRIVER:' | trans }}
  55. </strong>
  56. Chilly Willy
  57. </div>
  58. <div class="l2">
  59. <strong>
  60. {{ 'SPEED:' | trans }}
  61. </strong>
  62. <span class="speed">60</span>
  63. {{ 'kph' | trans }}
  64. </div>
  65. <div class="l2">
  66. <strong>
  67. {{ 'STATUS:' | trans }}
  68. </strong>
  69. <span class="green">
  70. {{ 'ON-TIME' | trans }}
  71. </span>
  72. </div>
  73. <div class="l2">
  74. <strong>
  75. {{ 'DELAY' | trans }}
  76. </strong>
  77. 0
  78. </div>
  79. </div>
  80. <hr>
  81. </div>
  82. <div id="tooltip-bus2" class="tooltip">
  83. <div class="contents">
  84. <div class="l2">
  85. <strong>
  86. {{ 'TRIP:' | trans }}
  87. </strong>
  88. RX07
  89. </div>
  90. <div class="l2">
  91. <strong>
  92. {{ 'DRIVER:' | trans }}
  93. </strong>
  94. John Doe
  95. </div>
  96. <div class="l2">
  97. <strong>
  98. {{ 'SPEED:' | trans }}
  99. </strong>
  100. <span class="speed">60</span>
  101. {{ 'kph' | trans }}
  102. </div>
  103. <div class="l2">
  104. <strong>
  105. {{ 'STATUS:' | trans }}
  106. </strong>
  107. <span class="red">
  108. {{ 'DELAY' | trans }}
  109. </span>
  110. </div>
  111. <div class="l2">
  112. <strong>
  113. {{ 'DELAY:' | trans }}
  114. </strong>
  115. 10
  116. </div>
  117. </div>
  118. <hr>
  119. </div>
  120. </div>
  121. </section>