Mirrors/keyoxide-web
1
0
Fork 1
mirror of https://codeberg.org/keyoxide/keyoxide-web.git synced 2024-12-22 23:09:29 -07:00
Code Issues Projects Releases Packages Wiki Activity

feat: improve apps page

Browse source
This commit is contained in:
Yarmo Mackenbach 2023-10-05 10:51:54 +02:00
parent c6932f8b98
commit df48b92732
No known key found for this signature in database
GPG key ID: 3C57D093219103A3
3 changed files with 10 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
static-src/styles/layout.scss
View file

@ -27,6 +27,10 @@ You should also get your employer (if you work as a programmer) or school,
if any, to sign a "copyright disclaimer" for the program, if necessary. For if any, to sign a "copyright disclaimer" for the program, if necessary. For
more information on this, and how to apply and follow the GNU AGPL, see <https://www.gnu.org/licenses/>. more information on this, and how to apply and follow the GNU AGPL, see <https://www.gnu.org/licenses/>.
*/ */
hr {
margin: 3em 0;
color: var(--line-color-subtle);
}
body { body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

4
static-src/styles/vars.scss
View file

@ -84,6 +84,8 @@ more information on this, and how to apply and follow the GNU AGPL, see <https:/
--link-color-subtle: var(--text-color); --link-color-subtle: var(--text-color);
--link-color-hover: var(--purple-700); --link-color-hover: var(--purple-700);
--line-color-subtle: var(--grey-200);
--button-text-color: var(--text-color); --button-text-color: var(--text-color);
--button-text-color-hover: var(--text-color); --button-text-color-hover: var(--text-color);
--button-border-color: var(--grey-300); --button-border-color: var(--grey-300);
@ -123,6 +125,8 @@ more information on this, and how to apply and follow the GNU AGPL, see <https:/
--link-color-subtle: var(--text-color); --link-color-subtle: var(--text-color);
--link-color-hover: var(--primary-color); --link-color-hover: var(--primary-color);
--line-color-subtle: var(--grey-700);
--button-text-color: var(--text-color); --button-text-color: var(--text-color);
--button-text-color-hover: var(--text-color); --button-text-color-hover: var(--text-color);
--button-border-color: var(--grey-700); --button-border-color: var(--grey-700);

2
views/apps.pug
View file

@ -4,6 +4,7 @@ block content
section section
h1 Apps h1 Apps
h2 Keyoxide mobile h2 Keyoxide mobile
p The app allows you to verify the online identities of Keyoxide profiles.
.screenshots .screenshots
img(src="/static/img/keyoxide_mobile_dark_home.jpg" img(src="/static/img/keyoxide_mobile_dark_home.jpg"
alt="Screenshot of Keyoxide mobile app") alt="Screenshot of Keyoxide mobile app")
@ -35,6 +36,7 @@ block content
hr hr
h2 Keyoxide ASP web tool h2 Keyoxide ASP web tool
p The web tool lets you create and maintain Keyoxide profiles using the ASP method.
.screenshots .screenshots
img(src="/static/img/keyoxide_asp_web_home.jpg" img(src="/static/img/keyoxide_asp_web_home.jpg"
alt="Screenshot of Keyoxide ASP web tool") alt="Screenshot of Keyoxide ASP web tool")