Add page for all federating apps
This commit is contained in:
lostinlight
parent
9d5c253275
commit
5f3ee4e74a
|
|
@ -0,0 +1,174 @@
|
|||
{
|
||||
"apps":
|
||||
[
|
||||
{
|
||||
"title": "Aardwolf",
|
||||
"source": "github.com/Aardwolf-Social/aardwolf",
|
||||
"protocols": "ActivityPub",
|
||||
"site": "aardwolf.social",
|
||||
"logo": "/img/misc/aardwolf.png",
|
||||
"servers": "",
|
||||
"apClass": true,
|
||||
"zotClass": false,
|
||||
"diasporaClass": false,
|
||||
"OStatusClass": false,
|
||||
"categories": ["SN-ma"]
|
||||
},
|
||||
{
|
||||
"title": "Funkwhale",
|
||||
"source": "code.eliotberriot.com/funkwhale/funkwhale",
|
||||
"protocols": "ActivityPub",
|
||||
"site": "join.funkwhale.audio",
|
||||
"logo": "/img/misc/funkwhale.svg",
|
||||
"servers": "the-federation.info/funkwhale",
|
||||
"apClass": true,
|
||||
"zotClass": false,
|
||||
"diasporaClass": false,
|
||||
"OStatusClass": false,
|
||||
"categories": ["Media"]
|
||||
},
|
||||
{
|
||||
"title": "Plume",
|
||||
"source": "github.com/Plume-org/Plume",
|
||||
"protocols": "ActivityPub",
|
||||
"site": "",
|
||||
"logo": "/img/misc/plume.svg",
|
||||
"servers": "the-federation.info/plume",
|
||||
"apClass": true,
|
||||
"zotClass": false,
|
||||
"diasporaClass": false,
|
||||
"OStatusClass": false,
|
||||
"categories": ["Blog-Pub"]
|
||||
},
|
||||
{
|
||||
"title": "Write Freely",
|
||||
"source": "github.com/writeas/writefreely",
|
||||
"protocols": "ActivityPub",
|
||||
"site": "writefreely.org",
|
||||
"logo": "/img/misc/writefreely.svg",
|
||||
"servers": "the-federation.info/writefreely",
|
||||
"apClass": true,
|
||||
"zotClass": false,
|
||||
"diasporaClass": false,
|
||||
"OStatusClass": false,
|
||||
"categories": ["Blog-Pub"]
|
||||
},
|
||||
{
|
||||
"title": "Read.as",
|
||||
"source": "github.com/writeas/Read.as",
|
||||
"protocols": "ActivityPub",
|
||||
"site": "read.as",
|
||||
"logo": "",
|
||||
"servers": "the-federation.info/read.as",
|
||||
"apClass": true,
|
||||
"zotClass": false,
|
||||
"diasporaClass": false,
|
||||
"OStatusClass": false,
|
||||
"categories": ["Blog-Pub"]
|
||||
},
|
||||
{
|
||||
"title": "Kroeg",
|
||||
"source": "git.puckipedia.com/kroeg",
|
||||
"protocols": "ActivityPub",
|
||||
"site": "",
|
||||
"logo": "",
|
||||
"servers": "fediverse.network/kroeg",
|
||||
"apClass": true,
|
||||
"zotClass": false,
|
||||
"diasporaClass": false,
|
||||
"OStatusClass": false,
|
||||
"categories": ["SN-mi"]
|
||||
},
|
||||
{
|
||||
"title": "microblog.pub",
|
||||
"source": "github.com/tsileo/microblog.pub",
|
||||
"protocols": "ActivityPub",
|
||||
"site": "",
|
||||
"logo": "",
|
||||
"servers": "fediverse.network/microblogpub",
|
||||
"apClass": true,
|
||||
"zotClass": false,
|
||||
"diasporaClass": false,
|
||||
"OStatusClass": false,
|
||||
"categories": ["SN-mi"]
|
||||
},
|
||||
{
|
||||
"title": "Rustodon",
|
||||
"source": "github.com/rustodon/rustodon",
|
||||
"protocols": "ActivityPub",
|
||||
"site": "",
|
||||
"logo": "",
|
||||
"servers": "fediverse.network/rustodon",
|
||||
"apClass": true,
|
||||
"zotClass": false,
|
||||
"diasporaClass": false,
|
||||
"OStatusClass": false,
|
||||
"categories": ["SN-mi"]
|
||||
},
|
||||
{
|
||||
"title": "dokieli",
|
||||
"source": "github.com/linkeddata/dokieli",
|
||||
"protocols": "ActivityPub",
|
||||
"site": "dokie.li",
|
||||
"logo": "",
|
||||
"servers": "",
|
||||
"apClass": true,
|
||||
"zotClass": false,
|
||||
"diasporaClass": false,
|
||||
"OStatusClass": false,
|
||||
"categories": ["Blog-Pub"]
|
||||
},
|
||||
{
|
||||
"title": "Prismo",
|
||||
"source": "gitlab.com/mbajur/prismo",
|
||||
"protocols": "ActivityPub",
|
||||
"site": "",
|
||||
"logo": "",
|
||||
"servers": "",
|
||||
"apClass": true,
|
||||
"zotClass": false,
|
||||
"diasporaClass": false,
|
||||
"OStatusClass": false,
|
||||
"categories": ["Links"]
|
||||
},
|
||||
{
|
||||
"title": "Nextcloud",
|
||||
"source": "github.com/nextcloud/activity",
|
||||
"protocols": "ActivityPub",
|
||||
"site": "nextcloud.com",
|
||||
"logo": "",
|
||||
"servers": "",
|
||||
"apClass": true,
|
||||
"zotClass": false,
|
||||
"diasporaClass": false,
|
||||
"OStatusClass": false,
|
||||
"categories": ["Files-Cal"]
|
||||
},
|
||||
{
|
||||
"title": "ownCloud",
|
||||
"source": "github.com/owncloud/activity",
|
||||
"protocols": "ActivityPub",
|
||||
"site": "owncloud.org",
|
||||
"logo": "",
|
||||
"servers": "",
|
||||
"apClass": true,
|
||||
"zotClass": false,
|
||||
"diasporaClass": false,
|
||||
"OStatusClass": false,
|
||||
"categories": ["Files-Cal"]
|
||||
},
|
||||
{
|
||||
"title": "reel2bits",
|
||||
"source": "github.com/rhaamo/reel2bits",
|
||||
"protocols": "ActivityPub",
|
||||
"site": "",
|
||||
"logo": "",
|
||||
"servers": "fediverse.network/reel2bits",
|
||||
"apClass": true,
|
||||
"zotClass": false,
|
||||
"diasporaClass": false,
|
||||
"OStatusClass": false,
|
||||
"categories": ["Media"]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
|
||||
---
|
||||
layout: "miscellaneous"
|
||||
title: ""
|
||||
banner: "/img/misc-bg.png"
|
||||
percent: "45% 60%"
|
||||
---
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 75 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><g fill="#4082B4"><path d="M12.068 14.792a4.052 4.052 0 0 0 4.05-4.05.212.212 0 0 0-.21-.21H14.38a.212.212 0 0 0-.21.21 2.108 2.108 0 0 1-2.102 2.102 2.108 2.108 0 0 1-2.102-2.102.212.212 0 0 0-.21-.21H8.228a.212.212 0 0 0-.21.21 4.051 4.051 0 0 0 4.05 4.05z"/><path d="M12.068 18.613c4.337 0 7.871-3.534 7.871-7.871a.212.212 0 0 0-.21-.21H18.2a.212.212 0 0 0-.21.21c0 3.267-2.656 5.923-5.923 5.923s-5.923-2.656-5.923-5.923a.212.212 0 0 0-.21-.21H4.407a.212.212 0 0 0-.21.21c-.02 4.337 3.515 7.871 7.871 7.871z"/><path d="M23.569 10.532h-1.528a.212.212 0 0 0-.21.21c0 5.388-4.394 9.763-9.763 9.763-5.388 0-9.763-4.375-9.763-9.763a.212.212 0 0 0-.21-.21H.566a.212.212 0 0 0-.21.21c0 6.458 5.254 11.711 11.711 11.711s11.711-5.254 11.711-11.711a.21.21 0 0 0-.209-.21z"/></g><path fill="#222" d="M6.795 5.469c.783.401 1.624.478 2.388.917.497.287.802.611 1.108 1.089.478.726.459 1.624.459 1.624l.057.993s.382.993 1.223.993c.898 0 1.223-.993 1.223-.993l.057-.993s-.019-.898.459-1.624c.306-.478.611-.822 1.108-1.089.764-.439 1.605-.516 2.388-.917.783-.401 1.548-.917 2.063-1.643.516-.726.764-1.681.478-2.522-1.49-.076-3.21.096-4.528.802-1.834.974-2.942.63-3.267 2.082h-.019c-.325-1.471-1.433-1.108-3.267-2.082-1.319-.706-3.038-.878-4.529-.802-.286.841-.038 1.796.478 2.522.573.726 1.337 1.242 2.121 1.643z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill="#6E66AE" stroke="#6558A6" stroke-width=".2" stroke-linecap="square" stroke-linejoin="round" d="M2.145 22.464C.335 24.303.216 23.751.907 22.02l2.09-3.602c.286.072 2.458-9.778 9.687-14.503-1.632 2.794-.693 3.327-.693 3.327 1.298-3.887 2.416-5.444 11.738-6.849-2.683 2.02-1.142 7.299-8.87 9.77 2.244-.484 4.569-1.546 5.605-2.772-.576 3.964-9.181 10.66-15.012 11.5l-3.307 3.573z"/></svg>
|
||||
|
After Width: | Height: | Size: 459 B |
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#57EDA2" d="M14.372.553c-.1-.02-.205-.032-.313-.032H3.822c-.852 0-1.55.697-1.55 1.552V21.93c0 .852.7 1.55 1.55 1.55H14.06c.853 0 1.55-.696 1.55-1.55v-4.082l-.214-.048c-.145-.032-.284-.07-.426-.11l-.438.132v2.788H3.352V2.98h11.18v1.175c.35-.068.713-.114 1.08-.14V2.073c0-.75-.535-1.376-1.24-1.522v.003zm-3.755 1.09c.084.018.15.094.15.185 0 .104-.086.19-.188.19H7.304c-.104 0-.187-.086-.187-.188 0-.104.085-.188.187-.188h3.274c.012-.003.025 0 .035.002h.002zM9.097 21.17c.353.072.618.384.618.76 0 .43-.347.776-.774.776-.426 0-.774-.346-.774-.776s.347-.774.774-.774c.056 0 .108.005.157.014z"/><path fill="#57EDA2" d="M15.128 5.395c-3.87 0-6.787 2.393-6.787 5.567v.06c0 2.04.983 3.665 2.77 4.594l-.78 2.908c-.02.073.04.144.107.18.03.015.063.023.097.023h.022c.04 0 .078-.01.113-.034l4.04-2.16c.12.006.242.013.366.013.804 0 1.566-.104 2.27-.298 2.713-.72 4.57-2.755 4.57-5.286 0-3.174-2.92-5.567-6.788-5.567zm0 1.114c3.137 0 5.503 1.94 5.503 4.513 0 2.052-1.504 3.7-3.704 4.285-.57.158-1.188.242-1.84.242-.1 0-.198-.005-.296-.01l-3.156 1.808c-.028.02-.06.028-.092.028h-.02c-.026 0-.053-.007-.077-.02-.054-.03-.105-.088-.087-.145l.715-2.283c-1.448-.753-2.447-2.202-2.447-3.854v-.05c0-2.572 2.365-4.513 5.503-4.513h-.002z"/><path fill="#AD68D5" d="M11.765 7.982h1.727c.144 0 .257.036.338.108.085.068.14.153.162.257l.46 3.138c.04.266.074.527.1.783.028.252.05.506.07.762.08-.252.166-.504.256-.756.095-.257.2-.52.318-.79l1.228-3.108h.478s-1.45-.394-1.328-.394h3.14l-.086.057-3.392 6.94h-1.77l-1.7-6.998z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="#000" stroke-width="2.035" stroke-miterlimit="10" d="M22.586 12.025c0 5.605-4.57 10.35-10.173 10.553-5.6.202-10.518-4.184-10.922-9.78-.457-6.34 4.957-11.762 11.304-11.304 5.464.394 9.772 5.075 9.792 10.53z"/><path d="M9.957 2.606l10.405 9.413-10.405 9.386c-.436.01-2.67-.992-2.67-.992L17.59 12.02 7.287 3.653c.3-.2 2.447-1.045 2.67-1.047z"/></svg>
|
||||
|
After Width: | Height: | Size: 456 B |
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill="#292929" d="M23.104 13.133a12.9 12.9 0 0 1-1.321 2.627 10.472 10.472 0 0 1-1.828 2.12 8.438 8.438 0 0 1-2.243 1.429 6.433 6.433 0 0 1-2.535.507c-.369 0-.748-.056-1.137-.169a2.694 2.694 0 0 1-1.045-.599c-.307-.297-.558-.691-.753-1.183-.195-.502-.292-1.132-.292-1.889 0-.277.015-.579.046-.906h-.061a8.07 8.07 0 0 1-.891 1.782 7.708 7.708 0 0 1-1.275 1.521c-.466.43-.994.787-1.567 1.06a3.982 3.982 0 0 1-1.69.384c-.614 0-1.132-.108-1.552-.323a2.763 2.763 0 0 1-.999-.876 3.84 3.84 0 0 1-.553-1.306 7.28 7.28 0 0 1-.169-1.598c0-.83.041-1.695.123-2.596.092-.901.189-1.772.292-2.611.102-.84.195-1.613.277-2.32.092-.717.138-1.301.138-1.751 0-.195-.01-.379-.031-.553a1.28 1.28 0 0 0-.108-.476.799.799 0 0 0-.261-.323c-.113-.082-.266-.123-.461-.123-.174 0-.358.056-.553.169-.195.102-.389.276-.584.522a5.016 5.016 0 0 0-.553.937c-.184.389-.353.86-.507 1.413l-.876-.184c.072-.369.2-.804.384-1.306a6.892 6.892 0 0 1 .768-1.459c.32-.463.72-.863 1.183-1.183.471-.328 1.024-.492 1.659-.492.83 0 1.459.261 1.889.783.44.522.661 1.28.661 2.273 0 .461-.02.983-.061 1.567-.043.6-.1 1.199-.169 1.797a137.37 137.37 0 0 1-.415 3.733 82.232 82.232 0 0 0-.154 1.567c-.041.471-.061.855-.061 1.152 0 .236.02.466.061.691s.113.425.215.599.241.318.415.43.394.169.661.169c.676 0 1.342-.246 1.997-.737s1.239-1.203 1.751-2.135c.522-.932.942-2.074 1.26-3.426.328-1.362.492-2.908.492-4.639 0-.543-.015-1.101-.046-1.674-.032-.601-.089-1.2-.169-1.797h2.688c.021.092.036.205.046.338.043.259.064.521.061.783.01.123.015.22.015.292 0 1.055-.056 2.069-.169 3.042-.102.963-.22 1.884-.353 2.765-.133.871-.256 1.705-.369 2.504a18.02 18.02 0 0 0-.154 2.274c0 .307.02.609.061.906.051.297.138.558.261.783.133.225.312.41.538.553.236.133.538.2.906.2a3.942 3.942 0 0 0 1.536-.323 5.95 5.95 0 0 0 1.49-.937 8.017 8.017 0 0 0 1.306-1.429 9.66 9.66 0 0 0 1.06-1.828c.307-.676.543-1.393.707-2.151.174-.768.261-1.562.261-2.381 0-.399-.026-.789-.077-1.167a5.493 5.493 0 0 0-.246-1.06 2.524 2.524 0 0 0-.476-.845 1.826 1.826 0 0 0-.722-.553c-.123.276-.302.476-.538.599s-.486.184-.753.184c-.143 0-.292-.026-.445-.077a1.28 1.28 0 0 1-.43-.246 1.409 1.409 0 0 1-.307-.415 1.426 1.426 0 0 1-.123-.614c0-.174.031-.353.092-.538.072-.184.179-.348.323-.492.143-.154.333-.277.568-.369.246-.102.548-.154.906-.154.635 0 1.188.148 1.659.445.471.297.86.696 1.167 1.198.307.502.538 1.086.691 1.751.154.666.23 1.372.23 2.12 0 .696-.067 1.408-.2 2.135a11.14 11.14 0 0 1-.562 2.109z"/></svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
|
|
@ -23,6 +23,10 @@
|
|||
<path d="M21.8 10.6a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8zm-19.6 0a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8zm9.8 9.8a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8zm0-16.8a1.4 1.4 0 1 0 0-2.8 1.4 1.4 0 0 0 0 2.8zm3.388 9.8H17.6a1.4 1.4 0 0 0 0-2.8h-2.212l4.606-4.606a1.406 1.406 0 1 0-1.988-1.988L13.4 8.612V6.4a1.4 1.4 0 0 0-2.8 0v2.212L5.994 4.006a1.406 1.406 0 1 0-1.988 1.988L8.612 10.6H6.4a1.4 1.4 0 0 0 0 2.8h2.212l-4.606 4.606a1.411 1.411 0 0 0 0 1.988 1.42 1.42 0 0 0 1.988 0l4.606-4.606V17.6a1.4 1.4 0 0 0 2.8 0v-2.212l4.606 4.606a1.42 1.42 0 0 0 1.988 0 1.411 1.411 0 0 0 0-1.988L15.388 13.4z"/>
|
||||
</symbol>
|
||||
|
||||
<symbol id="icon-link" viewBox="0 0 24 24">
|
||||
<path d="M21.8 13.4a1.4 1.4 0 0 0-1.4 1.4v5.6H3.6V3.6h5.6a1.4 1.4 0 0 0 0-2.8H3.6C2.06.8.8 2.06.8 3.6v16.8c0 1.54 1.26 2.8 2.8 2.8h16.8c1.54 0 2.8-1.26 2.8-2.8v-5.6a1.4 1.4 0 0 0-1.4-1.4zm1.39-11.251a1.387 1.387 0 0 0-.096-.485l-.002-.004c-.005-.013-.015-.022-.021-.035a1.375 1.375 0 0 0-.25-.371c-.033-.036-.07-.064-.107-.096a1.363 1.363 0 0 0-.291-.196c-.045-.023-.086-.046-.133-.063A1.377 1.377 0 0 0 21.8.8h-7a1.4 1.4 0 1 0 0 2.8h3.62L6.81 15.21a1.4 1.4 0 1 0 1.98 1.98L20.4 5.58V9.2a1.4 1.4 0 1 0 2.8 0v-7c0-.018-.01-.033-.01-.051z"/>
|
||||
</symbol>
|
||||
|
||||
<symbol id="icon-logo" viewBox="0 0 24 24">
|
||||
<path d="M20.11 3.797V.387s-5.745 1.606-9.778 2.162c-1.417.196-6.442.972-6.442.972l5.245 2.606 1.203-.354c1.264-.373 2.522-.594 2.522-.594l-.031 6.216-3.545.831c-.328-.443-.853-.701-1.447-.701a1.8 1.8 0 0 0-1.164 3.174h-.061l-.952 1.563a1.473 1.473 0 0 0 .168 2.939c.021 0 .04-.005.06-.006l1.192 1.51c-.184.292-.23.637-.23 1.008a1.9 1.9 0 1 0 1.9-1.9c-.241 0-.501.047-.713.128L7.018 18.63c.197-.251.289-.564.289-.907 0-.414-.11-.787-.384-1.056l.929-1.543a1.798 1.798 0 0 0 1.765-1.531l3.213-.812v8.433l3.011-.522v-6.716l3.871-.749-.031-4.7-3.84.676.002-4.612 4.267-.794z"/>
|
||||
</symbol>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 13 KiB |
|
|
@ -2,12 +2,16 @@
|
|||
<%
|
||||
let contType = '';
|
||||
let ball = false;
|
||||
let misc;
|
||||
if (is_root()) {
|
||||
contType = 'main__container';
|
||||
}
|
||||
if (page.layout == 'crystalball') {
|
||||
ball = true;
|
||||
}
|
||||
if (page.layout == 'miscellaneous') {
|
||||
misc = "miscellaneous";
|
||||
}
|
||||
%>
|
||||
|
||||
<!DOCTYPE html>
|
||||
|
|
@ -21,7 +25,7 @@
|
|||
<![endif]-->
|
||||
<%- partial('_partial/navbar', null, {cache: !config.relative_link}) %>
|
||||
<%- partial('_partial/sidebar') %>
|
||||
<div class="container <%= contType %>">
|
||||
<div class="container <%= contType %> <%= misc %>">
|
||||
<noscript><small class="no-js">You disabled Javascript. Some things won't work.</small></noscript>
|
||||
<%- body %>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,58 @@
|
|||
---
|
||||
layout: layout
|
||||
---
|
||||
|
||||
<%
|
||||
const apps = site.data.miscellaneous.apps;
|
||||
%>
|
||||
|
||||
<%- partial('_partial/heroheader') %>
|
||||
|
||||
<article class="contents misc">
|
||||
<h2>EXPLORE FEDIVERSE SOFTWARE</h2>
|
||||
|
||||
<p class="option">ActivityPub</p> <input id="sortAP" type="checkbox">
|
||||
<p class="option">Zot</p> <input id="sortZot" type="checkbox">
|
||||
<p class="option">diaspora</p> <input id="sortDiaspora" type="checkbox">
|
||||
<p class="option">OStatus</p> <input id="sortOstatus" type="checkbox">
|
||||
<br>
|
||||
|
||||
<p class="option">Social network (macro)</p> <input id="snMacro" type="checkbox">
|
||||
<p class="option">Social network (micro)</p> <input id="snMicro" type="checkbox">
|
||||
<p class="option">Blog & Publishing</p> <input id="blogPub" type="checkbox">
|
||||
<p class="option">Media sharing (audio, images)</p> <input id="media" type="checkbox">
|
||||
<p class="option">Link sharing</p> <input id="links" type="checkbox">
|
||||
<p class="option">Events & meetups</p> <input id="evMeet" type="checkbox">
|
||||
<p class="option">File hosting & Calendar</p> <input id="files" type="checkbox">
|
||||
<p class="option">Developer Tools</p> <input id="dev" type="checkbox">
|
||||
<p class="option">Plugins</p> <input id="plugins" type="checkbox">
|
||||
|
||||
<section class="grid misc__grid">
|
||||
<% for (item in apps) { %>
|
||||
|
||||
<% let type = apps[item].categories %>
|
||||
<div class="card <% if (apps[item].apClass) { %>ap<% } %> <% if (apps[item].zotClass) { %>zot<% } %> <% if (apps[item].diasporaClass) { %>diaspora<% } %> <% if (apps[item].OStatusClass) { %>os<% } %> <% for (t in type) { %><%=type[t]%><% } %>">
|
||||
|
||||
<div class="card__title">
|
||||
<% if (apps[item].logo) { %><img src="<%= apps[item].logo %>" alt="logo"><% } %>
|
||||
<p class="title u-emphasize"><%= apps[item].title %></p>
|
||||
</div>
|
||||
<div class="card__body">
|
||||
<% if (apps[item].site) { %>
|
||||
<h4 class="card__subtitle">Website</h4>
|
||||
<p><a href="https://<%= apps[item].site %>"><%= apps[item].site %></a>
|
||||
<svg role="img"><title>remote link</title><use xlink:href="#icon-link"></use></svg></p>
|
||||
<% } %>
|
||||
<h4 class="card__subtitle">Source code</h4>
|
||||
<p><a href="https://<%= apps[item].source %>">repository</a> <svg role="img"><title>remote link</title><use xlink:href="#icon-link"></use></svg></p>
|
||||
<% if (apps[item].servers) { %>
|
||||
<h4 class="card__subtitle">Servers</h4>
|
||||
<p><a href="https://<%= apps[item].servers %>">list</a> <svg role="img"><title>remote link</title><use xlink:href="#icon-link"></use></svg></p>
|
||||
<% } %>
|
||||
<h4 class="card__subtitle">Protocols</h4>
|
||||
<p><%= apps[item].protocols %></p>
|
||||
</div>
|
||||
</div>
|
||||
<% } %>
|
||||
</section>
|
||||
</article>
|
||||
|
|
@ -15,4 +15,5 @@
|
|||
@import "modules/buttons";
|
||||
@import "modules/network";
|
||||
@import "modules/chronicles";
|
||||
@import "modules/misc";
|
||||
@import "modules/crystalball";
|
||||
|
|
|
|||
|
|
@ -0,0 +1,172 @@
|
|||
|
||||
.miscellaneous .hero-header {
|
||||
height: 420px;
|
||||
box-shadow: 1px 1px 4px 2px $black;
|
||||
}
|
||||
|
||||
.misc {
|
||||
background: $asphalt;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.misc a {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.misc svg {
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
color: $black;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.misc h2 {
|
||||
text-align: center;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.contents.misc p {
|
||||
margin: .2em 0;
|
||||
}
|
||||
|
||||
.misc h2,
|
||||
.misc p {
|
||||
color: $golden;
|
||||
}
|
||||
|
||||
.misc input {
|
||||
vertical-align: sub;
|
||||
margin: 0 1.2em 0 .4em;
|
||||
}
|
||||
|
||||
.misc p:nth-of-type(n+5):nth-of-type(-n+13) {
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.misc__grid {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
margin: 1.2em 0;
|
||||
}
|
||||
|
||||
.misc__grid .card {
|
||||
background-color: $white;
|
||||
color: $black;
|
||||
border-radius: 8px;
|
||||
flex: 30% 0 0;
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
.card p {
|
||||
padding-left: .5em;
|
||||
margin-bottom: .5em;
|
||||
color: $black;
|
||||
}
|
||||
|
||||
.card__title {
|
||||
margin-top: 1.2em;
|
||||
height: 45px;
|
||||
}
|
||||
|
||||
.card__title p {
|
||||
color: $black;
|
||||
}
|
||||
|
||||
.misc .title {
|
||||
float: right;
|
||||
width: 65%;
|
||||
right: 0;
|
||||
background: $golden;
|
||||
padding: .1em 1em .1em .2em;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.card__body {
|
||||
padding: 1em 2em 2em;
|
||||
}
|
||||
|
||||
.card__subtitle {
|
||||
border-bottom: 1px solid $golden;
|
||||
}
|
||||
|
||||
.card__title > img {
|
||||
display: inline;
|
||||
vertical-align: middle;
|
||||
margin-left: 2em;
|
||||
width: 45px;
|
||||
}
|
||||
|
||||
.option {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.option + #sortAP:checked ~ .misc__grid .card:not(.ap) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.option + #sortZot:checked ~ .misc__grid .card:not(.zot) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.option + #sortDiaspora:checked ~ .misc__grid .card:not(.dia) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.option + #sortOstatus:checked ~ .misc__grid .card:not(.os) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.option + #snMacro:checked ~ .misc__grid .card:not(.SN-ma) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.option + #snMicro:checked ~ .misc__grid .card:not(.SN-mi) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.option + #blogPub:checked ~ .misc__grid .card:not(.Blog-Pub) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.option + #media:checked ~ .misc__grid .card:not(.Media) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.option + #links:checked ~ .misc__grid .card:not(.Links) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.option + #evMeet:checked ~ .misc__grid .card:not(.Ev-Meet) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.option + #files:checked ~ .misc__grid .card:not(.Files-Cal) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.option + #dev:checked ~ .misc__grid .card:not(.Devtools) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.option + #plugins:checked ~ .misc__grid .card:not(.Plugins) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: $mq-medium) {
|
||||
.misc__grid .card {
|
||||
flex: 45% 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: $mq-small) {
|
||||
.misc__grid .card {
|
||||
flex: 49% 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: $mq-xsmall) {
|
||||
.misc__grid .card {
|
||||
flex: 100% 0 0;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,10 +1,11 @@
|
|||
|
||||
$white: #ffffff;
|
||||
$golden: #daba76;
|
||||
$golden: #fecb52;
|
||||
$coral: #e93a32;
|
||||
|
||||
|
||||
$black: #0e0a0c;
|
||||
$asphalt: #171014;
|
||||
$grey: #b9b9b9;
|
||||
|
||||
$diaspora: #000000;
|
||||
|
|
|
|||
|
|
@ -95,6 +95,7 @@ h3 {
|
|||
|
||||
ul > li {
|
||||
list-style-type: none;
|
||||
padding: .2em 0;
|
||||
}
|
||||
|
||||
ol {
|
||||
|
|
|
|||
Loading…
Reference in New Issue