The official website for Plume
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.

105 lines
4.5 KiB

  1. <header>
  2. <h1>Plume</h1>
  3. <h2>A federated blogging application</h2>
  4. <img src="/images/logo.png"/>
  5. </header>
  6. <main>
  7. <%= partial "nav" %>
  8. <section class="features">
  9. <div class="card">
  10. <span class="icon"><i data-feather="globe"></i></span>
  11. <main>
  12. <h2>Write once, publish everywhere</h2>
  13. <p>
  14. Plume is not just a single website, but an entire interconnected, yet independent network of what we call <em>instances</em>.
  15. You write content from your own instance, but anyone else on any other Plume instance can enjoy your stories too.
  16. </p>
  17. </main>
  18. </div>
  19. <div class="card">
  20. <span class="icon"><i data-feather="message-circle"></i></span>
  21. <main>
  22. <h2>Social blogging</h2>
  23. <p>
  24. When we write, it is, most of the time, to share something with other people.
  25. Plume has many features that allow the exchange between writers and readers to be bi-directional from the get-go.
  26. </p>
  27. </main>
  28. </div>
  29. <div class="card">
  30. <span class="icon"><i data-feather="users"></i></span>
  31. <main>
  32. <h2>Collaborative writing</h2>
  33. <p>
  34. Plume also makes it easy to collaborate on an article. Since blogs are not limited to one author, many people can write on the same blog and improve each other\'s work, to get to the best final result.
  35. </p>
  36. </main>
  37. </div>
  38. </section>
  39. <section>
  40. <h2>Find an instance</h2>
  41. <ul id="instances">
  42. </ul>
  43. </section>
  44. <section class="grid">
  45. <h2>Enter the Fediverse</h2>
  46. <div class="card vertical">
  47. <span class="icon"><i data-feather="share-2"></i></span>
  48. <main>
  49. <h3>Not just Plume</h3>
  50. <p>
  51. Plume instances form one part of a huge network, collectively called the Fediverse. It is made up of many instances - servers with different orientations, purposes and policies, each one running a specific application. It does not always have to be Plume.
  52. </p>
  53. <p>
  54. This means that, for instance, Plume is able to communicate with microblogging apps like <a href="">Mastodon</a>, or <a href="">Pleroma</a>. Even other blogging apps which support federation, such as <a href="">WriteFreely</a> can also communicate with Plume! It means that you can comment on, share and like Plume articles from any of these other platforms too.
  55. </p>
  56. <a href="">Learn more about the Fediverse</a>
  57. </main>
  58. </div>
  59. <div class="card vertical">
  60. <span class="icon"><i data-feather="user"></i></span>
  61. <main>
  62. <h3>Great diversity</h3>
  63. <p>
  64. Each instance is hosted and moderated by different peoples across varied locations of the world, resulting in diverse rules, thematics and ambiance that it focuses on. Thus one given instance can suit you better than another, depending on your opinions and interests.
  65. </p>
  66. <p>
  67. And if no existing instance makes you feel at home, you can very well <a href="">set up your own</a>, if you are a bit adventureous.
  68. </p>
  69. <a href="#instances">Find your dream instance</a>
  70. </main>
  71. </div>
  72. <div class="card vertical">
  73. <span class="icon"><i data-feather="lock"></i></span>
  74. <main>
  75. <h3>A solid network</h3>
  76. <p>
  77. Because the Fediverse is mostly backed by volunteers, and not investors, it is resilient to economic problems. And because of its decentralized nature it is also harder to censor than traditional platforms.
  78. </p>
  79. <p>And even if one instance happens to go down, the rest of the network will continue to work uninterrupted.</p>
  80. </main>
  81. </div>
  82. <div class="card vertical">
  83. <span class="icon"><i data-feather="heart"></i></span>
  84. <main>
  85. <h3>Open to everyone</h3>
  86. <p>
  87. Plume is a libre software, based on open standards, like <a href="">ActivityPub</a> and <a href="">Microformats</a>, which means you can help making it better.
  88. </p>
  89. <p>
  90. We are not only welcoming coders, but really anyone who wants to help: translators, user experience designers, people with communication skills, or anybody else who feels like they can offer something to move the project ahead!
  91. </p>
  92. <a href="">Discover how you can help</a>
  93. </main>
  94. </div>
  95. </section>
  96. </main>