about.blade.php 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. @extends('layouts.anon')
  2. @section('content')
  3. <div class="jumbotron jumbotron-fluid bg-primary text-white mb-0 py-4">
  4. <div class="container">
  5. <p class="h1 font-weight-light">About</p>
  6. <p class="h3 font-weight-light py-4">Pixelfed is an image sharing platform, an ethical alternative to centralized platforms.</p>
  7. </div>
  8. </div>
  9. <div class="bg-white">
  10. <div class="container d-flex justify-content-center">
  11. <div class="card mr-3" style="width:500px;margin-top:-30px;">
  12. <div class="card-header d-inline-flex align-items-center bg-white">
  13. <img src="/storage/avatars/default.png" width="32px" height="32px" style="border-radius: 32px; border: 1px solid #ccc">
  14. <span class="username font-weight-bold pl-2 text-dark">
  15. username
  16. </span>
  17. </div>
  18. <div class="card-body p-0">
  19. <img class="img-fluid" src="/img/sample-post.jpeg">
  20. </div>
  21. <div class="card-footer bg-white">
  22. <div class="likes font-weight-bold mb-2">
  23. <span class="like-count">124k</span> likes
  24. </div>
  25. <div class="caption">
  26. <p class="mb-1">
  27. <span class="username font-weight-bold">
  28. <bdi>username</bdi>
  29. </span>
  30. <span class="caption-body" data-processed="false">Hello world! <a href="#">#introduction</a></span>
  31. </p>
  32. </div>
  33. </div>
  34. </div>
  35. <div style="width:300px;margin-top:-30px;text-align: center;">
  36. <div class="card border-left-blue mb-3">
  37. <div class="card-body">
  38. <p class="h2 mb-0">{{$stats['posts']}}</p>
  39. <p class="font-weight-bold mb-0">Posts</p>
  40. </div>
  41. </div>
  42. <div class="card border-left-blue mb-3">
  43. <div class="card-body">
  44. <p class="h2 mb-0">{{$stats['users']}}</p>
  45. <p class="font-weight-bold mb-0">Users</p>
  46. </div>
  47. </div>
  48. @if($stats['admin'])
  49. <div class="card border-left-blue mb-3">
  50. <div class="card-body">
  51. <p class="h2 mb-0">
  52. <a href="{{$stats['admin']->url()}}">
  53. &commat;{{$stats['admin']->username}}
  54. </a>
  55. </p>
  56. <p class="font-weight-bold mb-0">Instance Admin</p>
  57. </div>
  58. </div>
  59. @endif
  60. </div>
  61. </div>
  62. <div class="container py-5">
  63. </div>
  64. </div>
  65. <div class="bg-primary pt-5 pb-4">
  66. <div class="container">
  67. <div class="row">
  68. <div class="col-12 col-md-4 mb-4">
  69. <div class="card bg-transparent" style="box-shadow: none;border:1px solid #fff">
  70. <div class="card-body text-white text-center">
  71. <p class="font-weight-bold lead mb-0">
  72. Ad Free
  73. </p>
  74. <p class="font-weight-light mb-0">No Ads or Trackers</p>
  75. </div>
  76. </div>
  77. </div>
  78. <div class="col-12 col-md-4 mb-4">
  79. <div class="card bg-transparent" style="box-shadow: none;border:1px solid #fff">
  80. <div class="card-body text-white text-center">
  81. <p class="font-weight-bold lead mb-0">
  82. Chronological
  83. </p>
  84. <p class="font-weight-light mb-0">Timelines in order</p>
  85. </div>
  86. </div>
  87. </div>
  88. <div class="col-12 col-md-4 mb-4">
  89. <div class="card bg-transparent" style="box-shadow: none;border:1px solid #fff">
  90. <div class="card-body text-white text-center">
  91. <p class="font-weight-bold lead mb-0">
  92. Federated
  93. </p>
  94. <p class="font-weight-light mb-0">A network of millions</p>
  95. </div>
  96. </div>
  97. </div>
  98. <div class="col-12 col-md-4 mb-4">
  99. <div class="card bg-transparent" style="box-shadow: none;border:1px solid #fff">
  100. <div class="card-body text-white text-center">
  101. <p class="font-weight-bold lead mb-0">
  102. Discover
  103. </p>
  104. <p class="font-weight-light mb-0">Discover popular posts</p>
  105. </div>
  106. </div>
  107. </div>
  108. <div class="col-12 col-md-4 mb-4">
  109. <div class="card bg-transparent" style="box-shadow: none;border:1px solid #fff">
  110. <div class="card-body text-white text-center">
  111. <p class="font-weight-bold lead mb-0">
  112. Photo Filters
  113. </p>
  114. <p class="font-weight-light mb-0">Add an optional filter</p>
  115. </div>
  116. </div>
  117. </div>
  118. <div class="col-12 col-md-4 mb-4">
  119. <div class="card bg-transparent" style="box-shadow: none;border:1px solid #fff">
  120. <div class="card-body text-white text-center">
  121. <p class="font-weight-bold lead mb-0">
  122. Stories
  123. </p>
  124. <p class="font-weight-light mb-0">Coming Soon!</p>
  125. </div>
  126. </div>
  127. </div>
  128. </div>
  129. </div>
  130. </div>
  131. @endsection
  132. @push('meta')
  133. <meta property="og:description" content="Pixelfed is an image sharing platform, an ethical alternative to centralized platforms.">
  134. @endpush