move the screenshot into the web app
- ID
a0f3d00- date
2022-05-07 09:37:40+00:00- author
Alex Chan <alex@alexwlchan.net>- parent
9eaeb1e- message
move the screenshot into the web app- changed files
3 files, 7 additions, 1 deletion
Changed files
webapp/README.md (1298) → webapp/README.md (1305)
diff --git a/webapp/README.md b/webapp/README.md
index c7bd61f..03359bd 100644
--- a/webapp/README.md
+++ b/webapp/README.md
@@ -2,7 +2,7 @@
This is a web version of [dominant_colours], which is available at <https://dominant-colours.glitch.me/>
-<img src="screenshot_wide.png" alt="A screenshot of the web app. It says 'find the dominant colours in an image' in bold letters at the top, then an illustration of two people in a Chinese dragon costume. On the right hand side are the dominant colours from that image: brown, blue, red and yellow, along with hex codes. At the bottom is a red-coloured link 'try another image'.">
+<img src="static/screenshot_wide.png" alt="A screenshot of the web app. It says 'find the dominant colours in an image' in bold letters at the top, then an illustration of two people in a Chinese dragon costume. On the right hand side are the dominant colours from that image: brown, blue, red and yellow, along with hex codes. At the bottom is a red-coloured link 'try another image'.">
It's not meant to replace the command-line tool -- it won't get all the options, and uploading the image over HTTP means it's a lot slower.
It's meant to be a quick replacement when I don't have easy access to a command line, e.g. when I'm on my phone.
webapp/screenshot_wide.png (1703237) → webapp/static/screenshot_wide.png (1703237)
diff --git a/webapp/screenshot_wide.png b/webapp/static/screenshot_wide.png
similarity index 100%
rename from webapp/screenshot_wide.png
rename to webapp/static/screenshot_wide.png
Binary files a/webapp/screenshot_wide.png and b/webapp/static/screenshot_wide.png differ
webapp/templates/base.html (1082) → webapp/templates/base.html (1457)
diff --git a/webapp/templates/base.html b/webapp/templates/base.html
index df820da..7eeecbb 100644
--- a/webapp/templates/base.html
+++ b/webapp/templates/base.html
@@ -6,6 +6,12 @@
<link rel="stylesheet" href="/static/style.css">
+ <meta name="twitter:card" content="summary_large_image">
+ <meta name="twitter:site" content="dominant_colours" />
+ <meta name="twitter:title" content="dominant_colours" />
+ <meta name="twitter:description" content="Find the dominant colours in an image">
+ <meta name="twitter:image" content="https://dominant-colours.glitch.me/static/screenshot_wide.png" />
+
<title>dominant colours</title>
</head>
<body>