🌟 [EPIC] Develop New ocelot.social Website

[Tirokk]

🌟 EPIC

Develop New ocelot.social Website.

Todo

Urgent

• e-mail addresses don't work:
  • [email protected]
  • [email protected]
• 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

• German: Footer: Chance "Authoren" to "Autoren" or "Freunde"
• donate – care for @Elweyn suggestions:
  • feat(other): development #55 (comment)
  • feat(other): development #55 (comment)
• translations: 🚀 [Feature] Add Locales EN, FR #138
  • English
  • French
• clean up:
  • are there super fluid pages?
• Wiki > FAQs: Replace list of features and languages by link to official website.
• optimize screen shots, e.g. mouse pointer hand on hover
  • 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 🚀 [Feature] Use Localized 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."
• page specific meta title and descriptions 🚀 [Feature] Add page-specific meta data #147
• optimize SCSS by using custom layout for home page 💥 [DevOps] Customize Layouts #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 🚀 [Feature] Content for About Page #33
• add news page and content 🚀 [Feature] Content for News Page #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 🚀 [Feature] 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