Improve wiki design

Website
1

Hello guys, What’s up?
I see the wiki of Whonix, it’s like an old wiki, I just want to suggest a Flat tables for wiki like this:

Screenshot_2.png1156×403 9.73 KB

I get this informations from this page, I already create this example using HTML and CSS, This is the code:

<!DOCTYPE html>
<html>
<head>
<style>
.main a
    {
        display: block;
        color: inherit;
        text-decoration: none;
    }

.main a:hover 
    {
         color:#00A0C6; 
         text-decoration:none; 
         cursor:pointer;  
    }

table {
        border-collapse: collapse;
        width: 60%;
      }

th, td {
    text-align: center;
    padding: 8px;
}

tr:nth-child(even){background-color: #f2f2f2}

th {
    background-color: #555;
    color: white;
   }
</style>
</head>
<body>

<h2>Last update</h2>

<table class="main">
  <tr>
    <th> </th>
    <th>Whonix</th>
    <th>Tails</th>
    <th>Tor browser</th>
    <th>Qubes OS TorVM</th>
    <th><a href="#">corridor<a><a href="#">(tor-talk)<a></th>
  </tr>
  <tr>
    <td>Compared Version</td>
    <td>13</td>
    <td>2.4</td>
    <td>6.0</td>
    <td>0.1.3</td>
    <td>(?)</td>
  </tr>
  <tr>
    <td>Latest Version</td>
    <td>13.0.0.1.4</td>
    <td>2.9.1</td>
    <td>6.0.8</td>
    <td>0.1.3</td>
    <td>(?)</td>
  </tr>
  <tr>
    <td>Status</td>
    <td>This wiki page is up to date.</td>
    <td>This wiki page is up to date.</td>
    <td>This wiki page is up to date.</td>
    <td>This wiki page is up to date.</td>
    <td>This wiki page is up to date.</td>
  </tr>
</table>

</body>
</html>

Have a nice day
Ali Linux.

1 Like
2

Hello, thank you for your efforts! Much appreciated!

Looks a lot better indeed.

Html is auto generated by mediawiki. We cannot make changes on the html level. That’s how mediawiki and other content generators work. Therefore your changes cannot be applied.

Changes can be made at the mediawiki markup level. Every page has an edit button. Also non-admins can suggest edits, which are then verified by admins before these go live.

What you are suggesting is clearly possible, it’s just not clear how. For example mediawiki has MediaWiki:Common.css - Whonix. Edits there (in combination with edits of Anonymity Operating System Comparison - Whonix ™ vs Tails vs Tor Browser Bundle perhaps) might reach your suggestion. The mediawiki theme we are using is strapping, which we could replace if there is something better. It has its own theme.css file.

https://github.com/Whonix/www/blob/master/w/skins/strapping/theme.css

There are instructions on how to reproduce our mediawiki on a local machine.

https://www.whonix.org/wiki/Dev/Replicating_whonix.org

Would you like to work on this stuff?

1 Like
3

Hello bro,
I search about other themes for mediawiki, and i see this theme called: LabStrap
It’s open source, flat and based on the strapping theme… you can see this example based on LapStrap theme.

Have a nice day
Ali Linux.