Website Enhancements Planning

From Kicksecure
< Dev
Jump to navigation Jump to search


TODO: ADMIN[edit]

develop new plan for Documentation - 10 points quickstart for Whonix[edit]

todo

Magic Variables Clearnet/Onion[edit]

  • introduce our own magic variables, especially one to differentiate in templates and widgets between clearnet-request and onion-request
    • This is especially useful in cases where a different link needs to be shown depending if it's onion or clearnet. And if that link is not relative
    • Then give task to dev, so he can fix VirtualBox/XFCE and remove onion extra link

Discuss new main claim for whonix[edit]

  • The/your Gateway to privacy
  • The/your Gateway to anonimity
  • The Anonymizer / World class Anonymizer / Top Level Anonymizer
  • The VPN-Killer / The Non-VPN VPN

TODO dev[edit]

API task: automated deployment[edit]

  • Automate deployment from Kicksecure wiki (master) to whonix.
  • create and use new Category:GenericModule
  • document the functionality
  • document rules/guides, like in GenericModule there may be no sitespecific data or content
  • functionality: write in JSON, which Testpages should be used and can be opened
  • write category and testpges as meta data at the top
  • use last edit date via API and only deploy files which changed in the last 6 hours (empty = all) or name all files which shall be deploy (empty = all)
  • create local script not for the server but for local use

Kicksecure Footer Notice[edit]

Kindly note, during Kicksecure footer development, that Kicksecure wiki template https://www.kicksecure.com/wiki/Template:wiki-work-in-progress is up to date, true and needs to be kept for a few more weeks or months.

Copy Whonix Wiki Enhancements over to Kicksecure Wiki[edit]

automation:

Kicksecure Logo on the Whonix Homepage Size Fix[edit]

https://www.whonix.org (https://www.whonix.org/wiki/Homepage) see:

Based on Kicksecure

The Kicksecure logo does not render correctly on the Whonix homepage.

Kicksecure Wiki Style[edit]

Kicksecure wiki needs a distinct style, different from Whonix.

Footer New Symbols[edit]

What is this about? The footer:

Whonix ™ ©

  • TM symbol: ™
  • Copyright Symbol: ©

Issue: hard to see that these are two different links.

Could you add please a bit larger, a bit more beautiful icons that act similar to the social media icons?

The the future the ™ symbol will be replaced by the ®.

Therefore, while at it, could you please also upload an ® and add it as a html source code content so this can be easily swapped in the future?

  • R symbol: ®

Kicksecure Logo #2[edit]

Whonix BIMI Icon[edit]

  • must be square
  • File:Whonix-logo-icon.svg is already square

Hopefully helpful notes: Dev/mediawiki#BIMI_Images

Migrate Kicksecure Homepage to Wiki and Beautify[edit]

  • as discussed
  • similar to done task migrate Whonix Homepage to Whonix Wiki
  • migrate
  • beautify

Kicksecure Security Hardened Seal[edit]

A seal / stamp: Kicksecure ™ Security Hardened

use cases:

review most important Kicksecure pages[edit]

Kicksecure illustrative images[edit]

  • TODO discuss

encrypted-support.com[edit]

  • some sub pages such as About
  • portfolio
  • design improvements?

forums.kicksecure.com[edit]

  • discourse forums theme selection

forums.whonix.org[edit]

  • discourse forums theme selection

phabricator.whonix.org HTML backup[edit]

  • TODO discuss

automated (API) confirm edit[edit]

newsletter[edit]

  • subscribe, unsubscribe, double opt-in
  • TODO: discuss

kicksecure-welcome-page invention[edit]

Similar whonix-welcome-page. Does not exist yet. Needs to be invented. Should look distinct from whonix-welcome-page.

content and design refinement[edit]

packages.debian.org APT package repository web interface for deb.whonix.org[edit]

