better page layout, cards
This commit is contained in:
array-in-a-matrix
parent
385ed7bcac
commit
c9b52a8ee7
|
|
@ -30,115 +30,74 @@
|
|||
<a href="https://chatinamatrix.xyz">chatinamatrix.xyz</a>.
|
||||
</p>
|
||||
|
||||
<section id="matrix">
|
||||
<h3><a href="./matrix/">Matrix homeserver</a></h3>
|
||||
<code>
|
||||
A decentralized End-to-End encrypted and federated chat server. Matrix
|
||||
web clients can be found <a href="https://chatinamatrix.xyz">here</a>.
|
||||
</code>
|
||||
</section>
|
||||
<div class="grid">
|
||||
<section class="grid-item" id="matrix">
|
||||
<h3><a href="./matrix/">Matrix homeserver</a></h3>
|
||||
<img src="../../res/site/images/matrix.svg" alt="Matrix protocol" />
|
||||
<p>
|
||||
A decentralized End-to-End encrypted and federated chat server.
|
||||
Matrix web clients can be found
|
||||
<a href="https://chatinamatrix.xyz">here</a>.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<br />
|
||||
<section class="grid-item" id="cbox">
|
||||
<h3>
|
||||
<a href="./cbox/">Cbox<sup>⨳</sup></a>
|
||||
</h3>
|
||||
<img src="" alt="" />
|
||||
<p>Anonymous real-time live chat app. Come leave a quick message!</p>
|
||||
</section>
|
||||
|
||||
<section id="cbox">
|
||||
<h3>
|
||||
<a href="./cbox/">Cbox<sup>⨳</sup></a>
|
||||
</h3>
|
||||
<code>
|
||||
Anonymous real-time live chat app. Come leave a quick message!
|
||||
</code>
|
||||
</section>
|
||||
<section class="grid-item" id="gemini">
|
||||
<h3><a href="gemini://arrayinamatrix.xyz/">Gemini capsule</a></h3>
|
||||
<img src="../../res/site/images/gemini.png" alt="Gemini" />
|
||||
<p>
|
||||
This is my Gemini capsule, you can learn more about it
|
||||
<a href="https://bloginamatrix.xyz/gemini-capsule/">here</a>.
|
||||
(Requires Gemini compatible browser.)
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<br />
|
||||
<section class="grid-item" id="wiki">
|
||||
<h3>
|
||||
<a href="https://wiki.arrayinamatrix.xyz"
|
||||
>Wiki archives<sup>⨳</sup></a
|
||||
>
|
||||
</h3>
|
||||
<img src="../../res/site/images/kiwix.svg" alt="Kiwix" />
|
||||
<p>
|
||||
Wiki mirrors hosted using <a href="https://kiwix.org">Kiwix</a>.
|
||||
Come browse Wikipedia, the Arch wiki and more!
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section id="gemini">
|
||||
<h3><a href="gemini://arrayinamatrix.xyz/">Gemini capsule</a></h3>
|
||||
<code>
|
||||
This is my Gemini capsule, you can learn more about it
|
||||
<a href="https://bloginamatrix.xyz/gemini-capsule/">here</a>.
|
||||
(Requires Gemini compatible browser.)
|
||||
</code>
|
||||
</section>
|
||||
<section class="grid-item" id="tor">
|
||||
<h3><a href="./tor/">Tor hidden services</a></h3>
|
||||
<img src="../../res/site/images/tor.png" alt="Tor" />
|
||||
<p>
|
||||
List of all of my Tor hidden services. Use Tor to bypass censorship!
|
||||
(Requires Tor compatible browser.)
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<br />
|
||||
<section class="grid-item" id="git">
|
||||
<h3>
|
||||
<a href="https://git.arrayinamatrix.xyz">Gitea<sup>⨳</sup></a>
|
||||
</h3>
|
||||
<img src="../../res/site/images/gitea.svg" alt="Gitea" />
|
||||
<p>Lightweight open sourced code hosting. (GitHub replacement!)</p>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<section id="wiki">
|
||||
<h3>
|
||||
<a href="https://wiki.arrayinamatrix.xyz"
|
||||
>Wiki archives<sup>⨳</sup></a
|
||||
>
|
||||
</h3>
|
||||
<code>
|
||||
Wiki mirrors hosted using <a href="https://kiwix.org">Kiwix</a>. Come
|
||||
browse Wikipedia, the Arch wiki and more!
|
||||
</code>
|
||||
</section>
|
||||
|
||||
<br />
|
||||
|
||||
<section id="tor">
|
||||
<h3><a href="./tor/">Tor hidden services</a></h3>
|
||||
<code>
|
||||
List of all of my Tor hidden services. Use Tor to bypass censorship!
|
||||
(Requires Tor compatible browser.)
|
||||
</code>
|
||||
</section>
|
||||
|
||||
<br />
|
||||
|
||||
<section id="git">
|
||||
<h3>
|
||||
<a href="https://git.arrayinamatrix.xyz">Gitea<sup>⨳</sup></a>
|
||||
</h3>
|
||||
<code>
|
||||
Lightweight open sourced code hosting. (GitHub replacement!)
|
||||
</code>
|
||||
</section>
|
||||
|
||||
<br />
|
||||
|
||||
<section id="share">
|
||||
<h3>
|
||||
<a href="https://share.arrayinamatrix.xyz">Share<sup>⨳</sup></a>
|
||||
</h3>
|
||||
<code>
|
||||
Lightweight and minimal temporary file sharing. You can share files
|
||||
using the browser or directly from the terminal!
|
||||
</code>
|
||||
</section>
|
||||
|
||||
<br />
|
||||
|
||||
<section id="share">
|
||||
<h3>
|
||||
<a href="https://kuma.arrayinamatrix.xyz/status/public"
|
||||
>Uptime Kuma<sup>⨳</sup></a
|
||||
>
|
||||
</h3>
|
||||
<code> Uptime monitoring tool. </code>
|
||||
</section>
|
||||
|
||||
<br />
|
||||
<hr />
|
||||
<br />
|
||||
|
||||
<section id="privacy">
|
||||
<h3><a href="./privacy/">Privacy Policy</a></h3>
|
||||
<code> Privacy policy of this website and its related services. </code>
|
||||
</section>
|
||||
|
||||
<br />
|
||||
|
||||
<section id="admin">
|
||||
<h3><a href="./admin/">Administration tools</a></h3>
|
||||
<code> Server statistics and management tools. </code>
|
||||
</section>
|
||||
|
||||
<!-- <section id="#">
|
||||
<h3><a href="#">Clickable title</a></h3>
|
||||
<code>
|
||||
Description here.
|
||||
</code></section> -->
|
||||
<div class="grid">
|
||||
<section class="grid-item" id="privacy">
|
||||
<h3><a href="./privacy/">Privacy Policy</a></h3>
|
||||
<p>Privacy policy of this website and its related services.</p>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<footer class="site-footer">
|
||||
You have reached the end of the page. (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
|
||||
|
|
|
|||
|
|
@ -709,22 +709,31 @@ section {
|
|||
transform: scale(1.5);
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
|
||||
.grid-item-banner {
|
||||
width: 88px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
main div {
|
||||
box-sizing: unset;
|
||||
}
|
||||
.center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
|
||||
grid-gap: 20px;
|
||||
}
|
||||
|
||||
.grid-item {
|
||||
display: grid;
|
||||
grid-template-rows: max-content 200px 1fr;
|
||||
}
|
||||
|
||||
.grid-item img {
|
||||
display: block;
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.grid-item-banner {
|
||||
width: 88px;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue