Difference between revisions of "User:Knuxfanwin8/IndexDesign"
Jump to navigation
Jump to search
Knuxfanwin8 (talk | contribs) m |
Knuxfanwin8 (talk | contribs) m |
||
(One intermediate revision by the same user not shown) | |||
Line 1: | Line 1: | ||
− | <div style="width: 100%; text-align: center; background-position: center; min-height: | + | <div style="width: 100%; text-align: center; background-position: center; min-height: 3vh; background-size: cover; display: flex; align-items: center; justify-content: center;" id="mainpage-header"><span class="logo" style="font-size: 5vw; color: #009900; margin-right: 20px;">♻ </span><span style="font-size: 3vw; color: black;">postmarketOS</span></div> |
<div style="border: 1px solid lightgray; background: #f8f8f8; width: 75%; padding: 0px 10px; margin: 20px auto; text-align: center;"> | <div style="border: 1px solid lightgray; background: #f8f8f8; width: 75%; padding: 0px 10px; margin: 20px auto; text-align: center;"> | ||
[https://postmarketos.org postmarketOS] is an experimental, touch-optimized and pre-configured [https://alpinelinux.org Alpine Linux]. It can be installed on smartphones and other devices. | [https://postmarketos.org postmarketOS] is an experimental, touch-optimized and pre-configured [https://alpinelinux.org Alpine Linux]. It can be installed on smartphones and other devices. | ||
</div> | </div> | ||
− | <div style="display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 auto | + | <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> |
Latest revision as of 17:26, 8 July 2020
♻ postmarketOS
postmarketOS is an experimental, touch-optimized and pre-configured Alpine Linux. It can be installed on smartphones and other devices.
Overview
Guides