Discuss: Whonix public image, marketing, claims[edit]

  • psychologically there needs to be a superlative to market whonix
    • it should be rather realistic and provable
    • it needs to be a clear claim that people can easily understand and like
    • suggestion claim: The most watertight privacy operating system in the world
    • you could also say waterproof where the emotional impact is almost the same, proof indicates 100% (stronger but may be needed to be defended if media criticizes), where tight might indicates 99,999% (a small bit less strong but gives backdoor for media attacks)
    • also a claim: Whonix has a 10 year history of being waterproof (explanation of leaks might be good). Here waterproof is fitting and recommended because when something is in the past and rather certain there are almost no suprises anymore, so claims can be strong
  • another marketing angle/ claim for Whonix. Because Whonix is user funded claims could be
    • Grassroots privacy OS / Grassroots funded privacy OS
    • All privacy no big players / 100% privacy 0% big players / 100% privacy 0% corporate influence

Expand Button new[edit]

  • usually expand areas are created with .mw-collapsible and .mw-collapsible-content
    • But this is a Javascript solution and does not work for nojs users. For them the area is automatically expanded
  • A new solution would be to create a widget which creates and expand container and button and content area
    • This solution uses checkboxes for nojs users and a js solution for Javascript users
  • A second widget might me "Expand All / Collapse all button, like on page Documentation
    • For nojs users this might also be a checkbox which works in tandem with the other new widget for Expand buttons
      • A challenge might be that the Expand all checkbox always has to be on the same level as all parent elements of the lower level expand buttons
  • An alternative variant to the Expand all button might be to introduce a parameter to the expand button widget like "nojsexpanded" where the behavior is like with the current mw-collapsible solution and all areas are expanded if Javascript is not active

External Redirections Enhancements[edit]

status: wait

Waiting for new magic words mediawiki extension.

https://github.com/DavisNT/ExternalRedirect/ improvements

