index.html 8.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <meta name="description" content="PixelFed is an activitypub based image sharing platform.">
  7. <title>PixelFed - Federated Image Sharing</title>
  8. <link href="css/app.css?id=LaN7XOxuz9Pi2vZrBNhP" rel="stylesheet">
  9. </head>
  10. <body>
  11. <header>
  12. <div class="navbar navbar-expand-lg navbar-light bg-light box-shadow">
  13. <div class="container d-flex justify-content-between navbar-nav mr-auto">
  14. <a href="https://pixelfed.org" class="navbar-brand d-flex align-items-center">
  15. <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-2"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"></path><circle cx="12" cy="13" r="4"></circle></svg>
  16. <strong translated>PixelFed</strong>
  17. </a>
  18. <div class="dropdown">
  19. <a class="nav-link dropdown-toggle" href="" id="navbarDropdown" role="button" data-toggle="dropdown" translated>
  20. 文A
  21. </a>
  22. <div class="dropdown-menu" aria-labelledby="navbarDropdown">
  23. <a class="dropdown-item" href="?lng=en" translated>English</a>
  24. <a class="dropdown-item" href="?lng=ar" translated><bdi>العربية</bdi></a>
  25. <a class="dropdown-item" href="?lng=ca" translated>Català</a>
  26. <a class="dropdown-item" href="?lng=cs" translated>Čeština</a>
  27. <a class="dropdown-item" href="?lng=da" translated>Dansk</a>
  28. <a class="dropdown-item" href="?lng=de" translated>Deutsch</a>
  29. <a class="dropdown-item" href="?lng=eo" translated>Esperanto</a>
  30. <a class="dropdown-item" href="?lng=es" translated>Español</a>
  31. <a class="dropdown-item" href="?lng=eu" translated>Euskara</a>
  32. <a class="dropdown-item" href="?lng=fa" translated><bdi>فارسی</bdi></a>
  33. <a class="dropdown-item" href="?lng=fi" translated>Suomi</a>
  34. <a class="dropdown-item" href="?lng=fr" translated>Français</a>
  35. <a class="dropdown-item" href="?lng=gl" translated>Galego</a>
  36. <a class="dropdown-item" href="?lng=he" translated><bdi>עברית</bdi></a>
  37. <a class="dropdown-item" href="?lng=id" translated>Bahasa Indonesia</a>
  38. <a class="dropdown-item" href="?lng=ms" translated>Bahasa Melayu</a>
  39. <a class="dropdown-item" href="?lng=nl" translated>Nederlands</a>
  40. <a class="dropdown-item" href="?lng=no" translated>Norsk</a>
  41. <a class="dropdown-item" href="?lng=oc" translated>Occitan</a>
  42. <a class="dropdown-item" href="?lng=pl" translated>Polski</a>
  43. <a class="dropdown-item" href="?lng=pt-br" translated>Português do Brasil</a>
  44. <a class="dropdown-item" href="?lng=ru" translated>Русский</a>
  45. <a class="dropdown-item" href="?lng=sv" translated>Svenska</a>
  46. <a class="dropdown-item" href="?lng=zh-tw" translated>繁體中文</a>
  47. <a class="dropdown-item" href="?lng=ja" translated>日本語</a>
  48. </div>
  49. </div>
  50. </div>
  51. </div>
  52. </header>
  53. <main role="main">
  54. <div class="jumbotron jumbotron-fluid bg-transparent my-0">
  55. <div class="container text-center">
  56. <h1 class="display-4">Federated Image Sharing</h1>
  57. <p class="lead">Powered by <a href="https://en.wikipedia.org/wiki/ActivityPub" class="text-white font-weight-bold" translated>ActivityPub</a> and the <a href="https://en.wikipedia.org/wiki/Fediverse" class="text-white font-weight-bold">fediverse</a>.</p>
  58. </div>
  59. </div>
  60. <div class="container" style="margin-top:-40px; margin-bottom: 8rem;">
  61. <div class="row text-center">
  62. <div class="col-12 col-md-4">
  63. <div class="card border-bottom-blue">
  64. <div class="card-body">
  65. <p class="h4 font-weight-bold">Clean UI</p>
  66. <p class="mb-0 lead">Inspired by Modern Design</p>
  67. </div>
  68. </div>
  69. </div>
  70. <div class="col-12 col-md-4">
  71. <div class="card border-bottom-blue">
  72. <div class="card-body">
  73. <p class="h4 font-weight-bold">Familiar Features</p>
  74. <p class="mb-0 lead">Hashtags, Discover, DMs</p>
  75. </div>
  76. </div>
  77. </div>
  78. <div class="col-12 col-md-4">
  79. <div class="card border-bottom-blue">
  80. <div class="card-body">
  81. <p class="h4 font-weight-bold">Free Software</p>
  82. <p class="mb-0 lead">Free software is important</p>
  83. </div>
  84. </div>
  85. </div>
  86. </div>
  87. <div class="row text-center mt-4">
  88. <div class="col-12 col-md-4">
  89. <div class="card border-bottom-blue">
  90. <div class="card-body">
  91. <p class="h4 font-weight-bold">Admin Friendly</p>
  92. <p class="mb-0 lead">Powerful dashboard/tools</p>
  93. </div>
  94. </div>
  95. </div>
  96. <div class="col-12 col-md-4">
  97. <div class="card border-bottom-blue">
  98. <div class="card-body">
  99. <p class="h4 font-weight-bold">Developer Friendly</p>
  100. <p class="mb-0 lead">APIs that won't change</p>
  101. </div>
  102. </div>
  103. </div>
  104. <div class="col-12 col-md-4">
  105. <div class="card border-bottom-blue">
  106. <div class="card-body">
  107. <p class="h4 font-weight-bold">User Friendly</p>
  108. <p class="mb-0 lead">Import/Export, Filter, Block</p>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. <div class="py-5 bg-light" style="background: url('images/neonbrand-unsplash.jpg');background-size: cover;">
  115. <div class="container py-5">
  116. <div class="my-5 py-5 text-white">
  117. <p class="display-4 font-weight-bold mb-0">A Photo Sharing Experience</p>
  118. <p class="display-4 font-weight-bold text-right">for everyone</p>
  119. </div>
  120. </div>
  121. </div>
  122. <div class="py-5 bg-light">
  123. <div class="container py-5">
  124. <div class="my-5 p-5 text-center ">
  125. <p class="display-4 font-weight-bold">Coming Soon!</p>
  126. <p class="h4 font-weight-bold">Follow <a href="https://mastodon.social/@pixelfed" translated>@pixelfed</a> for the latest updates!</p>
  127. </div>
  128. </div>
  129. </div>
  130. </main>
  131. <div class="bg-white">
  132. <footer class="container py-5">
  133. <div class="row">
  134. <div class="col-12 col-md">
  135. <div class="d-flex align-items-center">
  136. <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-2"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"></path><circle cx="12" cy="13" r="4"></circle></svg>
  137. <strong translated>PixelFed</strong>
  138. </div>
  139. <small class="d-block mb-3 text-muted" translated>&copy; 2019 pixelfed.org</small>
  140. </div>
  141. <div class="col-6 col-md-3">
  142. <h5>Resources</h5>
  143. <ul class="list-unstyled text-small">
  144. <li><a class="text-muted" href="https://github.com/pixelfed" translated>GitHub</a></li>
  145. <li><a class="text-muted" href="https://mastodon.social/@pixelfed">Follow Us</a></li>
  146. </ul>
  147. </div>
  148. </div>
  149. </footer>
  150. </div>
  151. <script src="js/i18nextify.min.js" integrity="sha384-eUBQoOf6CEJVKHElf7WGwHzQWFTkrW+gEMybPvN7rHoHutW5vBeHDOX2P0/l1b+H" crossorigin="anonymous"></script>
  152. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js" integrity="sha256-3edrmyuQ0w65f8gfBsqowzjJe2iM6n0nKciPUp8y+7E=" crossorigin="anonymous"></script>
  153. <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha256-xaF9RpdtRxzwYMWg4ldJoyPWqyDPCRD0Cv7YEEe6Ie8=" crossorigin="anonymous"></script>
  154. </body>
  155. </html>