vikarti.anatra/safing-web
1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-04-21 03:19:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add card-table

Browse source
This commit is contained in:
Luke 2022-02-10 18:18:24 +01:00
parent b898e31fa2
commit b2ae2d2268
1 changed files with 95 additions and 82 deletions

177
_publications/2021-12-09-portmaster-vs-pi-hole.md
View file

@ -12,90 +12,103 @@ summary: Both Portmaster and Pi-hole are free and open source privacy tools. The
## Overview Chart ## Overview Chart
<div class="table"> <div class="card-table">
<table> <table>
<colgroup> <colgroup class="card-table-colgroup">
<col> <col class="card-table-colgroup-col">
<col class="highlight"> <col class="card-table-colgroup-col-highlight">
<col> <col class="card-table-colgroup-col">
</colgroup> </colgroup>
<thead> <thead class="card-table-header">
<tr> <tr class="card-table-header-row">
<th></th> <th class="card-table-header-row-cell"></th>
<th>Portmaster</th> <th class="card-table-header-row-cell">Portmaster</th>
<th>Pi-hole</th> <th class="card-table-header-row-cell">Pi-hole</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody class="card-table-body">
<tr> <tr class="card-table-body-row">
<td>Open Source</td> <td class="card-table-body-row-cell-title">Open Source</td>
<td class="link"> <td class="card-table-body-row-cell">
<a href="{{ site.github_url }}/portmaster" class="exclude-external-icon"> <a class="card-table-body-row-cell-link" href="{{ site.github_url }}/portmaster">
<div> <i class="icon-tick text-2xl text-green-500"></i>
<img src="{{ site.img_url }}icons/tick.svg"> </a>
</div> </td>
<img src="{{ site.img_url }}icons/external-black.svg"> <td class="card-table-body-row-cell">
</a> <a class="card-table-body-row-cell-link" href="https://github.com/pi-hole/pi-hole/">
</td> <i class="icon-tick text-2xl text-green-500"></i>
<td class="link"> </a>
<a href="https://github.com/pi-hole/pi-hole/" class="exclude-external-icon"> </td>
<div> </tr>
<img src="{{ site.img_url }}icons/tick.svg"> <tr class="card-table-body-row">
</div> <td class="card-table-body-row-cell-title">Setup</td>
<img src="{{ site.img_url }}icons/external-black.svg"> <td class="card-table-body-row-cell">
</a> Easy
</td> </td>
</tr> <td class="card-table-body-row-cell">
<tr> Advanced
<td>Setup</td> </td>
<td><strong>Easy</strong></td> </tr>
<td><strong>Advanced</strong></td> <tr class="card-table-body-row">
</tr> <td class="card-table-body-row-cell-title">Protection Type</td>
<tr> <td class="card-table-body-row-cell">
<td>Protection Type</td> Device
<td><strong>Device</strong></td> </td>
<td><strong>Network</strong></td> <td class="card-table-body-row-cell">
</tr> Network
<tr> </td>
<td>Availabilty</td> </tr>
<td class="link"> <tr class="card-table-body-row">
<a href="{{ site.portmaster_url }}#downloads"> <td class="card-table-body-row-cell-title">Availabilty</td>
<div> <td class="card-table-body-row-cell">
<img src="{{ site.img_url }}icons/windows.svg"> <a class="card-table-body-row-cell-link" href="{{ site.portmaster_url }}#downloads">
<img src="{{ site.img_url }}icons/linux.svg"> <div class="md:space-x-2">
</div> <i class="icon-windows text-2xl text-safing-blue-500"></i>
<img src="{{ site.img_url }}icons/external-black.svg"> <i class="icon-linux text-2xl"></i>
</a> </div>
</td> </a>
<td class="link"> </td>
<a href="https://docs.pi-hole.net/main/prerequisites/#supported-operating-systems" class="exclude-external-icon"> <td class="card-table-body-row-cell">
<div> <a class="card-table-body-row-cell-link" href="https://docs.pi-hole.net/main/prerequisites/#supported-operating-systems">
<img src="{{ site.img_url }}icons/linux.svg"> <div class="md:space-x-2">
<img src="{{ site.img_url }}icons/docker.svg"> <i class="icon-linux text-2xl"></i>
</div> <i class="icon-docker text-3xl text-safing-blue-500"></i>
<img src="{{ site.img_url }}icons/external-black.svg"> </div>
</a> </a>
</td> </td>
</tr> </tr>
<tr> <tr class="card-table-body-row">
<td>Secure DNS</td> <td class="card-table-body-row-cell-title">Secure DNS</td>
<td><img src="{{ site.img_url }}icons/tick.svg"></td> <td class="card-table-body-row-cell">
<td><img src="{{ site.img_url }}icons/tick.svg"></td> <i class="icon-tick text-2xl text-green-500"></i>
</tr> </td>
<tr> <td class="card-table-body-row-cell">
<td>Individual Apps Settings</td> <i class="icon-tick text-2xl text-green-500"></i>
<td><img src="{{ site.img_url }}icons/tick.svg"></td> </td>
<td><img src="{{ site.img_url }}icons/cross.svg"></td> </tr>
</tr> <tr class="card-table-body-row">
<tr> <td class="card-table-body-row-cell-title">Individual Apps Settings</td>
<td>Adaptive Threat Model</td> <td class="card-table-body-row-cell">
<td><img src="{{ site.img_url }}icons/tick.svg"></td> <i class="icon-tick text-2xl text-green-500"></i>
<td><img src="{{ site.img_url }}icons/cross.svg"></td> </td>
</tr> <td class="card-table-body-row-cell">
</tbody> <i class="icon-cross text-2xl text-red-500"></i>
</table> </td>
</tr>
<tr class="card-table-body-row">
<td class="card-table-body-row-cell-title">Adaptive Threat Model</td>
<td class="card-table-body-row-cell">
<i class="icon-tick text-2xl text-green-500"></i>
</td>
<td class="card-table-body-row-cell">
<i class="icon-cross text-2xl text-red-500"></i>
</td>
</tr>
</tbody>
</table>
</div> </div>
## Detailed Comparison ## Detailed Comparison
### One Shoe Does Not Fit All - What Is Your Threat Model? ### One Shoe Does Not Fit All - What Is Your Threat Model?