example external redirect:

  • solution?
    • Can we change
    • {{#externalredirect: https://www.kicksecure.com/wiki/OpenPGP}}
    • to
    • {{#externalredirect: {{kicksecure_clearnet_or_onion}}/wiki/OpenPGP}}
    • ?
  • goals:
    • protocol handler respecting redirect.
      • redirect Whonix ™ https visitors to Kicksecure ™ https
      • redirect Whonix ™ onion visitors to Kicksecure ™ onion
  • notices:
    • title: Redirection
    • "You are being redirected. Will redirect in 5 seconds to Kicksecure ™ website."
    • "Whonix ™ is based on Kicksecure ™"

On Hold (external dependencies)[edit]

Sitenotice no-JS Version[edit]

  • The Sitenotice usually is not dismissable by the user
  • We use Extension:DismissableSiteNotice so the user can click away the Sitenotce
  • But the extension has a big flaw. On line 55 to 75 (see [git of the extension]) you can see the dev delivers the sitenotice via Javascript
    • This means the sitenotice is not even visible if the user has Javascript deactivated.
    • This is not desired behaviour. We want every user to see the notice. And JS users just have the additional luxury of being able to dismiss the sitenotice
  • Solution suggestion
    1. We deactivate Extension:DismissableSiteNotice, because the Javascript way was a deliberate choice of the dev, so even if we can fix the extension the dev very likely won't accept our solution upstream
    2. Without the extension the Sitenotice will be there for every user.
    3. We write a Javascript file to make Sitenotice dismissable which saves this info into a cookie similar to Extension:DismissableSiteNotice, so only JS users have the comfort to dismiss a Sitenotice

Patrick said:

In Progress[edit]

Review please[edit]

Header overlaps Anchored Link Wrong Position NoScript Bug[edit]

Our header overlaps anchored links. Example: Dev/mediawiki#CSS_Checklist

Issue happening with:

  • chromium + NoScript
  • Tor Browser + NoScript
  • chrome + JS * long links https://www.whonix.org/w/index.php?title=Dev/mediawiki&stable=0#Donation_Banner_Sitenotice (long links are very low priority but perhaps related?)

Issue not happening with:

  • chromium + JS

NEW DOCUMENTATION: https://www.whonix.org/wiki/Dev/mediawiki#Fixed_Header_Overlap_for_anchors

Done / Log of DevSprint 2021-12 to 2022-03[edit]

  • 2022-03-23
    • Tried to separate data of Mediawiki:FlyInNotification.js into separate JSON file. Failed because of insufficient Mediawiki Javascript content and data access API
  • 2022-03-19
    • Kicksecure new logo finalization
    • data export to Kicksecure
  • 2022-03-18
    • Kicksecure logo new design
  • 2022-03-17
    • Welcome page finalization
    • new improved version of Whonix concept image
  • 2022-03-16
    • Redesign Welcome page part 1
    • FlyInNotification improvements
    • Upgrade of Template:Box
  • 2022-03-15
    • FlyInNotification finalization
    • predictable column break classes für 3-column areas
  • 2022-03-10
    • creation of module FlyInNotification
  • 2022-03-09
    • Redesign of Homepage amendments
  • 2022-03-07
    • Redesign of Homepage finalization and made responsive
  • 2022-03-05
    • Redesign of Homepage part 2
  • 2022-03-04
    • Redesign of Homepage part 1
  • 2022-03-03
    • DownloadButton now responsive
    • NoJS version of ExpandAll
    • Mobile scrollbars
  • 2022-02-26
  • 2022-02-24
    • images (.thumb, .thumbinner) made responsive, examples see Warning
    • Donation panel, mininav, EUR page improvements
    • Download_Button redirect feature
  • 2022-02-23
    • Improved donation panel: Payment links, design
    • Improved our Extension:CSS fork, alternative inclusion method for local CSS
    • further new Vector skin fixes: min-width
  • 2022-02-22
    • new Vector skin activated, resulting problems fixed
    • 10 year banner: close improved, scaling for mobile
  • 2022-02-21
    • 10 year banner created
    • SiteNotice improvements and fixes
    • Php Notice Undefined Index fixes

Archive

  • 2022-02-11
    • donation panel Nojs solution
    • donation panel realization and images for other payments
  • 2022-02-10
    • improved FullScreenEditor for CodeMirror
    • improved donation panel
  • 2022-02-08
    • donation panel crypto section finished
    • donation panel paypal section design finished
  • 2022-02-07
    • development start of donation panel
    • creation of original QR logo
  • 2022-02-05
    • improved Header overlap: no found occurrences anymore. Plus documentation: Dev/mediawiki#Fixed_Header_Overlap_for_anchors
    • improved Mininav style when item stack and for smaller displays
    • research and documentation about DismissableSitenotice
    • research and documentation about GDPR CookieWarning
  • 2022-02-04
    • SiteNotices beautified, enhanced via JS and documented
    • Footnotes Newline in the normal html way again, <br> for newline
    • BackToTopButton documentation
    • Mediawiki notifications (e. g. "Your edit was saved") beautified for whonix theme and placed visibly below header
  • 2022-02-03
    • SaveAndContinue-Button: Modal improvement
    • Back to Top Button introduced
    • Rejected: Scrollable Table Bugfix - this is a result of the table being hidden in an invisible element, so not a bug. If the table is hidden is has no dimension and so it cannot "know" if its content is oversize
    • Footnotes always respect newlines setting and discussion (later reverted)
    • Widget:Download_Button: responsive for small displays (under 450px)
  • 2022-02-02
    • mini navigation (buttons on top of some pages) visually enhanced
    • wiki edit preview our-footer overlaps save bar bugfix
    • Archive_link: explained wrong "|onion={{QubesOS_onion}}" vs correct use "|onion=http://{{QubesOS_onion}}"
  • 2022-01-31
    • RandomNews for footer shortened and improved
    • TOC hide/show improved
  • 2022-01-20
    • tables oversize solution introduced, also for mobile swipe indicator for oversize
    • Download Page, supported icons improved
  • 2022-01-19
    • improvements for mediawiki search
    • new mono font introduced
    • pre alternative for special cases introduced
    • table of contents jump paddings corrected
  • 2022-01-18
    • improved styles for tables, lists, blockquotes, pre, code etc
  • 2022-01-17
    • codeSelect Bugfixes and style improvements
  • 2022-01-15
    • Development of Extension:CSS fork with new functionality
    • Header improved for JS users
  • 2022-01-14
    • Header overlapping jump targets fixed
    • Vector Skin remove external link symbols
    • Editor Fullscreen Feature for editor added
    • Header made responsive down to 370px and optimized for mobile usability
    • CodeSelect Nojs style fix + new parameter inline so multiple instances can be combined in one line
      --target virtualbox
      ,
      --target qcow2
      , and
      --target raw
  • 2022-01-13: Completely new Header developed and installed
    • Header is inserted as a Template and fixed to top
    • Header features like the header form 2022-01-09
    • Completely Nojs and Mobile friendly
  • 2022-01-11: SaveAndContinue-Button: New JS-Feature for faster Development
  • 2022-01-10: Creation of BodyScript2 Mediawiki Extension
  • 2022-01-09: New Header developed
    • Restructuring via Sidebar
    • unifying all menus in one supermenu
    • replacement of donate button
    • Main Logo links to whonix.org
    • nice hover effects
    • Search in modal instead of box (for js users, else go to search page)
  • 2022-01-08: Nojs.css incorporated - styles exclusively for Nojs visitors
  • 2022-01-06: New footer incorporated
    • new Style, better layout and ordering
    • Bootstrap modals for content
    • engaging action buttons
    • Integration of whonix news
  • 2022-01-03: Crypto address templates unified and Crypto address images unified
  • 2021-12-31: Footer RandomNews. Solution: RandomNews template was not available in Footer2 widget (because: widget), so RandomNews was called in Footer2-Template. In template it is hidden by CSS and the whonix random news section in footer is filled with generic text. If JS is available RandomNews are moved to Footer (true HTML widget area)
  • 2021-12-31: CodeSelect Improvements, Refinements #3. Green color and check mark if copy is clicked
  • 2021-12-30: CodeSelect Improvements
    • after clicking the copy symbol, the copy symbol changes into a green checkmark, later changes back
    • CodeSelect can be called as a template but also simply by 
      <div class="code-select">code</div>
      - essential for usage in Widgets
  • 2021-12-29: Footer subdomain fixes by protocol and apex domain for forums subdomain (whonix.org and .onion)
  • 2021-12-28: Footer redesigned
  • 2021-12-23: CodeSelect further improved: less white space, more compact, better nojs-version, better js-animation
  • 2021-12-23: Combi task: External Links / Template + Widget Archive-Link
    • Improved Mediawiki Extension "Link to archive"
      • differentiate automatically between normal link, onion-link and link to web.archive.org
      • Show logos instead of long "[archive]" text
      • logo / title attribute / logo link href according to linked url: normal → archive symbol + archive link / onion → onion logo and onion link / archive link → archive logo and same link
    • Template Template:Archive_link and Widget:Archive_link and MediaWiki:Archive Link.css created: Similar to "Link to archive", but you can choose if you want an archive link, onion link or both
  • 2021-12-21: Whonix Logo Format: discussed: jpeg and png specific use cases. And logo-text and logo delivered without padding
  • 2021-12-21: Whonix Logo finished
  • 2021-12-20: mediawiki skin selection
    • Whonix? -> Keeping mediawiki skin Foreground and adding CSS fixes later.
    • Kicksecure: Which skin should be used as foundation? -> Same but with different CSS to have distinctive styles/colors.
  • 2021-12-19: Colored Platform Icons, 500px*500px
    • some icons pulled from web in better solution
    • apple logo rights research. Seems using the logo is in most of the world public domain and in copyrighted jurisdictions logo is considered fair use and used by open source projects (means no licence)
    • kvm logo complete redesign
    • review/improve colored symbols for Template:Supported_Platforms_Icons since these are used on Download and whonix.org homepage
  • 2021-12-18: Whonix old logo refinement, old text removed, text "Whonix" redrawn
  • 2021-12-17: CodeSelect finished
    • HTML restructured, Style improved
    • direct copy button added, info tooltip added
    • modernized und documented JS mechanic
    • improved upon old mechanic with sidescrolling
    • Non-JS compatible with similar style
  • 2021-12-16: Update Download Button VirtualBox wiki page Download Button: prettify and easier functionality
  • 2021-12-14: invoice template improvements
  • 2021-12-13: discuss (easy, not important): cannot click inspect on other websites

Footnotes[edit]


Unfinished: This wiki is a work in progress. Please do not report broken links until this notice is removed, use Search Engines First and contribute improving this wiki.

Retrieved from "https://www.kicksecure.com/w/index.php?title=Dev/website&oldid=55747"