You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

113 lines
2.6 KiB

  1. <div class="ui feed">
  2. <div class="event">
  3. <div class="label">
  4. <img src="/images/wireframe/square-image.png">
  5. </div>
  6. <div class="content">
  7. <div class="summary">
  8. <a class="user">
  9. Username
  10. </a> added you as a friend
  11. </div>
  12. </div>
  13. </div>
  14. <div class="event">
  15. <div class="label">
  16. <img src="/images/wireframe/square-image.png">
  17. </div>
  18. <div class="content">
  19. You added Username to the group <a>Group Name</a>
  20. </div>
  21. </div>
  22. <div class="event">
  23. <div class="label">
  24. <img src="/images/wireframe/square-image.png">
  25. </div>
  26. <div class="content">
  27. <div class="date">
  28. Time period ago
  29. </div>
  30. <div class="summary">
  31. <a>Userrname</a> added <a>new photos</a>
  32. </div>
  33. <div class="extra images">
  34. <a><img src="/images/wireframe/image.png"></a>
  35. </div>
  36. <div class="meta">
  37. <a class="like">
  38. <i class="like icon"></i> 1 Like
  39. </a>
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. <div class="ui hidden divider"></div>
  45. <div class="ui feed">
  46. <div class="event">
  47. <div class="label">
  48. <i class="pencil icon"></i>
  49. </div>
  50. <div class="content">
  51. <div class="summary">
  52. You wrote something
  53. <div class="date">
  54. Time period ago
  55. </div>
  56. </div>
  57. <div class="extra text">
  58. Blockquote
  59. </div>
  60. <div class="meta">
  61. <a>Metadata</a>
  62. <a>Metadata</a>
  63. </div>
  64. </div>
  65. </div>
  66. <div class="event">
  67. <div class="label">
  68. <i class="photo icon"></i>
  69. </div>
  70. <div class="content">
  71. <div class="summary">
  72. You uploaded a photo
  73. <div class="date">
  74. Time period ago
  75. </div>
  76. </div>
  77. <div class="meta">
  78. <a>Metadata</a>
  79. <a>Metadata</a>
  80. </div>
  81. </div>
  82. </div>
  83. </div>
  84. <div class="ui hidden divider"></div>
  85. <div class="ui feed">
  86. <div class="event">
  87. <div class="content">
  88. <div class="summary">
  89. <a>Elliot Fu</a> added <a>Jenny Hess</a> as a friend
  90. </div>
  91. </div>
  92. </div>
  93. <div class="event">
  94. <div class="content">
  95. <div class="summary">
  96. <a>Stevie Feliciano</a> added <a>Elliot Fu</a> as a friend
  97. </div>
  98. </div>
  99. </div>
  100. <div class="event">
  101. <div class="content">
  102. <div class="summary">
  103. <a>Helen Troy</a> added <a>Christian Rocha</a> as a friend
  104. </div>
  105. </div>
  106. </div>
  107. <div class="event">
  108. <div class="content">
  109. <div class="summary">
  110. <a>Christian Rocha</a> signed up for the site.
  111. </div>
  112. </div>
  113. </div>
  114. </div>