Website Enhancements Planning
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]
https://www.whonix.org/wiki/Signing_Key on mobile
API task: automated deployment[edit]
progress we have already:
- mediawiki-shell
- documentation: Dev/wiki#MultiWiki
tasks:
- 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 Testpages 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
2 columns strict-list[edit]
functional:
<div class="use-3-columns strict-list-columns mw-collapsible-content">
feature request:
<div class="use-2-columns strict-list-columns mw-collapsible-content">
use case:
[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:
- https://www.whonix.org/wiki/Special:Export
- Special:Contributions/Hans
- https://www.kicksecure.com/wiki/Special:Import
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.
[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]
- locksymbol icksecure -> locksymbol Kicksecure
- https://www.whonix.org/wiki/File:Whonix-facebook-profile.jpg
for facebook
- "Photo Too Small. Please choose a photo that's at least 180 pixels wide."
- need rectangle logo (for github) - similar to https://www.whonix.org/wiki/File:Whonix-logo-rectangle.png
- need banner for reddit similar to:
- https://www.whonix.org/w/images/4/4a/Whonix_logo_reddit.png
- https://www.whonix.org/wiki/Dev/Logo#/media/File:Whonix_logo_reddit.png
- https://www.whonix.org/wiki/Dev/Logo#Reddit
- need Kicksecure DVD symbol
- in the future there will be a Kicksecure downloadable installer ISO image file (similar to Ubuntu installer iso)
- examples of DVD layouts
- https://rukminim2.flixcart.com/image/416/416/k19lvgw0/operating-system/k/d/n/ubuntu-19-04-desktop-install-live-dvd-64-bit-original-imafkvmf693kx2n2.jpeg?q=70
- need https://www.audiolabel.com/audiolabel-cd-cover-maker-large.jpg
- https://www.linux-magazine.com/var/linux_magazin/storage/images/issues/2018/213/this-month-s-dvd/dvd-213-fedora.png/730632-1-eng-US/dvd-213-Fedora.png_large.png
- https://rukminim2.flixcart.com/image/416/416/k19lvgw0/operating-system/k/d/n/ubuntu-19-04-desktop-install-live-dvd-64-bit-original-imafkvmf693kx2n2.jpeg?q=70
- For simplicity, lower time effort: should be a "fake" DVD layout. Not actually printable to an actual DVD. It will be used as a download icon on the homepage.
- need Kicksecure DVD symbol - with red cross "Not yet available." or "Coming soon!" (Unfortunately not that soon.) (Unavailable. In development. Check back later.)
- various platform specific icons
- Similar to Kicksecure DVD symbol but not using a DVD symbol. (Because these aren't installed using DVD.)
- A combination of the Kicksecure logo with the logo of the other project.
- What is the "other project"? Debian, Qubes, KVM, VirtualBox
- These will be used on
- https://www.kicksecure.com
- https://www.kicksecure.com/wiki/Download
- as well as on the following wiki pages as illustrative images (top right corner) (thumbnail)
- og:image
- https://www.kicksecure.com
- Kicksecure inside Debian illustration, thumbnail, og:image for https://www.kicksecure.com/wiki/Debian
(Kicksecure inside Debian means that Kicksecure can be installed on top of Debian, also called distribution morphing. This is the main method to use Kicksecure currently until an ISO will be made available.)
- Kicksecure for Qubes https://www.kicksecure.com/wiki/Qubes
- Kicksecure for KVM https://www.kicksecure.com/wiki/Qubes
- Kicksecure for VirtualBox https://www.kicksecure.com/wiki/VirtualBox
- Similar to Kicksecure DVD symbol but not using a DVD symbol. (Because these aren't installed using DVD.)
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:
- https://www.whonix.org/wiki/System_Hardening_Checklist
- https://www.whonix.org/wiki/Template:Security_intro
- https://www.whonix.org/wiki/Special:WhatLinksHere/Template:Security_intro
review most important Kicksecure pages[edit]
- https://www.whonix.org
image fixes
- https://www.whonix.org/#features
uses File:Live_boot_cropped_more.jpeg
which looks blurry. It is based on https://www.whonix.org/w/images/b/bf/Live_boot.png
- fix (perhaps crop again based on original)
- any illustrative images looking non-ideal and should be replaced?
- https://www.whonix.org/#features
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]
- TODO: discuss
- https://www.whonix.org/w/index.php?title=Special%3AUnreviewedPages&namespace=6&category=
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]
- Contribute
- homepage title bar
- wiki title bar
packages.debian.org APT package repository web interface for deb.whonix.org[edit]
- https://forums.whonix.org/t/packages-debian-org-apt-package-repository-web-interface-for-deb-whonix-org/10937
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
- also a possible small claim: Whonix does its homework
- 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
- For nojs users this might also be a checkbox which works in tandem with the other new widget for 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:
- live:
- wiki source:
- 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
- protocol handler respecting redirect.
- notices:
- title:
Redirection
- "You are being redirected. Will redirect in 5 seconds to Kicksecure ™ website."
- "Whonix ™ is based on Kicksecure ™"
- title:
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
- 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
- Without the extension the Sitenotice will be there for every user.
- 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:
- priority: low
- Let's see what upstream is saying.
- https://phabricator.wikimedia.org/T11209
- https://phabricator.wikimedia.org/T225318#7686484
- Inquiries from 2022-02-06
- https://phabricator.wikimedia.org/T11209
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-03-01
- Make page responsive VirtualBox/XFCE
- improved manually place anchors Template:Anchor
- fixed: header overlaps direct links
- Expand/Collapse All button beautified, improved functionality and Javascript rewritten
- beautified: Documentation, Advanced Documentation and Design
- introduced: class "use-3-columns" and subclass "keep-together" Dev/mediawiki#class_use-3-columns
- 2022-02-28
- improved Template:Box and Template:Mbox, see Dev/mediawiki#Box_and_MBox
- improved Template:DownloadTableUnified
- improved VirtualBox/XFCE
- 2022-02-26
- improved Donate/Affiliate_Link
- introduced thumbs without enlarge Button
- improved Expand/Collapse button
- 2022-02-25
- JavaScript vs no-JavaScript div tags
- improved Donate/PayPal
- improved design details of payment pages
- 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-12
- realization PayPal module, see Dev/mediawiki#PayViaPaypal_module
- 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-09
- new NoJS classes available: Dev/mediawiki#NoJS-Only_classes
- 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-06: Bugfix Archive_link Onionshare mishandling (eg https://flathub.org/apps/details/org.onionshare.OnionShare
), Bugfix Archive_link CSS not loaded in Tor browser. Other bugfixes. Subdomain_link improved.
- 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-24: Template Template:Subdomain_link and Widget:Subdomain_link created (ability to link without knowing the website context)
- 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
- Improved Mediawiki Extension "Link to archive"
- 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
- last revision of logo submitted and accepted
- export accordning to guidelines: https://www.whonix.org/wiki/Dev/Logo
- no problems reported by reviewer
- 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
- 2021-12-13 CSS very basic review. Answers for the following questions are desired:
- Is Whonix wiki currently using MediaWiki:Foreground.css? Yes.
- Is MediaWiki:Common.css currently in use? Also Yes.
- Advantages and disadvantages of merging these pages? -> No. Keep and MediaWiki:Common.css and MediaWiki:Foreground.css separate. Split into essentials (CSS for CodeSelect in MediaWiki:Common.css) and skin (Foreground) (MediaWiki:Foreground.css) specific.
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.