mirror of
https://github.com/LemmyNet/joinlemmy-site.git
synced 2024-11-25 22:01:17 +00:00
Prettying up the apps page. Fixes #8
This commit is contained in:
parent
09700f5254
commit
d784c255ed
7 changed files with 123 additions and 15 deletions
|
|
@ -1,17 +1,3 @@
|
||||||
+++
|
+++
|
||||||
template = "page.html"
|
template = "apps.html"
|
||||||
+++
|
+++
|
||||||
|
|
||||||
# Lemmy Projects
|
|
||||||
|
|
||||||
## Apps
|
|
||||||
|
|
||||||
- [lemmy-ui - The official web app for lemmy](https://github.com/LemmyNet/lemmy-ui)
|
|
||||||
- [Lemmur - A mobile client for Lemmy (Android, Linux, Windows)](https://github.com/krawieck/lemmur)
|
|
||||||
- [Remmel - A native iOS app](https://github.com/uuttff8/Lemmy-iOS)
|
|
||||||
|
|
||||||
## Libraries
|
|
||||||
|
|
||||||
- [lemmy-js-client](https://github.com/LemmyNet/lemmy-js-client)
|
|
||||||
- [Dart API client ( under development )](https://github.com/krawieck/lemmy_api_client)
|
|
||||||
- [Kotlin API ( under development )](https://github.com/eiknat/lemmy-client)
|
|
||||||
|
|
|
||||||
29
static/images/lemmur.svg
Normal file
29
static/images/lemmur.svg
Normal file
|
|
@ -0,0 +1,29 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
|
||||||
|
viewBox="0 0 756 756"
|
||||||
|
xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<defs>
|
||||||
|
<style type="text/css">
|
||||||
|
.outline { fill: #1A1A1A; }
|
||||||
|
.border {
|
||||||
|
stroke: white;
|
||||||
|
stroke-width: 5px;
|
||||||
|
}
|
||||||
|
.fill { fill: #eeeeee }
|
||||||
|
.background { fill: #ffffff00 }
|
||||||
|
</style>
|
||||||
|
</defs>
|
||||||
|
<g id="Layer_x0020_1">
|
||||||
|
<rect class="background" x="3" y="1" width="750" height="750"/>
|
||||||
|
<path class="outline border" d="M520 198c17,-15 42,-31 68,-44 32,-15 65,-26 90,-27l8 0 2 8c16,52 22,100 16,143 -6,44 -23,83 -55,118l-2 2 -1 1 40 -1c6,0 11,5 11,11 0,6 -5,11 -11,11l-54 1c0,2 0,4 0,6 0,5 0,10 -1,16l56 10c6,1 10,7 9,13 -1,6 -7,10 -13,9l-56 -10c-2,6 -4,12 -7,18l50 23c5,3 8,9 5,15 -3,5 -9,8 -15,5l-51 -23c-15,24 -35,47 -58,68 -34,30 -74,56 -110,71 -18,11 -39,17 -65,17l0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0c-27,0 -48,-7 -66,-19 -29,-14 -61,-34 -91,-57 -30,-24 -57,-53 -75,-83l-57 26c-5,3 -12,0 -15,-5 -3,-5 0,-12 5,-15l56 -26c-3,-6 -5,-11 -7,-17l-63 12c-6,1 -12,-3 -13,-9 -1,-6 3,-12 9,-13l61 -11c-1,-6 -1,-12 -1,-18 0,-1 0,-1 0,-3l-59 -1c-6,0 -11,-5 -11,-11 0,-6 5,-11 11,-11l48 1c-1,0 -1,-1 -2,-1l-1 -1c-32,-34 -49,-74 -55,-118 -6,-43 0,-91 16,-143l2 -8 8 0c24,1 57,11 87,26 26,13 52,28 69,43 34,-17 79,-27 138,-27 1,0 3,0 5,0 48,0 100,7 144,28z"/>
|
||||||
|
<g id="_413997968">
|
||||||
|
<path class="fill" d="M456 411c22,-27 55,-37 82,-20.2 31,21 50,79 19,122 -34,46 -169,-17 -100,-103zm-157 0c-22,-27 -55,-37 -82,-19 -31,21 -50,79 -19,120.7 34,46 169,-17 100,-103zm-82 64c2,19 20,35 41,32 20,-3 35,-19 32,-41 -5,-46 -78,-41 -73,9zm317 2c7,-49 -63,-58 -72,-13 -4,22 12,40 30,43 21,3 39,-11 42,-30zm-197 60c5,-13 21,-72 41,-72 20,0 37,61 42,74 30,17 49,45 46,69 25,-14 50,-32 73,-52 41,-37 73,-82 74,-126 0,-52 -6,-112 -39,-157 -32,-45 -91,-78 -195,-78 -104,0 -162,32 -194,76 -32,44 -39,102 -41,153 0,0 0,2 0,3 0,48 41,100 91,140 18,15 37,28 56,39 -3,-24 17,-52 47,-69z"/>
|
||||||
|
<path class="fill" d="M635 376c3,-30 -16,-94 -34,-117 13,-78 37,-89 75,-115 24,82 30,173 -42,232zm-513 0c-3,-30 16,-94 34,-117 -13,-78 -37,-89 -75,-115 -24,82 -30,173 42,232z"/>
|
||||||
|
<circle class="outline" cx="253" cy="473" r="15"/>
|
||||||
|
<circle class="outline" cx="497" cy="473" r="15"/>
|
||||||
|
</g>
|
||||||
|
<path class="fill" d="M418 550c-24,14 -55,14 -79,0 3,29 18,14 40,43 18,-26 37,-13 39,-43z"/>
|
||||||
|
<path class="fill" d="M378 614c-7,9 -23,27 -49,15 6,-1 31,-2 49,-29 18,27 43,28 49,29 -26,13 -42,-6 -49,-15z"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.6 KiB |
BIN
static/images/lemmur_screen.webp
Normal file
BIN
static/images/lemmur_screen.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
BIN
static/images/remmel.webp
Normal file
BIN
static/images/remmel.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
BIN
static/images/remmel_screen.webp
Normal file
BIN
static/images/remmel_screen.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 67 KiB |
82
templates/apps.html
Normal file
82
templates/apps.html
Normal file
|
|
@ -0,0 +1,82 @@
|
||||||
|
{% extends "base.html" %}
|
||||||
|
{% block content %}
|
||||||
|
<div class="container">
|
||||||
|
<h1>Lemmy Apps</h1>
|
||||||
|
<p>Choose from any of the apps below.</p>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="card col-6">
|
||||||
|
<header class="is-center">
|
||||||
|
<img class="app-icon" src="/images/lemmy.svg" />
|
||||||
|
<h4>
|
||||||
|
<a href="https://github.com/LemmyNet/lemmy-ui">lemmy-ui</a>
|
||||||
|
</h4>
|
||||||
|
|
||||||
|
</header>
|
||||||
|
</header>
|
||||||
|
<div class="is-center">
|
||||||
|
<img class="app-banner" src="/images/mobile_pic.webp" />
|
||||||
|
</div>
|
||||||
|
<br />
|
||||||
|
<p class="is-center">The official web app for lemmy.</p>
|
||||||
|
<footer class="is-center">
|
||||||
|
<a class="button primary" href="https://github.com/LemmyNet/lemmy-ui">Download</a>
|
||||||
|
<a class="button primary" href="https://github.com/LemmyNet/lemmy-ui"><svg class="icon icon-github"><use xlink:href="#icon-github"></use></svg></a>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card col-6">
|
||||||
|
<header class="is-center">
|
||||||
|
<img class="app-icon" src="/images/lemmur.svg" />
|
||||||
|
<h4>
|
||||||
|
<a href="https://github.com/krawieck/lemmur">lemmur</a>
|
||||||
|
</h4>
|
||||||
|
|
||||||
|
</header>
|
||||||
|
</header>
|
||||||
|
<div class="is-center">
|
||||||
|
<img class="app-banner" src="/images/lemmur_screen.webp" />
|
||||||
|
</div>
|
||||||
|
<br />
|
||||||
|
<p class="is-center">A mobile client for Lemmy, written in flutter, for Android, Linux, and Windows.</p>
|
||||||
|
<footer class="is-center">
|
||||||
|
<a class="button primary" href="https://github.com/krawieck/lemmur/releases">Download</a>
|
||||||
|
<a class="button primary" href="https://github.com/krawieck/lemmur"><svg class="icon icon-github"><use xlink:href="#icon-github"></use></svg></a>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card col-6">
|
||||||
|
<header class="is-center">
|
||||||
|
<img class="app-icon" src="/images/remmel.webp" />
|
||||||
|
<h4>
|
||||||
|
<a href="https://github.com/uuttff8/Lemmy-iOS">remmel</a>
|
||||||
|
</h4>
|
||||||
|
|
||||||
|
</header>
|
||||||
|
</header>
|
||||||
|
<div class="is-center">
|
||||||
|
<img class="app-banner" src="/images/remmel_screen.webp" />
|
||||||
|
</div>
|
||||||
|
<br />
|
||||||
|
<p class="is-center">An iOS client for lemmy.</p>
|
||||||
|
<footer class="is-center">
|
||||||
|
<a class="button primary" href="https://apps.apple.com/us/app/remmel-for-lemmy/id1547988171">Download</a>
|
||||||
|
<a class="button primary" href="https://github.com/uuttff8/Lemmy-iOS"><svg class="icon icon-github"><use xlink:href="#icon-github"></use></svg></a>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h1>Lemmy API Libraries</h1>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="https://github.com/LemmyNet/lemmy-js-client">lemmy-js-client</a> - a javascript / typescript client.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://github.com/krawieck/lemmy_api_client">lemmy-dart client</a> - a dart / flutter client.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
{% endblock content %}
|
||||||
|
|
@ -50,6 +50,17 @@
|
||||||
height: 100px;
|
height: 100px;
|
||||||
object-fit: scale-down;
|
object-fit: scale-down;
|
||||||
}
|
}
|
||||||
|
.app-banner {
|
||||||
|
width: 100%;
|
||||||
|
height: 300px;
|
||||||
|
object-fit: scale-down;
|
||||||
|
}
|
||||||
|
.app-icon {
|
||||||
|
display: inline-block;
|
||||||
|
height: 30px;
|
||||||
|
width: 30px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
.join-desc {
|
.join-desc {
|
||||||
<!-- height: 20vh; -->
|
<!-- height: 20vh; -->
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue