Skip to content

Adjust SSG pages & styles #593

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 9 commits into
base: main
Choose a base branch
from
Open

Adjust SSG pages & styles #593

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
ade85c6
fix: replace unicode with regular double quotes
DarkCat09 Jul 3, 2025
79c4e85
style: whitespace and `<single tags />`
DarkCat09 Jul 3, 2025
41c39bb
style: inconsistent newlines in markdown
DarkCat09 Jul 3, 2025
93fcd37
feat: center button and qrcode
DarkCat09 Jul 3, 2025
2e83186
feat: remove button border, adjust padding
DarkCat09 Jul 3, 2025
90a6ec0
fix: typography, px->rem, paddings
DarkCat09 Jul 3, 2025
10623c5
revert: feat: remove button border, adjust padding
DarkCat09 Jul 4, 2025
2bce90a
revert: style: inconsistent newlines in markdown
DarkCat09 Jul 8, 2025
e2cf0e7
revert: style: whitespace and `<single tags />`
DarkCat09 Jul 8, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 6 additions & 3 deletions www/src/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,14 +11,17 @@ for Delta Chat users. For details how it avoids storing personal information
please see our [privacy policy](privacy.html).
{% endif %}

<a class="cta-button" href="DCACCOUNT:https://{{ config.mail_domain }}/new">Get a {{config.mail_domain}} chat profile</a>
<a class="cta-button link-centered" href="DCACCOUNT:https://{{ config.mail_domain }}/new">
Get a {{config.mail_domain}} chat profile
</a>

If you are viewing this page on a different device
without a Delta Chat app,
you can also **scan this QR code** with Delta Chat:

<a href="DCACCOUNT:https://{{ config.mail_domain }}/new">
<img width=300 style="float: none;" src="qr-chatmail-invite-{{config.mail_domain}}.png" /></a>
<a class="link-centered" href="DCACCOUNT:https://{{ config.mail_domain }}/new">
<img width=300 src="qr-chatmail-invite-{{config.mail_domain}}.png">
</a>

🐣 **Choose** your Avatar and Name

Expand Down
59 changes: 34 additions & 25 deletions www/src/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,25 +1,27 @@
:root {
font-size: 1.25rem;
}

body {
margin: 1rem auto;
padding: 0 0.5rem;
max-width: 40rem;

font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
line-height: 1.4;
font-size: 1.2em;
max-width: 800px;
margin: 20px auto;
padding: 0 10px;

color: #363636;
background: #fff;
}

h1 {
font-size: 2.2em;
margin-top: 0;
font-size: 2.2rem;
}

h1, h2, h3, h4, h5, h6 {
color: #000;
margin-bottom: 12px;
margin-top: 24px;
font-weight: 600;
margin: 1rem 0;
}

a {
Expand All @@ -38,8 +40,8 @@ img, video {

code {
background: #efefef;
padding: 2.5px 5px;
border-radius: 6px;
padding: 0.1rem 0.25rem;
border-radius: 0.25rem;
}

#menu {
Expand All @@ -50,14 +52,15 @@ code {

#menu li {
display: inline-block;
padding-right: 0.5em;
padding-right: 0.85rem;
}

#domain {
li#domain {
margin-left: auto;
padding-right: 0;
}

#domain a {
li#domain a {
color: #888;
}

Expand All @@ -66,21 +69,27 @@ code {
}

.experimental {
margin: 3em 0;
padding: 1em;
border: 4px dashed red;
margin-top: 2rem;
padding: 1rem;
border: 0.2rem dashed red;

color: red;
font-weight: bold;
}

.link-centered {
display: block;
width: fit-content;
margin: 0 auto;
text-align: center;
}

.cta-button, .cta-button:hover, .cta-button:visited {
border: 1.5px solid #a4c2d0;
border-radius: 5px;
padding: 10px;
display: inline-block;
margin: 10px 0;

background: linear-gradient(120deg, #77888f, #364e59);
color: white !important;
font-weight: bold;
border: 0.05rem solid #a4c2d0;
border-radius: 0.25rem;
padding: 0.5rem;

background: linear-gradient(120deg, #77888f, #364e59);
color: #fff;
font-weight: bold;
}
2 changes: 1 addition & 1 deletion www/src/page-layout.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
<title>{{ config.mail_domain }} {{ pagename }}</title>
<link rel="stylesheet" href="./main.css">
<link rel="icon" href="/logo.svg">
<link rel=”mask-icon” href=”/logo.svg” color=”#000000">
<link rel="mask-icon" href="/logo.svg" color="#000000">
</head>
<body>

Expand Down
Loading