base.html 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. <!DOCTYPE html>
  2. <head>
  3. <title>Lorraine Data Network - Chez <TPL:PRENOM> <TPL:NOM></title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <style type="text/css">
  6. <!--
  7. body {
  8. font-family: sans-serif;
  9. text-align: center;
  10. margin: 0;
  11. padding: 0;
  12. background: #2F3B3B url(../../ressources/bg.png) repeat-x;
  13. }
  14. h1 {
  15. background-color: #000;
  16. background: url(../../ressources/logo.png) no-repeat 44px 0;
  17. margin: 0;
  18. padding: 0;
  19. color: #FFF;
  20. height: 150px;
  21. }
  22. h1 div {
  23. padding-top: 73px;
  24. text-shadow: 1px 1px 1px #000;
  25. }
  26. h2 {
  27. text-shadow: 1px 1px 1px #aaa;
  28. }
  29. div#error {
  30. background-color: #eee;
  31. border-bottom: 1px solid #f00;
  32. padding: 20px;
  33. font-weight: bold;
  34. text-align: center;
  35. vertical-align: center;
  36. }
  37. div#main {
  38. margin: 0 30px;
  39. background-color: #FFF;
  40. border: solid 2px #999;
  41. }
  42. dl {
  43. padding: 5px 0 20px;
  44. background-color: #EEE;
  45. margin: 0;
  46. }
  47. dt {
  48. width: 500px;
  49. border: 1px solid #aaa;
  50. background-color: #CCC;
  51. font-weight: bold;
  52. padding: 5px;
  53. margin: 10px auto;
  54. font-variant: small-caps;
  55. }
  56. dd {
  57. text-align: center;
  58. padding: 0 0 5px;
  59. margin: 0 auto;
  60. }
  61. p#footer {
  62. color: #999;
  63. }
  64. div#box {
  65. text-align: right;
  66. padding-right: 70px;
  67. margin-top: -150px;
  68. }
  69. a {
  70. color: #000;
  71. }
  72. a:hover {
  73. text-decoration: none;
  74. }
  75. -->
  76. </style>
  77. </head>
  78. <body>
  79. <h1><div><TPL:PRENOM> <TPL:NOM></div></h1>
  80. <div id="box"><img src="../../ressources/box.gif" alt="LDNbox"></div>
  81. <div id="main">
  82. <dl>
  83. <dt>Abonnement ADSL</dt> <dd><em>@fdn.nerim</em></dd>
  84. <dt>Numéro de la ligne</dt> <dd><TPL:TEL></dd>
  85. <dt>Adresse IPv4</dt> <dd><TPL:IP4></dd>
  86. <dt>Adresses IPv6</dt> <dd><TPL:IP6></dd>
  87. </dl>
  88. <h2>Les dernières 24 heures</h2>
  89. <img src="daily.png" alt="daily" />
  90. <h2>Les 7 derniers jours</h2>
  91. <img src="weekly.png" alt="weekly" />
  92. <h2>Les 4 dernières semaines</h2>
  93. <img src="monthly.png" alt="monthly" />
  94. <h2>Les 12 derniers mois</h2>
  95. <img src="yearly.png" alt="yearly" />
  96. <h2>Bande passante moyenne par utilisateur de FDN</h2>
  97. <img src="moyenne.png" alt="moyenne" />
  98. <h2>Bande passante totale de FDN (prestataire de LDN)</h2>
  99. <img src="total.png" alt="total" />
  100. <h2>Bande passante totale des FAI Locaux (marque blanche FDN)</h2>
  101. <img src="failocaux.png" alt="failocaux" />
  102. <p>
  103. Le dernier graphique permet de situer les heures <a href="http://fr.wikipedia.org/wiki/95e_centile">à privilégier</a> pour d'éventuels gros téléchargements.<br />
  104. </p>
  105. </div>
  106. <p id="footer">
  107. Contacter le bureau : <em>bureau@ldn-fai.net</em>
  108. </p>
  109. </body>
  110. </html>