graphql_playground.html 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554
  1. {% load static %}
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <meta charset=utf-8 />
  6. <meta name="viewport" content="user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui">
  7. <title>Misago Admin GraphQL Playground</title>
  8. <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/graphql-playground-react/build/static/css/index.css" />
  9. <link rel="apple-touch-icon" href="{% static 'apple-touch-icon.png' %}">
  10. <link rel="apple-touch-icon" sizes="57x57" href="{% static 'apple-touch-icon-57.png' %}">
  11. <link rel="apple-touch-icon" sizes="72x72" href="{% static 'apple-touch-icon-72.png' %}">
  12. <link rel="apple-touch-icon" sizes="76x76" href="{% static 'apple-touch-icon-76.png' %}">
  13. <link rel="apple-touch-icon" sizes="80x80" href="{% static 'apple-touch-icon-80.png' %}">
  14. <link rel="apple-touch-icon" sizes="114x114" href="{% static 'apple-touch-icon-114.png' %}">
  15. <link rel="apple-touch-icon" sizes="120x120" href="{% static 'apple-touch-icon-120.png' %}">
  16. <link rel="apple-touch-icon" sizes="144x144" href="{% static 'apple-touch-icon-144.png' %}">
  17. <link rel="apple-touch-icon" sizes="152x152" href="{% static 'apple-touch-icon-152.png' %}">
  18. <link rel="apple-touch-icon" sizes="167x167" href="{% static 'apple-touch-icon-167.png' %}">
  19. <link rel="apple-touch-icon" sizes="180x180" href="{% static 'apple-touch-icon-180.png' %}">
  20. <link rel="shortcut icon" href="{% static 'favicon.ico' %}">
  21. <link rel="icon" sizes="16x16 32x32" href="{% static 'favicon.ico' %}">
  22. <script src="//cdn.jsdelivr.net/npm/graphql-playground-react/build/static/js/middleware.js"></script>
  23. </head>
  24. <body>
  25. <style type="text/css">
  26. html {
  27. font-family: "Open Sans", sans-serif;
  28. overflow: hidden;
  29. }
  30. body {
  31. margin: 0;
  32. background: #172a3a;
  33. }
  34. .playgroundIn {
  35. -webkit-animation: playgroundIn 0.5s ease-out forwards;
  36. animation: playgroundIn 0.5s ease-out forwards;
  37. }
  38. @-webkit-keyframes playgroundIn {
  39. from {
  40. opacity: 0;
  41. -webkit-transform: translateY(10px);
  42. -ms-transform: translateY(10px);
  43. transform: translateY(10px);
  44. }
  45. to {
  46. opacity: 1;
  47. -webkit-transform: translateY(0);
  48. -ms-transform: translateY(0);
  49. transform: translateY(0);
  50. }
  51. }
  52. @keyframes playgroundIn {
  53. from {
  54. opacity: 0;
  55. -webkit-transform: translateY(10px);
  56. -ms-transform: translateY(10px);
  57. transform: translateY(10px);
  58. }
  59. to {
  60. opacity: 1;
  61. -webkit-transform: translateY(0);
  62. -ms-transform: translateY(0);
  63. transform: translateY(0);
  64. }
  65. }
  66. </style>
  67. <style type="text/css">
  68. .fadeOut {
  69. -webkit-animation: fadeOut 0.5s ease-out forwards;
  70. animation: fadeOut 0.5s ease-out forwards;
  71. }
  72. @-webkit-keyframes fadeIn {
  73. from {
  74. opacity: 0;
  75. -webkit-transform: translateY(-10px);
  76. -ms-transform: translateY(-10px);
  77. transform: translateY(-10px);
  78. }
  79. to {
  80. opacity: 1;
  81. -webkit-transform: translateY(0);
  82. -ms-transform: translateY(0);
  83. transform: translateY(0);
  84. }
  85. }
  86. @keyframes fadeIn {
  87. from {
  88. opacity: 0;
  89. -webkit-transform: translateY(-10px);
  90. -ms-transform: translateY(-10px);
  91. transform: translateY(-10px);
  92. }
  93. to {
  94. opacity: 1;
  95. -webkit-transform: translateY(0);
  96. -ms-transform: translateY(0);
  97. transform: translateY(0);
  98. }
  99. }
  100. @-webkit-keyframes fadeOut {
  101. from {
  102. opacity: 1;
  103. -webkit-transform: translateY(0);
  104. -ms-transform: translateY(0);
  105. transform: translateY(0);
  106. }
  107. to {
  108. opacity: 0;
  109. -webkit-transform: translateY(-10px);
  110. -ms-transform: translateY(-10px);
  111. transform: translateY(-10px);
  112. }
  113. }
  114. @keyframes fadeOut {
  115. from {
  116. opacity: 1;
  117. -webkit-transform: translateY(0);
  118. -ms-transform: translateY(0);
  119. transform: translateY(0);
  120. }
  121. to {
  122. opacity: 0;
  123. -webkit-transform: translateY(-10px);
  124. -ms-transform: translateY(-10px);
  125. transform: translateY(-10px);
  126. }
  127. }
  128. @-webkit-keyframes appearIn {
  129. from {
  130. opacity: 0;
  131. -webkit-transform: translateY(0px);
  132. -ms-transform: translateY(0px);
  133. transform: translateY(0px);
  134. }
  135. to {
  136. opacity: 1;
  137. -webkit-transform: translateY(0);
  138. -ms-transform: translateY(0);
  139. transform: translateY(0);
  140. }
  141. }
  142. @keyframes appearIn {
  143. from {
  144. opacity: 0;
  145. -webkit-transform: translateY(0px);
  146. -ms-transform: translateY(0px);
  147. transform: translateY(0px);
  148. }
  149. to {
  150. opacity: 1;
  151. -webkit-transform: translateY(0);
  152. -ms-transform: translateY(0);
  153. transform: translateY(0);
  154. }
  155. }
  156. @-webkit-keyframes scaleIn {
  157. from {
  158. -webkit-transform: scale(0);
  159. -ms-transform: scale(0);
  160. transform: scale(0);
  161. }
  162. to {
  163. -webkit-transform: scale(1);
  164. -ms-transform: scale(1);
  165. transform: scale(1);
  166. }
  167. }
  168. @keyframes scaleIn {
  169. from {
  170. -webkit-transform: scale(0);
  171. -ms-transform: scale(0);
  172. transform: scale(0);
  173. }
  174. to {
  175. -webkit-transform: scale(1);
  176. -ms-transform: scale(1);
  177. transform: scale(1);
  178. }
  179. }
  180. @-webkit-keyframes innerDrawIn {
  181. 0% {
  182. stroke-dashoffset: 70;
  183. }
  184. 50% {
  185. stroke-dashoffset: 140;
  186. }
  187. 100% {
  188. stroke-dashoffset: 210;
  189. }
  190. }
  191. @keyframes innerDrawIn {
  192. 0% {
  193. stroke-dashoffset: 70;
  194. }
  195. 50% {
  196. stroke-dashoffset: 140;
  197. }
  198. 100% {
  199. stroke-dashoffset: 210;
  200. }
  201. }
  202. @-webkit-keyframes outerDrawIn {
  203. 0% {
  204. stroke-dashoffset: 76;
  205. }
  206. 100% {
  207. stroke-dashoffset: 152;
  208. }
  209. }
  210. @keyframes outerDrawIn {
  211. 0% {
  212. stroke-dashoffset: 76;
  213. }
  214. 100% {
  215. stroke-dashoffset: 152;
  216. }
  217. }
  218. .hHWjkv {
  219. -webkit-transform-origin: 0px 0px;
  220. -ms-transform-origin: 0px 0px;
  221. transform-origin: 0px 0px;
  222. -webkit-transform: scale(0);
  223. -ms-transform: scale(0);
  224. transform: scale(0);
  225. -webkit-animation: scaleIn 0.25s linear forwards 0.2222222222222222s;
  226. animation: scaleIn 0.25s linear forwards 0.2222222222222222s;
  227. }
  228. .gCDOzd {
  229. -webkit-transform-origin: 0px 0px;
  230. -ms-transform-origin: 0px 0px;
  231. transform-origin: 0px 0px;
  232. -webkit-transform: scale(0);
  233. -ms-transform: scale(0);
  234. transform: scale(0);
  235. -webkit-animation: scaleIn 0.25s linear forwards 0.4222222222222222s;
  236. animation: scaleIn 0.25s linear forwards 0.4222222222222222s;
  237. }
  238. .hmCcxi {
  239. -webkit-transform-origin: 0px 0px;
  240. -ms-transform-origin: 0px 0px;
  241. transform-origin: 0px 0px;
  242. -webkit-transform: scale(0);
  243. -ms-transform: scale(0);
  244. transform: scale(0);
  245. -webkit-animation: scaleIn 0.25s linear forwards 0.6222222222222222s;
  246. animation: scaleIn 0.25s linear forwards 0.6222222222222222s;
  247. }
  248. .eHamQi {
  249. -webkit-transform-origin: 0px 0px;
  250. -ms-transform-origin: 0px 0px;
  251. transform-origin: 0px 0px;
  252. -webkit-transform: scale(0);
  253. -ms-transform: scale(0);
  254. transform: scale(0);
  255. -webkit-animation: scaleIn 0.25s linear forwards 0.8222222222222223s;
  256. animation: scaleIn 0.25s linear forwards 0.8222222222222223s;
  257. }
  258. .byhgGu {
  259. -webkit-transform-origin: 0px 0px;
  260. -ms-transform-origin: 0px 0px;
  261. transform-origin: 0px 0px;
  262. -webkit-transform: scale(0);
  263. -ms-transform: scale(0);
  264. transform: scale(0);
  265. -webkit-animation: scaleIn 0.25s linear forwards 1.0222222222222221s;
  266. animation: scaleIn 0.25s linear forwards 1.0222222222222221s;
  267. }
  268. .llAKP {
  269. -webkit-transform-origin: 0px 0px;
  270. -ms-transform-origin: 0px 0px;
  271. transform-origin: 0px 0px;
  272. -webkit-transform: scale(0);
  273. -ms-transform: scale(0);
  274. transform: scale(0);
  275. -webkit-animation: scaleIn 0.25s linear forwards 1.2222222222222223s;
  276. animation: scaleIn 0.25s linear forwards 1.2222222222222223s;
  277. }
  278. .bglIGM {
  279. -webkit-transform-origin: 64px 28px;
  280. -ms-transform-origin: 64px 28px;
  281. transform-origin: 64px 28px;
  282. -webkit-transform: scale(0);
  283. -ms-transform: scale(0);
  284. transform: scale(0);
  285. -webkit-animation: scaleIn 0.25s linear forwards 0.2222222222222222s;
  286. animation: scaleIn 0.25s linear forwards 0.2222222222222222s;
  287. }
  288. .ksxRII {
  289. -webkit-transform-origin: 95.98500061035156px 46.510000228881836px;
  290. -ms-transform-origin: 95.98500061035156px 46.510000228881836px;
  291. transform-origin: 95.98500061035156px 46.510000228881836px;
  292. -webkit-transform: scale(0);
  293. -ms-transform: scale(0);
  294. transform: scale(0);
  295. -webkit-animation: scaleIn 0.25s linear forwards 0.4222222222222222s;
  296. animation: scaleIn 0.25s linear forwards 0.4222222222222222s;
  297. }
  298. .cWrBmb {
  299. -webkit-transform-origin: 95.97162628173828px 83.4900016784668px;
  300. -ms-transform-origin: 95.97162628173828px 83.4900016784668px;
  301. transform-origin: 95.97162628173828px 83.4900016784668px;
  302. -webkit-transform: scale(0);
  303. -ms-transform: scale(0);
  304. transform: scale(0);
  305. -webkit-animation: scaleIn 0.25s linear forwards 0.6222222222222222s;
  306. animation: scaleIn 0.25s linear forwards 0.6222222222222222s;
  307. }
  308. .Wnusb {
  309. -webkit-transform-origin: 64px 101.97999572753906px;
  310. -ms-transform-origin: 64px 101.97999572753906px;
  311. transform-origin: 64px 101.97999572753906px;
  312. -webkit-transform: scale(0);
  313. -ms-transform: scale(0);
  314. transform: scale(0);
  315. -webkit-animation: scaleIn 0.25s linear forwards 0.8222222222222223s;
  316. animation: scaleIn 0.25s linear forwards 0.8222222222222223s;
  317. }
  318. .bfPqf {
  319. -webkit-transform-origin: 32.03982162475586px 83.4900016784668px;
  320. -ms-transform-origin: 32.03982162475586px 83.4900016784668px;
  321. transform-origin: 32.03982162475586px 83.4900016784668px;
  322. -webkit-transform: scale(0);
  323. -ms-transform: scale(0);
  324. transform: scale(0);
  325. -webkit-animation: scaleIn 0.25s linear forwards 1.0222222222222221s;
  326. animation: scaleIn 0.25s linear forwards 1.0222222222222221s;
  327. }
  328. .edRCTN {
  329. -webkit-transform-origin: 32.033552169799805px 46.510000228881836px;
  330. -ms-transform-origin: 32.033552169799805px 46.510000228881836px;
  331. transform-origin: 32.033552169799805px 46.510000228881836px;
  332. -webkit-transform: scale(0);
  333. -ms-transform: scale(0);
  334. transform: scale(0);
  335. -webkit-animation: scaleIn 0.25s linear forwards 1.2222222222222223s;
  336. animation: scaleIn 0.25s linear forwards 1.2222222222222223s;
  337. }
  338. .iEGVWn {
  339. opacity: 0;
  340. stroke-dasharray: 76;
  341. -webkit-animation: outerDrawIn 0.5s ease-out forwards 0.3333333333333333s, appearIn 0.1s ease-out forwards 0.3333333333333333s;
  342. animation: outerDrawIn 0.5s ease-out forwards 0.3333333333333333s, appearIn 0.1s ease-out forwards 0.3333333333333333s;
  343. -webkit-animation-iteration-count: 1, 1;
  344. animation-iteration-count: 1, 1;
  345. }
  346. .bsocdx {
  347. opacity: 0;
  348. stroke-dasharray: 76;
  349. -webkit-animation: outerDrawIn 0.5s ease-out forwards 0.5333333333333333s, appearIn 0.1s ease-out forwards 0.5333333333333333s;
  350. animation: outerDrawIn 0.5s ease-out forwards 0.5333333333333333s, appearIn 0.1s ease-out forwards 0.5333333333333333s;
  351. -webkit-animation-iteration-count: 1, 1;
  352. animation-iteration-count: 1, 1;
  353. }
  354. .jAZXmP {
  355. opacity: 0;
  356. stroke-dasharray: 76;
  357. -webkit-animation: outerDrawIn 0.5s ease-out forwards 0.7333333333333334s, appearIn 0.1s ease-out forwards 0.7333333333333334s;
  358. animation: outerDrawIn 0.5s ease-out forwards 0.7333333333333334s, appearIn 0.1s ease-out forwards 0.7333333333333334s;
  359. -webkit-animation-iteration-count: 1, 1;
  360. animation-iteration-count: 1, 1;
  361. }
  362. .hSeArx {
  363. opacity: 0;
  364. stroke-dasharray: 76;
  365. -webkit-animation: outerDrawIn 0.5s ease-out forwards 0.9333333333333333s, appearIn 0.1s ease-out forwards 0.9333333333333333s;
  366. animation: outerDrawIn 0.5s ease-out forwards 0.9333333333333333s, appearIn 0.1s ease-out forwards 0.9333333333333333s;
  367. -webkit-animation-iteration-count: 1, 1;
  368. animation-iteration-count: 1, 1;
  369. }
  370. .bVgqGk {
  371. opacity: 0;
  372. stroke-dasharray: 76;
  373. -webkit-animation: outerDrawIn 0.5s ease-out forwards 1.1333333333333333s, appearIn 0.1s ease-out forwards 1.1333333333333333s;
  374. animation: outerDrawIn 0.5s ease-out forwards 1.1333333333333333s, appearIn 0.1s ease-out forwards 1.1333333333333333s;
  375. -webkit-animation-iteration-count: 1, 1;
  376. animation-iteration-count: 1, 1;
  377. }
  378. .hEFqBt {
  379. opacity: 0;
  380. stroke-dasharray: 76;
  381. -webkit-animation: outerDrawIn 0.5s ease-out forwards 1.3333333333333333s, appearIn 0.1s ease-out forwards 1.3333333333333333s;
  382. animation: outerDrawIn 0.5s ease-out forwards 1.3333333333333333s, appearIn 0.1s ease-out forwards 1.3333333333333333s;
  383. -webkit-animation-iteration-count: 1, 1;
  384. animation-iteration-count: 1, 1;
  385. }
  386. .dzEKCM {
  387. opacity: 0;
  388. stroke-dasharray: 70;
  389. -webkit-animation: innerDrawIn 1s ease-in-out forwards 1.3666666666666667s, appearIn 0.1s linear forwards 1.3666666666666667s;
  390. animation: innerDrawIn 1s ease-in-out forwards 1.3666666666666667s, appearIn 0.1s linear forwards 1.3666666666666667s;
  391. -webkit-animation-iteration-count: infinite, 1;
  392. animation-iteration-count: infinite, 1;
  393. }
  394. .DYnPx {
  395. opacity: 0;
  396. stroke-dasharray: 70;
  397. -webkit-animation: innerDrawIn 1s ease-in-out forwards 1.5333333333333332s, appearIn 0.1s linear forwards 1.5333333333333332s;
  398. animation: innerDrawIn 1s ease-in-out forwards 1.5333333333333332s, appearIn 0.1s linear forwards 1.5333333333333332s;
  399. -webkit-animation-iteration-count: infinite, 1;
  400. animation-iteration-count: infinite, 1;
  401. }
  402. .hjPEAQ {
  403. opacity: 0;
  404. stroke-dasharray: 70;
  405. -webkit-animation: innerDrawIn 1s ease-in-out forwards 1.7000000000000002s, appearIn 0.1s linear forwards 1.7000000000000002s;
  406. animation: innerDrawIn 1s ease-in-out forwards 1.7000000000000002s, appearIn 0.1s linear forwards 1.7000000000000002s;
  407. -webkit-animation-iteration-count: infinite, 1;
  408. animation-iteration-count: infinite, 1;
  409. }
  410. #loading-wrapper {
  411. position: absolute;
  412. width: 100vw;
  413. height: 100vh;
  414. display: -webkit-box;
  415. display: -webkit-flex;
  416. display: -ms-flexbox;
  417. display: flex;
  418. -webkit-align-items: center;
  419. -webkit-box-align: center;
  420. -ms-flex-align: center;
  421. align-items: center;
  422. -webkit-box-pack: center;
  423. -webkit-justify-content: center;
  424. -ms-flex-pack: center;
  425. justify-content: center;
  426. -webkit-flex-direction: column;
  427. -ms-flex-direction: column;
  428. flex-direction: column;
  429. }
  430. .logo {
  431. width: 75px;
  432. height: 75px;
  433. margin-bottom: 20px;
  434. opacity: 0;
  435. -webkit-animation: fadeIn 0.5s ease-out forwards;
  436. animation: fadeIn 0.5s ease-out forwards;
  437. }
  438. .text {
  439. font-size: 32px;
  440. font-weight: 200;
  441. text-align: center;
  442. color: rgba(255, 255, 255, 0.6);
  443. opacity: 0;
  444. -webkit-animation: fadeIn 0.5s ease-out forwards;
  445. animation: fadeIn 0.5s ease-out forwards;
  446. }
  447. .dGfHfc {
  448. font-weight: 400;
  449. }
  450. </style>
  451. <div id="loading-wrapper">
  452. <svg class="logo" viewBox="0 0 128 128" xmlns:xlink="http://www.w3.org/1999/xlink">
  453. <title>GraphQL Playground Logo</title>
  454. <defs>
  455. <linearGradient id="linearGradient-1" x1="4.86%" x2="96.21%" y1="0%" y2="99.66%">
  456. <stop stop-color="#E00082" stop-opacity=".8" offset="0%"></stop>
  457. <stop stop-color="#E00082" offset="100%"></stop>
  458. </linearGradient>
  459. </defs>
  460. <g>
  461. <rect id="Gradient" width="127.96" height="127.96" y="1" fill="url(#linearGradient-1)" rx="4"></rect>
  462. <path id="Border" fill="#E00082" fill-rule="nonzero" d="M4.7 2.84c-1.58 0-2.86 1.28-2.86 2.85v116.57c0 1.57 1.28 2.84 2.85 2.84h116.57c1.57 0 2.84-1.26 2.84-2.83V5.67c0-1.55-1.26-2.83-2.83-2.83H4.67zM4.7 0h116.58c3.14 0 5.68 2.55 5.68 5.7v116.58c0 3.14-2.54 5.68-5.68 5.68H4.68c-3.13 0-5.68-2.54-5.68-5.68V5.68C-1 2.56 1.55 0 4.7 0z"></path>
  463. <path class="bglIGM" x="64" y="28" fill="#fff" d="M64 36c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8" style="transform: translate(100px, 100px);"></path>
  464. <path class="ksxRII" x="95.98500061035156" y="46.510000228881836" fill="#fff" d="M89.04 50.52c-2.2-3.84-.9-8.73 2.94-10.96 3.83-2.2 8.72-.9 10.95 2.94 2.2 3.84.9 8.73-2.94 10.96-3.85 2.2-8.76.9-10.97-2.94"
  465. style="transform: translate(100px, 100px);"></path>
  466. <path class="cWrBmb" x="95.97162628173828" y="83.4900016784668" fill="#fff" d="M102.9 87.5c-2.2 3.84-7.1 5.15-10.94 2.94-3.84-2.2-5.14-7.12-2.94-10.96 2.2-3.84 7.12-5.15 10.95-2.94 3.86 2.23 5.16 7.12 2.94 10.96"
  467. style="transform: translate(100px, 100px);"></path>
  468. <path class="Wnusb" x="64" y="101.97999572753906" fill="#fff" d="M64 110c-4.43 0-8-3.6-8-8.02 0-4.44 3.57-8.02 8-8.02s8 3.58 8 8.02c0 4.4-3.57 8.02-8 8.02"
  469. style="transform: translate(100px, 100px);"></path>
  470. <path class="bfPqf" x="32.03982162475586" y="83.4900016784668" fill="#fff" d="M25.1 87.5c-2.2-3.84-.9-8.73 2.93-10.96 3.83-2.2 8.72-.9 10.95 2.94 2.2 3.84.9 8.73-2.94 10.96-3.85 2.2-8.74.9-10.95-2.94"
  471. style="transform: translate(100px, 100px);"></path>
  472. <path class="edRCTN" x="32.033552169799805" y="46.510000228881836" fill="#fff" d="M38.96 50.52c-2.2 3.84-7.12 5.15-10.95 2.94-3.82-2.2-5.12-7.12-2.92-10.96 2.2-3.84 7.12-5.15 10.95-2.94 3.83 2.23 5.14 7.12 2.94 10.96"
  473. style="transform: translate(100px, 100px);"></path>
  474. <path class="iEGVWn" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" d="M63.55 27.5l32.9 19-32.9-19z"></path>
  475. <path class="bsocdx" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" d="M96 46v38-38z"></path>
  476. <path class="jAZXmP" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" d="M96.45 84.5l-32.9 19 32.9-19z"></path>
  477. <path class="hSeArx" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" d="M64.45 103.5l-32.9-19 32.9 19z"></path>
  478. <path class="bVgqGk" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" d="M32 84V46v38z"></path>
  479. <path class="hEFqBt" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" d="M31.55 46.5l32.9-19-32.9 19z"></path>
  480. <path class="dzEKCM" id="Triangle-Bottom" stroke="#fff" stroke-width="4" d="M30 84h70" stroke-linecap="round"></path>
  481. <path class="DYnPx" id="Triangle-Left" stroke="#fff" stroke-width="4" d="M65 26L30 87" stroke-linecap="round"></path>
  482. <path class="hjPEAQ" id="Triangle-Right" stroke="#fff" stroke-width="4" d="M98 87L63 26" stroke-linecap="round"></path>
  483. </g>
  484. </svg>
  485. <div class="text">Loading
  486. <span class="dGfHfc">GraphQL Playground</span>
  487. </div>
  488. </div>
  489. <div id="root" />
  490. <script type="text/javascript">
  491. window.addEventListener('load', function (event) {
  492. const loadingWrapper = document.getElementById('loading-wrapper');
  493. loadingWrapper.classList.add('fadeOut');
  494. const root = document.getElementById('root');
  495. root.classList.add('playgroundIn');
  496. GraphQLPlayground.init(root, {
  497. 'request.credentials': 'same-origin',
  498. 'schema.polling.interval': 5000
  499. })
  500. })
  501. </script>
  502. </body>
  503. </html>