template.html 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. <!DOCTYPE html>
  2. <html lang="it">
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  5. <meta charset="utf-8">
  6. <meta content="width=device-width, initial-scale=1" name="viewport">
  7. <link href="https://mastodon.bida.im/favicon.ico" rel="icon" type="image/x-icon">
  8. <link href="https://mastodon.bida.im/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180">
  9. <link color="#2B90D9" href="https://mastodon.bida.im/mask-icon.svg" rel="mask-icon">
  10. <link href="https://mastodon.bida.im/manifest.json" rel="manifest">
  11. <link rel="stylesheet" media="all" href="template/common-3623162d.css">
  12. <link rel="stylesheet" media="all" href="template/default-08e1136f.css">
  13. <link rel="stylesheet" media="all" href="template/inert.css" id="inert-style">
  14. <link rel="stylesheet" media="all" href="template/custom.css">
  15. </head>
  16. <body class="with-modals theme-default no-reduce-motion">
  17. <div class="public-layout">
  18. <div class="container">
  19. <div class="grid">
  20. <div class="column-0">
  21. <div class="activity-stream h-entry">
  22. <div class="entry entry-center">
  23. <div class="detailed-status detailed-status--flex detailed-status-public">
  24. <div class="p-author h-card">
  25. <a class="detailed-status__display-name u-url" rel="noopener"
  26. href="https://mastodon.bida.im/@oloturia">
  27. <div class="detailed-status__display-avatar">
  28. <img alt="" class="account__avatar u-photo"
  29. src="template/oloturia.jpg">
  30. </div>
  31. <span class="display-name">
  32. <bdi>
  33. <strong class="display-name__html p-name emojify">Oloturia</strong>
  34. </bdi>
  35. <span class="display-name__account">
  36. @oloturia@mastodon.bida.im
  37. </span>
  38. </span>
  39. </a>
  40. </div>
  41. <div class="status__content emojify">
  42. <div class="e-content">
  43. [content]
  44. </div>
  45. </div>
  46. <div data-component="MediaGallery">
  47. <div class="media-gallery" style="height: 349.875px;">
  48. [mediagallery]
  49. </div>
  50. </div>
  51. <div class="detailed-status__meta">
  52. <data class="dt-published" value="[datetime]"></data>
  53. <time class="formatted" datetime="[datetime]" title="[date]">[date]</time>
  54. ·
  55. <span class="detailed-status__visibility-icon">
  56. <i title="Pubblico" class="fa fa-globe"></i>
  57. </span>
  58. ·
  59. <strong class="detailed-status__application">Web</strong>
  60. ·
  61. <a class="modal-button detailed-status__link"><i
  62. class="fa fa-reply"></i>
  63. <span class="detailed-status__reblogs">[reply]</span>
  64. </a>·
  65. <a class="modal-button detailed-status__link"><i
  66. class="fa fa-retweet"></i><span class="detailed-status__reblogs">[reblogs]</span>
  67. </a>·
  68. <a class="modal-button detailed-status__link"><i
  69. class="fa fa-star"></i><span class="detailed-status__favorites">[favourites]</span>
  70. </a>
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78. </div>
  79. </body>
  80. </html>