Jump to content

User:Knuxify/IndexDesign: Difference between revisions

From postmarketOS Wiki
Knuxify (talk | contribs)
/shrug
 
Knuxify (talk | contribs)
mNo edit summary
Line 1: Line 1:
<div style="width: 100%; text-align: center; background-position: center; min-height: 200px; background-size: cover; display: flex; align-items: center; justify-content: center;" id="mainpage-header"><span class="logo" style="font-size: 6em; color: #009900; margin-right: 20px; text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5)">♻ </span><span style="font-size: 4em; text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); color: white;">postmarketOS</span></div>
<div style="width: 100%; text-align: center; background-position: center; min-height: 200px; background-size: cover; display: flex; align-items: center; justify-content: center;" id="mainpage-header"><span class="logo" style="font-size: 6em; color: #009900; margin-right: 20px;">♻ </span><span style="font-size: 4em; color: black;">postmarketOS</span></div>
<div style="border: 1px solid lightgray; background: #f8f8f8; width: 75vw; padding: 0px 10px; margin: 20px auto; text-align: center;">
<div style="border: 1px solid lightgray; background: #f8f8f8; width: 75vw; 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.
Line 9: Line 9:
=== Overview ===
=== Overview ===
<div style="display: flex; flex-wrap: wrap; flex-direction; row;">
<div style="display: flex; flex-wrap: wrap; flex-direction; row;">
<div class="mainpage-button" style="text-align: center; flex: 1 0 40%; margin: 10px 0;">[[File:Icon-numix-light-smartphone.svg|72px|link=Devices]]<br>[[Devices]]</div>
<div class="mainpage-button" style="text-align: center; flex: 1 0 auto; width: 50%; margin: 10px 0;">[[File:Icon-numix-light-smartphone.svg|72px|link=Devices]]<br>[[Devices]]</div>
<div class="mainpage-button" style="text-align: center; flex: 1 0 40%; margin: 10px 0;">[[File:Icon-numix-light-gtk-about.svg|72px|link=Category:Interface]]<br>[[:Category:Interface|User interfaces]]</div>
<div class="mainpage-button" style="text-align: center; flex: 1 0 auto; width: 50%; margin: 10px 0;">[[File:Icon-numix-light-gtk-about.svg|72px|link=Category:Interface]]<br>[[:Category:Interface|User interfaces]]</div>
<div class="mainpage-button" style="text-align: center; flex: 1 0 40%; margin: 10px 0;">[[File:Icon-numix-light-start-here.svg|72px|link=Category:Apps]]<br>[[:Category:Apps|Apps]]</div>
<div class="mainpage-button" style="text-align: center; flex: 1 0 auto; width: 50%; margin: 10px 0;">[[File:Icon-numix-light-start-here.svg|72px|link=Category:Apps]]<br>[[:Category:Apps|Apps]]</div>
<div class="mainpage-button" style="text-align: center; flex: 1 0 40%; margin: 10px 0;">[[File:Icon-numix-light-camera-photo.svg|72px|link=Special:ListFiles]]<br>[[:Special:ListFiles|Gallery]]</div>
<div class="mainpage-button" style="text-align: center; flex: 1 0 auto; width: 50%; margin: 10px 0;">[[File:Icon-numix-light-camera-photo.svg|72px|link=Special:ListFiles]]<br>[[:Special:ListFiles|Gallery]]</div>
<div class="mainpage-button" style="text-align: center; flex: 1 0 40%; margin: 10px 0;">[[File:Icon-numix-light-emblem-shared.svg|72px|link=Category:Community]]<br>[[:Category:Community|Community]]</div>
<div class="mainpage-button" style="text-align: center; flex: 1 0 auto; width: 50%; margin: 10px 0;">[[File:Icon-numix-light-emblem-shared.svg|72px|link=Category:Community]]<br>[[:Category:Community|Community]]</div>
<div class="mainpage-button" style="text-align: center; flex: 1 0 40%; margin: 10px 0;">[[File:Icon-numix-light-dialog-question.svg|72px|link=FAQ]]<br>[[FAQ]]</div>
<div class="mainpage-button" style="text-align: center; flex: 1 0 auto; width: 50%; margin: 10px 0;">[[File:Icon-numix-light-dialog-question.svg|72px|link=FAQ]]<br>[[FAQ]]</div>
</div>
</div>
</div>
</div>
Line 21: Line 21:
=== Guides ===
=== Guides ===
<div style="display: flex; flex-wrap: wrap; flex-direction; row;">
<div style="display: flex; flex-wrap: wrap; flex-direction; row;">
<div class="mainpage-button" style="text-align: center; flex: 1 0 40%; 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-document-save.svg|72px|link=Installation guide]]<br>[[Installation guide]]</div>
<div class="mainpage-button" style="text-align: center; flex: 1 0 40%; 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-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 40%; 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-system-run.svg|72px|link=Mainlining]]<br>[[Mainlining]]</div>
<div class="mainpage-button" style="text-align: center; flex: 1 0 40%; 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 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>
Line 32: Line 32:
=== Contributing/Technical ===
=== Contributing/Technical ===
<div style="display: flex; flex-wrap: wrap; flex-direction; row;">
<div style="display: flex; flex-wrap: wrap; flex-direction; row;">
<div class="mainpage-button" style="text-align: center; flex: 1 0 40%; 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-emote-love.svg|72px|link=Contributing]]<br>[[Contributing]]</div>
<div class="mainpage-button" style="text-align: center; flex: 1 0 40%; 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-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 40%; 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 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 14:49, 8 July 2020

postmarketOS

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