blockworks-foundation
/
og-image
mirror of https://github.com/blockworks-foundation/og-image.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Add index.html and favicon

This commit is contained in:
Steven 2019-01-21 16:30:12 -05:00
parent c5fbbe963b
commit 38d65650c1
3 changed files with 72 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
now.json
View File

@ -3,9 +3,12 @@
"alias": "og-image.now.sh",
"version": 2,
"builds": [
{ "src": "public/*", "use": "@now/static" },
{ "src": "card.ts", "use": "@now/node@canary", "config": { "maxLambdaSize": "40mb" } }
],
"routes": [
{ "src": "/(.*)", "dest": "/card.ts" }
{ "src": "/", "dest": "/public/index.html" },
{ "src": "/favicon.ico", "dest": "/public/favicon.ico" },
{ "src": "/(.+)", "dest": "/card.ts" }
]
}

BIN
public/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

68
public/index.html Normal file
View File

@ -0,0 +1,68 @@
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Screenshot as a service</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<style>
body {
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
margin: 20px;
}
.container {
display: flex;
justify-content: center;
width: 100%;
}
a {
cursor: pointer;
color: #0076FF;
text-decoration: none;
transition: all 0.2s ease;
border-bottom: 1px solid white;
}
a:hover {
border-bottom: 1px solid #0076FF;
}
ul {
padding: 0;
list-style-type: none;
margin-left: 15px;
}
li {
margin-bottom: 10px;
}
li:before {
content: '–';
display: inline-block;
color: #999;
position: absolute;
margin-left: -15px;
transition: color 0.2s ease;
}
</style>
<body>
<div class="container">
<div class="wrapper">
<h1>Open Graph Image as a service</h1>
<p>Please provide text content for the image or choose one of the following:</p>
<ul>
<li><a href="/hello world.png">/hello world.png</a></li>
<li><a href="/hello world.jpeg">/hello world.jpeg</a></li>
<li><a href="/small world.png?fontSize=50px&fontWeight=normal">/small world.png?fontSize=50px&fontWeight=normal</a></li>
<li><a href="/Multiple Images.png?images=https://assets.zeit.co/image/upload/front/assets/design/zeit-black-full-logo.svg&images=https://assets.zeit.co/image/upload/front/assets/design/zeit-white-full-logo.svg">/Multiple Images.png?images=https://assets.zeit.co/image/upload/front/assets/design/zeit-black-full-logo.svg&images=https://assets.zeit.co/image/upload/front/assets/design/zeit-white-full-logo.svg</a></li>
</ul>
</div>
</div>
</body>
</html>