sbrl/pepperminty-wiki-website
sbrl/pepperminty-wiki-website
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Polish new android section

Browse source
This commit is contained in:
Starbeamrainbowlabs 2022-05-01 03:23:54 +01:00
parent efbc4d607c
commit bfae22c80b
Signed by: sbrl
GPG key ID: 1BE5172E637709C2
3 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/index.html
View file

@ -118,12 +118,11 @@ title: Pepperminty Wiki
</figure> </figure>
</div> </div>
<div class="panel-small double margin-vertical padding-medium"> <div class="panel-small double lean-left margin-vertical padding-medium">
<div class="left centre"> <div class="left centre">
<img class="invert-when-dark" alt="" src="static/images/icon-phone.svg" /> <img class="tall-image-limiter" alt="" src="static/images/android-client-dark.png" />
TODO replace this with a screenshot
</div> </div>
<div class="right"> <div class="right centre">
<p><strong>Android App</strong></p> <p><strong>Android App</strong></p>
<p>A native android client app enables browsing your wiki at speed on your phone!</p> <p>A native android client app enables browsing your wiki at speed on your phone!</p>
<p>It's a work in progress, so more features will be added incrementally.</p> <p>It's a work in progress, so more features will be added incrementally.</p>

2
src/static/css/main.css
View file

@ -229,6 +229,8 @@ button, summary { cursor: pointer; }
.logo.medium { max-width: 1.5em; } .logo.medium { max-width: 1.5em; }
.logo.small { max-width: 1em; } .logo.small { max-width: 1em; }
.tall-image-limiter { max-height: 80vh; }
.feature-list { .feature-list {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(20em, 100%), 1fr)); grid-template-columns: repeat(auto-fill, minmax(min(20em, 100%), 1fr));

BIN
src/static/images/android-client-dark.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 140 KiB