diff options
author | Jakob Odersky <jakob@odersky.com> | 2018-10-31 02:20:25 -0700 |
---|---|---|
committer | Jakob Odersky <jakob@odersky.com> | 2018-10-31 02:20:25 -0700 |
commit | ae4b68364c461f7c1ebb1f3006c8aa6759dd1655 (patch) | |
tree | d2041951c08ddfee53458ad8bad2790b57843e56 | |
parent | 5a59e784e58e14a8c3634969674369839c5ee26e (diff) | |
download | identicon-ae4b68364c461f7c1ebb1f3006c8aa6759dd1655.tar.gz identicon-ae4b68364c461f7c1ebb1f3006c8aa6759dd1655.tar.bz2 identicon-ae4b68364c461f7c1ebb1f3006c8aa6759dd1655.zip |
Add scripts to manage demo website
-rw-r--r-- | .gitignore | 1 | ||||
-rw-r--r-- | index.html | 74 | ||||
-rwxr-xr-x | mksite | 23 |
3 files changed, 98 insertions, 0 deletions
@@ -1 +1,2 @@ target/ +.ghpages diff --git a/index.html b/index.html new file mode 100644 index 0000000..49ee9ff --- /dev/null +++ b/index.html @@ -0,0 +1,74 @@ +<!doctype html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <style> + * { + box-sizing: border-box; + } + html, body { + font-family: sans-serif; + width: 100%; + height: 100%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + } + div { + border: 1px solid #f1f1f1; + border-radius: .25em; + padding: 1em; + margin: 1em; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + width: 400px; + } + input[type=text] { + display: block; + margin-top: 1em; + margin-bottom: 1em; + border: 1px solid #f1f1f1; + border-radius: 2px; + padding: 0.5em; + width: 100%; + } + button { + border-radius: 2px; + background-color: #0daa1a; + color: #ffffff; + padding: 1em; + border: none; + cursor: pointer; + width: 100%; + } + button:hover { + opacity: 0.8; + } + + img { + width: 100%; + } + </style> + </head> + <body> + <div> + <form action="javascript:void(0);" onsubmit="generate()"> + <input type="text" id="name" name="name" placeholder="Username" oninput="generate()" autofocus /> + <button type="submit">Generate Identicon</button> + </form> + </div> + <div> + <img id="image" alt="identicon" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPjxyZWN0IHg9IjAiIHk9IjEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHN0eWxlPSJmaWxsOiMyMjdiN2Y7c3Ryb2tlOiMyMjdiN2Y7c3Ryb2tlLXdpZHRoOjAuMDUiLz48cmVjdCB4PSI0IiB5PSIxIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBzdHlsZT0iZmlsbDojMjI3YjdmO3N0cm9rZTojMjI3YjdmO3N0cm9rZS13aWR0aDowLjA1Ii8+PHJlY3QgeD0iMSIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgc3R5bGU9ImZpbGw6IzIyN2I3ZjtzdHJva2U6IzIyN2I3ZjtzdHJva2Utd2lkdGg6MC4wNSIvPjxyZWN0IHg9IjMiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHN0eWxlPSJmaWxsOiMyMjdiN2Y7c3Ryb2tlOiMyMjdiN2Y7c3Ryb2tlLXdpZHRoOjAuMDUiLz48cmVjdCB4PSIxIiB5PSIxIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBzdHlsZT0iZmlsbDojMjI3YjdmO3N0cm9rZTojMjI3YjdmO3N0cm9rZS13aWR0aDowLjA1Ii8+PHJlY3QgeD0iMyIgeT0iMSIgd2lkdGg9IjEiIGhlaWdodD0iMSIgc3R5bGU9ImZpbGw6IzIyN2I3ZjtzdHJva2U6IzIyN2I3ZjtzdHJva2Utd2lkdGg6MC4wNSIvPjxyZWN0IHg9IjEiIHk9IjMiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHN0eWxlPSJmaWxsOiMyMjdiN2Y7c3Ryb2tlOiMyMjdiN2Y7c3Ryb2tlLXdpZHRoOjAuMDUiLz48cmVjdCB4PSIzIiB5PSIzIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBzdHlsZT0iZmlsbDojMjI3YjdmO3N0cm9rZTojMjI3YjdmO3N0cm9rZS13aWR0aDowLjA1Ii8+PHJlY3QgeD0iMSIgeT0iNCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgc3R5bGU9ImZpbGw6IzIyN2I3ZjtzdHJva2U6IzIyN2I3ZjtzdHJva2Utd2lkdGg6MC4wNSIvPjxyZWN0IHg9IjMiIHk9IjQiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHN0eWxlPSJmaWxsOiMyMjdiN2Y7c3Ryb2tlOiMyMjdiN2Y7c3Ryb2tlLXdpZHRoOjAuMDUiLz48cmVjdCB4PSIyIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBzdHlsZT0iZmlsbDojMjI3YjdmO3N0cm9rZTojMjI3YjdmO3N0cm9rZS13aWR0aDowLjA1Ii8+PHJlY3QgeD0iMiIgeT0iMSIgd2lkdGg9IjEiIGhlaWdodD0iMSIgc3R5bGU9ImZpbGw6IzIyN2I3ZjtzdHJva2U6IzIyN2I3ZjtzdHJva2Utd2lkdGg6MC4wNSIvPjxyZWN0IHg9IjIiIHk9IjIiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHN0eWxlPSJmaWxsOiMyMjdiN2Y7c3Ryb2tlOiMyMjdiN2Y7c3Ryb2tlLXdpZHRoOjAuMDUiLz48cmVjdCB4PSIyIiB5PSIzIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBzdHlsZT0iZmlsbDojMjI3YjdmO3N0cm9rZTojMjI3YjdmO3N0cm9rZS13aWR0aDowLjA1Ii8+PHJlY3QgeD0iMiIgeT0iNCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgc3R5bGU9ImZpbGw6IzIyN2I3ZjtzdHJva2U6IzIyN2I3ZjtzdHJva2Utd2lkdGg6MC4wNSIvPjwvc3ZnPg=="> + </div> + <script type="text/javascript" src="identicon-opt.js"></script> + <script type="text/javascript"> + function generate() { + var input = document.getElementById("name").value + var svg = identicon.url(input) + document.getElementById("image").src = svg + } + </script> + + </body> +</html> @@ -0,0 +1,23 @@ +#!/bin/bash +set -o errexit + +ghpages=.ghpages +git_url="git@github.com:jodersky/scala-identicon.git" + +sbt fullOptJS +mkdir -p "$ghpages" +cp -f index.html "$ghpages" +cp -f js/target/scala-2.12/identicon-opt.js "$ghpages" + +case "$1" in + publish) + echo "Publishing website" >&2 + git -C "$ghpages" init + git -C "$ghpages" add . + git -C "$ghpages" commit -m "Publish website" || true + git -C "$ghpages" push -f "$git_url" master:gh-pages + ;; + *) + echo "Skipping publish step" >&2 + ;; +esac |