UNPKG

9.32 kBHTMLView Raw
1<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"/><link rel="“canonical”" href="“https://prisma.studio”"/><link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png"/><link href="https://fonts.googleapis.com/css?family=Inconsolata&display=swap" rel="stylesheet"/><title>Datasets</title><style>* {
2 font-family: 'Inconsolata', monospace;
3 user-select: none;
4 }
5
6 body {
7 height: 100vh;
8 width: 100vw;
9 overflow: hidden;
10 margin: 0;
11 padding: 0;
12 }
13
14 .header {
15 display: flex;
16 justify-content: center;
17 flex: 0 0 40px;
18 margin-top: 20px;
19 }
20
21 .prismaLogo {
22 width: 24px;
23 height: 24px;
24 }
25
26 .link {
27 line-height: 18px;
28 cursor: pointer;
29 color: black;
30 text-decoration: none;
31 border-bottom: 1px solid transparent;
32 transition: opacity 0.3s;
33 }
34
35 .link:hover {
36 opacity: 1;
37 border-bottom: 1px solid black;
38 }
39
40 .content {
41 position: fixed;
42 top: 50%;
43 left: 50%;
44 transform: translate(-50%, -50%);
45 display: flex;
46 flex-direction: column;
47 align-items: center;
48 }
49
50 .projects {
51 display: flex;
52 flex-direction: column;
53 flex: 1;
54 width: 350px;
55 }
56
57 .project {
58 display: flex;
59 align-items: center;
60 flex: 0 0 35px;
61 }
62
63 .icon {
64 flex: 0 0 12px;
65 margin-right: 20px;
66 }
67
68 .title {
69 opacty: 0.7;
70 font-size: 14px;
71 }
72
73 .spacing {
74 flex: 1;
75 }
76
77 .url {
78 flex: 0 0 14px;
79 }
80
81 .disclaimer {
82 margin-top: 160px;
83 text-align: center;
84 opacity: 0.8;
85 font-size: 14px;
86 }</style></head><body><div class="header"><a class="url" href="https://prisma.io" target="_blank" rel="noreferrer noopener"><svg class="prismaLogo" viewBox="0 0 34 40" width="34" height="40" fill="black"><path fillRule="evenodd" clipRule="evenodd" d="M32.908 30.475L19.151 1.26a2.208 2.208 0 0 0-1.88-1.257 2.183 2.183 0 0 0-2.01 1.042L.34 25.212a2.26 2.26 0 0 0 .025 2.426L7.66 38.935a2.346 2.346 0 0 0 2.635.969l21.17-6.262a2.32 2.32 0 0 0 1.457-1.258 2.27 2.27 0 0 0-.013-1.91zm-3.08 1.253L11.864 37.04c-.548.163-1.074-.312-.96-.865l6.418-30.731c.12-.575.914-.666 1.165-.134l11.881 25.23a.858.858 0 0 1-.541 1.188z"/></svg></a></div><div class="content"><div class="projects"><div class="project"><svg class="icon" viewBox="0 0 28 40"><g><g><g><path d="M6.645,19.442H5.318v3.582h1.327C8.804,23.024,8.9,19.442,6.645,19.442z"/><polygon points="11.72,21.969 13.607,21.969 12.704,19.994 "/><path d="M23,15H1c-0.55,0-1,0.45-1,1v10c0,0.55,0.45,1,1,1h22c0.551,0,1-0.45,1-1V16C24,15.45,23.551,15,23,15z M6.717,24H4.814 c-0.264,0-0.552-0.145-0.552-0.496v-4.541c0-0.288,0.288-0.496,0.552-0.496h1.831C10.299,18.467,10.219,24,6.717,24z M14.527,23.729l-0.353-0.704h-2.95l-0.344,0.704C10.752,24,10.457,24.057,10.168,24c-0.256-0.145-0.415-0.432-0.256-0.768 l2.295-4.485c0.216-0.424,0.792-0.44,0.992,0l2.253,4.485C15.781,23.855,14.814,24.352,14.527,23.729z M19.561,19.467h-1.328 v4.037c0,0.695-1.055,0.712-1.055,0v-4.037h-1.398c-0.697,0-0.697-1.023,0-1.023h3.781 C20.271,18.443,20.271,19.467,19.561,19.467z"/></g><path d="M27,7.586L20.414,1C19.836,0.42,18.82,0,18,0H7C5.346,0,4,1.346,4,3v10c0,0.553,0.447,1,1,1s1-0.447,1-1V3 c0-0.551,0.448-1,1-1h9c1.105,0,2,0.896,2,2v3.75C18,8.988,19.014,10,20.25,10H24c1.105,0,2,0.896,2,2v17c0,0.551-0.447,1-1,1H7 c-0.552,0-1-0.449-1-1c0-0.553-0.447-1-1-1s-1,0.447-1,1c0,1.654,1.346,3,3,3h18c1.654,0,3-1.346,3-3V10 C28,9.181,27.58,8.165,27,7.586z"/></g></g></svg> <a href="./preview?project=capabilities" class="title link">Capabilities / Kitchensink</a><div class="spacing"></div></div><div class="project"><svg class="icon" viewBox="0 0 28 40"><g><g><g><path d="M6.645,19.442H5.318v3.582h1.327C8.804,23.024,8.9,19.442,6.645,19.442z"/><polygon points="11.72,21.969 13.607,21.969 12.704,19.994 "/><path d="M23,15H1c-0.55,0-1,0.45-1,1v10c0,0.55,0.45,1,1,1h22c0.551,0,1-0.45,1-1V16C24,15.45,23.551,15,23,15z M6.717,24H4.814 c-0.264,0-0.552-0.145-0.552-0.496v-4.541c0-0.288,0.288-0.496,0.552-0.496h1.831C10.299,18.467,10.219,24,6.717,24z M14.527,23.729l-0.353-0.704h-2.95l-0.344,0.704C10.752,24,10.457,24.057,10.168,24c-0.256-0.145-0.415-0.432-0.256-0.768 l2.295-4.485c0.216-0.424,0.792-0.44,0.992,0l2.253,4.485C15.781,23.855,14.814,24.352,14.527,23.729z M19.561,19.467h-1.328 v4.037c0,0.695-1.055,0.712-1.055,0v-4.037h-1.398c-0.697,0-0.697-1.023,0-1.023h3.781 C20.271,18.443,20.271,19.467,19.561,19.467z"/></g><path d="M27,7.586L20.414,1C19.836,0.42,18.82,0,18,0H7C5.346,0,4,1.346,4,3v10c0,0.553,0.447,1,1,1s1-0.447,1-1V3 c0-0.551,0.448-1,1-1h9c1.105,0,2,0.896,2,2v3.75C18,8.988,19.014,10,20.25,10H24c1.105,0,2,0.896,2,2v17c0,0.551-0.447,1-1,1H7 c-0.552,0-1-0.449-1-1c0-0.553-0.447-1-1-1s-1,0.447-1,1c0,1.654,1.346,3,3,3h18c1.654,0,3-1.346,3-3V10 C28,9.181,27.58,8.165,27,7.586z"/></g></g></svg> <a href="./preview?project=chinook" class="title link">Chinook</a><div class="spacing"></div><a class="url" href="https://github.com/lerocha/chinook-database" target="_blank" rel="noreferrer noopener"><svg viewBox="0 0 44 44" fill="black"><path d="M31 0V4H37.2L27.6 13.6L30.4 16.4L40 6.8V13H44V0H31Z"/><path d="M34 15.6V17V19V40H4V10H25H27H28.4L32.4 6H31H29H0V44H38V15V13V11.6L34 15.6Z"/></svg></a></div><div class="project"><svg class="icon" viewBox="0 0 28 40"><g><g><g><path d="M6.645,19.442H5.318v3.582h1.327C8.804,23.024,8.9,19.442,6.645,19.442z"/><polygon points="11.72,21.969 13.607,21.969 12.704,19.994 "/><path d="M23,15H1c-0.55,0-1,0.45-1,1v10c0,0.55,0.45,1,1,1h22c0.551,0,1-0.45,1-1V16C24,15.45,23.551,15,23,15z M6.717,24H4.814 c-0.264,0-0.552-0.145-0.552-0.496v-4.541c0-0.288,0.288-0.496,0.552-0.496h1.831C10.299,18.467,10.219,24,6.717,24z M14.527,23.729l-0.353-0.704h-2.95l-0.344,0.704C10.752,24,10.457,24.057,10.168,24c-0.256-0.145-0.415-0.432-0.256-0.768 l2.295-4.485c0.216-0.424,0.792-0.44,0.992,0l2.253,4.485C15.781,23.855,14.814,24.352,14.527,23.729z M19.561,19.467h-1.328 v4.037c0,0.695-1.055,0.712-1.055,0v-4.037h-1.398c-0.697,0-0.697-1.023,0-1.023h3.781 C20.271,18.443,20.271,19.467,19.561,19.467z"/></g><path d="M27,7.586L20.414,1C19.836,0.42,18.82,0,18,0H7C5.346,0,4,1.346,4,3v10c0,0.553,0.447,1,1,1s1-0.447,1-1V3 c0-0.551,0.448-1,1-1h9c1.105,0,2,0.896,2,2v3.75C18,8.988,19.014,10,20.25,10H24c1.105,0,2,0.896,2,2v17c0,0.551-0.447,1-1,1H7 c-0.552,0-1-0.449-1-1c0-0.553-0.447-1-1-1s-1,0.447-1,1c0,1.654,1.346,3,3,3h18c1.654,0,3-1.346,3-3V10 C28,9.181,27.58,8.165,27,7.586z"/></g></g></svg> <a href="./preview?project=northwind" class="title link">Northwind</a><div class="spacing"></div><a class="url" href="https://github.com/pthom/northwind_psql" target="_blank" rel="noreferrer noopener"><svg viewBox="0 0 44 44" fill="black"><path d="M31 0V4H37.2L27.6 13.6L30.4 16.4L40 6.8V13H44V0H31Z"/><path d="M34 15.6V17V19V40H4V10H25H27H28.4L32.4 6H31H29H0V44H38V15V13V11.6L34 15.6Z"/></svg></a></div><div class="project"><svg class="icon" viewBox="0 0 28 40"><g><g><g><path d="M6.645,19.442H5.318v3.582h1.327C8.804,23.024,8.9,19.442,6.645,19.442z"/><polygon points="11.72,21.969 13.607,21.969 12.704,19.994 "/><path d="M23,15H1c-0.55,0-1,0.45-1,1v10c0,0.55,0.45,1,1,1h22c0.551,0,1-0.45,1-1V16C24,15.45,23.551,15,23,15z M6.717,24H4.814 c-0.264,0-0.552-0.145-0.552-0.496v-4.541c0-0.288,0.288-0.496,0.552-0.496h1.831C10.299,18.467,10.219,24,6.717,24z M14.527,23.729l-0.353-0.704h-2.95l-0.344,0.704C10.752,24,10.457,24.057,10.168,24c-0.256-0.145-0.415-0.432-0.256-0.768 l2.295-4.485c0.216-0.424,0.792-0.44,0.992,0l2.253,4.485C15.781,23.855,14.814,24.352,14.527,23.729z M19.561,19.467h-1.328 v4.037c0,0.695-1.055,0.712-1.055,0v-4.037h-1.398c-0.697,0-0.697-1.023,0-1.023h3.781 C20.271,18.443,20.271,19.467,19.561,19.467z"/></g><path d="M27,7.586L20.414,1C19.836,0.42,18.82,0,18,0H7C5.346,0,4,1.346,4,3v10c0,0.553,0.447,1,1,1s1-0.447,1-1V3 c0-0.551,0.448-1,1-1h9c1.105,0,2,0.896,2,2v3.75C18,8.988,19.014,10,20.25,10H24c1.105,0,2,0.896,2,2v17c0,0.551-0.447,1-1,1H7 c-0.552,0-1-0.449-1-1c0-0.553-0.447-1-1-1s-1,0.447-1,1c0,1.654,1.346,3,3,3h18c1.654,0,3-1.346,3-3V10 C28,9.181,27.58,8.165,27,7.586z"/></g></g></svg> <a href="./preview?project=sportsdb" class="title link">SportsDB</a><div class="spacing"></div><a class="url" href="http://www.sportsdb.org/sd/samples" target="_blank" rel="noreferrer noopener"><svg viewBox="0 0 44 44" fill="black"><path d="M31 0V4H37.2L27.6 13.6L30.4 16.4L40 6.8V13H44V0H31Z"/><path d="M34 15.6V17V19V40H4V10H25H27H28.4L32.4 6H31H29H0V44H38V15V13V11.6L34 15.6Z"/></svg></a></div></div><div class="disclaimer">The above are read-only, demo databases for Prisma Studio meant to showcase capabilities.<br/>You will be able to make changes in Studio, but you will not be able to persist them.</div></div></body><script></script></html>
\No newline at end of file