Difference between revisions of "User:Knuxfanwin8/IndexDesign"

From postmarketOS
Jump to navigation Jump to search
m
m
Line 4: Line 4:
 
</div>
 
</div>
  
<div style="display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 auto; width: 90%;">
+
<div style="display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 auto;">
  
<div style="border: 1px solid lightgray; text-align: center; height: auto; margin: 0 10px 10px 10px; flex: 1 0 auto; width: auto;">
+
<div style="border: 1px solid lightgray; text-align: center; height: auto; margin: 0 10px 10px 10px; flex: 1 0 auto; width: auto; min-width: 30%;">
 
=== Overview ===
 
=== Overview ===
 
<div class="mainpage-icon-holder" style="display: flex; flex-wrap: wrap; flex-direction; row;">
 
<div class="mainpage-icon-holder" style="display: flex; flex-wrap: wrap; flex-direction; row;">
Line 18: Line 18:
 
</div>
 
</div>
  
<div style="border: 1px solid lightgray; text-align: center; height: auto; margin: 0 10px 10px 10px; flex: 1 0 auto; width: auto;">
+
<div style="border: 1px solid lightgray; text-align: center; height: auto; margin: 0 10px 10px 10px; flex: 1 0 auto; width: auto; min-width: 30%;">
 
=== Guides ===
 
=== Guides ===
 
<div class="mainpage-icon-holder" style="display: flex; flex-wrap: wrap; flex-direction; row;">
 
<div class="mainpage-icon-holder" style="display: flex; flex-wrap: wrap; flex-direction; row;">
<div class="mainpage-button" style="text-align: center; flex: 1 0 50%; margin: 10px 0;">[[File:Icon-numix-light-document-save.svg|72px|link=Installation guide]]<br>[[Installation guide]]</div>
+
<div class="mainpage-button" style="text-align: center; flex: 1 0 auto; width: 50%; margin: 10px 0;">[[File:Icon-numix-light-document-save.svg|72px|link=Installation guide]]<br>[[Installation guide]]</div>
<div class="mainpage-button" style="text-align: center; flex: 1 0 50%; margin: 10px 0;">[[File:Icon-numix-light-application-menu.svg|72px|link=Porting to a new device]]<br>[[Porting to a new device]]</div>
+
<div class="mainpage-button" style="text-align: center; flex: 1 0 auto; width: 50%; margin: 10px 0;">[[File:Icon-numix-light-application-menu.svg|72px|link=Porting to a new device]]<br>[[Porting to a new device]]</div>
<div class="mainpage-button" style="text-align: center; flex: 1 0 50%; margin: 10px 0;">[[File:Icon-numix-light-system-run.svg|72px|link=Mainlining]]<br>[[Mainlining]]</div>
+
<div class="mainpage-button" style="text-align: center; flex: 1 0 auto; width: 50%; margin: 10px 0;">[[File:Icon-numix-light-system-run.svg|72px|link=Mainlining]]<br>[[Mainlining]]</div>
<div class="mainpage-button" style="text-align: center; flex: 1 0 50%; margin: 10px 0;">[[File:Icon-numix-light-applications-utilities.svg|72px|link=Category:Guide]]<br>[[:Category:Guide|''More Guides'']]</div>
+
<div class="mainpage-button" style="text-align: center; flex: 1 0 auto; width: 50%; margin: 10px 0;">[[File:Icon-numix-light-applications-utilities.svg|72px|link=Category:Guide]]<br>[[:Category:Guide|''More Guides'']]</div>
 
</div>
 
</div>
 
</div>
 
</div>
  
  
<div style="border: 1px solid lightgray; text-align: center; height: auto; margin: 0 10px 10px 10px; flex: 1 0 auto; width: auto;">
+
<div style="border: 1px solid lightgray; text-align: center; height: auto; margin: 0 10px 10px 10px; flex: 1 0 auto; width: auto; min-width: 30%;">
 
=== Contributing/Technical ===
 
=== Contributing/Technical ===
 
<div class="mainpage-icon-holder" style="display: flex; flex-wrap: wrap; flex-direction; row;">
 
<div class="mainpage-icon-holder" style="display: flex; flex-wrap: wrap; flex-direction; row;">
<div class="mainpage-button" style="text-align: center; flex: 1 0 50%; margin: 10px 0;">[[File:Icon-numix-light-emote-love.svg|72px|link=Contributing]]<br>[[Contributing]]</div>
+
<div class="mainpage-button" style="text-align: center; flex: 1 0 auto; width: 50%; margin: 10px 0;">[[File:Icon-numix-light-emote-love.svg|72px|link=Contributing]]<br>[[Contributing]]</div>
<div class="mainpage-button" style="text-align: center; flex: 1 0 50%; margin: 10px 0;">[[File:Icon-numix-light-folder-documents.svg|72px|link=Category:Technical Reference]]<br>[[:Category:Technical Reference|Technical Reference]]</div>
+
<div class="mainpage-button" style="text-align: center; flex: 1 0 auto; width: 50%; margin: 10px 0;">[[File:Icon-numix-light-folder-documents.svg|72px|link=Category:Technical Reference]]<br>[[:Category:Technical Reference|Technical Reference]]</div>
<div class="mainpage-button" style="text-align: center; flex: 1 0 50%; margin: 10px 0;">[[File:Icon-numix-light-emblem-important.svg|72px|link=Troubleshooting]]<br>[[Troubleshooting]]</div>
+
<div class="mainpage-button" style="text-align: center; flex: 1 0 auto; width: 50%; margin: 10px 0;">[[File:Icon-numix-light-emblem-important.svg|72px|link=Troubleshooting]]<br>[[Troubleshooting]]</div>
 
</div>
 
</div>
 
</div>
 
</div>
  
 
</div>
 
</div>

Revision as of 17:23, 8 July 2020

postmarketOS

postmarketOS is an experimental, touch-optimized and pre-configured Alpine Linux. It can be installed on smartphones and other devices.