Main Page: Difference between revisions

61 bytes added ,  10:59, 13 October 2022
add slim class & flex-shrink: 0
(flex-wrap: auto; to fix mobile flex woes)
(add slim class & flex-shrink: 0)
Line 1: Line 1:
__NOTOC__
__NOTOC__
<div style="text-align:center; max-width:800px; margin:auto;">
<div class="slim" style="text-align:center; max-width:800px; margin:auto;">
<h1 style="font-size:180%; border: none;">{{t|Hỉo ka!}} Welcome to the Toaq wiki!</h1>
<h1 style="font-size:180%; border: none;">{{t|Hỉo ka!}} Welcome to the Toaq wiki!</h1>


Line 17: Line 17:
<h2 style="font-size:140%; border: none;">{{t|Dủafa súq bíkıkue shou}} — Explore the wiki:</h2>
<h2 style="font-size:140%; border: none;">{{t|Dủafa súq bíkıkue shou}} — Explore the wiki:</h2>
<div style="display: flex; flex-wrap: auto; justify-content:center; text-align: left">
<div style="display: flex; flex-wrap: auto; justify-content:center; text-align: left">
<div style="margin:2px; border:0px solid #c88; background:#ffeef4; width: 200px; padding:1em">
<div style="flex-shrink: 0; margin:2px; border:0px solid #c88; background:#ffeef4; width: 200px; padding:1em">
<h3 style="margin:0;padding:0;text-align:center;">Language</h3>
<h3 style="margin:0;padding:0;text-align:center;">Language</h3>
* [[Toaq]] – an overview
* [[Toaq]] – an overview
Line 29: Line 29:
</div>
</div>


<div style="float:right; margin:2px; border:0px solid #fc6; background:#fff8e3; width: 200px; padding:1em;">
<div style="flex-shrink: 0; float:right; margin:2px; border:0px solid #fc6; background:#fff8e3; width: 200px; padding:1em;">
<h3 style="margin:0;padding:0;text-align:center;">Concepts</h3>
<h3 style="margin:0;padding:0;text-align:center;">Concepts</h3>
* [[Properties]]
* [[Properties]]
Line 41: Line 41:
</div>
</div>


<div style="float:right; margin:2px; border:0px solid #89e; background:#eef5ff; width: 200px; padding:1em;">
<div style="flex-shrink: 0; float:right; margin:2px; border:0px solid #89e; background:#eef5ff; width: 200px; padding:1em;">
<h3 style="margin:0;padding:0;text-align:center;">Community</h3>
<h3 style="margin:0;padding:0;text-align:center;">Community</h3>
* [[Discord]] – [https://discord.gg/qDqDsH9 '''join us!''']
* [[Discord]] – [https://discord.gg/qDqDsH9 '''join us!''']