Fork of github.com/did-method-plc/did-method-plc
edouard.paris
1<!doctype html>
2<html lang="en">
3<head>
4 <meta charset="utf-8">
5 <meta name="referrer" content="origin-when-cross-origin">
6 <meta name="viewport" content="width=device-width, initial-scale=1">
7 <link rel="stylesheet" href="/static/pico.min.css">
8 <title>{%- block head_title -%}did:plc Directory{%- endblock -%}</title>
9 <style>
10html { position: relative; min-height: 100%; height: auto; }
11body { margin-bottom: 3em; }
12body > nav { background-color: var(--muted-border-color); }
13body > footer { position: absolute; bottom: 0px; padding: 2em; background-color: var(--muted-border-color); }
14thead th { font-weight: bold; }
15main article { margin: 2.5rem 0; padding: 2rem; }
16
17/* Green Light scheme (Default) */
18/* Can be forced with data-theme="light" */
19[data-theme="light"],
20:root:not([data-theme="dark"]) {
21 --color: black;
22 --primary: #3949ab;
23 --primary-hover: #3f51b5;
24 --primary-focus: rgba(57, 73, 171, 0.125);
25 --primary-inverse: #FFF;
26 --code-color: var(--color);
27}
28
29/* Green Dark scheme (Auto) */
30/* Automatically enabled if user has Dark mode enabled */
31@media only screen and (prefers-color-scheme: dark) {
32 :root:not([data-theme]) {
33 --color: white;
34 --primary: #3949ab;
35 --primary-hover: #3f51b5;
36 --primary-focus: rgba(57, 73, 171, 0.25);
37 --primary-inverse: #FFF;
38 --code-color: var(--color);
39 }
40}
41
42/* Green Dark scheme (Forced) */
43/* Enabled if forced with data-theme="dark" */
44[data-theme="dark"] {
45 --color: white;
46 /* --muted-color: white; */
47 --primary: #3949ab;
48 --primary-hover: #3f51b5;
49 --primary-focus: rgba(57, 73, 171, 0.25);
50 --primary-inverse: #FFF;
51 --code-color: var(--color);
52}
53
54/* Green (Common styles) */
55:root {
56 --form-element-active-border-color: var(--primary);
57 --form-element-focus-color: var(--primary-focus);
58 --switch-color: var(--primary-inverse);
59 --switch-checked-background-color: var(--primary);
60}
61 </style>
62 {# <link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png"> #}
63 {# <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png"> #}
64 {# <link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png"> #}
65 {% block html_head_extra -%}{%- endblock %}
66 <meta name="application-name" name="DID PLC Directory">
67 <meta name="generator" name="webplc">
68</head>
69<body>
70{%- block body_all %}
71<nav class="container-fluid">
72 <ul>
73 <li><a href="/"><strong>did:plc</strong></a></li>
74 </ul>
75 <ul>
76 <li><a href="/resolve" >Lookup</a> </li>
77 <li><a href="/api/redoc" >API</a> </li>
78 <li><a href="/spec/v0.1/did-plc" >Specification</a> </li>
79 <li><a href="https://github.com/did-method-plc/did-method-plc">Code</a></li>
80 </ul>
81</nav>
82
83<main class="container">
84 {% block main %}{% endblock %}
85</main>
86
87<footer class="container-fluid">
88 <div class="container">
89 <small>Developed by <a href="https://bsky.social">Bluesky Social PBC</a> for <a href="https://atproto.com">atproto</a></small>
90 </div>
91</footer>
92{% endblock -%}
93</body>
94</html>