example1.html 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  5. <title>Example 1</title>
  6. <script>
  7. var Hyphenopoly = {
  8. require: {
  9. "la": "honorificabilitudinitas",
  10. "de": "Silbentrennungsalgorithmus",
  11. "en-us": "Supercalifragilisticexpialidocious"
  12. },
  13. paths: {
  14. patterndir: "./patterns/",
  15. maindir: "./"
  16. },
  17. setup: {
  18. selectors: {
  19. ".container": {}
  20. }
  21. }
  22. };
  23. </script>
  24. <script src="./Hyphenopoly_Loader.js"></script>
  25. <style type="text/css">
  26. body {
  27. width:60%;
  28. margin-left:20%;
  29. }
  30. p {
  31. text-align: justify;
  32. margin: 0 2em 0 0;
  33. }
  34. .container {
  35. display: flex;
  36. hyphens: auto;
  37. -ms-hyphens: auto;
  38. -moz-hyphens: auto;
  39. -webkit-hyphens: auto;
  40. }
  41. </style>
  42. </head>
  43. <body>
  44. <h1>Example 1</h1>
  45. <div class="container">
  46. <p lang="la">Qua de causa Helvetii quoque reliquos Gallos virtute praecedunt, quod fere cotidianis proeliis cum Germanis contendunt, cum aut suis finibus eos prohibent aut ipsi in eorum finibus bellum gerunt.</p>
  47. <p lang="en-us">For which reason the Helvetii also surpass the rest of the Gauls in valor, as they contend with the Germans in almost daily battles, when they either repel them from their own territories, or themselves wage war on their frontiers.</p>
  48. <p lang="de">Aus diesem Grund übertreffen auch die Helvetier die übrigen Gallier an Tapferkeit, weil sie sich in fast täglichen Gefechten mit den Germanen messen, wobei sie diese entweder von ihrem Gebiet fernhalten oder selbst in deren Gebiet kämpfen.</p>
  49. </div>
  50. </body>
  51. </html>