From 4db9302042d1b68f44b7ca69037a7a99d75cb527 Mon Sep 17 00:00:00 2001 From: Jan Dittberner Date: Sat, 20 May 2023 11:52:17 +0200 Subject: [PATCH] Improve logo rendering This commit implements responsive sizing for the CAcert logo. The logo has been optimized in Inkscape to support dynamic sizing. --- src/index.html | 32 +++++++++++++++++++------------- src/scss/styles.scss | 16 ++++++++++++++++ 2 files changed, 35 insertions(+), 13 deletions(-) diff --git a/src/index.html b/src/index.html index e6a9b9d..a69b5f6 100644 --- a/src/index.html +++ b/src/index.html @@ -13,19 +13,25 @@
-

Client certificate generation in your browser

diff --git a/src/scss/styles.scss b/src/scss/styles.scss index 2f67600..7c57a54 100644 --- a/src/scss/styles.scss +++ b/src/scss/styles.scss @@ -1 +1,17 @@ @import "node_modules/bootstrap/scss/bootstrap"; + +.letters { + fill:#0f548a; + fill-opacity:1; + fill-rule:nonzero; + stroke:none; +} + +#cacert-logo { + width: 300px; + height: auto; + + @media screen and (max-device-width: 350px) { + width: 100%; + } +} \ No newline at end of file