Readme updates

Also migrate away from DO

README.md

@@ -1,6 +1,6 @@
 # You can't download this image
 
-![Site uptime check](https://github.com/radiantly/you-cant-download-this-image/actions/workflows/site.yml/badge.svg)
+![Site status](https://github.com/radiantly/you-cant-download-this-image/actions/workflows/site.yml/badge.svg)
 
 Or can you? Visit https://youcantdownloadthisimage.com/ to give it a go!
 
@@ -16,12 +16,13 @@ make
 
 <details>
 <summary>Full setup</summary>
+
 The following assumes that you have [caddy](https://caddyserver.com/) installed with systemd.
 
 ```sh
 cd /opt                                                                # Navigate to /opt
 git clone https://github.com/radiantly/you-cant-download-this-image    # Clone repository
-chown -R root:caddy you-cant-download-this-image/                      # Set permissions: root owner, caddy group
+chown -R :caddy you-cant-download-this-image/                          # Set dir group to caddy
 cd you-cant-download-this-image && make                                # Build
 ```
 
@@ -47,5 +48,3 @@ systemctl restart caddy
 ## License
 
 MIT
-
-[![Powered by DigitalOcean](https://web-platforms.sfo2.cdn.digitaloceanspaces.com/WWW/Badge%201.svg)](https://www.digitalocean.com/?refcode=b907b37883ce&utm_campaign=Referral_Invite&utm_medium=Referral_Program&utm_source=badge)

public/index.html

@@ -5,6 +5,10 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta property="og:title" content="You can't download this image" />
+    <meta
+      property="description"
+      content="You think that saving images from the web is as easy as a right click and Save Image, hmm? Well, this website should give you a run for your money"
+    />
     <meta
       property="og:description"
       content="You think that saving images from the web is as easy as a right click and Save Image, hmm? Well, this website should give you a run for your money"
@@ -13,6 +17,7 @@
       property="og:image"
       content="https://youcantdownloadthisimage.online/thumb.png"
     />
+    <meta property="og:site_name" content="You can't download this image" />
     <title>You can't download this image!</title>
     <link
       href="https://fonts.googleapis.com/css2?family=Alegreya:ital@0;1&family=Rye&display=swap"
@@ -28,12 +33,12 @@
         below:
       </div>
       <figure class="image-box fx c hcenter">
-        <img src="lisa.jpg" alt="Mona Lisa" />
+        <img src="lisa.jpg" alt="Mona Lisa" width="300" height="447" />
         <figcaption></figcaption>
       </figure>
       <div class="para">
         Assuming you've just given it a go, you're probably being confronted
-        with a download that's infinitely going on. What black magic is this?!
+        with a download that's infinitely going on. What dark magic is this?!
       </div>
 
       <details>