🌟 [EPIC] Develop New `ocelot.social` Website

[Tirokk]

🌟 EPIC

Develop New ocelot.social Website.

Todo

Urgent

• [x] e-mail addresses don't work:
  • [x] hello@ocelot.social
  • [x] devops@ocelot.social
• [ ] on mobile
  • [ ] bug: the table in section Probier es aus make the site width extending to the right, see screen shot
  • [ ] it should be in a right scrollable div like on page https://ocelot.social/de/get-started/#ausprobieren-dann-installieren

General

• [x] German: Footer: Chance "Authoren" to "Autoren" or "Freunde"
• [x] donate – care for @Elweyn suggestions:
  • [x] https://github.com/Ocelot-Social-Community/ocelot.social/pull/55#discussion_r1530209921
  • [x] https://github.com/Ocelot-Social-Community/ocelot.social/pull/55#discussion_r1530221074
• [x] translations: #138
  • [x] English
  • [x] French
• [x] clean up:
  • [x] are there super fluid pages?
• [x] Wiki > FAQs: Replace list of features and languages by link to official website.
• [ ] optimize screen shots, e.g. mouse pointer hand on hover
  • [x] Zoom-in cursor icon does not appear on a Linux device, tested with Brave, Chromium and Firefox browser. It happens with the demo page too where from all available cursor values, context-menu, cell (?), vertical-text (?), zoom-in and zoom-out don't work. This seems to be an issue with Linux devices with a theme that uses DMZ Cursor Themes (DMZ-White and DMZ-Black). Those themes don't provide those icons in user/share/icons/DMZ-White[or DMZ-Black]/cursors. - not to be fixed on the application side.
  • [ ] use localized versions of screenshots #146
• [ ] Minor content updates
  • [ ] English: Home: "Major functions" => "Main functions"
  • [ ] English: Home: Screenshots: "(newsfeed)" => "(news feed)"
  • [ ] German (and others accordingly): Features: "Ocelot.social bietet eine wachsende Vielzahl elementarer und weiterführender Netzwerkfunktionen, die durch Spenden der Community erweitert werden können." => "Ocelot.social bietet eine wachsende Vielzahl an Funktionen, die im Auftrag der Betreiber und durch Spenden der Community erweitert werden können."
  • [ ] English: Features: "The following features have been integrated so far:" > "It currently offers the following features:"
  • [ ] English: Features: Mobile App: "Instructions in the wiki" => "Read more in the wiki"
  • [ ] French: Features: Harmonize menu item and page title
  • [ ] English: Contribute: "Click on the area that interests you:" => "Select what you are interested in:"
  • [ ] /de/contribute/#unterstutze-dein-netzwerk:
  • [ ] give a hint that this section is about an actively used ocelot.social network
  • [ ] Donate: Add ZIP code and location for donators from abroad; add mailto link
  • [ ] English: Donate: "Contact us if you have any questions." => "Feel free to contact us if you have any questions."
  • [ ] German: Donate: "Falls du möchtest, dass deine Spende vornehmlich der Software ocelot.social zugute kommt, dann gib auch dessen Namen an:" => "Möchtest du vornehmlich für die Software ocelot.social spenden, dann erwähne auch das bitte."
• [x] page specific meta title and descriptions #147
• [ ] optimize SCSS by using custom layout for home page #134
• [ ] review and optimize the design of the switch for light/dark mode, maybe like this:
• [ ] mobile responsive design
  • [ ] home page: fix table width issue
• [ ] add arguments pro open source software from https://www.freeyoursoftware.fyi/freesoftware.html
• [ ] add about us page and content #33
• [ ] add news page and content #29
• [ ] add form to report bugs:
  • [ ] we would need to attach screen shots to the send e-mail message
• [ ] add FAQs from wiki
• [ ] add coindrop for donations, see https://coindrop.to/?
• [ ] migrate user guide from wiki?
• [ ] add progressive web app support: https://theme-hope.vuejs.press/guide/advanced/pwa
• [ ] check pages and content for completeness
• [ ] Add an ad for ocelot.social in HTML source code of all pages #154

Later

• [ ] change busFaktor() e.V. address to the new one after member decision

DevOps

• [ ] home page:
  • [ ] use Vue.js components, see: https://theme-hope.vuejs.press/guide/component/sfc.html
  • [ ] use customize layouts: https://theme-hope.vuejs.press/guide/customize/layout.html#adding-overriding-layouts
• [ ] set nice linting hints in VSCode
  • [ ] have working quick-fix