diff --git a/README.md b/README.md index 29812ab..a8ffe42 100644 --- a/README.md +++ b/README.md @@ -46,6 +46,15 @@ To submit a feature suggestion or file a bug report, please [create a new issue Safari needs to be built in Xcode. I have only tested building Cookie-Editor on Xcode 15. +## Thanks + +Thanks to DigitalOcean for supporting open-source software. + +

+ + Powered by DigitalOcean + +

## Disclaimer diff --git a/site/img/digitalocean-vertical.svg b/site/img/digitalocean-vertical.svg new file mode 100644 index 0000000..50963bb --- /dev/null +++ b/site/img/digitalocean-vertical.svg @@ -0,0 +1,40 @@ + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/site/index.html b/site/index.html index 6739383..1db79da 100644 --- a/site/index.html +++ b/site/index.html @@ -168,7 +168,23 @@

Cookie-Editor is available on Google Chrome, Firefox, Safari, Edge and Opera
-

Ad

+ +
+ Digital Ocean Logo +
+

+

+ Cookie-Editor is supported by: DigitalOcean +

+

+ Thanks to DigitalOcean for supporting open-source software. +

+ +
+
+
Tab for cause logo
@@ -182,6 +198,7 @@

+
(Ad)

diff --git a/site/style/main.css b/site/style/main.css index c9d3f7e..8cbd4da 100644 --- a/site/style/main.css +++ b/site/style/main.css @@ -360,11 +360,29 @@ header .btn-cta { font-weight: 700; } -.ad { +.ad-container { + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: baseline; + align-content: flex-start; + gap: 50px +} + +.ad { display: flex; justify-content: center; align-items: center; gap: 20px; + margin-top: 40px; + max-width: 560px; + flex: 1; +} + +.ad p { + line-height: 1.2em; + font-size: 0.95em; + padding: 5px 0; } .ad > img { @@ -375,6 +393,12 @@ header .btn-cta { margin-top: 5px; } +.ad .ad-disclaimer { + display: inline-block; + margin-left: 10px; + color: #CACACA +} + #contribution { display: flex; gap: 100px;