jon.recoil.org
this repo has no description
1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5 <meta charset="utf-8">
6 <meta name="viewport" content="width=device-width,initial-scale=1.0">
7 <script type="text/javascript" defer src="dynamic.bc.js"></script>
8 <!-- <script type="text/javascript" defer src="index.js"></script> -->
9 <title>Merlin the web</title>
10 <style>
11 @import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=swap');
12
13 body {
14 background-color: #4c4956;
15 font-family: 'Fira Code', monospace
16 }
17
18 p {
19 width: 50%;
20 margin: auto;
21 margin-top: 2rem;
22 color: white;
23 }
24
25 a {
26 color: lightskyblue
27 }
28
29 #editor {
30 min-width: 30rem;
31 width: 50%;
32 height: 500px;
33 border: 1px solid #ddd;
34 border-radius: 0.5rem;
35 overflow: hidden;
36 margin: auto;
37 margin-top: 2rem;
38 background-color: white;
39 }
40
41 @media (max-width: 1200px) {
42 #editor {
43 min-width: none;
44 width: 90%;
45 }
46 }
47
48
49 .cm-editor {
50 height: 100%;
51 }
52
53 .cm-tooltip,
54 .cm-completionLabel,
55 .cm-completionMatchedText,
56 .cm-completionDetail {
57 font-family: 'Fira Code', monospace;
58 font-size: 0.8rem;
59 }
60
61 .cm-editor .cm-tooltip {
62 max-width: 25rem;
63 border-radius: 0.25rem;
64 overflow: hidden;
65 }
66
67 .cm-editor .cm-tooltip-hover {
68 padding-left: 0.5rem;
69 padding-right: 0.5rem;
70 padding-top: 0.25rem;
71 padding-bottom: 0.25rem;
72 }
73
74 .cm-editor .cm-content {
75 font-family: 'Fira Code', monospace;
76 }
77 </style>
78</head>
79
80<body>
81 <noscript>Sorry, you need to enable JavaScript to see this page.</noscript>
82 <p>This example demonstrates merlin with dynamic loading of cmis. Load the
83 'Network' tab of the developer tools to see the requests and responses.
84 See also the <a href="index.html">static example</a>.
85 </p>
86 <div id="editor"></div>
87</body>
88
89</html>