[FAQ][CSS] All FAQ pages stylized, minor structure changes throughout.

This commit is contained in:
Eliseu Amaro 2021-08-09 13:25:08 +01:00 committed by Hugo Sales
parent 10f930ad4b
commit 68cf6dee65
Signed by: someonewithpc
GPG Key ID: 7D0C7EAFC9D835A0
14 changed files with 333 additions and 297 deletions

View File

@ -10,9 +10,9 @@
* small size - used in common text, borders
*/
--unit-size: 0.5rem;
--main-size: 1.15rem;
--medium-size: 0.9rem;
--small-size: 0.8rem;
--main-size: 1.4rem;
--medium-size: 1.2rem;
--small-size: 1rem;
/* colours and shadows */
--bg1: #242434;
@ -78,7 +78,7 @@
flex-wrap: wrap;
justify-content: space-around;
/*margin-top: calc(3 * var(--small-size) + var(--main-size));*/
margin-top: 3.3rem;
margin-top: 4.3rem;
}
/* THE FOCUSED (middle) DIV */
@ -93,6 +93,35 @@
max-width: 60%;
}
.markdown-blocks {
background-color: var(--translucent);
border-radius: 0 0 var(--unit-size) var(--unit-size);
border: solid 2px var(--bg2);
border-top: solid 2px var(--bg3);
padding: var(--unit-size);
}
.markdown-blocks ul {
margin-left: 1em;
list-style: disc;
}
.markdown-blocks ul li {
margin-bottom: 0.2em;
}
.doc-navigation {
background-color: var(--translucent);
border-radius: var(--unit-size) var(--unit-size) 0 0;
border: solid 2px var(--bg2);
border-bottom: none;
padding: var(--unit-size);
}
.doc-navigation ul {
display: flex;
justify-content: space-evenly;
font-size: var(--main-size);
font-family: var(--display-font);
}
/* NOTES */
.h-feed,
.notes {
@ -109,6 +138,7 @@
.note {
background-color: var(--translucent);
border: solid 2px var(--bg2);
border-top: solid 2px var(--bg3);
border-radius: var(--unit-size);
}

View File

@ -27,6 +27,7 @@
{% endfor %}
{% endfor %}
</head>
<body class="bg">
{% block header %}
<div id='header'>
@ -52,10 +53,12 @@
{% endblock header %}
<div class="container">
<div class='content'>
{% block nav %}{% endblock %}
{% block body %}{% endblock %}
{% block javascripts %}{% endblock javascripts %}
</div>
</div>
</body>
</html>

View File

@ -1,11 +1,15 @@
{% extends 'doc/faq/faq.html.twig' %}
{% block title %}Help{% endblock %}
{% block title %}Contact us!{% endblock %}
{% block body %}
{{ parent() }}
{% endblock %}
{% block nav %}
{{ parent() }}
{% endblock %}
{% block markdown %}
{% apply markdown_to_html %}
## Bugs

View File

@ -1,12 +1,13 @@
{% extends 'doc/base.html.twig' %}
{% extends 'doc/privacy.html.twig' %}
{% block title %}FAQ{% endblock %}
{% block header %}{{ parent() }}{% endblock %}
{% block body %}
<div class='content'>
<nav class='faq-nav'>
{{ parent() }}
{% endblock %}
{% block nav %}
<nav class='doc-navigation'>
<ul>
<li>
<a href="{{ path('doc_faq') }}"
@ -30,7 +31,8 @@
</li>
</ul>
</nav>
<div class='markd'>
{% endblock %}
{% block markdown %}
{% apply markdown_to_html %}
## What is this site?
@ -50,6 +52,3 @@
To subscribe to other people's notifications, go to their profile page and click the "subscribe" button. They'll get a notice that you're now subscribed to their notifications.
{% endapply %}
{% endblock %}
</div>
</div>
{% endblock %}

View File

@ -1,10 +1,14 @@
{% extends 'doc/faq/faq.html.twig' %}
{% block title %}Help{% endblock %}
{% block title %}Groups{% endblock %}
{% block body %}
{{ parent() }}
{% endblock %}
{% block nav %}
{{ parent() }}
{% endblock %}
{% block markdown %}
{% apply markdown_to_html %}
## Groups

View File

@ -1,11 +1,15 @@
{% extends 'doc/faq/faq.html.twig' %}
{% block title %}Help{% endblock %}
{% block title %}OpenID{% endblock %}
{% block body %}
{{ parent() }}
{% endblock %}
{% block nav %}
{{ parent() }}
{% endblock %}
{% block markdown %}
{% apply markdown_to_html %}
## Openid

View File

@ -1,11 +1,15 @@
{% extends 'doc/faq/faq.html.twig' %}
{% block title %}Help{% endblock %}
{% block title %}Tags{% endblock %}
{% block body %}
{{ parent() }}
{% endblock %}
{% block nav %}
{{ parent() }}
{% endblock %}
{% block markdown %}
{% apply markdown_to_html %}
## Tags

View File

@ -1,35 +1,36 @@
{% extends 'base.html.twig' %}
{% extends 'stdgrid.html.twig' %}
{% block title %}Privacy{% endblock %}
{% block body %}
{{ parent() }}
<div class='content'>
<div class='markd markd-single'>
<div class='markdown-blocks'>
{% block markdown %}
{% apply markdown_to_html %}
## Privacy
This document outlines this service's respect for your personal privacy as a user of the service.
- Almost all the text and files that users upload to this site is available under the site license (see the license block at the bottom of this page). Users agree to the license when they register to use the site for the first time. Typically that means that the data can be copied far and wide, for commercial and non-commercial purposes, and in modified or unmodified form. If you're not OK with that, don't use the service.
The following data items are considered private data that won't be shared with other users, business partners, or the public at large:
- your password
- your email address
- your IM address (AIM, Jabber, or other instant messaging address)
- your phone number
- your "private messages"
- your login credentials (username and password) for other services (Twitter, Facebook, etc.)
- Some private data may be published in aggregate, e.g. "30% of our users are registered with Hotmail addresses."
- Your notices (including files) can be downloaded and re-used by other services, either one-by-one or in bulk as RSS files.
- Your profile information (including subscriptions and avatars) can be downloaded and re-used by other services, either scraped from the HTML interface or in bulk as FOAF files.
- Your notices will be forwarded to users who subscribe to them, including users on another microblogging service.
- Your profile information will be sent to microblogging services for users who subscribe to you or to whom you subscribe.
- Based on your email preferences, you may receive automated email messages for important system events, such as when others subscribe to your notices.
- Based on your email preferences, you may receive an email newsletter. You can opt out of the newsletter if you don't want to receive it.
- In urgent situations, administrators may send you email directly to your registered email address, even if you've requested no notices or newsletter. Administrators will use digitally-signed email.
- This service will comply with court orders to turn over your private information.
Almost all the text and files that users upload to this site is available under the site license (see the license block at the bottom of this page). Users agree to the license when they register to use the site for the first time. Typically that means that the data can be copied far and wide, for commercial and non-commercial purposes, and in modified or unmodified form. If you're not OK with that, don't use the service.
The following data items **are considered private data** that won't be shared with other users, business partners, or the public at large:
- Your Password;
- Your Email address;
- Your IM address (AIM, Jabber, or other instant messaging address);
- Your phone number;
- Your "private messages";
- Your login credentials (username and password) for other services (Twitter, Facebook, etc.);
- Some private data may be published in aggregate, e.g. "30% of our users are registered with Hotmail addresses.";
- Your notices (including files) can be downloaded and re-used by other services, either one-by-one or in bulk as RSS files;
- Your profile information (including subscriptions and avatars) can be downloaded and re-used by other services, either scraped from the HTML interface or in bulk as FOAF files;
- Your notices will be forwarded to users who subscribe to them, including users on another microblogging service;
- Your profile information will be sent to microblogging services for users who subscribe to you or to whom you subscribe;
- Based on your email preferences, you may receive automated email messages for important system events, such as when others subscribe to your notices;
- Based on your email preferences, you may receive an email newsletter. You can opt out of the newsletter if you don't want to receive it;
- In urgent situations, administrators may send you email directly to your registered email address, even if you've requested no notices or newsletter. Administrators will use digitally-signed email;
- This service will comply with court orders to turn over your private information;
{% endapply %}
{% endblock %}
</div>
</div>
{% endblock %}

View File

@ -1,10 +1,11 @@
{% extends 'base.html.twig' %}
{% extends 'doc/privacy.html.twig' %}
{% block title %}Source{% endblock %}
{% block body %}
{{ parent() }}
<div class='content'>
<div class='markd markd-single'>
{% endblock %}
{% block markdown %}
{% apply markdown_to_html %}
## Source
@ -19,6 +20,3 @@
- GNU social repository, https://notabug.org/gnu/gnu-social
{% endapply %}
{% endblock %}
</div>
</div>
{% endblock %}

View File

@ -1,10 +1,11 @@
{% extends 'base.html.twig' %}
{% extends 'doc/privacy.html.twig' %}
{% block title %}Terms of Service{% endblock %}
{% block title %}TOS{% endblock %}
{% block body %}
{{ parent() }}
<div class='content'>
<div class='markd markd-single'>
{% endblock %}
{% block markdown %}
{% apply markdown_to_html %}
## TOS
@ -84,6 +85,3 @@
Originally published by Automattic, Inc. as the WordPress.com Terms of Service and made available by them under the Creative Commons Attribution-ShareAlike 3.0 License. Modifications to remove reference to "VIP services", rename "blog" to "notice stream", remove the choice-of-venue clause, and add variables specific to instances of this software made by Control Yourself, Inc. and made available under the terms of the same license.
{% endapply %}
{% endblock %}
</div>
</div>
{% endblock %}

View File

@ -1,10 +1,11 @@
{% extends 'base.html.twig' %}
{% extends 'doc/privacy.html.twig' %}
{% block title %}Version{% endblock %}
{% block body %}
{{ parent() }}
<div class='content'>
<div class='markd markd-single'>
{% endblock %}
{% block markdown %}
{% apply markdown_to_html %}
## GNU social 3
@ -24,6 +25,3 @@
You should have received a copy of the GNU Affero General Public License along with this program. If not, see https://www.gnu.org/licenses/agpl.html.
{% endapply %}
{% endblock %}
</div>
</div>
{% endblock %}

View File

@ -1 +0,0 @@
{% extends "base.html.twig" %}

View File

@ -9,8 +9,6 @@
{% block body %}
<div class="content">
{# Backwards compatibility with hAtom 0.1 #}
<div class="timeline">
<main class="h-feed hfeed notes">
@ -24,7 +22,6 @@
</main>
</div>
</div>
{% endblock body %}
{% block javascripts %}{% endblock %}

View File

@ -17,8 +17,6 @@
{% endblock %}
{% block body %}
<div class="content">
<nav class='main-nav fg'>
<h1>Settings</h1>
<ul>
@ -111,7 +109,6 @@
</li>
</ul>
</nav>
</div>
{% endblock body %}
{% block javascripts %}{% endblock %}